/* Sets up global styles */

* {
margin:0;
padding:0;
}

html {
font-size: 62.5%;
font-family: 'Alegreya Sans', sans-serif; /* Defines the font for the site */
}

body {
background-color:#fff;
}

p {
font-size:180%;
	line-height:1.5em;
	color:#444;
	margin:8px 0;
	}

p.bold {
	font-weight: bold;	
	}

h1 {
color:#ac1d55;
font-size:300%;
}
	
h2 {
color:#ac1d55;
font-size:200%;
margin:16px 0;
	}
	
ul {
font-size:200%;
margin:10px 0 10px 30px;
color:##ac1d55;
text-align:left !important; 
}

ul li {
	line-height:2.6rem; 
	text-align:left !important; 
}

a:link, a:visited {
color:#ac1d55;
text-align:left !important; 
}

a:hover {
color:#000;
}

li a {
text-decoration:none;
text-align:left !important; 
}

/* Styles up the masthead */
header {
}

#masthead1 p {
color:#fff;
}

#masthead1 {
padding:10px;
}

#masthead1 img {
width:100%;
}

#masthead2 {
padding:0 0 0 10px;
}

#masthead2 p {
font-size:2rem;
line-height:1.9rem;
}

#masthead2 span {
display:block;
}

#masthead2 ul.wide-menu {
display:none;
}

#contact-info a:link, #contact-info a:visited {
	color:#444;
	text-decoration:none;
	}
	
	#contact-info a:hover {
		color:#ac1d55;
		text-decoration:none;
	}

#contact-info p span.email-word {
display:none;
}

 
.back-to-top { 
background: none; 
margin: 0; 
position: fixed; 
bottom: 0; 
right: 0; 
width: 50px; 
height: 30px; 
z-index: 999; 
display: none; 
text-decoration: none; 
color: #ffffff; 
}
  
.back-to-top i {
  font-size: 30px;

}

@media (min-width:350px) {
#masthead1 img {
max-width:326px;
}
}

@media (min-width:770px) {
header {
max-width:1140px;
margin:0 auto;
}

div.navHeader {
display:none;
}

#masthead1{
width:325px;
margin:0 auto;
float:left;
}

#masthead2 {
width:750px;
float:right;
}

#masthead2 ul.wide-menu {
display:block;
}

#masthead2 #contact-info {
margin:30px 0 0 0;
}

#masthead2 p{
float:right;
margin-bottom:28px;
}

#masthead2 p span {
display:inline;
}

#masthead2 span.phone {
margin:0 50px 0 0;
}

span.email-word {
display:inline;
}

#main-menu ul {
list-style:none;
float:right;
}

#main-menu ul li {
float:left;
padding:0 30px 0 0;
text-transform:uppercase;
}

#main-menu ul li:last-of-type {
padding-right:0;
}

}

/* Styles up the hamburger menu for mobiles etc. */

img.hamburger {
  background: none;
  line-height: 45px;
  padding: 12px 15px 0px 0;
  border: 0;
  font-size: 1.4em;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

.menu {
  z-index: 1000000;
  font-weight: bold;
  font-size: 0.8em;
  width: 100%;
  background: #ac1d55;
  color:#fff;
  text-align: center;
}

.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.menu ul a {
  display: block;
  padding: 15px 0 15px 0;
  color: #fff;
  border-bottom:1px solid #fff;
  font-size: x-large;
  text-decoration:none;
  font-size:1.9rem;
}

.menu ul a:hover {
  display: block;
  padding: 15px 0 15px 0;
  border-bottom: #fff 1px solid;
    background-color:#db5a8d;
}



@media (min-width:850px) {
div.hamburger {
display:none;
}
}

#slider-1 ul, #slider-1 ul li {
margin:0!important;
padding:0!important;
}

#slider-1 img {
width:100%;
height:100%!important;
}


.bx-controls {
display:none;
}

@media (min-width:450px) {
#slider-1 {
display:block;
background-color:#fff;
}

#slider-1 img {
width:100%;
height:100%!important;
}

#slider-1 div.bx-controls {
display:none;
}
}

/* End of slider styles */

