body, html {
padding: 0;
margin: 0;	
overflow-x: hidden;	
	
}


a:link, a:visited, a:hover, a:active{
text-decoration: none;	
	
	
	
}



.loader {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #383838;
	background: url('images/exopestloading.gif') 50% 50% no-repeat #383838;
	
}


.capitalize{
text-transform: capitalize;	
	
	
}




.freeinspectionpopup{
width: 100%; 
background: rgba(0,0,0,0.8);	
position: fixed;
z-index: 999999;
height: 100%;
text-align: center;	
display: none;	
	
	
}


.freeinspectionpopupdiv{
width: 32%;
padding: 2%;
border: 1px solid silver;
background: white;
background: rgba(255,255,255,0.7);
border-radius: 3px;
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	
text-align: center;		
display: inline-block;
vertical-align: top;	
	
}


.freeinspectionpopupresponse{
	
width: 100%; 
top: 0;
left: 0;
text-align: left;	
position: absolute;	
	
}

.freeinspectionpopupresponsebutton{
width: auto;
padding: 8px;
color: white;
background: #e01a27;
display: inline-block;
vertical-align: top;
border-bottom-right-radius: 3px;
font-family: calibri, sans-serif;
font-weight: 300;
text-transform: uppercase;
cursor: pointer;	
	
	
	
	
}

#hideresponse{
	
display: none;	
	
}

#showresponse{
	
	
	
}


#theaddress{
display: none;	
	
	
}


.freeinspectionpopupclose{
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
background: #e01a27;
top: 5px;
right: 2%;
text-align: center;	
position: absolute;		
color: white;
font-family: calibri, sans-serif;
font-weight: 300;	
font-size: 16px;	
cursor: pointer;	
	
}



.freeinspectionpopupresponseopen{
width: 80%;
padding-left: 10%;
padding-right: 10%;
float: left;
padding-top: 3%;
padding-bottom: 3%;	
background: white;
background: rgba(255,255,255,0.9);	
display: none;
text-align: left;
font-family: calibri, sans-serif;
font-weight: 300;
font-size: 102%;
}


.disclaimer-css{
width: 100%; 
display: inline-block;	
color: #3d3a3a; 
font-size: 14px;	
font-family: calibri, sans-serif;	
text-align: left !important;	
}




.text3, .text{
font-family: calibri, sans-serif;
font-weight: 300;
	
	
}


/*career Advertisement */




.career-overlay{
width: 100%; 
height: 100%;
background: rgba(0,0,0,0.9);	
z-index: 999999999999;
position: fixed;
top: 0;
left: 0;
text-align: center;	
display: none;
	
}



.career-overlay-section{
width: 50%; /*Use the Width Necessary*/
top: 50%;
transform: translateY(-50%);	/*Translation Points - Centers Div "top" can be changed depending on needs*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	/*This ensures div is movable*/
text-align: center;		
display: inline-block;
vertical-align: top;		
background: white;	
padding: 25px;	
}

.career-overlay-section h2{
font-family: arial, sans-serif;
font-size: 200%;
color: rgb(60,60,60);
margin-top: 0;
margin-bottom: 14px;
font-weight: 500;
}

.career-overlay-section a{
color: white;

}



.career-overlay-section h3{
font-family: calibri, sans-serif;
font-size: 160%;
color: white;
background: #e01a27;
width: 96%;
padding: 2%;
padding-top: 18px;
padding-bottom: 18px;
margin-top: 8px;
margin-bottom: 8px;
text-transform: uppercase;
}

.career-overlay-section p{
font-family: calibri, sans-serif;
font-size: 110%;
color: rgb(80,80,80);
width: 90%;
display: inline-block;
padding-left: 5%;
padding-right: 5%;
}


.career-overlay-section-close{
font-family: ptsansbold;
	color: rgb(100,100,100);
	font-weight: 600;
font-size: 28px; 
position: absolute;
right: 20px;
top: 10px; 
}


.career-overlay-section-close:hover{
    color: #e01a27;
	cursor: pointer;
}




/*Career Pop up end */








.navbar{
width: 100%;
float: left;
background: url('images/metallicstone.png') repeat;
background: #383838;
height: 80px;
position: relative;	
position: fixed;
z-index: 9999;	
text-align: center;	
}

.exologo{
float: left;
width: 170px;
height: auto;
margin-top: -6px;
margin-left: 3%;
position: relative; 	
	
	
}


.exologo img{
float: left;
width: 100%;
height: auto;	
	
	
}


.exotelephone{
width: 190px;
padding-right: 5px;
padding-left: 5px;
height: 100%;
margin-right: 2%;
float: right;
color: white;
font-family: calibri, sans-serif;
text-align: right;	
font-weight: 300;
background: #e01a27;	
	
	
}


.exotext{
width: 100%; 
display: inline-block;
vertical-align: top; 
margin-top: 8px;
font-family: calibri;
text-align: right;	
font-weight: 300;	
font-size: 110%;
}



.exolargetext{
width: 100%; 
display: inline-block;
vertical-align: top; 
margin-top: 3px;
font-family: arial, sans-serif;
text-align: right;	
font-weight: 500;	
font-size: 185%;	
}


.exolargetext a{
color: white;	
}


.arrow-down {
	display: inline-block;
	vertical-align: middle; 
	margin-left: 4px;
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 5px solid white;
}


.markx{
display: inline-block;
	vertical-align: middle; 
font-size: 15px;
margin-left: 4px;
color: white;
margin-top: -4px;
}


.exomobilemenu, .exosearchmenu{
width: 30px;	
position: relative;
height: 100%;
float: right;
margin-top: 25px;
margin-right: 2%;
padding-left: 8px;
padding-right: 8px;	
text-align: center;
cursor: pointer;
}

.exomobilemenu img, .exosearchmenu img{
width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
	
	
}

.exomobilemenu{
	
display: none;	
	
	
}

.exoheromobile{
display: none;	
	
	
}


.exosearchmenuopen{
position: absolute;
top: 100%;
background: #383838;
background: dimgray;
background: rgba(56,56,56,0.8);
padding: 2%; 
width: 180px;
right: 0;	
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;	
display: none;
}


.inputsearchopen{
width: 120px;
display: inline-block;
vertical-align: middle;
outline-color: #e01a27;
border: 0;
padding: 8px;	
font-family: calibri;
font-weight: 300;		
}


.inputsearchbutton{
width: 30px;
display: inline-block;
vertical-align: middle;
background: #e01a27;
outline: 0;
border: 0;
padding: 3px;	
padding-top: 8px;
padding-bottom: 8px;
font-family: arial;
font-weight: 400;		
cursor: pointer;
border-radius: 3px;	
text-align: center;
color: white;
font-size: 88%;
}



.exomobilemenuopen{
width: 50%;
background: white;
background: rgba(255,255,255,0.9);	
background: rgba(56,56,56,0.9);
position: fixed;
top: 0;	
height: 100%;
right: 0;
z-index: 999;
overflow: scroll;	
display: none;
}


.exomobilemenuopen h2{
height: 65px;
line-height: 65px;
font-size: 16px;
color: gainsboro; 
padding-top: 4px;
font-weight: 400;
font-family: calibri;
width: 96%;
padding-left: 2%;
padding-right: 2%;	
margin-top: 0px;
margin-bottom: 0px;	
text-transform: uppercase;
border-bottom: 1px solid gainsboro;
}


.exomobilemenuopen a, .exomobileopendiv{
width: 96%;
padding-left: 2%;
padding-right: 2%;
padding-top: 8px;
padding-bottom: 8px;
color: #e01a27;
color: white;
font-family: calibri;
font-weight: 300;
font-size: 97%;
border-bottom: 1px solid gainsboro;	
display: inline-block;
vertical-align: top;	
position: relative;
}



.arrow-left{
position: absolute;
right: 3px;
top: 5px; 
width: 20px;
height: auto;	
	
	
	
}



.closemobilemenu{
position: absolute;
right: 6px;
top: 5px; 
width: auto;
height: auto;	
font-size: 25px;
font-family: calibri;
font-weight: 300;
color: white;	
	
}

.mobileservices, .mobilepests{
display: none;	
	
	
	
}

.mobileservices a, .mobilepests a{
color: #e01a27;	
border-bottom: 1px solid white;	
background: white;	
	
}


#mobilefreeinspection{
color: #e01a27;	
border-bottom: 1px solid white;	
background: white;		
	
	
}



.mobilebackground{
background: #e01a27;	
	
}

.exonavlinks{
width: 750px;
height: 100%;
float: right;
color: white;
font-family: calibri, sans-serif;
text-align: right;	
font-weight: 300;	
	
}



.exonavlinkseach, .exodivlinks{
width: 130px;
padding-left: 8px;
padding-right: 8px;
height: 100%;
float: right;
line-height: 80px;
text-align: center;
color: white;
font-size: 115%;
font-weight: 300;
vertical-align: middle;	
text-transform: uppercase;	
cursor: pointer;
}

.exodivlinks{
position: relative;	
	
}

.exonavlinkseach:hover, .exodivlinks:hover{
background: black;	
background: rgb(40,40,40);	
	
}


#exohideservices, #exohidepests{
	
display: none;
padding-left: 23px;
padding-right: 23px;	
}


#servicesx, #pestsx{
display: none;
	
	
}

.openservices{
width: 650px;
position: absolute;
background: white;
background: rgba(255,255,255,0.9);	
top: 100%;	
text-align: left;	
left: 0;
display: none;
}


.openpests{
width: 650px;
position: absolute;
background: white;
background: rgba(255,255,255,0.9);	
top: 100%;	
text-align: left;	
right: 0;
display: none;
}


.openserviceseach, .openpestseach{
width: 47%;
margin-left: 2%;

display: inline-block; 
vertical-align: middle;
margin-top: 15px;
margin-bottom: 15px;
font-size: 102%;
text-transform: capitalize;
color: #434343;	
font-family: arial, sans-serif;
font-weight: 500;	
text-align: left;	
}

.openserviceseach a, .openpestseach a, .openserviceseachlink{
color: #434343;	
text-align: left !important;
}

.openserviceseach a:hover, .openpestseach a:hover, .openserviceseachlink:hover  {
color: #e01a27;	
}



.openserviceseach img, .openpestseach img{
width: 50px;
height: auto;	
margin-right: 1%;
display: inline-block; 
vertical-align: middle;	
	
	
	
}



.exohero{
width: 100%;
display: inline-block;
vertical-align: top; 	
margin-top: 79px;
position: relative;
overflow: none;
padding-bottom: 45%;
overflow-y: hidden;
}





.exoheroimage{
width: 100%; 
position: absolute;
left: 0;
top: 0;	
overflow-y: hidden;	
	
	
	
}


.exohero5 img{
width: 100%;
height: auto;
display: inline-block;
vertical-align: top; 
position: relative;	

}

.exohero img{
width: 100%;
height: auto;
position: absolute;
z-index: 1;
top: -33%;
}






.heroinspection{
left: 0;
position: absolute;
width: 30%;
background: rgba(255,255,255,0.6);
height: 100%;	
-webkit-animation: slideleft ease-in-out 2s 0s;
  -moz-animation: slideleft ease-in-out 2s 0s;
  -o-animation: slideleft ease-in-out 2s 0s;
  animation: slideleft ease-in-out 2s 0s;	
z-index: 9;	
	
}


.heroinspectiondiv{
	
position: relative;
width: 90%;
padding-left: 5%;
padding-right: 5%;
padding-top: 2%;
padding-bottom: 2%;
height: auto;
background: transparent;
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	
display: inline-block;
vertical-align: top;
	
}



.inspectinput{
width: 94%;
padding: 3%;	
font-size: 110%;
border: 0;
outline: none;
display: inline-block;
vertical-align: top; 
border-radius: 1px;	
margin-top: 8px;
margin-bottom: 8px;	

}

.inspectselect, .inspectselect2{
width: 100%;
padding: 2%;	
font-size: 110%;
border: 0;
outline: none;
display: inline-block;
vertical-align: top; 
margin-top: 5px;
margin-bottom: 5px;		
color: gray;	
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
 cursor: pointer; 
background: transparent !important;
z-index: 3;
position: relative;
}


.inspectselect2{
background: transparent !important;
border-radius: 2px;
font-size: 100%;
margin-top: -2px;
font-size: 100%;
line-height: 25px;
}

select{
	
background: transparent !important;	
	
}

select::-ms-expand {
    display: none;
}


.addarrowhold{
position: relative;	
width: 100%;
float: left;	
margin-top: 10px;
margin-bottom: 14px;	
	
}

.addarrow, .addarrow2, .addarrow3{
position: absolute; 
font-family: calibri, sans-serif; 
font-weight: 500;
width: 96%;
padding-left: 2%;
padding-right: 2%;
height: 100%;
left: 0;
background: white;	
z-index: 2;
top: 0;
text-align: right;
line-height: 270%;
color: gray;	
}



.addarrow2{
line-height: 180%;
border-radius: 2px;
background: #e3e3e3;
height: 87%;

}


.addarrow3{
line-height: 250%;
border-radius: 2px;
background: #e3e3e3;
height: 87%;
}

.inspectbutton{
width: 100%;
padding: 3%;	
font-size: 100%;
border: 0;
outline: none;
display: inline-block;
vertical-align: top; 
background: rgb(224,26,39);	
color: white;
text-align: center;
text-transform: uppercase; 	
border-radius: 1px;	
margin-top: 8px;
margin-bottom: 8px;	
cursor: pointer;
border-radius: 3px;
}



.inspectnameerror .inspectinput, .inspectemailerror .inspectinput, .inspectphoneerror .inspectinput, .popupnameerror .inspectinput, .popupphoneerror .inspectinput, .popupemailerror .inspectinput{
	
background: #ffeaea !important;
border: 1px solid red !important;		
}


.heroinspectionresponse{
width: 80%; 
padding-left: 10%;
padding-right: 10%;
bottom: 0;
padding-top: 5%;
padding-bottom: 5%;
border-top: 1px solid gainsboro;
position: fixed;	
z-index: 999999;
background: white;
background: rgba(255,255,255,0.8);		
display: none;	
}




.exocontactresponse{
width: 80%; 
padding-left: 10%;
padding-right: 10%;
bottom: 0;
padding-top: 5%;
padding-bottom: 5%;
border-top: 1px solid gainsboro;
position: absolute;	
z-index: 999999;
background: white;
background: rgba(255,255,255,0.8);		
display: none;		
text-align: left;	
	
	
}


.heroinspectionresponseclose, .exocontactresponseclose {
width: auto;
color: #e01a27;
top: 9px;
right: 16px;
text-align: center;	
position: absolute;		
font-family: calibri, sans-serif;
font-weight: 300;	
font-size: 110%;	
cursor: pointer;
border: 1px solid #e01a27;	
padding: 5px;	
	
}

#enteraddress2, #enteraddress4{
display: none;	
	
	
}



.herodescription{
	
width: 70%;
left: 30%;
position: absolute;
height: 100%;		
text-align: center;	
	
	
}



#showdesktop{
	
	
	
}


#showmobile{
	
display: none;	
	
}


.herodescriptiondiv{
	
display: inline-block;
vertical-align: top;
width: 50%;
padding: 2%;
background: #e01a27;
background: rgba(224,26,39,0.7);
background: rgba(149,171,84,0.8);
border-radius: 2px;
color: white;
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;		
-webkit-animation: sliding2 ease-in-out 2s 0s;
  -moz-animation: sliding2 ease-in-out 2s 0s;
  -o-animation: sliding2 ease-in-out 2s 0s;
  animation: sliding2 ease-in-out 2s 0s;	
z-index: 9;	
}


@-webkit-keyframes sliding2 {
 0%{
      top: -50%;
	  
   }
   
   90% { 
top: 60%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
}  
   
 
	  
	100% { 
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
}   
	  
	  
   
}
@-moz-keyframes sliding2 {
  0%{
      top: -50%;
	  
   }
   
   90% { 
top: 60%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
}  
   
 
	  
	100% { 
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
}     
	
	
}
@-o-keyframes sliding2 {
 0%{
      top: -50%;
	  
   }
   
   90% { 
top: 60%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
}  
   
 
	  
	100% { 
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
}   
	  
	
}
@keyframes sliding2 {
 0%{
      top: -50%;
	  
   }
   
   90% { 
top: 60%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
}  
   
 
	  
	100% { 
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
}   

}
	 





@-webkit-keyframes slideleft {
 0%{
      left: -50%;
	  
   }
 
	  
	100% { 
  left: 0%;
}   
	  
	  
   
}
@-moz-keyframes slideleft {
 0%{
      left: -50%;
	  
   }
 
	  
	100% { 
  left: 0%;
}      
	  
	
	
}
@-o-keyframes slideleft {
 0%{
      left: -50%;
	  
   }
 
	  
	100% { 
  left: 0%;
}     
	  
	  
	
}	 
@keyframes slideleft {
 0%{
      left: -50%;
	  
   }
 
	  
	100% { 
  left: 0%;
}     
	    
	   
}
	   





.herodescriptiondiv h2{
text-align: left;
width: 100%;
display: inline-block;
vertical-align: top;
color: white;
font-family: arial, sans-serif;
font-weight: 400;
font-size: 170%;	
text-transform: uppercase;	
margin-top: 8px;
margin-bottom: 4px;	
}



.herodescriptiondiv p{
display: inline-block;
vertical-align: top;	
text-align: left;
width: 100%;
color: white;
font-family: calibri, sans-serif;
font-weight: 300;
font-size: 115%;	
margin-top: 3px;
margin-bottom: 5px;		
}




.secondset{
width: 100%;	
background: #e01a27;
background: #bdbcbc;
background: white;
text-align: center;
float: left;	
	
	
}

.secondset h2{
width: 100%; 
display: inline-block;
vertical-align: top;
margin-top: 2%;
margin-bottom: 6px;
font-weight: 400;	
color: 	#e01a27;
font-size: 200%;
font-family: arial, sans-serif;	
text-align: center;
}

.secondset p{
width: 100%; 
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-bottom: 1%;	
color: 	#383838;	
font-size: 115%;
font-family: calibri, sans-serif;		
font-weight: 300;	
}


.secondseteach{
width: 19%;
display: inline-block;
vertical-align: top;
margin-left: 2%;
margin-right: 2%;
margin-top: 2%;
margin-bottom: 2%;	
text-align: center;	
font-family: calibri, sans-serif;	
font-weight: 300;
color: #383838;
text-transform: uppercase;	
}

.secondseteach p{
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;	
	
	
}

.secondseteach a{
	
color: #383838;	
}


.secondseteach a:hover{
color: #e01a27;	
}


.secondseteach img{
width: 65%;
height: auto;
display: inline-block;
vertical-align: top;	
	
	
}

.exopestdefaultbuttonhold{
width: 100%;
float: left; 
margin-top: 1%;
margin-bottom: 2%;	
text-align: center; 	
}


.exopestdefaultbuttonhold2, .exopestdefaultbuttonhold3{
width: 100%;
float: left; 
margin-top: 1%;
margin-bottom: 2%;	
text-align: left; 	
}