/*Styles up the first row of the template (for index) */
#row1 {
background-color:#fff;
text-align:center !important; 
padding:10px;
}
#row1 footer{
background-color:#fff;
padding:10px; 
text-align:center !important; 
color:#333;
}
#row1 ul li {
padding:0 0 0 50px;
text-align:center;
list-style:none;
color:#333;
background-image:url("../images/orange-bullet.png");
background-repeat:no-repeat;
background-position:center left;
margin-top:8px;
}

#row1 a {
text-decoration:none;
text-align:center !important; 
}

#row1 div.box-holders {

padding:10px;
}

#row1 div.home-boxes {
background-color:#fff;
text-align:center !important; 
}

#row1 div.home-boxes h1 {
font-size:2rem;
padding:10px;
}

#row1 div.home-boxes p {
padding:10px;
}

p.pink-button {
margin-bottom:10px;
}


#row1 div.home-boxes p.pink-button a:link, #row1 div.home-boxes p.pink-button a:visited {
padding:5px 12px;
background-color:#ac1d55;
color:#fff;
width:100px;
text-align:center !important; 
}

#row1 div.home-boxes p.pink-button a:hover {
padding:5px 12px;
background-color:#db5a8d;
color:#fff;
width:100px;
text-align:center !important; 
}

@media (min-width:650px) {

#row1 {
background-color:#fff;
padding:50px 0;
max-width:1140px;
margin:0 auto;
text-align:left;
}



#row1 div.box-holders {
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-around;
  max-width:1140px;
  margin:50px 0 0 0;
}

#row1 div.home-boxes {
width:19%;
padding:10px 20px;
margin-right:10px;
}

#row1 div.home-boxes:last-of-type {
margin-right:0;
}

#row1 div.home-boxes img {
width:100%;
}

#row1 h1, #row1 p {
margin:0 0 0 10px;
}
}

#row1-windows {
background-color:#fff;
padding:10px;
text-align:left;
}

@media (min-width:650px) { 
#row1-windows {
background-color:#fff;
min-height:330px;
text-align:left;
margin:0 auto;
max-width:1140px;
padding:0;
}

#row1-windows h1 {
margin:50px 0 0 10px;
}

#row1-windows p {
margin-left:10px;
}
 
#row1-windows div.box-holders {
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin:20px 10px;
  width:100%;
  }
  
#row1-windows div.box-holders h1 {
font-size:260%;
padding:0 0 5px 0;
}

#row1-windows div.home-boxes {
width:35%;
margin:10px 20px;
}

#row1-windows div.home-boxes:first-of-type {
margin:10px 20px 0 0;
}

#row1-windows div.home-boxes:last-of-type {
margin:10px 0 0 20px;
}

#row1-windows div.home-boxes img {
-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	width:100%;
}

#row1-windows div.home-boxes:hover img {
opacity:0.2;
}

#row1-windows div.home-boxes span {
color:#ac1d55;
}

#row1-windows a div.home-boxes h1:nth-of-type(odd) {
padding:20px 0 10px 0;
text-align:center;
background-color:#eaeaea;
font-size:220%;
}

#row1-windows a div.home-boxes p {
text-align:center;
background-color:#eaeaea;
padding:0 10px 20px 10px;
font-size:160%;
text-align:left;
}

#row1-windows div.home-boxes a {
text-decoration:none;
}

#row1-windows div.home-boxes3 {
float:left;
margin:10px 20px;
}

#row1-windows div.home-boxes3:first-of-type {
margin:10px 20px 0 0;
}

#row1-windows div.home-boxes3:last-of-type {
margin:10px 0 0 20px;
}

#row1-windows div.home-boxes3 img {
-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	width:100%;
}

#row1-windows div.home-boxes3:hover img {
opacity:0.2;
}

#row1-windows div.home-boxes3 span {
color:#ac1d55;
}

#row1-windows a div.home-boxes3 h1:nth-of-type(odd) {

text-align:center;
background-color:#eaeaea;
font-size:220%;
}

#row1-windows a div.home-boxes3 p {
text-align:center;
background-color:#eaeaea;
padding:0 10px 20px 10px;
font-size:160%;
text-align:left;
}

#row1-windows div.home-boxes3 a {
text-decoration:none;
}
}

#row1-contact {
background-color:#fff;

}

#contact1 {
width:100%;
}

#contact2 {
width:100%;

}

form {
background-color:#eaeaea;
}

form fieldset {
padding:20px;
}

form span {
display:none;
}

form input {
padding:10px;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
width:90%;
}