.exopestdefaultbutton{
width: auto;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 9px;
padding-right: 9px;
margin-right: 10px;
margin-top: 5px; 
margin-bottom: 5px;
background: #e01a27;
color: white;
font-family: calibri;
font-weight: 300;
display: inline-block;
vertical-align: middle; 
font-size: 130%;	
border-radius: 2px;	
border: 1px solid #e01a27;	
text-transform: uppercase;	
cursor: pointer;
}


.exopestdefaultbutton:hover {
transform: scale(1.1);
	
}



.exopestdefaultlinebutton, .exopestdefaultlinebuttonwhite{
width: auto;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 9px;
padding-right: 9px;
margin-left: 6px;
margin-right: 6px;
margin-top: 5px; 
margin-bottom: 5px;
background: transparent;
font-family: calibri;
font-weight: 300;
display: inline-block;
vertical-align: middle; 
font-size: 130%;	
border-radius: 2px;		
text-transform: uppercase;	
cursor: pointer;
}


.exopestdefaultlinebutton{
color: #e01a27;	
border: 1px solid #e01a27;	
	
	
}


.exopestdefaultlinebuttonwhite{
color: white;	
border: 1px solid white;	
	
	
}

#yourservicesinspection{

	
}



.exopestdefaultlinebutton:hover, .exopestdefaultlinebuttonwhite:hover  {
transform: scale(1.1);
	
}


.thirdset{
width: 100%;	
background: #e01a27;
background: white;
background: #bdbcbc;
background: #d9d9d9;
background: #bacb85;
background: #e7e7e7;
background: #d9d9d9;
background: url(images/thirdsetback.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
text-align: left;
float: left;	
	
	
}

.thirdset h2{
width: 100%; 
display: inline-block;
vertical-align: middle;
margin-top: 2%;
margin-bottom: 6px;
font-weight: 400;	
color: 	#e01a27;
font-size: 200%;
font-family: arial, sans-serif;	
text-align: left;
}

.thirdset p{
width: 100%; 
display: inline-block;
vertical-align: middle;
margin-top: 3px;
margin-bottom: 1%;	
color: 	#383838;	
font-size: 120%;
font-family: calibri, sans-serif;		
font-weight: 300;	
}




.thirdsetimage{
width: 30%;
display: inline-block;	
vertical-align: middle;
margin-right: 2%;	
	
	
}

.thirdsetimage img{
width: 100%;
display: inline-block;	
vertical-align: middle;	
}

.thirdsettext{
	
width: 56%;
margin-left: 6%;
display: inline-block;	
vertical-align: middle;	
	
	
}



.fourthset{
width: 100%;	
background: #e01a27;
background: #bdbcbc;
background: white;
text-align: center;
float: left;	
padding-top: 4%;
padding-bottom: 4%;	
position: relative;	
	
}

.fourthset h2{
width: 96%; 
padding-left: 2%;
padding-right: 2%;
display: inline-block;
vertical-align: top;
margin-top: 2%;
margin-bottom: 6px;
font-weight: 400;	
color: 	#e01a27;
font-size: 200%;
font-family: arial, sans-serif;	
text-align: center;
}



.fourthset h3{
width: 100%; 
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-bottom: 6px;
font-weight: 400;	
color: 	#383838;
font-size: 130%;
font-family: calibri, sans-serif;	
text-align: left;
text-transform: uppercase;
}


.fourthset p{
width: 100%; 
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-bottom: 1%;	
color: 	#383838;	
font-size: 120%;
font-family: calibri, sans-serif;		
font-weight: 300;	
}


#fourthseteach{
display: inline-block;
vertical-align: top;	
width: 90%;
margin-left: 1%;
margin-right: 1%;
margin-top: 2%;
margin-bottom: 0%;	
background: white;	
position: relative;
overflow: hidden;	
}




.fourthseteachoverlay{
position: absolute; 	
background: white;
width: 100%;
left: 0;
	
}

.activeslider{
z-index: 5;	
display: block;	

}

#opacitychange, #opacitychange2{
	
opacity: 0;	
	
}



.faqbackdrop{
position: absolute; 	
z-index: 2;
background: white;	
width: 100%; 
top: 0;	
left: 0;
height: 100%;	
}

.faqbackdrop img{
height: auto;	
width: 100%; 
position: absolute;
top: 0;	
left: 0;
right: 0;
bottom: 0;	
margin : auto;	
}



.fourthseteachimage{
display: inline-block;
vertical-align: middle;	
width: 9%;
margin-right: 7px;	
background: white;	
	
}


.fourthseteachimage img{
display: inline-block;
vertical-align: middle;	
height: auto;
width: 100%;	
	
}


.fourthseteachtext{
display: inline-block;
vertical-align: middle;	
width: 65%;
margin-left: 6px;
text-align: left;	
font-size: 100%;
line-height: 30px;	
background: white;
padding-bottom: 3%;
}




#cyclefaq{
	
	
	
}

#cyclefaq div{
position: absolute; 	
background: white;
width: 100%;
left: 0;
z-index:1;
height: 100%;
}


#cyclefaq div.active{
z-index:3;

}


.fifthset{
width: 100%;	
background: #e01a27;
background: #bdbcbc;
background: white;
background: #bacb85;
background: url(images/clientsback.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
text-align: right;
float: left;	
position: relative;	
margin-bottom: -2px;
overflow: hidden;	

}

.fifthset h2{
width: 96%; 
padding-left: 2%;
padding-right: 2%;
display: inline-block;
vertical-align: top;
margin-top: 2%;
margin-bottom: 6px;
font-weight: 400;	
color: 	#e01a27;
color: white; 
font-size: 200%;
font-family: arial, sans-serif;	
text-align: center;
}



.fifthset h3{
width: 96%; 
padding-left: 2%;
padding-right: 2%;
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-bottom: 6px;
font-weight: 400;	
color: 	#383838;
font-size: 150%;
color: gainsboro;
font-family: calibri, sans-serif;	
text-align: left;
text-transform: uppercase;
}


.fifthset p{
width: 80%; 
padding-left: 2%;
padding-right: 2%;
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-bottom: 2%;	
color: 	#383838;	
color: gainsboro;
font-size: 120%;
font-family: calibri, sans-serif;		
font-weight: 300;	
}


.separate-text{
width: 100%; 
display: inline-block;
vertical-align: top;	
	
	
}

.fifthbreakb{
display: inline-block;
vertical-align: middle;
width: 61%;	
text-align: center;	
padding-top: 4%;
padding-bottom: 4%;		
}


.fifthbreaka{
display: inline-block;
vertical-align: middle;
width: 26%;	
position: relative;
padding-left: 2%;
padding-right: 2%;
padding-top: 5%;
padding-bottom: 5%;
background: #a9bc6f;
margin-left: 2%;
overflow: hidden;	
text-align: left;	
}


.fifthbreaka h3{
color: #e01a27 !important;	
	
}

.fifthbreaka p{
color: #383838 !important;	
	
}


#secondtestimonial, #thirdtestimonial{

}



#firsttestimonial{
	

	
}


#testimonialback{
width: 100%;
float: left;	
opacity: 0;	
	
}

#secondtestimonial, #thirdtestimonial, #firsttestimonial{
	
left: 0;
top: 0;
padding-left: 5%;
padding-right: 5%;	
width: 89%;	
padding-top: 10%;
position: absolute;
background: #a9bc6f;	
height: 85%;
}

#testimonialnav{
width: 100%;
float: left;
margin-top: 3%;	
text-align: center;	
position: relative;
z-index: 9;
}


#testimonialnav div{
display: inline-block;
vertical-align: top;
width: 10px;
height: 10px;	
border-radius: 50%;
border: 2px solid #e01a27; 
margin-left: 5px;
margin-right: 5px;	
cursor: pointer;	
}


#testimonialnav div:hover{
background: #e01a27; 	
	
}


.activetestinav{
	
background: #e01a27; 	
	
}



#testimonialslide{



}






#testimonialslide div{

z-index:1;


}


#testimonialslide div.active{
z-index:3;

}

#next{
position: absolute;
background: transparent;
right: 5%;
width: 3px;
height: 3px;	
z-index: 10;	
top: 0%;
}


#prev{
position: absolute;
background: transparent;
left: 5%;
width: 3px;
height: 3px;	
z-index: 10;	
top: 0%;

}


.fifthseteach{
width: 11%;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
margin-top: 1%;
margin-bottom: 1%;	
	
	
	
}



.fifthseteach img{
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;	
	
	
}



.sixthset{
width: 100%;	
background: #e01a27;
background: #bdbcbc;
background: white;	
text-align: center;
float: left;	
padding-top: 5%;
padding-bottom: 5%;	
position: relative;	
	
}

.sixthset h2{
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 2%;
margin-bottom: 6px;
font-weight: 400;	
color: 	#e01a27;
font-size: 200%;
font-family: arial, sans-serif;	
text-align: left;
}



.sixthset h3{
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-bottom: 6px;
font-weight: 400;	
color: 	#383838;
font-size: 150%;
font-family: calibri, sans-serif;	
text-align: left;
text-transform: uppercase;
}


.sixthset p{
width: 100%;
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-bottom: 1%;	
color: 	#383838;	
font-size: 110%;
line-height: 25px;
font-family: calibri, sans-serif;		
font-weight: 300;	
}



.sixthseteach{
width: 85%;
display: inline-block;
vertical-align: top;
text-align: center;
position: relative;	
}


.sixthsetcontactform{
width: 35%;
display: inline-block;
vertical-align: middle;
text-align: left;		
margin-right: 2%;	
background: #d9d9d9;
background: #383838;
background: white;
background: url('images/whitepattern.png') repeat;
background: white;
padding: 2%;
border-radius: 3px; 
box-shadow: 1px 1px 2px 1px gainsboro;
}



.sixthsetcontactformtext{
width: 55%;
display: inline-block;
vertical-align: middle;
text-align: left;		
margin-left: 2%;
margin-right: 1%;	
}

.googlemap-drop{
width: 100%; 
height: 100%; 
position: fixed;
text-align: center;
background: rgba(0,0,0,0.8);	
z-index: 99999999999;
top: 0;
left: 0;	
display: none;	
}



.googlemap-drop-div{
width: 80%; /*Use the Width Necessary*/
top: 50% !important;
transform: translateY(-50%);	/*Translation Points - Centers Div "top" can be changed depending on needs*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	/*This ensures div is movable*/
text-align: center;		
display: inline-block;
vertical-align: top;		
	
	
	
	
	
}


 .videoWrapper {
	position: relative;
	padding-bottom: 50%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 1%;
	width: 96%;
	height: 100%;
} 





.googlemap-drop-close{
position: absolute;
width: auto;
font-family: calibri;
font-weight: 300;
color: white;
font-size: 150%;
right: 2%;
top: 2%;	
cursor: pointer;	
	
	
}



#googlemap-open{
	
}



/*swipe Test*/


.testswipehold{
	width: 48%;
display: inline-block;
vertical-align: top;
text-align: center;
position: relative;	
margin-top: 100px;
overflow: hidden;	
	
	
}


.testswipeeach{
width: 100%;
position: relative;
display: inline-block;
padding-bottom: 50%;
text-align: center;
position: relative;
overflow: hidden;
}


.testswipeeach img{
width: 100%;
height: auto;	
position: absolute;
top: 0;
left: 0;
}



#section1{
	
	
	
	
}


#section2{
display: none;	
	
	
	
}



.swipewithbar{
width: 100%; 
height: 100%; 
position: fixed;
text-align: center;
background: rgba(0,0,0,0.9);	
z-index: 999999999999;
top: 0;
left: 0;	
overflow: hidden;
display: none;
}



.swipewithbar-div{
width: 100%; /*Use the Width Necessary*/
top: 50% !important;
transform: translateY(-50%);	/*Translation Points - Centers Div "top" can be changed depending on needs*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	/*This ensures div is movable*/
text-align: left;		
display: inline-block;
vertical-align: top;		
background: black;
padding-bottom: 32%;	
overflow: hidden;	
	
	
	
}


.swipewithbar-div-each{
width: 100%;
position: absolute;
top: 0;
left: 0;
background: white;
	
}

.swipewithbar-div-each img{
width: 100%;
height: auto;	
	
	
}


.swipebuttonright, .swipebuttonleft{
width: auto;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 6px;
padding-right: 6px;
position: absolute;
top: 45%;
color: white;
font-family: calibri;
font-weight: 300;
font-size: 135%;		
z-index: 999;	
background: rgba(0, 123, 0, 0.7);	
cursor: pointer;
}



.swipebuttonleft{

left: 6px;		
	
	
	
}

.swipebuttonright{
	
right: 6px;	
	
}


#swipebuttonr2, #swipebuttonl2, #swipebuttonr3, #swipebuttonl3, #swipebuttonr4, #swipebuttonl4, #swipebuttonl5 {
display: none;	
	
	
	
}


.swipehoverintro{
width: auto;
right: 0;
bottom: 5%;
position: absolute;	
text-align: center;		
margin-left: 0;	
background: rgba(255,255,255,0.8);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;	
color: dimgray;
font-weight: 300;
font-size: 105%;
font-family: calibri, sans-serif;
padding: 8px;	
-webkit-animation: bounceright ease-in-out 1.1s infinite;
  -moz-animation: bounceright ease-in-out 1.1s infinite;
  -o-animation: bounceright ease-in-out 1.1s infinite;
  animation: bounceright ease-in-out 1.1s infinite;	
  color: #007b00;
}



.swipeweb{
background: #51bdf4;
color: white;
padding: 8px;
border-top-right-radius: 8px;
position: fixed;
bottom: 0;
left: 0;
font-family: calibri, sans-serif;
font-weight: 300;
font-size: 120%;	
text-transform: uppercase;
z-index: 9999;	
cursor: pointer;	
}



.sanremclose2div{
position: absolute;
width: 25px;
height: 25px;
font-family: calibri;
font-weight: 300;
color: #51bdf4;
font-size: 23px;
right: 2%;
top: 2%;	
cursor: pointer;		
border: 2px solid #51bdf4;
border-radius: 50%;	
text-align: center;
line-height: 23px;	
}


.sanremclose2div:hover{
color: white;	
background: #51bdf4;	
	
}

.linktoweb{
position: absolute; 
z-index:  999;
bottom: 16%;
right: 28%;
width: 15%;
height: 20%; 
display: none;
	
	
	
}


@-webkit-keyframes bounceright {
 0%{
      padding-right: 8px;
	  
   }
   
   90% { 
padding-right: 14px;
	
}  
   
 
	  
	100% { 
padding-right: 12px;
	
}   
	  
	  
   
}
@-moz-keyframes bounceright {
0%{
      padding-right: 8px;
	  
   }
   
   90% { 
padding-right: 14px;
	
}  
   
 
	  
	100% { 
padding-right: 12px;
	
}   
	 
	
}
@-o-keyframes bounceright {
0%{
      padding-right: 8px;
	  
   }
   
   90% { 
padding-right: 14px;
	
}  
   
 
	  
	100% { 
padding-right: 12px;
	
}   
	 
	  
	
}
@keyframes bounceright {
0%{
      padding-right: 8px;
	  
   }
   
   90% { 
padding-right: 14px;
	
}  
   
 
	  
	100% { 
padding-right: 12px;
	
}   
	    

}




/*swipe Test*/


/*Default Input Style*/


#purgenavbar{
margin-top: 85px;	
border-bottom: 1px solid gainsboro;	
	
}

.imageDB{
width: 40%;
height: auto;
float: left;	
	
	
}

.highlight{
font-size: 110%;
color: red; 
	
	
}


.paginga, .paging, .pagingb, .pagingc, .pagingd, .paginge, .pagingf{
width: auto;
display: inline-block;
vertical-align: top;
padding: 5px;
background: #e01a27;
border-radius: 4px;	
margin-right: 4px;
margin-top: 1%;
margin-bottom: 1%;
font-size: 105%;
text-transform: uppercase;	
font-family: calibri;
font-weight: 300;
color: white;
cursor: pointer;
}


.activepage{
background: #383838;	
	
	
	
}




.borderthin{
width: 100%;
border-bottom: 5px solid gainsboro;
float: left;	
margin-bottom: 2%;	
	
	
}



.searchstyle {
width: 75%;
padding-top: 2%;
padding-bottom: 8px;
padding-left: 3px;
padding-right: 3px;
display: inline-block;
vertical-align: bottom;
font-size: 100%;
font-family: calibri, sans-serif;
font-weight: 300;
color: grey;	
border: 0;
border-radius: 2px;	
background: #e3e3e3;
background: rgba(255,255,255,0.7);
border-bottom: 2px solid gainsboro;
outline: none;	
}



.searchstylebutton{
width: 15%;	
padding: 8px;
display: inline-block;
vertical-align: bottom;
outline: 0;
border: 0;
color: white;
font-size: 120%;
font-family: calibri, sans-serif;
font-weight: 300;
text-transform: uppercase;
background: #e01a27;	
border-radius: 4px;	
outline: none;	
cursor: pointer;	
	
}


.searchtext{
text-align: left;
margin-bottom: 4%;
float: left;	
width: 100%;	
	
	
}


.searchexo{
	
text-align: left !important;
float: left;	
width: 100%;
margin-bottom: 3%;	
	
}


.searchinputleft{
text-align: left !important;
float: left;	
width: 100%;	
	
}

.searchresults{
text-align: left !important;
float: left;	
width: 100%;	
margin-top: 5%; 
margin-bottom: 4%;	
	
}

.searchresults a{
color: rgb(56,56,56);	
	
}


.searchresults a:hover{
color: #e01a27;		
}


.searchimagestyle{
width: 100%;
float: left;
margin-top: 1%;
margin-bottom: 1%;	
	
	
}


.searchimagestyle img{
width: 25%;
height: auto;
float: left;
	
	
	
}



.inputstyle {
width: 92%;
padding: 4%;
padding-bottom: 3%;
margin-top: 8px;
margin-bottom: 8px;
display: inline-block;
vertical-align: top;
font-size: 100%;
font-family: calibri, sans-serif;
font-weight: 300;
color: grey;	
border: 0;
border-radius: 2px;	
background: #e3e3e3;
background: rgba(255,255,255,0.7);

outline: none;	
}






.textareastyle{
width: 96%;
padding: 2%;	
margin-top: 8px;
margin-bottom: 8px;
display: inline-block;
vertical-align: top;	
height: 250px;
font-size: 100%;
font-family: calibri, sans-serif;
font-weight: 300;
color: grey;	
border-radius: 2px;	
border: 0;
background: #e3e3e3;

outline: none;
background: #f6f6f6;
}


.inputstylebutton{
width: auto;	
padding: 6px; 
padding-left: 4%; 
padding-right: 4%; 
border: 0;
outline: 0;
color: white;
font-size: 120%;
font-family: calibri, sans-serif;
font-weight: 300;
text-transform: uppercase;
background: #e01a27;	
border-radius: 3px;	
outline: none;	
cursor: pointer;	
	
}


.inputstylebutton:hover{
transform: scale(1.1);	
	
	
}


.breakinput{
width: 48%;
float: left;
margin-right: 1%;	
margin-left: 1%;	
	
	
}