form textarea {
min-height:100px;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
}

#query, #submit {
width:98%;
}

#submit, #clear {
font-family: 'Alegreya Sans', sans-serif;
font-size:1.9rem;
color:#555;
background-color:#fff!important;
}

#clear {
display:none;
}

@media (min-width:650px) {
form {
background-color:#eaeaea;
}

form fieldset {
padding:20px;
}

form span {
display:none;
}

form input {
padding:10px!important;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
}


form textarea {
min-height:100px;
border:none!important;
-webkit-border-radius: 0!important;
-moz-border-radius: 0!important;
border-radius: 0!important;
}

#submit, #clear {
font-family: 'Alegreya Sans', sans-serif;
font-size:1.9rem;
color:#555;
background-color:#fff!important;
}
}

@media (min-width:650px) {
#row1-contact {
background-color:#fff;
padding:0px 20px 20px 20px;
}
/* Contact Form Styles */

#contact1 {
width:49%;
float:left;
margin:0 0 20px 0;
}

#contact2 {
width:49%;
float:right;
margin:0 0 20px 0;
}

#contact2 h1.subhead {

color:#444;
font-size:250%;
}

form {
background-color:#eaeaea;
padding:20px;
margin-top:20px;
}

form span {
display:inline;
}

form fieldset {
border:none;
}

form fieldset p {
padding:10px;
margin:0 0 8px 20px;
}

form fieldset p input {
padding:6px;
margin:8px 0 0 0;
width:45%;
}

form fieldset p textarea {
padding:6px;
margin:8px 0 0 0;
width:95%;
height:150px;
}
form fieldset p span {
margin:0 0 0 20px;
color:#777;
font-size:1.4rem;
}

form #submit {
width:80px;
}
}

#row2 {
background-color:#ac1d55;
padding:10px;
}

#row2 h1 {
color:#fff;
font-size:2.4rem;
}

#row2 p {
color:#fff;
}

.row2-boxes img {
margin:20px 0 10px 0;
}

@media (min-width:650px) {

#row2 {
padding:30px 10px;
}

#row2 h1 {
 padding:20px 0;
  max-width:1140px;
  margin:0 auto;
}

div.box-holder-2 {
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  max-width:1140px;
  margin:0 auto;
}

div.row2-boxes {
width:45%;
}

div.row2-boxes img {
width:100%;
}

}



footer {
background-color:#47515b;
color:#333;
padding:10px 10px 10px 10px;
text-align:center !important;
margin-top:20px;
}

p.copyright {
color:#fff;
} 

p.copyright a {
color:#fff;
}

/* Styles up the 'details' column in the footer */

div.footer1 p {
color:#333;
}

div.footer1 h1 {
font-size:2.4rem;
margin-bottom:15px;
color:#00cdff;
}

/* Styles up the 'navigation' column in the footer */

div.footer2 {
margin-bottom:15px;
}

div.footer2 h1 {
font-size:2.4rem;
margin-bottom:15px;
color:#00cdff;
}

div.footer2  a:link, div.footer2  a:visited {
color:#333;
text-decoration:none;
transition: color 0.5s ease;
webkit-transition: color 0.5s ease;
}

div.footer2  a:hover {
color:#ac1d55;
text-decoration:none;
}

div.footer2 ul {
list-style:none;
margin:0;
padding:0;
}

div.footer2 ul li {
color:#color:#333!important;
text-decoration:none!important;
}

/* Styles up the 'peace of mind' column in the footer */

div.footer3 {
margin-bottom:15px;
}

div.footer3 {
padding-bottom:20px;
color:#333;
}

div.footer3 h1 {
font-size:2.4rem;
margin-bottom:15px;
color:#00cdff;
padding-left:40px;
}

div.footer3 img {
width:100%;
height:auto;
}

@media (min-width:650px) {

footer {
margin-top:50px;
}

div.footer-holder {
 display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  max-width:1140px;
  margin:0 auto;
  }
  
  div.footer-holder div {
  margin:0 0 0 0;
  }

p.copyright {
color:#fff;
  max-width:1140px;
 margin:0 0 0 0;
  text-align:center;
} 

p.copyright a {
color:#fff;
 text-align:center;
}
  
  
div.clear {
clear:both;
}

div.bx-viewport {
max-height:auto!important;
}

img.float-left {
float:center !important;

}