.breakinput2{
width: 99%;
float: left; 	
margin-left: 1%;	
	
	
}

.breakinput .inputstyle {
background: #f6f6f6;
border: 1px solid gainsboro;	
	
}


.breakinput2 .textareastyle{
background: rgba(255,255,255,0.7);	
border: 1px solid gainsboro;	
	
}


.nameerror .inputstyle, .emailerror .inputstyle, .messageerror .textareastyle, .phoneerror .inputstyle{
	
background: #ffeaea !important;
border: 1px solid red !important;		
}


/* Careers */



.sanremcareers{
width: 100%;
float: left;
text-align: center; 
position: relative;
padding-top: 6%;
padding-bottom: 6%;
font-family: calibri, sans-serif;	
text-align: center; 	
background: #f4f4f4;
}


.sanremcareers-div{
width: 90%;
display: inline-block; 
vertical-align: top;	
	
}


.sanremcareers-div h2{
width: 100%;
float: left;
position: relative;	
font-size: 200%;
font-weight: 500;
font-family: calibri, sans-serif;	
color: 	#e01a27;
margin-bottom: 6px;
}

.sanremcareers-div h3{
width: 100%;
float: left;
position: relative;	
font-size: 120%;
font-weight: 600;
font-family: calibri, sans-serif;	
color: 	dimgray;
margin-top: 0;
margin-bottom: 4px; 
}



.sanremcareers-div p{
width: 100%;
float: left;
margin-top: 8px;
position: relative;	
font-size: 110%;
font-weight: 300;
line-height: 110%;
font-family: calibri, sans-serif;	
color: 	rgb(45,45,45);	
}

.sanremcareers-flex{
 display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}


.sanremcareers-flex-div{
width: 45%;
margin-left: 2%;
margin-right: 2%;	
border: 1px solid gainsboro;
background: white;	
box-sizing: border-box;
padding: 3%;
text-align: left;
margin-bottom: 2%;
margin-top: 1%;
}


.button-hold-career{
float: left;
margin-top: 2%;	
width: 100%;
box-sizing: border-box;
text-align: right;
padding-right: 2%;
}




/*Default Input Style*/


.footer{
width: 100%; 
float: left; 
text-align: center;
background: #383838;	
padding-top: 4%;
padding-bottom: 2%;
	
	
	
	
	
}


.footereach, .footereachimage{
width: 25%;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
color: white;
font-family: calibri,sans-serif;	
	
}

.footereach h2{
width: 100%;
text-align: left;
font-family: arial, sans-serif;
margin-top: 0;
margin-bottom: 7px;
font-weight: 400;
font-size: 120%;	
display: inline-block;
vertical-align: top;	
text-transform: uppercase;	
	
	
}

.footertelephone{
font-size: 160%;	
	
	
}


.footereach p{
width: 98%;
text-align: left;
font-family: calibri, sans-serif;
margin-top: 4px;
margin-bottom: 4px;
font-weight: 300;
font-size: 110%;	
display: inline-block;
vertical-align: top;	
color: white;	
padding-right: 2%;	
	
}


.footereachlink{
color: white;	
width: 100%;
display: inline-block;
vertical-align: top;
padding-top: 5px;
margin-bottom: 5px;
font-weight: 300;
font-size: 108%;	
text-align: left;
font-family: calibri, sans-serif;	
}


.footereachlink:hover{
color: #e01a27;	
	
	
}


.footereach img, .footereachimage img{
width: 80%;
height: auto;
display: inline-block;
vertical-align: top;	
	
	
	
	
}

.footershowsanrem{
display: inline-block;
vertical-align: middle;	
width: 100%;
color: white;	
text-align: left;	
cursor: pointer;
}


.footershowsanrem img{
display: inline-block;
vertical-align: middle;	
width: 45%;
height: auto;
	
	
}


.sanremopendiv{
width: 100%; 
background: rgba(0,0,0,0.8);	
position: fixed;
z-index: 999999;
height: 100%;
text-align: center;	
left: 0;
top: 0;	
display: none;	
}

.sanremclosediv{
position: absolute;
width: 25px;
height: 25px;
font-family: calibri;
font-weight: 300;
color: #51bdf4;
font-size: 23px;
right: 2%;
top: 2%;	
cursor: pointer;		
border: 2px solid #51bdf4;
border-radius: 50%;	
text-align: center;
line-height: 23px;	
}


.sanremclosediv:hover{
color: white;	
background: #51bdf4;	
	
}


 .sanremdiv{
width: 70%; /*Use the Width Necessary*/
top: 50%;
transform: translateY(-50%);	/*Translation Points - Centers Div "top" can be changed depending on needs*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	/*This ensures div is movable*/
text-align: center;		
display: inline-block;
vertical-align: top;		
background: #e1e8ea;
text-align: left;
	
	
}
 .sanremdivimage{
width: 55%;
height: auto;
display: inline-block;
vertical-align: middle;	 
	 
 }
 
 
 
 .sanremdivimage img{
width: 100%;
height: auto;

	 
 }

 .sanremdivtext{
font-family: arial;
font-weight: 300;
color: #0e2353;
font-size: 100%; 
width: 40%;
margin-left: 2%;
display: inline-block;
vertical-align: middle;	
	 
 }
 .sanremdivtext h2{
 text-transform: uppercase;
 font-weight: 500;
 font-size: 135%;
 margin-top: 3px;
 margin-bottom: 5px;
 }
 
 .sanremdivtext p{
font-size: 90%;
color: dimgray;
 margin-top: 3px;
 margin-bottom: 5px;
 }
 

#sanrembuttoncolor{
border: 1px solid #51bdf4;
background: transparent;		
font-size: 90%;	
color: #51bdf4;
	
}


#sanrembuttoncolor:hover{
color: white;
background: #51bdf4;

}

.copytext{
	
width: 94%;
padding-left: 1%;
padding-right: 1%;
margin-top: 2%;
padding-top: 2%;
color: gainsboro;
display: inline-block;
vertical-align: top;	
font-family: calibri, sans-serif;
border-top: 1px solid gainsboro;	
	
}


/* Services Section */


.headerservices{
width: 100%;
float: left;
position: relative;		
text-align: right;
margin-top: 80px;
background: #e01a27;	
}


.headerservicesimage{
width: 75%;
padding-bottom: 32%;
display: inline-block;
vertical-align: middle;		
position: relative;	
overflow-y: hidden;
background: white;
}


.headerservicesimage img{
width: 100%;
top: 0;
left: 0;
height: auto;	
position: absolute;	
z-index: 1;
}


/* Cockroaches Section */


.headerservicesimageoverlay1{
position: absolute;
top: 35%;
width: 25%;
height: 35%;
text-align: center;	
left: 0;	
cursor: pointer;	
z-index: 5;	
overflow: hidden;	
}


.headerservicesimageoverlay2{
position: absolute;
top: 5%;
left: 25%;
width: 25%;
height: 40%;
text-align: center;	
cursor: pointer;	
z-index: 5;		
overflow: hidden;	
	
}


.headerservicesimageoverlay3{
position: absolute;
bottom: 5%;
left: 27%;
width: 25%;
height: 40%;
text-align: center;	
cursor: pointer;
z-index: 5;		
overflow: hidden;	
	
}



.headerservicesimageoverlay4{
position: absolute;
top: 20%;
left: 50%;
width: 25%;
height: 40%;
text-align: center;	
cursor: pointer;
z-index: 5;	
overflow: hidden;	
	
	
}



.headerservicesimageoverlay5{
position: absolute;
top: 2%;
left: 75%;
width: 25%;
height: 43%;
text-align: center;	
cursor: pointer;
z-index: 5;	
overflow: hidden;	
	
	
}


.headerservicesimageoverlay6{
position: absolute;
bottom: 4%;
left: 75%;
width: 25%;
height: 43%;
text-align: center;	
cursor: pointer;
z-index: 5;	
overflow: hidden;	
	
	
}


#borderbottom{
border-bottom: 1px solid gainsboro;	
	
	
	
	
}


.headerservicesimageoverlaydiv{
display: inline-block;
vertical-align: top;
width: auto;
padding: 4px;
background: #383838;
color: white;
font-size: 95%;
font-weight: 300;
font-family: calibri, sans-serif;	
position: relative;	
text-transform: capitalize;	
}


.arrowdowndiv {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 5px solid #383838;
  position: absolute;
  left: 48%;
  top: 100%;
}



#smokybrown, #oriental, #german, #drummer, #american, #australian{
	
display: none;	
	
	
	
}


.headerservicesimageoverlay1:hover #smokybrown, .headerservicesimageoverlay2:hover #american, .headerservicesimageoverlay3:hover #german, .headerservicesimageoverlay4:hover #australian, .headerservicesimageoverlay5:hover #oriental, .headerservicesimageoverlay6:hover #drummer{
	
display: inline-block;	
-webkit-animation: pesthover ease-in-out 0.7s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: pesthover ease-in-out 0.7s 0s; 
  -o-animation: pesthover ease-in-out 0.7s 0s;
  animation: pesthover ease-in-out 0.7s 0s;	
	
}








.headerservicesimageoverlaydiv a{
color: white;	
	
	
	
	
}

.headerservicesimageoverlaydiv:hover{
transform: scale(1.1);
	
	
	
	
}









#roofrat{
	
width: 36%;
position: absolute;
top: 33%;
height: 46%;
background: transparent;
z-index: 99;	
left: 3%;	
cursor: pointer;
text-align: center;	
overflow: hidden;
}



#norwayrat{
width: 45%;
position: absolute;
top: 36%;
height: 46%;
background: transparent;
z-index: 99;	
right: 2%;		
cursor: pointer;
text-align: center;	
overflow: hidden;	
}



#norwayratopen, #roofratopen{
	
	
display: none;	
	
}


#norwayrat:hover #norwayratopen, #roofrat:hover #roofratopen{
display: inline-block;	
-webkit-animation: pesthover ease-in-out 0.7s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: pesthover ease-in-out 0.7s 0s; 
  -o-animation: pesthover ease-in-out 0.7s 0s;
  animation: pesthover ease-in-out 0.7s 0s;	
	
}


#flyingtermite{
	
width: 49%;
position: absolute;
top: 2%;
height: 45%;
background: transparent;
z-index: 99;	
left: 14%;	
cursor: pointer;
text-align: center;	
overflow: hidden;	
	
	
	
	
}



#soldiertermite{
width: 40%;
position: absolute;
top: 47%;
height: 45%;
background: transparent;
z-index: 99;	
left: 5%;	
cursor: pointer;
text-align: center;	
overflow: hidden;		
	
	
	
}


#workertermite{
width: 34%;
position: absolute;
top: 2%;
height: 100%;
background: transparent;
z-index: 99;	
right: 0%;	
cursor: pointer;
text-align: center;	
overflow: hidden;		
	
	
	
}



#mosquito{
width: 28%;
position: absolute;
top: 40%;
height: 40%;
background: transparent;
z-index: 99;	
left: 5%;	
cursor: pointer;
text-align: center;	
overflow: hidden;		
	
	
	
}


#flea{
width: 25%;
position: absolute;
top: 3%;
height: 35%;
background: transparent;
z-index: 99;	
left: 21%;	
cursor: pointer;
text-align: center;	
overflow: hidden;		
	
	
	
}




#ant{
width: 29%;
position: absolute;
top: 40%;
height: 53%;
background: transparent;
z-index: 99;	
left: 40%;	
cursor: pointer;
text-align: center;	
overflow: hidden;		
	
	
	
}



#tick{
width: 24%;
position: absolute;
top: 4%;
height: 44%;
background: transparent;
z-index: 99;	
right: 6%;	
cursor: pointer;
text-align: center;	
overflow: hidden;		
	
	
	
}



#storedpest{
width: 27%;
position: absolute;
top: 50%;
height: 44%;
background: transparent;
z-index: 99;	
right: 3%;	
cursor: pointer;
text-align: center;	
overflow: hidden;		
	
	
	
}


#flyingtermiteopen, #soldiertermiteopen, #workertermiteopen, #mosquitoopen, #storedpestopen, #fleaopen, #tickopen, #antopen{
	
	
display: none;	
	
}


#flyingtermite:hover #flyingtermiteopen, #soldiertermite:hover #soldiertermiteopen, #workertermite:hover #workertermiteopen, #mosquito:hover #mosquitoopen, #storedpest:hover #storedpestopen, #flea:hover #fleaopen, #tick:hover #tickopen, #ant:hover #antopen{
display: inline-block;	
-webkit-animation: pesthover ease-in-out 0.7s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: pesthover ease-in-out 0.7s 0s; 
  -o-animation: pesthover ease-in-out 0.7s 0s;
  animation: pesthover ease-in-out 0.7s 0s;	
	
}







@-webkit-keyframes pesthover {
0%{
      top: -15%;

	  
   }
	  
	100% { 
top: 0;
}     
	  
   
}
@-moz-keyframes pesthover {
0%{
      top: -15%;

	  
   }
	  
	100% { 
top: 0;
}      
	 
}
@-o-keyframes pesthover {
0%{
      top: -15%;

	  
   }
	  
	100% { 
top: 0;
}      
	        
	
}
@keyframes pesthover {
0%{
      top: -15%;

	  
   }
	  
	100% { 
top: 0;
} 
	    
	      

}	








#bordered{
border-top: 1px solid gainsboro;
border-bottom: 1px solid gainsboro;	
	
	
	
	
}



/* Cockroaches Section */


.headerservicesimage img{
width: 100%;
height: auto;	
display: inline-block;
vertical-align: middle;		
	
}


.headerservicestitle{
width: 23%;
margin-right: 1%;
font-family: calibri;
font-weight: 300;
color: white;
text-align: center;	
display: inline-block;
vertical-align: middle;		
	
	
}


.headerservicestitle h2, .headerservicestitle h1{
font-weight: 400;
font-family: arial;
color: white; 
font-size: 160%;	
margin-top: 8px;
margin-bottom: 8px;	
text-transform: uppercase;	
}


.headerservicestitle p{
font-weight: 300;
font-family: calibri;
color: white; 
font-size: 100%;	
margin-top: 8px;
margin-bottom: 8px;	
	
}


.secondservice{
width: 100%;
float: left;
text-align: center;
position: relative;
padding-top: 3%;
padding-bottom: 3%;	
	
}







.secondservicewrap{
width: 80%;
display: inline-block;
vertical-align: top;
padding-top: 3%;
padding-bottom: 3%;		
	
	
	
}

.secondserviceholder{
width: 100%; 
display: inline-block;
margin-top: 1%;
margin-bottom: 2%;	
	
}



.highlightservice{
font-size: 105%;
color: #e01a27;	
font-weight: 600;	
	
}

.secondserviceblock{
width: 85%;
display: inline-block;
vertical-align: middle;
font-size: 114%;
font-family: calibri;
font-weight: 300;
line-height: 24px;	
margin-left: 2%;	
text-align: left;	
}


.secondserviceimage{
width: 7%;	
display: inline-block;
vertical-align: middle;
height: auto;
margin-right: 1%;	
	
}


.secondserviceimage img{
width: 100%; 
height: auto;
display: inline-block;
	
}



.secondserviceeach{
width: 45%;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
margin-bottom: 1%;
margin-top: 2%;	
text-align: left;	
	
	
	
}


.secondserviceeachimage{
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;	
	
	
	
}


.secondserviceeachimage img{
width: 20%;
height: auto;
display: inline-block;
vertical-align: top;
text-align: center;	
	
	
	
}



.secondserviceeach ul{
width: 94%;
font-size: 110%;
font-family: calibri, sans-serif;
font-weight: 300;
margin-top: 3px;
margin-top: 3px;
text-align: left;	
-webkit-padding-start: 0px;	
padding: 0;
padding-left: 5%;
padding-right: 1%;
}

.secondserviceeach li{
	
list-style-image: url(icons/tick.png);	
	
	
}


.thirdservice{
width: 100%;
float: left;
text-align: left;
background: #ededed;
	
	
}



.thirdserviceright{
width: 100%;
float: left;
text-align: right;
background: #ededed;
	
	
}

.thirdserviceimage{
width: 50%;
display: inline-block;
vertical-align: middle;	
	
}


.thirdserviceimage img{
width: 100%;
height: auto;	
display: inline-block;
vertical-align: middle;		
	
}


.thirdservicetext{
width: 44%;
padding-left: 2%;
padding-right: 2%;
font-family: calibri, sans-serif;
text-align: left;
font-weight: 300;	
display: inline-block;
vertical-align: middle;		
	
}

.thirdservicetext h2{
width: 100%;
font-family: arial, sans-serif;	
margin-top: 8px;
margin-bottom: 6px;
font-size: 150%;
color: #e01a27;
font-weight: 400;
display: inline-block;
vertical-align: middle;		
text-align: left;	
	
}


.thirdservicetext p{
width: 100%;
font-family: arial, sans-serif;	
margin-top: 3px;
margin-bottom: 4px;
font-size: 100%;
color: #383838;
font-weight: 400;
display: inline-block;
vertical-align: middle;		
line-height: 28px;		
	
}




.extrapestsimage{
width: 20%;
display: inline-block;
vertical-align: middle;
margin-right: 1%;	
margin-bottom: 1%;
margin-top: 1%;	
	
	
}

.extrapestsimage img{
width: 100%;
height: auto;	
	
}


.extrapeststext{
width: 75%;	
display: inline-block;
vertical-align: middle;
margin-left: 1%;	
margin-bottom: 1%;
margin-top: 1%;		
text-align: left;
font-size: 110%;
line-height: 26px;	
font-family: calibri;
color: #383838;
}

#scrunch{
border-bottom: 1px solid gainsboro;
padding-top: 2%; 
padding-bottom: 2%;	
	
	
}


/* Services Section Done*/


/*404 Error */

.errorpagehold{
display: inline-block;
width: 78%;
padding: 3%;	
position: relative;	
	
}


.errorpagehold p{
	
font-size: 140%;	
}



/*404 Error End */


/* FAQs Section     */

.faqssection{
width: 100%;
float: left;
text-align: center;
position: relative;
padding-top: 4%;
padding-bottom: 4%;	
background: white;			
}



.faqssectioneach{
display: inline-block;
vertical-align: top;
width: 70%;
font-family: calibri;
font-weight: 300;	
	
	
	
}

.switchminus, .switchminus1, .switchminus2, .switchminus3, .switchminus4, .switchminus5, .switchminus6, .switchminus7, .switchminus8, .switchminus9, .switchminus10, .switchminus11, .switchminus12, .switchminus13, .switchminus14, .switchminus15, .switchminus16{
	
display: none;
	
}

.faqssectioneachq{
display: inline-block;
vertical-align: top;
width: 100%;
font-family: arial;
font-weight: 500;	
text-transform: uppercase;
padding-top: 8px;
padding-bottom: 8px;
font-size: 130%;	
margin-top: 2%;
margin-bottom: 2%;	
color: #e01a27;
color: rgb(60,60,60);
text-align: left;
border-bottom: 2px dotted rgb(60,60,60);
cursor: pointer;
}


.faqssectioneachimage{
width: 34px;
float: right;
margin-right: 5px;
height: auto;
	
	
	
}


.faqssectioneachimage img{
width: 100%;
height: auto;	
	
}

.faqseperator{
width: 90%;
float: left;	
	
	
	
}

.faqssectioneach p{
display: inline-block;
vertical-align: top;
width: 94%;
padding: 3%;
font-family: calibri;
font-weight: 500;	
color: #e01a27;	
color: rgb(60,60,60);
background: #c4d591;
text-align: left;	
display: none;
}







/* FAQs Section Done  */




/*Internal Page Start */



/*Terms and Privacy*/


/*internal pages */


.internaltop{
width: 100%;
float: left;
margin-top: 50px;
text-align: center;	
position: relative;
padding-bottom: 14%;
background: #ededed;
   background: url(sanremimages/texture1.png) repeat fixed; 
  background: #f3f3f3;
   background: url(sanremimages/texture1.png) repeat fixed;
     background: url(sanremimages/internalsanrem2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; 
   background-size: cover;
  overflow: hidden;
}


.internaltop img{
position: absolute;
bottom: 0;
left: 0;
width: 100%;	
z-index: 4;	
display: none;
}

.internaltoptext{
position: absolute;
top: 0;
height: 100%;
left: 0;
width: 100%;	
z-index: 5;		
	
	
}


.internaltoptext h2{
	
width: auto;
display: inline-block;
vertical-align: top;
text-align: center;
top: 30%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	
font-size: 300%;
font-weight: 300;
font-family: arial, sans-serif;	
text-transform: uppercase;
letter-spacing: 6px;
color: 	#0e2353;	
color: white;	
border: 0;
-webkit-animation: headerinternala ease-in-out 1.5s 0s;
  -moz-animation: headerinternala ease-in-out 1.5s 0s;
  -o-animation: headerinternala ease-in-out 1.5s 0s;
  animation: headerinternala ease-in-out 1.5s 0s;	
  
}


h2 span{

	
	
}




@-webkit-keyframes headerinternal {
0%{
      margin-left: 200%;
	  padding-top: 5%;
padding-bottom: 5%;
border: 0;
	  
   }
   

   
 
	  
	100% { 
margin-left: 0;
padding-top: 12px;
padding-bottom: 12px;
}     
	  
   
}
@-moz-keyframes headerinternal {
0%{
      margin-left: 200%;
	  padding-top: 5%;
padding-bottom: 5%;
border: 0;
	  
   }
   

   
 
	  
	100% { 
margin-left: 0;
padding-top: 12px;
padding-bottom: 12px;
}     
	    
}
@-o-keyframes headerinternal {
0%{
      margin-left: 200%;
	  padding-top: 5%;
padding-bottom: 5%;
border: 0;
	  
   }
   

   
 
	  
	100% { 
margin-left: 0;
padding-top: 12px;
padding-bottom: 12px;
}     
	     
	    
	       
	
}
@keyframes headerinternal {
0%{
      margin-left: 200%;
	  padding-top: 5%;
padding-bottom: 5%;
border: 0;
	  
   }
   

   
 
	  
	100% { 
margin-left: 0;
padding-top: 12px;
padding-bottom: 12px;
}     
	      
	       

}	 











@-webkit-keyframes headerinternala {
0%{
      margin-left: 200%;


	  
   }
   

   
 
	  
	100% { 
margin-left: 0;

}     
	  
   
}
@-moz-keyframes headerinternala {
0%{
      margin-left: 200%;


	  
   }
   

   
 
	  
	100% { 
margin-left: 0;

}     
	 
}
@-o-keyframes headerinternala {
0%{
      margin-left: 200%;


	  
   }
   

   
 
	  
	100% { 
margin-left: 0;

}     
	    
	       
	
}
@keyframes headerinternala {
0%{
      margin-left: 200%;


	  
   }
   

   
 
	  
	100% { 
margin-left: 0;

}     
	       

}	 

.exopest-general-page-hold{
width: 100%;
float: left;
text-align: center; 
position: relative;	
	
	
}


.sanremcontentblock{
margin-top: 50px; 
width: 75%;
box-sizing: border-box;
padding: 5%;
display: inline-block;
text-align: left;
padding-top: 4%;
padding-bottom: 4%;
position: relative;	
font-weight: 300;
font-family: calibri, sans-serif;	
color: 	#333335;	
	
	
}

.sanremcontentblock a{
	
color: red;
text-decoration: none;	
}
.sanremcontentblock a:hover{
text-decoration: underline;	
	
}


.sanremcontentblock h1{
font-weight: 500;
font-family: calibri;
font-size: 250%;
	
}

.sanremcontentblock h2{
font-weight: 400;
font-family: calibri;
font-size: 170%;
	
}

.sanremcontentblockdiv{
width: 75%;
display: inline-block;
vertical-align: top;
text-align: left;	
min-height: 500px;	
padding: 2%;
border-radius: 3px;
background: #ececec;
background: #f4f4f4;
}

.sanremcontentblockdiv label{
width: 100%;
float: left;
margin-top: 3%;
margin-bottom: 6px;
font-size: 130%;
font-family: arial, sans-serif;
font-weight: 300;	
color: #0e2353;
	
}

.sanremformhold{
width: 55%;
display: inline-block;
vertical-align: top;
margin-right: 1%;	

	
	
}




/*Internal Page End */



/*Media Queries*/


@media (max-width: 1450px){
	
.herodescriptiondiv h2 {
font-size: 130%;

}	
	
	
	
	
}

@media (max-width: 1250px){
	
.exonavlinks{
width: 480px;	
	
	
}	



.addarrow, .addarrow2, .addarrow3{

line-height: 255%;
font-size: 14px;
	
}


.exonavlinkseach, .exodivlinks{
width: 100px;
padding-left: 2px;
padding-right: 2px; 	
font-size: 12px;		
}

.openservices, .openpests{
width: 400px;	

	
}


.openserviceseach, .openpestseach{
	
margin-top: 3px;
margin-bottom: 3px;		
font-size: 90%;	
	
	
}
	
	
.openserviceseach img, .openpestseach img{
width: 22px;
	
	
	
}	
	
	

	
	
}



@media (max-width: 1100px){
.headerservicestitle h2, .headerservicestitle h1{
	
font-size: 140%;	
	
	
}	
	
	

.herodescriptiondiv{
width: 58%;

}	
	
	
	
	
}

@media (max-width: 1000px){
	
.exohero{
min-height: auto;	
	
}	


 .sanremdivtext h2{

 font-size: 110%;

 }
 
 .sanremdivtext p{
font-size: 87%;

 }
 

 .disclaimer-css{
	font-size: 13px; 
	 
 }
 
	
	
}





@media (max-width: 990px){
.exonavlinks{
display: none;	
	
	
}	

.exomobilemenu{
	
display: block;	
	
	
}


.exomobilemenu, .exosearchmenu{
margin-right: 8px;
margin-top: 19px;	
	
}


.headerservices {
margin-top: 0;	
	
}


.navbar{
height: 65px;	
position: relative;
float: left;	
}	


#purgenavbar{
margin-top: 0;	
	
	
}


.exotelephone{
	
margin-right: 0;	
	
}

.exotext{
margin-top: 1px;	
	
	
}


.exologo{
width: 155px;
margin-top: -10px;	
	
	
}

.exohero{
margin-top: 0;	
	
	
	
}

.herodescriptiondiv h2{
font-size: 108%;

}	


.secondset h2, .thirdset h2, .fourthset h2, .fifthset h2, .sixthset h2{
font-size: 170%;	
	
}




.fourthset h3{

font-size: 110%;

}


.fourthset p{
	
font-size: 100%;

}


.secondservicewrap{
width:  95%;	
	
	
	
}


.thirdservicetext h2 {
	
font-size: 128%;	
}


.faqssectioneachq{
	font-size: 120%;
	
}
	
}

@media (max-width: 900px) {
	
	
.exoheromobile{
	
display: block;	
	
}


.exoherodesk{
display: none;	
	
	
}
	
.exopestdefaultbutton, .exopestdefaultlinebutton, .exopestdefaultlinebuttonwhite {
font-size: 115%;


}	

.textareastyle{
height: 180px;	
}
	
.inputstyle{
	
font-size: 90%;	
	
	
}	


.footereach, .footereachimage {
    width: 29%;
    margin-left: 1%;
    margin-right: 1%;
	
}

.footereach h2{
font-size: 105%;	
	
	
}

.footertelephone{
font-size: 150%;	
	
}

.freeinspectionpopupdiv{
width: 60%;	
	
	
}

	
	
}


@media (max-width: 850px){
	
.headerservicestitle h2, .headerservicestitle h1 {
font-size: 115%;

}	


.fifthset{

background: #bacb85;	

}


.fifthbreaka{
width: 100%;	
margin-left: 0;

	
	
	
}

#firsttestimonial, #secondtestimonial, #thirdtestimonial{

	
	
}


.fifthbreakb{
background: url(images/clientsback.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
width: 100%;  
padding-top: 7%;
padding-bottom: 5%; 	
	
}



#testimonialnav{
	
margin-top: 8%;	
	
}
	
	
.loader {

	background: url('images/exopestloading150.gif') 50% 50% no-repeat #383838;
}	


.secondset h2, .thirdset h2, .fourthset h2, .fifthset h2, .sixthset h2{
font-size: 150%;	
	
}


.secondset p, .thirdset p, .fourthset p, .fifthset p, .sixthset p{
font-size: 100%;	
	
}



 .sanremdivtext h2{

 font-size: 110%;

 }
 
 .sanremdivtext p{
display: none;

 }
 
 
 .sanremdiv{
width: 85%;	 
	 
 }

 
  .disclaimer-css{
	font-size: 12px; 
	 
 }
 
	
}


@media (max-width: 750px){
	




.headerservicesimage {
    width: 100%;
    padding-bottom: 42%;

}
	
	

.headerservicestitle {
    width: 96%;
	padding-left: 2%;
	padding-right: 2%;
	margin-left: auto;
	margin-right: auto;
	background: #645e5e;
	
}


.thirdservicetext h2 {
	
font-size: 125%;	
}


.thirdservicetext p {
	
font-size: 90%;	
line-height: 25px;
}



.faqssectioneachq{
	font-size: 112%;
	
}



.testswipehold{
	width: 100%;
	
	
	
}
	
	
	
.swipebuttonright, .swipebuttonleft{
	font-size: 0;
	width: 0;
	padding: 0;
	opacity: 0;

}	
	
	
	
	
}




@media (max-width: 700px){
	
#hideheromobile{
display: none;	
	
	
	
}


.exotelephone{

padding-left: 5px;	
width: 170px;	
	
}

.exolargetext{
font-size: 153%;

}



.heroinspectionresponseclose, .exocontactresponseclose{
top: 1px;
right: 1px;
font-size: 12px;	
padding: 3px;	
}



.heroinspection{
width: 55%;
	
	
}


.herodescription{
width: 45%;
left: 55%; 	
	
	
}



.herodescriptiondiv{
width: 80%;	
	
	
}


.herodescriptiondiv h2{
	
font-size: 100%;	
text-transform: capitalize;	
}


.inspectinput{
font-size: 90%;	
margin-top: 4px;
margin-bottom: 4px;	
width: 96%;
padding: 2%;	
}


.inspectselect{
font-size: 90%;	
margin-top: -1px;
	
}

.addarrow, .addarrow2, .addarrow3{

line-height: 200%;
margin-top: -4px;
	
}	


.inspectbutton{
margin-top: -6px;
position: relative;	
font-size: 90%;	
	
}


.fourthseteach{
	
width: 98%;

	
}


.fourthseteachtext{
width: 85%;	
margin-left: 0;
	
}

.fourthseteachimage{
margin-right: 1%;	
	
	
}


.fourthset p{
	
line-height: 28px;	
	
}

.fourthset h3{
font-size: 102%;	
line-height: 28px;	
}






.sixthsetcontactform{
width: 80%;	
}


.sixthsetcontactformtext{
width: 98%;	
margin-top: 3%;	
}

.footer{

	
	
}


.footereachimage {
	
width: 100%;	
margin-bottom: 2%;	
	
}

.footereachimage img{
width: 160px;
height: auto;	
	
	
}


.footereach{
width: 45%;
margin-left: 4%;
margin-right: auto;
	
	
}


.secondserviceeachimage img {
    width: 30%;
	
}


.thirdservicetext h2 {
	
font-size: 122%;	
}



.footereach h2{
	
font-size: 102%;	
	
	
	
}

.extrapeststext{
font-size: 96%;
line-height: 24px;
}	
	

.career-overlay-section{
width: 75%;
}	
	
	
	
}



@media (max-width: 680px){
.sanremcareers-div h2{
font-size: 170%;
}

.sanremcareers-div h3{
font-size: 117%;

}

.sanremcareers-div p{

line-height: 105%;

}


.sanremcareers-flex-div{
width: 96%;
margin-left: 2%;
margin-right: 2%;	
}	
	
}



@media (max-width: 640px){
	
.sanremdivtext h2{

 font-size: 90%;

 }	
 
 
 
	
	
}

@media (max-width: 600px){
	
.exopestdefaultbutton, .exopestdefaultlinebutton, .exopestdefaultlinebuttonwhite {
font-size: 100%;
padding-left: 5px;
padding-right: 5px; 
padding-top: 3px;
padding-bottom: 3px;
margin-left: 3px;
margin-right: 3px;
}	


.inputstylebutton{
font-size: 100%;	
	
	
}


.headerservicesimageoverlaydiv{
font-size: 65%;	
	
}


.searchstyle {
width: 93%;
padding-top: 2%;
padding-bottom: 8px;
padding-left: 3px;
padding-right: 3px;
display: inline-block;
vertical-align: bottom;
font-size: 100%;
font-family: calibri, sans-serif;
font-weight: 300;
color: grey;	
border: 0;
border-radius: 2px;	
background: #e3e3e3;
background: rgba(255,255,255,0.7);
border-bottom: 2px solid gainsboro;
outline: none;	
}



.searchstylebutton{
width: 90px;	
padding: 8px;
margin-top: 10px;	
	
}


.faqssectioneach{
width: 85%;	
	
}


.faqssectioneachq{
	font-size: 108%;
	
}



	

	
}







@media (max-width: 520px){
	
.secondserviceeach {
width: 90%;

}	

.secondserviceeach ul{
width: 90%;
margin-left: 4%;
}



.thirdserviceright, .thirdservice{
margin-left: auto;
margin-right: auto;	
text-align: center;	
}

.thirdservicetext {
width: 90%;	
text-align: left;
margin-top: 2%;
margin-bottom: 2%;
}
	
.thirdserviceimage{
width: 100%;	

	
	
}	

#hideextraimage{
display: none;	
	
}




.secondserviceimage{
width: 100%;
text-align: center; 	
	
	
}



.secondserviceimage img{
width: 17%;	
margin-bottom: 1%;	
	
}	
	

.secondserviceblock{
width: 100%;
margin: auto;	
margin-bottom: 2%;	
}	
	
	
.extrapestsimage{
width: 100%;
display: inline-block;
vertical-align: middle;
margin-right: auto;	
margin-bottom: 1%;
margin-top: 1%;	
	
	
}

.extrapestsimage img{
width: 35%;
height: auto;	
	
}


.extrapeststext{
width: 93%;	
margin-left: auto;
margin-right: auto;
}	
	
.thirdsetimage{
	
display: none;	
	
	
}

.thirdsettext{
	
width: 94%;
margin-left: 3%;	
margin-top: 3%;
margin-bottom: 3%;	
	
}	
	
.sanremdivtext h2{

 font-size: 57%;

 }	
 
 
 #sanrembuttoncolor{
	 
font-size: 65%;	 
 }
 
 .sanremclosediv{
width: 15px;
height: 15px;
font-size: 14px;
line-height: 14px;  
	 
	 
 }
 
 
 .disclaimer-css{
	
font-size: 10px;	
	
	
}
 
 
	
	
}


@media (max-width: 500px){
	
.exotelephone{
	
display: none;	
	
}	


	
.faqssectioneachimage{
width: 8%;
margin-right: 0;
	
}	


.exohero{

padding-bottom: 73%;

}


#showdesktop{
	
display: none;	
	
}


#showmobile{
	
display: inline-block;	
	
}



.exohero img{
top: 0;	
	
	
	
}



.career-overlay-section{
width: 80%;
}

.career-overlay-section h2{
font-size: 150%;	
	
}


.career-overlay-section h3{
font-size: 130%;	
	
}

.career-overlay-section p{
font-size: 100%;	
	
}

	
}



@media (max-width: 490px){
	



.secondset h2, .thirdset h2, .fourthset h2, .fifthset h2, .sixthset h2{
font-size: 120%;	
width: 96%;
padding-left: 2%;
padding-left: 2%;	
}


.secondset p, .thirdset p, .fourthset p, .fifthset p, .sixthset p{
font-size: 95%;
width: 96%;
padding-left: 2%;
padding-left: 2%;		
	
}

.fifthseteach{
width: 20%;
margin-left: 4%;
margin-right: 4%;	
	
	
}

.footereach h2{
	
font-size: 100%;	
	
}

.footereach a{
font-size: 88%;	
	
}

.footertelephone{
	
font-size: 120%;	
	
}


.thirdservicetext h2 {
	
font-size: 120%;	
}



	
}

@media (max-width: 450px){
	
.secondseteach {
	
width: 29%;
margin-left: 1%;
margin-right: 1%;

}	




.sixthseteach{
	
width: 95%; 	
	
}


.thirdset h2, .sixthset h2{
text-align: center;	
	
	
}


.exopestdefaultbuttonhold2{
text-align: center;
	
	
}
	
	
	
}







@media (max-width: 400px){
	
	
.exomobilemenuopen{
width: 75%;

}	
	
.herodescriptiondiv{
width: 90%;	
	
}	
	
	
	
.herodescriptiondiv h2{
	
font-size: 73%;
}


.inspectinput{
font-size: 80%;	
	
}


.addarrow, .addarrow2, .addarrow3{

line-height: 230%;
font-size: 10px;
	
}


.inspectselect{
font-size: 80%;	
		
}	


.inspectbutton{
font-size: 83%;	
	
}

 .sanremdiv{
width: 100%;	 
	 
 }




.faqssectioneachq{
	font-size: 102%;
	
}


	
}


@media (max-width: 370px){

.footereach{
width: 96%;	
margin-left: 2%;
margin-right: 2%;	
}

.footereach h2{
border-bottom: 1px solid gainsboro;	
	
}
	
.copytext{
	
font-size: 85%;	
	
}	



	
}


@media (max-width: 340px){

.secondseteach {
	
width: 40%;
margin-left: 3%;
margin-right: 3%;

}	
	
	
	
}




@media (max-width: 280px){
	
.addarrow, .addarrow2, .addarrow3{

font-size: 0%;
	
}	


.exologo{
width: 100px;
margin-top: 6px;	
	
	
}

.exomobilemenu, .exosearchmenu{
	
margin-right: 3px;	
padding-left: 1px;
padding-right: 1px; 	
	
}

	
	
}