body, html{
padding: 0;
margin: 0;
	
	
}


.sanrem-wrapper{
	
width: 100%; 
float: left;	
 -moz-box-shadow:    2px 2px 3px 2px #ccc;
  -webkit-box-shadow: 2px 2px 3px 2px #ccc;
  box-shadow:         2px 2px 3px 2px #ccc;
}

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: white;
	background: url('sanremimages/sanremloader.gif') 50% 50% no-repeat white;

}






.sanrem-new-product-popup-hold{
width: 100%; 
position: fixed; 
top: 0;
left: 0;
height: 100%;
background: rgba(240,240,240,0.7);	
z-index: 99999999999;	
text-align: center;	
display: none;
	
}

.sanrem-new-product-popup-close{
width: auto;
position: absolute;
top: 6px; 
right: 12px; 
color: gainsboro;
font-size: 30px;
font-family: calibri;
font-weight: 300;	
cursor: pointer;	
z-index: 20;

	
}


.sanrem-new-product-popup{
width: 55%; /*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: #eaeaea;
background: rgb(35,35,35);	
text-align: left;		
}


.sanrem-new-product-popup-image{
width: 50%;
display: inline-block;
vertical-align: middle;
padding-bottom: 65%;
overflow-y: hidden;	
overflow-x: hidden;		
position: relative;		
	
	
}

.sanrem-new-product-popup-image img{

width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;

}


.sanrem-new-product-popup-text{
width: 45%;
margin-left: 2%;	
display: inline-block; 
vertical-align: middle;
color: white;
text-align: center;	
	
}


.sanrem-new-product-popup-text h2{
font-family: arial; 
font-weight: 500;	
margin-top: 10px;
font-size: 200%;
color: white;
text-transform: uppercase;	
}


.sanrem-new-product-popup-text h4{
font-family: calibri; 
font-weight: 300;	
margin-bottom: 8px;
font-size: 130%;
color: gainsboro;	
	
	
	
}



.sanrem-new-product-popup-text p{
font-family: calibri; 
font-weight: 300;	
margin-bottom: 6%;
margin-top: 6%;
font-size: 150%;
color: gainsboro;		
line-height: 30px;	
	
	
}




.sanrem-blue-button-gen{
	
width: auto; 
padding: 12px;
padding-left: 15px;
padding-right: 15px;
background: #48b5e7;	
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
letter-spacing: 2px;
border-radius: 50px;
display: inline-block;
vertical-align: top;	
font-family: calibri;
color: white;	
-webkit-animation: buttonpop ease-in-out 2.5s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: buttonpop ease-in-out 2.5s 0s; 
  -o-animation: buttonpop ease-in-out 2.5s 0s;
  animation: buttonpop ease-in-out 2.5s 0s;	
transition: all 1.2s ease-in-out; 
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
}


.sanrem-blue-button-gen:hover{
background: white; 
color: #48b5e7;	
      -moz-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari */
  transform: scale(1.2);
}




@-webkit-keyframes buttonpop {
0%{
      -moz-transform: scale(1);
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);

	  
   }
	  
	50% { 
    -moz-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari */
  transform: scale(1.2);
}  


 	100% { 
    -moz-transform: scale(1);
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);
}     
  
	  
   
}
@-moz-keyframes buttonpop {
0%{
      -moz-transform: scale(1);
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);

	  
   }
	  
	50% { 
    -moz-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari */
  transform: scale(1.2);
}  


 	100% { 
    -moz-transform: scale(1);
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);
}      
}
@-o-keyframes buttonpop {
0%{
      -moz-transform: scale(1);
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);

	  
   }
	  
	50% { 
    -moz-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari */
  transform: scale(1.2);
}  


 	100% { 
    -moz-transform: scale(1);
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);
}         
	       
	
}
@keyframes buttonpop {
0%{
      -moz-transform: scale(1);
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);

	  
   }
	  
	50% { 
    -moz-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Safari */
  transform: scale(1.2);
}  


 	100% { 
    -moz-transform: scale(1);
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari */
  transform: scale(1);
}       
	      

}









.mobilenavmenu{
width: 20px;
height: auto;
float: right;
margin-right: 2%;	
margin-top: 18px;	
cursor: pointer;
display: none;	
position: relative;
z-index: 40;
}


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

.mobilenav{
width: 180px;
position: absolute;
background: rgba(0,123,0,0.7);
    background: rgba(14, 190, 222,0.9);
right: 3px;
top: 50px;
min-height: 50px;	
z-index: 50;	
display: none;	
}

.mobilenav a{
width: 96%;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 2%;
padding-right: 2%;
color: white;
float: left;
font-family: calibri, sans-serif;
font-weight: 300;	
	
}


.navbar{
width: 100%; 
background: #0e2353;
background: #4c88ae;
background: #3b83b1;
background: #387aa4;
background: #0cabd0;
background: #1047a9;
background: #0a3b96;
background: #dedcdc;
background: white;
height: 50px;
float: left;
left: 0;
border-bottom: 0px solid gainsboro;
box-shadow: 1px 0px 2px 1px silver;
position: fixed;	
z-index: 999999;		
}




.sanremlogosecond{
width: 160px;
height: auto;
margin-left: 6%;
float: left;	
	
	
}


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


.sanremlogo{
width: 180px;
height: auto;
float: left;
margin-left: 6%;
margin-top: -4px;		

}


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


.sanremtelephone{
width: auto;
float: right;
margin-right: 6%;
font-family: calibri, sans-serif;
text-transform: uppercase;	
font-weight: 300;
color: white;
background: #0cabd0;
background: #007b00;
padding: 6px;
margin-top: 8px;
border-radius: 20px;	
text-align: center;	
}


.sanremtelephone a{
width: 128px;
display: inline-block;
vertical-align: middle;
color: white;
font-size: 16px;
margin-left: -5px;
text-align: center;	
}

.sanremtelephone:hover{
background: #0cabd0;	
	
	
}


.sanremtelephone a:hover{

font-weight: 600;	
}


.sanremlinks{
width: 600px;
float: right;
color: white;
color: #0cabd0;
color: #024084;
margin-right: 2%;
font-size: 90%;
font-family: arial, sans-serif;
text-transform: uppercase;	
font-weight: 600;	
text-align: right;	
}

.sanremlinks ul{
width: 100%;
float: right;
position: relative;	
}

.sanremlinks li{
width: auto;
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
position: relative;
margin-top: -14px;

}



.sanremlinkseach{
width: auto;
line-height: 50px;
display: inline-block;
vertical-align: middle;
padding-right: 15px;
padding-left: 15px;	
color: white;
color: #0cabd0;	
color: #024084;
margin-left: -5px;
position: relative;
}


.sanremlinkseach:hover{
background: #007b00;	
background: #0cabd0;	
color: white;	
}


.activelinka{
background: #007b00;	
background: #0cabd0;	
color: white;	
}


.sanremlinkseach a{
width: auto;
line-height: 50px;
display: inline-block;
vertical-align: middle;
padding-right: 15px;
padding-left: 15px;	
color: white;
color: #0cabd0;	
color: #024084;
margin-left: -5px;
position: relative; 	
	
}

.open-products-section, .sanremlinks li ul{
position: absolute;
top: 50px;
left: -5px;
width: 250px;
padding-bottom: 8px; 
background: #0cabd0;
color: white; 
font-size: 98%;
padding-left: 0;
font-family: calibri; 
font-weight: 400;
display: none;
}

.sanremlinks li:hover ul{
display: block;	
}


.open-products-section a, .sanremlinks li ul a, .sanremlinks li ul li{
width: 100%;
float: left;
color: white; 
position: relative;	
margin-top: 0;
padding: 5px;
text-align: left;
box-sizing: border-box;
}


.sanremlinks li ul a:hover {
background: #024084;	
	
}



.sanremtelephone img{
width: 15px;
height: auto;
margin-left: 2px;
margin-right: 0px;
display: inline-block;
vertical-align: middle;	
}




.heroimage{
width: 100%;
float: left;
position: relative;
text-align: center;
margin-top: 50px;	
padding-bottom: 44%;	
background: white;	
	
}



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


}


.heroimagetext{
width: 100%;
position: absolute;
top: 0;
left: 0;
text-align: right;
z-index: 8;	
height: 100%;	
	
}



.heroimagetext2{
width: 100%;
position: absolute;
top: 0;
left: 0;
text-align: left;
z-index: 8;	
height: 100%;	
}


.heroimagetextdiv{
width: 40%;
top: 30%;
margin-right: 3%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	
text-align: center;		
display: inline-block;
vertical-align: top;		

	
	
}


.heroimagetextdiv2{
width: 45%;
left: 3%;
position: absolute;		
bottom: 10%;
}


.heroimagetext2 h2{
width: 100%;
font-weight: 400;
font-family: calibri;
font-size: 240%;
text-align: left;	
display: inline-block;
vertical-align: top;	
text-transform: uppercase;	
color: #02006a;
color: #024084;
margin-top: 8px;
margin-bottom: 7px;
}



.hoverintro{
width: auto;
right: 0;
top: 50%;
position: absolute;	
text-align: center;		
margin-left: 0;	
background: rgba(255,255,255,0.5);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;	
color: #024084;
font-weight: 600 !important;
font-family: arial, sans-serif !important;
font-size: 105%;
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;	
    z-index: 20;
}



.heroimagetext h2{
width: 100%;
border-bottom: 1px solid #a8a8a9;
font-weight: 300;
font-family: calibri;
font-size: 240%;
text-align: left;	
display: inline-block;
vertical-align: top;	
text-transform: uppercase;	
color: #02006a;
margin-top: 8px;
margin-bottom: 7px;
}




.heroimagetext p{
width: 100%; 
font-weight: 300;
font-family: calibri;
font-size: 140%;
text-align: left;	
display: inline-block;
vertical-align: top;	
color: #02006a;
margin-top: 4px;
margin-bottom: 4px;
color: #333335;
}


.herooverlayimages{
width: 100%;
position: absolute;
left: 0;
right: 0;
z-index: 3;	
	
	
	
}



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



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



.sanitarybinopendiv{
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	
text-align: center;		
display: inline-block;
vertical-align: top;
width: 50%;
padding: 3%;
background: white;
font-family: calibri;
font-weight: 300;
text-align: center;	
box-shadow: 1px 1px 2px 1px silver;	
	
	
}


.closepopproducts{
position: absolute;
top: 1%;
right: 1%;
font-size: 95%;
font-family: calibri;
font-weight: 300;	
color: #007b00;	
width: auto;
padding: 3px;
border-radius: 3px;
border: 1px solid #007b00;	
cursor: pointer;	
	
}


.closepopproducts:hover {
background: #007b00;
color: white;

	
}



.sanitarybinopendivtext{
width: 60%;
display: inline-block;
vertical-align: middle;
margin-right: 2%;
text-align: left;	
	
}



.sanitarybinopendivtext p{
font-size: 105%;
line-height: 25px;	
	
}


.sanitarybinopendivtext h2{
font-size: 150%;
color: #02006a;
color: #024084;
border-bottom: 2px solid #02006a;
border-bottom: 2px solid #024084;
font-weight: 400;	
font-family: arial, sans-serif;	
}

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


.delayoverlay{
	
display: none;	
}


.overlayfirst{
width: 10%;
padding-bottom: 9%;
left: 22%;
top: 45%;
color: white;
font-family: calibri;
font-weight: 400;
text-align: center;
z-index: 50;	
position: absolute;	
cursor: pointer;	
		
	
}


.overlayfirsttext{
position: absolute;	
width: 100%;
height: 100%;
left: 0;
top: 0;	
opacity: 0;	
	
}

.overlayfirsttext p{
width: auto;
top: 30%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	
text-align: center;		
display: inline-block;
font-size: 85%;
color: white;	
background: rgba(0,0,0,0.7);
background: #0cabd0;
padding: 3px;
border-radius: 1px;	
}



.overlayfirst:hover .overlayfirsttext{
	
opacity: 1;	
	
	
}


.freequote{
background: #007b00;
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;	
}

.freequote a{
color: white;	
}

.freequote a:hover{
color: 	#02006a;
font-weight: 600;
	
	
}



.overlaysanibin{
width: 12%;
top: 45%;
left: 20%;
height: 24%;
background: rgba(255,255,255,0.3);	
position: absolute; 
z-index: 99;	
border-radius: 50%;	
border: 3px solid #0cabd0;	
cursor: pointer;

  
}


.overlaysanibina{
width: 8%;
top: 45%;
left: 6%;
height: 16%;
background: rgba(255,255,255,0.3);	
position: absolute; 
z-index: 99;	
border-radius: 50%;	
border: 3px solid #0cabd0;	
cursor: pointer;

  
}


.overlayjuniorjumbo{
width: 6%;
top: 33%;
left: 7%;
height: 11%;
background: rgba(255,255,255,0.3);	
position: absolute; 
z-index: 99;	
border-radius: 50%;	
border: 3px solid #0cabd0;	
cursor: pointer;

  
}


.overlaycenterpull{
width: 9%;
top: 23%;
left: 21%;
height: 19%;
background: rgba(255,255,255,0.3);	
position: absolute; 
z-index: 99;	
border-radius: 50%;	
border: 3px solid #0cabd0;	
cursor: pointer;
	
  
}




.overlayaerosol{
width: 5%;
top: 12%;
left: 39%;
height: 10%;
background: rgba(255,255,255,0.3);	
position: absolute; 
z-index: 99;	
border-radius: 50%;	
border: 3px solid #0cabd0;	
cursor: pointer;

  
}


.overlayaerosola{
width: 7%;
top: 1%;
right: 43%;
height: 14%;
background: rgba(255,255,255,0.3);	
position: absolute; 
z-index: 99;	
border-radius: 50%;	
border: 3px solid #0cabd0;	
cursor: pointer;

  
}



.overlayhandsanitizer{
width: 5%;
top: 34%;
left: 39%;
height: 10%;
background: rgba(255,255,255,0.3);	
position: absolute; 
z-index: 99;	
border-radius: 50%;	
border: 3px solid #0cabd0;	
cursor: pointer;

  
}




.overlayhandsanitizera{
width: 7%;
top: 31%;
right: 43%;
height: 14%;
background: rgba(255,255,255,0.3);	
position: absolute; 
z-index: 99;	
border-radius: 50%;	
border: 3px solid #0cabd0;	
cursor: pointer;

  
}


.overlayhanddryer{
width: 12%;
top: 27%;
right: 15%;
height: 24%;
background: rgba(255,255,255,0.3);	
position: absolute; 
z-index: 99;	
border-radius: 50%;	
border: 3px solid #0cabd0;	
cursor: pointer;

  
}



.overlaytext{
top: 50%;
width: 96%;
display: inline-block;
vertical-align: top;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;		
font-family: calibri;
font-weight: 500;
font-size: 90%;
background: #0cabd0;
padding: 2%;
color: white;	
	
	
}

.delay-prod-feature{
	
display: none;	
	
}


@-webkit-keyframes hovereffect {
 0%{
      transform: rotate(180deg);
	  background: #0cabd0;
   }
    
   
 
	  
	100% { 
transform: rotate(0deg);
	background: rgba(255,255,255,0.3);	
}   
	  
	  
   
}
@-moz-keyframes hovereffect {
 0%{
      transform: rotate(180deg);
	  background: #0cabd0;
   }
    
   
 
	  
	100% { 
transform: rotate(0deg);
	background: rgba(255,255,255,0.3);	
}     
	   
	 
	
}
@-o-keyframes hovereffect {
 0%{
      transform: rotate(180deg);
	  background: #0cabd0;
   }
    
   
 
	  
	100% { 
transform: rotate(0deg);
	background: rgba(255,255,255,0.3);	
}    
	    
	 
	  
	
}
@keyframes hovereffect {
 0%{
      transform: rotate(180deg);
	  background: #0cabd0;
   }
    
   
 
	  
	100% { 
transform: rotate(0deg);
	background: rgba(255,255,255,0.3);	
}      
	    

}




.overlaysanibin, .overlaysanibina, .overlayjuniorjumbo, .overlaycenterpull, .overlayaerosol, .overlayaerosola, .overlayhandsanitizer, .overlayhandsanitizera, .overlayhanddryer{
opacity: 0;


}



.overlaysanibin:hover, .overlaysanibina:hover, .overlayjuniorjumbo:hover, .overlaycenterpull:hover, .overlayaerosol:hover, .overlayaerosola:hover, .overlayhandsanitizer:hover, .overlayhandsanitizera:hover, .overlayhanddryer:hover{
opacity: 1;
-webkit-animation: hovereffect ease-in-out 1s 0s;
  -moz-animation: hovereffect ease-in-out 1s 0s;
  -o-animation: hovereffect ease-in-out 1s 0s;
  animation: hovereffect ease-in-out 1s 0s;	

}



.overlaysanibin:hover .overlaytext, .overlaysanibina:hover .overlaytext, .overlayjuniorjumbo:hover .overlaytext, .overlaycenterpull:hover .overlaytext, .overlayaerosol:hover .overlaytext, .overlayaerosola:hover .overlaytext, .overlayhandsanitizer:hover .overlaytext, .overlayhandsanitizera:hover .overlaytext, .overlayhanddryer:hover .overlaytext{
display: inline-block;


}




#overlay1{
	
-webkit-animation: overlayin ease-in-out 1s 0s;
  -moz-animation: overlayin ease-in-out 1s 0s;
  -o-animation: overlayin ease-in-out 1s 0s;
  animation: overlayin ease-in-out 1s 0s;		
	z-index: 15;
	
}


#overlay2{
	
-webkit-animation: overlayin2 ease-in-out 1s 0s;
  -moz-animation: overlayin2 ease-in-out 1s 0s;
  -o-animation: overlayin2 ease-in-out 1s 0s;
  animation: overlayin2 ease-in-out 1s 0s;		
	z-index: 15;	
	
	
}



#overlay3{
	
-webkit-animation: overlaying3 ease-in-out 2s 0s;
  -moz-animation: overlaying3 ease-in-out 2s 0s;
  -o-animation: overlaying3 ease-in-out 2s 0s;
  animation: overlaying3 ease-in-out 2s 0s;		
	z-index: 15;	
	
	
}

#overlay4{
-webkit-animation: overlayin4 ease-in-out 2s 0s;
  -moz-animation: overlayin4 ease-in-out 2s 0s;
  -o-animation: overlayin4 ease-in-out 2s 0s;
  animation: overlayin4 ease-in-out 2s 0s;		
	z-index: 15;	
	
	
	
}


#overlay5{
-webkit-animation: overlayin2 ease-in-out 2.6s 0s;
  -moz-animation: overlayin2 ease-in-out 2.6s 0s;
  -o-animation: overlayin2 ease-in-out 2.6s 0s;
  animation: overlayin2 ease-in-out 2.6s 0s;		
	z-index: 15;	
	
	
	
}




#overlay6{
-webkit-animation: overlayin ease-in-out 2.6s 0s;
  -moz-animation: overlayin ease-in-out 2.6s 0s;
  -o-animation: overlayin ease-in-out 2.6s 0s;
  animation: overlayin ease-in-out 2.6s 0s;		
	z-index: 15;	
	
	
	
}



#overlay7{
-webkit-animation: fadeIn ease-in-out 9s 0s;
  -moz-animation: fadeIn ease-in-out 9s 0s;
  -o-animation: fadeIn ease-in-out 9s 0s;
  animation: fadeIn ease-in-out 9s 0s;		
	z-index: 14;	
	
	
	
}



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

}



@-webkit-keyframes fadeIn {
 0%{
      opacity: 0;

	  
   }
   

	  
	100% { 
opacity: 1;

}   
	  
	  
   
}
@-moz-keyframes fadeIn {
 0%{
      opacity: 0;

	  
   }
   

	  
	100% { 
opacity: 1;

}  
	
	
}
@-o-keyframes fadeIn {
 0%{
      opacity: 0;

	  
   }
   

	  
	100% { 
opacity: 1;

}   
	 
	  
	
}
@keyframes fadeIn {
 0%{
      opacity: 0;

	  
   }
   

	  
	100% { 
opacity: 1;

}    
	  

}




@-webkit-keyframes overlayin {
 0%{
      top: -100%;
	  
   }
   
   90% { 
top: 10%;
	
}  
   
 
	  
	100% { 
top: 0%;
	
}   
	  
	  
   
}
@-moz-keyframes overlayin {
 0%{
      top: -100%;
	  
   }
   
   90% { 
top: 10%;
	
}  
   
 
	  
	100% { 
top: 0%;
	
}  
	
}
@-o-keyframes overlayin {
  0%{
      top: -100%;
	  
   }
   
   90% { 
top: 10%;
	
}  
   
 
	  
	100% { 
top: 0%;
	
}  
	  
	
}
@keyframes overlayin {
 0%{
      top: -100%;
	  
   }
   
   90% { 
top: 10%;
	
}  
   
 
	  
	100% { 
top: 0%;
	
}    

}
	 
	 
	 
	 
@-webkit-keyframes overlayin2 {
0%{
      top: 120%;

	  
   }
   
   90% { 
top: -20%;
	
}  
   
 
	  
	100% { 
top: 0%;
}     
	  
   
}
@-moz-keyframes overlayin2 {
0%{
      top: 120%;

	  
   }
   
   90% { 
top: -20%;
	
}  
   
 
	  
	100% { 
top: 0%;

}   
	
}
@-o-keyframes overlayin2 {
0%{
      top: 120%;

	  
   }
   
   90% { 
top: -20%;
	
}  
   
 
	  
	100% { 
top: 0%;

}        
	
}
@keyframes overlayin2 {
0%{
      top: 120%;

	  
   }
   
   90% { 
top: -20%;
	
}  
   
 
	  
	100% { 
top: 0%;

}       

}




	 	 


@-webkit-keyframes overlaying3 {
0%{
      left: 200%;

	  
   }
   

   
 
	  
	100% { 
left: 0;
}     
	  
   
}
@-moz-keyframes overlaying3 {
0%{
      left: 200%;

	  
   }
   

   
 
	  
	100% { 
left: 0;
}  
}
@-o-keyframes overlaying3 {
0%{
      left: 200%;

	  
   }
   

   
 
	  
	100% { 
left: 0;
}      
	       
	
}
@keyframes overlaying3 {
0%{
      left: 200%;

	  
   }
   

   
 
	  
	100% { 
left: 0;
}     
	      

}	 





@-webkit-keyframes overlayin4 {
0%{
      left: -200%;

	  
   }
   

   
 
	  
	100% { 
left: 0;
}     
	  
   
}
@-moz-keyframes overlayin4 {
0%{
      left: -200%;

	  
   }
   

   
 
	  
	100% { 
left: 0;
}  
}
@-o-keyframes overlayin4 {
0%{
      left: -200%;

	  
   }
   

   
 
	  
	100% { 
left: 0;
}      
	       
	
}
@keyframes overlayin4 {
0%{
      left: -200%;

	  
   }
   

   
 
	  
	100% { 
left: 0;
}     
	      

}	 
		 
	 





.sanremsecond{
width: 100%;
background: #d4d4d7;
background: #dbd9c3;
background: #cfdca7;
background: #0cabd0;
padding-top: 2%;
padding-bottom: 2%;
float: left;
text-align: right;	
position: relative;	
}


.sanremsecondtext{
width: 55%;
display: inline-block;
vertical-align: top;	
font-family: calibri;
font-weight: 300;
color: #024084;	
margin-right: 6%;	
font-size: 100%;
}


.sanremsecondtext p{
font-size: 150%;		
font-weight: 400;
color: white;	
}
	 
	 
.sanremdefaultbutton{
width: auto;
display: inline-block;
vertical-align: top;
font-family: calibri;
font-weight: 500;
font-size: 115%;
padding: 7px;
padding-left: 12px;
padding-right: 12px;
color: white;
background: #007b00;	
background: #0cabd0;
background: #024084;
margin-left: 6px;
margin-right: 6px;
border-radius: 20px;	
cursor: pointer;
}

.sanremdefaultbutton:hover{
background: #024084;
background: #0cabd0;
color: white;
font-weight: 600;	
	
	
}


#sanremblued{
background: #1f366c;
	
	
}




#sanremblued:hover{
color: white;	
	
	
}


#sanremwhite, #sanremwhite-smaller{
	
background: white;
color: #0cabd0;
font-weight: 600;	
}


#sanremwhite:hover, #sanremwhite-smaller:hover{
	
background: #024084;
color: white;
	
}


#sanremwhite-smaller{
font-size: 65%;	
	
	
	
}


#sanremghost, #sanremmanual{
background: transparent;
color: #024084;
border: 1px solid #024084;
	
}

#sanremghost:hover, #sanremmanual:hover{
color: #0cabd0;	
border: 1px solid #0cabd0;	
	
}




.sanremdefaultbuttonhold1{
width: 100%;
display: inline-block;
text-align: right;
margin-top: 8px;
margin-bottom: 8px;	
	
}


.sanremdefaultbuttonhold{
width: 100%;
display: inline-block;
text-align: center;
margin-top: 8px;
margin-bottom: 8px;	
	
}


.sanremdefaultbuttonhold3, .sanremdefaultbuttonhold3a{
width: 100%;
display: inline-block;
text-align: left;
margin-top: 8px;
margin-bottom: 8px;	
margin-left: -1%;	
}


.sanrem-centered{
width: 100%; 
float: left; 
text-align: center;	
	
	
	
}



.sanremthirdsection{
width: 100%;
background: white;
float: left;
text-align: left;
padding-top: 4%;
padding-bottom: 4%;	
position: relative;	
margin-left: 0;

}


.sanremthirdsectiondiv{
width: 29%;
display: inline-block;
vertical-align: top;
margin-left: 10%;	
position: relative;
margin-top: -19%;	
	
	
}


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





.sanremfourthsection{
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;
padding-top: 4%;	
padding-bottom: 4%;
margin-top: -8%;
position: relative;	
	
		
}



.sanremfourthsection h2{
width: 100%;
background: white;
float: left;
text-align: center;
margin-top: 8px;
margin-bottom: 2%;
position: relative;	
font-size: 250%;
font-weight: 300;
font-family: calibri, sans-serif;	
color: 	#333335;
color: #024084;	
}

#shiftleft{
text-align: left;	
font-size: 145%;
text-transform: capitalize;	
font-weight: 500;
background: white !important;
color: #1e82c1;
}

.fourthseparate{
width: 100%;
margin-bottom: 2%;	

	
}



.sanremfourthsection h3{
width: 100%;
float: left;
text-align: center;
margin-top: 8px;
margin-bottom: 2%;
position: relative;	
font-size: 170%;
font-weight: 300;
font-family: calibri, sans-serif;	
color: 	#333335;	
text-transform: capitalize;
font-weight: 400;
}


.sanremfourthsection p{
width: 100%;
float: left;
text-align: center;
margin-top: 5px;
margin-bottom: 8px;
position: relative;	
font-weight: 300;
font-family: calibri, sans-serif;		
font-size: 120%;		
}


.sanremfourthsectioneachhold{
width: 100%;
float: left; 
position: relative;
overflow: hidden;
margin-left: -2px;	
	
}
.sanremfourthsectioneach h4{
font-size: 113%;	
color: white;
width: 100%;
float: left;
text-align: center;
margin-top: 8px;
margin-bottom: 2%;
position: relative;	
font-weight: 400;
font-family: calibri, sans-serif;	
text-transform: uppercase;
}


#sanremh2adjust{
text-align: left;
font-size: 220%;	
	
	
}


.smaller-text{
font-size: 80%;	
width: 100%; 
margin-top: 8px; 
float: left;	
font-style: oblique;
color: #024084;	
}

.sanremfourthsectioneach{
width: 19%;
padding: 3%;
padding-top: 6%;
padding-bottom: 6%;
display: inline-block;
vertical-align: top;
margin-left: -5px;
margin-right: 2px;
text-align: center;
margin-top: 1%;
margin-bottom: 1%;	
position: relative;	
background: #0cabd0;	
		
}


.sanremfourthsectionlarger{
width: 80%;
display: inline-block;
vertical-align: top;
text-align: left;	
	
	
	
}

.sanremfourthsectionlarger p{
text-align: left;
line-height: 29px;	
margin-top: 4%;
margin-bottom: 4%;	
}


.sanremfourthsectioneach img{
width: 25%;
height: auto;	
	
}

.sanrem-testihold{
width: 94%; 
padding: 3%;	
float: left;	
text-align: center;	
}


.sanrem-fourthhold{
width: 94%;
padding: 3%;
padding-bottom: 5%;
padding-top: 4%;
float: left; 
text-align: center;	
	
}


.sanrem-testi{
width: 28%; 
margin-left: 1%;
margin-right: 2%;	
display: inline-block;
vertical-align: top;	
}

.sanrem-testi p{
width: 100%; 
text-align: left;
display: inline-block;
font-size: 108%;
line-height: 25px;	
}

.quote-style{
font-size: 280%; 
font-family: georgia;
color: gray;	
width: 6%;	
display: inline-block;
vertical-align: top;	
position: relative;	
margin-top: 2%;
}

.quote-text{
display: inline-block;
vertical-align: top;
width: 94%;
	
	
	
}


.quote-texteach{
float: left !important;

	
}

.testi-highlight{
color: #024084;	
font-weight: 600;
font-size: 114%;
width: 100%; 
margin-bottom: 3%;	
float: left;	
font-style: normal !important;	
text-align: center;	
	
	
	
}

.testi-heading{
color: #024084;	
font-weight: 500;
font-size: 110%;
width: 100%; 	
float: left;	
font-style: normal !important;	
text-align: center;
}


.expand-testi, .expanda-testi{
color: #0cabd0;
cursor: pointer;
position: relative;
width: auto !important; 
display: inline-block;
}

.close-testi, .closea-testi{
display: none;		
width: 100% !important; 	
color: #0cabd0;	
cursor: pointer;	
}

#testi-open, #testia-open{
position: realative;
display: none;
width: auto !important;
	
}


#enlargetext{
font-size: 150%;	
font-family: calibri;
line-height: 35px;
font-weight: 300;	
color: #333335;
text-align: left;
}

#enlargetext2{
font-size: 120%;	
font-family: calibri;
line-height: 30px;
font-weight: 300;	
color: #333335;
text-align: left;
}


.sanremfourthimage, .sanremfourthimage-show{
width: 37%;
display: inline-block;
vertical-align: middle;
margin-left: 5px;		
	
}


.sanremfourthimage-show{
	
margin-bottom: 2%;
}

.sanremfourthimage img, .sanremfourthimage-show img{
width: 100%;
height: auto;	
	
	
	
}


.sanremfourthtext{
width: 50%;
padding-left: 2%;
padding-right: 2%;
display: inline-block;
vertical-align: middle;	
	
	
	
	
}

.sanremfourthhold{
width: 40%;
display: inline-block;
vertical-align: middle;
	
	
	
}



.sanremfifth, .sanremfiftha{
width: 100%;
float: left;
margin-bottom: -1px;
position: relative;
overflow: hidden !important;	
padding-bottom: 38%;	
}


#adjust-sanremfifth{
	
margin-bottom: 3%;
margin-top: -4%;	
	
	
}


.sanremfifth img, .sanremfiftha img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;		
}

#raisefaqs img{
top: -14%;	
	
}


.sanremfifthtext{
width: 100%;	
position: absolute;
z-index: 3;
text-align: left;
left: 3%;	
height: 100%;
}



#left-gone{
left: 0;	
	
	
}

.sanremfifthtextdiv{
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	
text-align: center;		
display: inline-block;
vertical-align: top;	
color: white;
font-family: calibri, sans-serif;
max-width: 55%;
	
	
}







.sanremfifthtextdiv h1{
font-weight: 500;
font-family: arial;
font-size: 250%;
letter-spacing: 3px;	
width: auto;	
text-align: left;
text-transform: uppercase;
margin-top: 0;	
margin-bottom: 9px;
padding: 12px;
-webkit-animation: headerinternal ease-in-out 0.7s 0s;
  -moz-animation: headerinternal ease-in-out 0.7s 0s;
  -o-animation: headerinternal ease-in-out 0.7s 0s;
  animation: headerinternal ease-in-out 0.7s 0s;
border-bottom: 1px solid white;
border-top: 1px solid white;
}


.sanremfifthtextdiv h2{
font-weight: 400;
font-size: 230%;	
width: 100%;	
text-align:left;
margin-top: 0;	
margin-bottom: 9px;
}


.center-header-hold{
width: 100%;
display: inilne-block;
text-align: center;	
top: 50%;
transform: translateY(-50%);	
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);		
position: relative;		
	
	
}



.center-header-hold h2{
width: 60%;
display: inline-block;
text-align: center !important;	
font-weight: 400;
font-size: 280%;
font-family: calibri;	
color: white;	
text-transform: uppercase;	
}


#sanremfifthtext-adjust{
	
width: 80%;	
	
}

#sanblued{
color: 	#024084;
border-bottom: 1px solid #024084;
border-top: 1px solid #024084;	
}


#sanwhitened{
color: 	#024084;
border-bottom: 0;
border-top: 0;	
padding: 10px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 2px;
max-width: 80%;
font-size: 280%;
letter-spacing: 2px;
font-weight: 500;
}
.breakprod{
border-top: 2px solid #024084;
padding-top: 8px;	
float: left;	
width: 100%;	
margin-top: 6px;
margin-bottom: 6px;
}

.textreduce{
font-size: 80%;	
text-transform: capitalize;	
font-family: calibri !important;
font-weight: 300 !important;	
width: 100%;
letter-spacing: 1px; 
display: inline-block;
margin-top: 8px;

}

.sanremsixth{
width: 100%;
float: left;
padding-top: 7%;
padding-bottom: 7%;
text-align: center;	
}


.sanremsixthtext{
width: 58%;
color: #333335;
font-weight: 300; 
font-family: calibri, sans-serif;	
display: inline-block;
vertical-align: top;	
margin-bottom: 3%;	
text-align: center;
}


#aligntextleft{
text-align: left;	
width: 72%;	
	
	
}


#aligntextlefta{
text-align: left;	
width: 80%;	
	
	
}


.sanremsixthtext p{
font-size: 130%;	
line-height: 36px;	
margin-top: 0;
margin-bottom: 0;	

}



.sanremsixthtext h2{
font-size: 230%;
margin-top: 0;
margin-bottom: 3%;
font-weight: 300;	
color: #024084;	
text-align: center;
display: inline-block;
vertical-align: top;
}

/*About Sanrem*/


.aboutsanremicon{
width: 100%;
padding-top: 2%; 
padding-bottom: 6%;
float: left;
position: relative;
text-align: center;	
	
	
}


.aboutsanremiconhold{
width: 85%;	
display: inline-block;
vertical-align: top; 
}


.aboutsanremiconeach{
display: inline-block;
vertical-align: top;
width: 47%;
display: inline-block;
vertical-align: top; 
margin-top: 1%;
margin-bottom: 1%;	
margin-left: 1%;
margin-right: 1%;
	
}

.aboutsanremiconeachtext{
display: inline-block;
vertical-align: middle;
width: 84%;
margin-left: 1%; 
margin-right: 1%;	
font-family: calibri;
font-weight: 300;
line-height: 28px;
font-size: 105%;	
text-align: left;	
}

.aboutsanremiconeachimage{
display: inline-block;
vertical-align: middle;
width: 12%;
	
}


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


/*About Sanrem */




/*FAQs*/

#marginmove{
	
margin-top: 50px;	
	
	
	
}


.faqsection{
	
width: 100%;
padding-top: 2%;
padding-bottom: 4%;
min-height: 200px;
float: left;
position: relative;	
text-align: center;	

	
}



.faqeach{
width: 75%;
display: inline-block;
vertical-align: top;
font-family: calibri;
font-weight: 300;
text-align: center;	

	
}


.faqeach a{
color: #024084;		
text-decoration: underline !important; 	
	
}

.faqeach a:hover{
color: #007b00;		
text-decoration: underline !important; 	
}

.faqeach p{
font-size: 110%; 
font-weight: 300; 
width: 96%; 
padding: 2%;
display: inline-block;
vertical-align: top;	
text-align: left;
color: white;	
background: #0cabd0;
background: rgba(14, 190, 222,0.8);
border-radius: 4px;
position: relative;
margin-top: -7%;

}

.faqeachhold{
	
width: 100%; 
position: relative;
display: inline-block;	
overflow: hidden;

	
	
	
}

.faqeachdiv{
font-family: calibri;
font-weight: 300;
width: 100%;
color: dimgray;		
background: white;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
display: inline-block;	
border-bottom: 1px dotted #0cabd0;
text-align: left;	
cursor: pointer;
position: relative;
display: inline-block;	
-webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;	 
}




.faqeachdiv:hover , .faqeachdivstyle{

background: #0cabd0; 	
color: white; 
-webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;		
}




.faqsopen{
width: 5%;
position: absolute;
right: 0;
font-size: 30px;
font-weight: 500;
top: 16%;	
	
	
}

.faqsplus{
-webkit-animation: moveright ease-in-out 0.6s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: moveright ease-in-out 0.6s 0s; 
  -o-animation: moveright ease-in-out 0.6s 0s;
  animation: moveright ease-in-out 0.6s 0s;			
	
}

.faqsclose{
	
display: none;	
-webkit-animation: moveright ease-in-out 0.6s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: moveright ease-in-out 0.6s 0s; 
  -o-animation: moveright ease-in-out 0.6s 0s;
  animation: moveright ease-in-out 0.6s 0s;			
}


.faqeachdivstyle .faqsclose{
display: block;		
-webkit-animation: moveright ease-in-out 0.6s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: moveright ease-in-out 0.6s 0s; 
  -o-animation: moveright ease-in-out 0.6s 0s;
  animation: moveright ease-in-out 0.6s 0s;		
}

.faqeachdivstyle .faqsplus{
display: none;		
	
}


@-webkit-keyframes moveright {
0%{
     opacity: 0;
	  
   }
   
 
	100% { 
opacity: 1;
}     
	  
   
}
@-moz-keyframes moveright {
0%{
     opacity: 0;
	  
   }
   
 
	100% { 
opacity: 1;
}                
}
@-o-keyframes moveright {
0%{
     opacity: 0;
	  
   }
   
 
	100% { 
opacity: 1;
}          
}
@keyframes moveright {
0%{
     opacity: 0;
	  
   }
   
 
	100% { 
opacity: 1;
}                

}	





.faqeachdiv h2{
font-weight: 300;
width: 88%;	
margin-left: 2%;
font-size: 120%;
margin-top: 0;
margin-bottom: 0;	
display: inline-block;
vertical-align: middle;		
padding-top: 8px;
padding-bottom: 8px;
}

.faqeachdiv img{
width: 5%;
margin-right: 8px;
height: auto;
display: inline-block;
vertical-align: middle;	
	
	
	
}





.sanremfaqs{
width: 96%;
padding: 2%;
margin-top: 10px;
margin-bottom: 10px;
background: #0cabd0;
display: inline-block;
vertical-align: middle;	
text-align: left;
color: white;
font-family: calibri;
font-size: 105%;	
display: none;	
-webkit-animation: moveup ease-in-out 0.6s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: moveup ease-in-out 0.6s 0s; 
  -o-animation: moveup ease-in-out 0.6s 0s;
  animation: moveup ease-in-out 0.6s 0s;	
}




@-webkit-keyframes moveup {
0%{
      margin-left: -100%;
	  
   }
   
 
	100% { 
margin-left: 0;
}     
	  
   
}
@-moz-keyframes moveup {
0%{
      margin-left: -100%;
	  
   }
   
 
	100% { 
margin-left: 0;
}       
}
@-o-keyframes moveup {
0%{
      margin-left: -100%;
	  
   }
   
 
	100% { 
margin-left: 0;
}          
	       
	
}
@keyframes moveup {
0%{
      margin-left: -100%;
	  
   }
   
 
	100% { 
margin-left: 0;
}       
	      

}	






.faqactive{
border-bottom: 6px solid #0cabd0;	
border-top: 2px solid #0cabd0;		
	
	
}


.faqinsert, .faqproductdisplay{
width: 100%; 
float: left;
position: relative;

}


.faqproductdisplay{
background: #0cabd0;
text-align: left;

}



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


#faqmoveup{
margin-top: -2%;	
	
	
}



.faqproductdisplay img{
width: 40%;
display: inline-block;
vertical-align: middle;	
margin-bottom: -1px;	
	
	
}

.faqproductdisplaytext{
width: 52%;
margin-left: 2%;
display: inline-block;
vertical-align: middle;
font-family: calibri;
font-weight: 300;
color: white;	
	
	
}



.faqproductdisplaytext h2{
font-weight: 300;
margin-top: 5px;
margin-bottom: 5px;
font-size: 210%;	
	
	
}


.faqproductdisplaytext p{
margin-top: 4px;
margin-bottom: 4px;
font-size: 110%;	
	
	
}


/*FAQs*/


/*products section*/


.showopenprod{
width: 90px;
padding: 5px;
text-align: center;
position: absolute;
background: #0cabd0;
top: 2%;
left: 0%;	
font-size: 10px;
font-family: calibri;
color: white;	
}


#sanihandtowel{
width: 5%;
height: 12%;
right: 41%;
position: absolute;
top: 9%;	
cursor: pointer; 	
z-index: 5;	
color: transparent;	
}





#sanicenterpull{
width: 7%;
height: 22%;
right: 33%;
position: absolute;
top: 4%;	
cursor: pointer; 
z-index: 5;		
color: transparent;		
}



#sanifembin{
width: 10%;
height: 27%;
right: 31%;
position: absolute;
top: 38%;	
cursor: pointer; 
z-index: 5;		
color: transparent;		
}


#sanidryer{
width: 15%;
height: 21%;
right: 10%;
position: absolute;
top: 10%;	
cursor: pointer; 
z-index: 5;		
color: transparent;		
}


#saniaerosol{
width: 5%;
height: 22%;
left: 43%;
position: absolute;
top: 4%;	
cursor: pointer; 	
z-index: 5;		
color: transparent;		
}

#sanihandtowel:hover, #sanicenterpull:hover, #sanifembin:hover, #sanidryer:hover, #saniaerosol:hover{
background: rgba(255,255,255,0.2);	
color: #333335;	
font-size: 95%;
font-weight: 600;
font-family: calibri;
text-transform: uppercase;	
text-align: center;
padding: 5px;
border-radius: 8px;
}


#contractpadding{
padding-top: 5%;
padding-bottom: 4%;	
	
	
}

#contractpaddingb{
padding-top: 6%;
padding-bottom: 6%;	
	
	
}


#contractpaddinga{
padding-top: 2%;	
padding-bottom: 0;	
	
}


.productssection{
width: 100%;
float: left;
position: relative;	
text-align: center;	
margin-top: -2px;
overflow: hidden;
border-bottom: 1px solid gainsboro;
}

.productsectioneach{
width: 100%;
float: left;
position: relative;	
margin-bottom: -2%;		
	
	
	
}

#blueback{
	
background: #0cabd0;	
text-align: left;	
}



#bluebackr{
	
background: #0cabd0;	
text-align: right;	
}


#graybackr{
	
background: dimgray;	
text-align: right;	
}


#whitebackr{
	
background: white;	
text-align: right;	
border-bottom: 1px solid gainsboro;
}


.productssectionimage{
width: 50%;
display: inline-block;
vertical-align: middle; 
height: auto;	
position: relative;
overflow: hidden;
}



.productssectionimage img, .showprodmobile img, .hideprodmobile img{
width: 100%; 
height: auto;	
	
}

.showprodmobile, .hideprodmobile{
width: 50%;
display: inline-block;
vertical-align: middle; 
height: auto;	
	
	
}


.showprodmobile{
display: none;	
	
}

#hovermultifold, #hoversanifembin{
width: 100%;
height: auto;
position: absolute; 
top: 0;
left: 0;
z-index:4;	
opacity: 0;
-webkit-transition: opacity 1.1s; /*This is where the magic happens must be placed in both the regular element and hover element*/
transition: opacity 1.1s;		
}


#multifold-hover:hover #hovermultifold, #sanifembin-hover:hover #hoversanifembin{
opacity: 1;
cursor: pointer;	
-webkit-transition: opacity 1.1s; /*This is where the magic happens must be placed in both the regular element and hover element*/
transition: opacity 1.1s;		
}


.hoverprod-review{
width: auto; 
left: 0;
padding: 8px;
background: white;
background: rgba(255,255,255,0.4);	
text-align: center;
text-transform: uppercase;
font-family: calibri;
font-weight: 400;
font-size: 80%;
position: absolute;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
top: 3%;	
color: #0cabd0;	
-webkit-animation: hoverprod ease-in-out 1.3s 0s infinite; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: hoverprod ease-in-out 1.3s 0s infinite; 
  -o-animation: hoverprod ease-in-out 1.3s 0s infinite;
  animation: hoverprod ease-in-out 1.3s 0s infinite;		
}




@-webkit-keyframes hoverprod {
 0%{
      padding-left: 8px;
	  
   }
   
   90% { 
padding-left: 17px;
	
}  
   
 
	  
	100% { 
padding-left: 12px;
	
}   
	    
	  
   
}
@-moz-keyframes hoverprod {
 0%{
      padding-left: 8px;
	  
   }
   
   90% { 
padding-left: 17px;
	
}  
   
 
	  
	100% { 
padding-left: 12px;
	
}   
	  
}
@-o-keyframes hoverprod {
 0%{
      padding-left: 8px;
	  
   }
   
   90% { 
padding-left: 17px;
	
}  
   
 
	  
	100% { 
padding-left: 12px;
	
}   
	    
	       
	
}
@keyframes hoverprod {
 0%{
      padding-left: 8px;
	  
   }
   
   90% { 
padding-left: 17px;
	
}  
   
 
	  
	100% { 
padding-left: 12px;
	
}   
	     
	      

}	










.productssectiontext{
width: 45%;
font-family: calibri;
font-weight: 300;	
text-align: left;	
display: inline-block;
vertical-align: middle;	
}


.productssectiontext h2{
font-weight: 300;
font-size: 190%;		
margin-top: 0;
margin-bottom: 6px;	
text-transform: uppercase;
}



.productssectiontext p{
font-size: 105%;		
margin-top: 4px;
margin-bottom: 4px;	
}


.productssectiontext ul{
font-size: 95%;	
}

#whitetextl{
color: white;	
margin-left: 3%;	
	
	
}


#whitetextr{
color: white;		
margin-right: 3%;	
	
}


#graytextr{
color: #333335;		
margin-right: 3%;	
	
	
}


#sanremwhite-bins{
cursor: pointer;	
background: white;
color: #0cabd0;
font-weight: 600;	
}


.openeachsanremprod, .opensanrem-manual{
width: 100%;
position: fixed;
height: 100%;
background: rgba(42,171, 213,0.8);	
background: rgba(0,0,0,0.8);
z-index: 999999999999;	
display: none;	
	
}





.openeachsanremproddiv{
position: absolute;
height: 80%;
width: 80%;
overflow-y: hidden;
padding: 3%;	
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background: white;
font-family: calibri;
font-weight: 300;
text-align: left;

}


.openeachsanremproddiv::-webkit-scrollbar {
    width: 5px;
}
 
.openeachsanremproddiv::-webkit-scrollbar-track {

}
 
.openeachsanremproddiv::-webkit-scrollbar-thumb {
  background-color: silver;
  outline: 1px solid slategrey;
}


.openeachsanremproddiv:hover{
overflow-y: scroll;	
}


.openeachsanremproddiv h2{
color: white;
background: #0cabd0;
font-size: 150%;
width: auto; 
padding: 10px;
display: inline-block;
vertical-align: top;
margin-left: -4%;
margin-top: 6px;
margin-bottom: 6px;	
font-weight: 300;
text-transform: uppercase;	
	
}



.openeachsanremproddiv p{
color: #333335;
font-size: 110%;
margin-top: 4px;
margin-bottom: 4px;	
line-height: 25px;	
	
}

.closesanremproddiv{
right: 2%;
top: 2%;
font-family: calibri;
font-size: 23px;
color: #0cabd0;	
color: #024084;
font-weight: 300;
position: absolute;
width: auto;
height: auto;
cursor: pointer;	
}


.pdf-open{
width: auto;
background: rgba(14, 190, 222,0.8);	
color: white;
position: fixed; 
top: 45%;
padding: 6px; 
right: -50px;
z-index: 9999999;	
font-family: arial;
font-size: 95%;
font-weight: 600;	
cursor: pointer;
border-top-left-radius: 3px; 
border-bottom-left-radius: 3px; 
border: 1px solid #77cede;	
-webkit-transition: padding 0.8s; /*This is where the magic happens must be placed in both the regular element and hover element*/
transition: padding 0.8s;	
-ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
padding-bottom: 14px;
}

.pdf-open:hover{

padding-bottom: 20px;
-webkit-transition: padding 0.8s;	
transition: padding 0.8s;	/*this is where the magic happens*/

}



.mini-saniadvert, .mini-saniadverta{
width: 100%; 
text-align: center;
float: left;
padding-top: 0%; 
padding-bottom: 8%;
margin-top: -1%;	
	
	
}

.mini-align-left{
width: 90%; 
text-align: left;
display: inline-block;
vertical-align: top;	
margin-left: 5%;	
}

.mini-saniadverta{ 
padding-bottom: 0;
margin-top: -1%;	
margin-left: 2px;	
	
}


.mini-saniadvert img, .mini-saniadverta img{
width: 100%;
height: auto;

}

.mini-saniadverteach{
width: 21%; 
margin-right: 1%;	
margin-left: 1%;
display: inline-block;
vertical-align: top;	
height: auto;	
position: relative; 
overflow: hidden;
text-align: center;
}

.mini-saniadverteacha{
width: 25%; 
margin-left: -4px;
display: inline-block;
vertical-align: top;	
height: auto;	
position: relative; 
overflow: hidden;
text-align: center;
}


.mini-saniadverttext{
position: absolute; 
height: 100%; 
background: rgba(14,190,222,0.6);	
color: white;
padding-top: 10%;
font-family: calibri;
font-weight: 400;	
top: 0;
left: 0;	
z-index: 5;
width: 97%;
padding-left: 2%;
padding-right: 2%;	
font-size: 140%;
text-transform: uppercase;
}

#miniopensani-care, #miniopensani-fresh, #miniopensani-fem, #miniopensani-med{
-webkit-transition: opacity 0.8s;	
transition: opacity 0.8s;	/*this is where the magic happens*/		
opacity: 0;	
	
}

#minisani-care:hover #miniopensani-care, #minisani-fresh:hover #miniopensani-fresh, #minisani-fem:hover #miniopensani-fem, #minisani-med:hover #miniopensani-med{
-webkit-transition: opacity 0.8s;	
transition: opacity 0.8s;	/*this is where the magic happens*/	
opacity: 1;
}


#addedmargin{
margin-top: 5%;	
margin-bottom: 0 !important;	
}


.smallermini-text{
font-size: 62%;
color: gray;	
line-height: 17px;	
}


/*products section*/


/*Hide On Load*/

#hideonload{

	
	
}





/*Hide On Load*/


/*Standard page*/
.standardpage{
width: 75%; 
display: inline-block; 
vertical-align: top;
text-align: left;
color: rgb(35,35,35);

	
	
}


.standardpage p{
width: 100%; 
display: inline-block;
vertical-align: left;
line-height: 26px;
margin-top: 1%; 
margin-bottom: 1%;
font-family: calibri;
font-weight: 300;	
font-size: 110%;	
}

.standardpage a{
text-decoration: underline;
color: #024084;	
}


.standardpage h2, .standardpage h3{
width: 100%; 
display: inline-block;
vertical-align: left;
line-height: 26px;
margin-top: 4%; 
margin-bottom: 2%;
font-family: arial;
font-weight: 400;	
font-size: 140%;	
color: rgb(35,35,35);
color: #024084;
}


.standardpage h2{
text-transform: uppercase;	
	
}

.standardpage h3{
color: rgb(35,35,35);
font-size: 130%;	
}

/*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 h1{
	
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;	
}


h1 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;

}     
	       

}	 




.sanremcontentblock{
width: 100%;
float: left;
text-align: center;
padding-top: 4%;
padding-bottom: 4%;
position: relative;	
font-weight: 300;
font-family: calibri, sans-serif;	
color: 	#333335;	
	
	
}


.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%;	

	
	
}

.emailimageicon{
width: 20px;
height: auto;	
display: inline-block;
vertical-align: middle;	
margin-right: 2px;
position: relative;
margin-top: -2px;	
}


.emailimageicon img{
width: 100%;
height: auto;	


}


.sanremlinknb{
color: #333335;	
	
	
}


.sanremlinknb:hover{
color: #02006a;	
	
	
}


.holdthebuttonscenter{
float: left;
width: 100%;	
text-align: center;	
font-size: 80%;	
	
}


.holdthebuttons{
float: left;
width: 100%;	
	
	
	
}

.error{
color: red;
float: left;
margin-top: 4px;
margin-bottom: 5px;	
width: 100%;	
text-align: left;
	
}

.secondform{
width: 100%;
float: left;
position: relative;
display: none;	
	
	
}


.firstform{
width: 100%;
float: left;
position: relative;

	
	
}

.sanremfloatleft{
width: 50%;
margin-left: 0%;	
float: left; 	
	
}

.sanremfloatright{
width: 50%;
margin-right: 0%;	
float: right;	
text-align: right;	
	
}


.sanremformtext{
width: 40%;
display: inline-block;
vertical-align: top;
margin-left: 2%;	
font-family: calibri, sans-serif;
font-weight: 300;
font-size: 120%;
line-height: 29px;
	
	
}



.sanremformtextlink, .sanremformtextlinka, .sanremformtextlinkcleargreen{
width: 42%;
margin-right: 1%;
padding: 6px;
display: inline-block;
vertical-align: top;
	font-family: calibri, sans-serif;
font-weight: 300;
font-size: 100%;

border-radius: 2px;
margin-top: 2%;
margin-bottom: 2%;
text-align: center;
}

.sanremformtextlink{
color: white;	
background: #007b00;
border: 1px solid #007b00;	
}

.sanremformtextlinkcleargreen{
color: #007b00;	
background: transparent;	
border: 1px solid #007b00;
}


.sanremformtextlinka{
color: white;	
background: #0cabd0;	
border: 1px solid #0cabd0;
}

.sanremformtextlink:hover{
background: #024084;	
border: 1px solid #024084;
}

.sanremformtextlinka:hover{
background: #024084;	
border: 1px solid #024084;
}


.sanremformtextlinkcleargreen:hover{
color: white;	
background: #024084;	
border: 1px solid #024084;
}

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




.containVideo{
width: 100%;
float: left;
margin-top: 2%;
margin-bottom: 2%;	
	
	
	
	
}

.splitinput{
width: 48%;
float: left;	
position: relative;	
margin-right: 2%;	
}

.splitinput3{
width: 29%;
display: inline-block;
vertical-align: top;
margin-left: 1%;
margin-right: 1%;	
	
	
	
}

.splitinputhold {
display: inline-block;
vertical-align: top;	
margin-top: 1%;
margin-bottom: 3%;	
width: 100%;	
	
}


.splitinput2{
width: 48%;
float: left;	
position: relative;	
margin-left: 2%;	
}

.sanreminput, .sanreminputsplit{
width: 96%;
padding: 2%;
font-size: 15px;
font-family: calibri, sans-serif;
font-weight: 300;
border: 1px solid gainsboro;
border: 0;
outline: none;
display: inline-block;
vertical-align: top;
border-radius: 2px;	
margin-top: 2%;
margin-bottom: 2%;	
	
}

.sanreminputsplit{
width: 94%;	
padding: 3%;	
	
}

.keepleft{
text-align: left !important; 
	
	
	
}


.sanrembutton{
width: auto;
padding: 8px;
padding-left: 14px;
padding-right: 14px;
font-size: 110%;
font-family: arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
border: 0;
outline: none;
display: inline-block;
vertical-align: top;
border-radius: 2px;	
margin-top: 2%;
margin-bottom: 2%;	
background: #007b00;
color: white;	
cursor: pointer;
text-align: center;
margin-right: 8px;
border: 1px solid #007b00;
}



.sanrembuttonclear{
width: auto;
padding: 8px;
padding-left: 14px;
padding-right: 14px;
font-size: 110%;
font-family: arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
border: 0;
outline: none;
display: inline-block;
vertical-align: top;
border-radius: 2px;	
margin-top: 2%;
margin-bottom: 2%;	
background: transparent;
border: 1px solid #007b00;
color: #007b00;	
cursor: pointer;
text-align: center;
margin-right: 8px;
}

.eachproducthold{
width: 100%;	
float: left;
margin-bottom: 2%;	
}

.eachproduct{
width: 100%;
height: auto;
float: left;	
font-size: 120%;
color: #024084;	
font-weight: 500 !important;	
	
}


.eachproducthighlight{
font-size: 120%;
color: #024084;	
	
	
}


.eachproductdescription{
width: 100%; 
float: left;
margin-top: 8px;
margin-bottom: 8px;	
font-size: 85%;
color: dimgray;	
text-align: left !important;	
}

.sanrembuttonclear:hover{
border: 1px solid #0e2353;	
color: #0e2353;
}

.sanrembutton:hover{
background: #0e2353;	
border: 1px solid #0e2353;		
}

.sanreminputrange{
width: 100%;
font-family: calibri, sans-serif;
font-weight: 300;
border: 0;
outline: none;
display: inline-block;
vertical-align: top;	
position: relative;

}


.sanremrangeinputdirection{
width: 100%;
float: left;
margin-top: 2%;	
	
	
}


.sanremrangeinputleft{
float: left;
width: 55px; 
font-family: calibri, sans-serif;
font-weight: 300;
font-size: 12px;	
color: #333335;	
margin-left: 0;	
}


.sanremrangeinputright{
float: right;
width: 55px; 
font-family: calibri, sans-serif;
font-weight: 300;
font-size: 12px;	
color: #333335;		
margin-right: 0;	
text-align: right;	
}


.sanreminputrangeshow{
width: 100%;
display: inline-block;
vertical-align: top;	
margin-top: 1%;
margin-bottom: 1%;	
text-align: right;	
}


.sanreminputrangeshowbox{
width: 100px;
padding: 2%;
display: inline-block;
vertical-align: top;
text-align: left;
font-family: calibri, sans-serif;
font-weight: 300;
font-size: 110%;
border: 0;

	
}




.sanremtextarea{
width: 96%;
padding: 2%;
height: 200px;
border: 1px solid gainsboro;
border: 0;
outline: none;
display: inline-block;
vertical-align: top;
border-radius: 2px;	
margin-top: 2%;
margin-top: 2%;		
font-size: 15px;
font-family: calibri, sans-serif;
font-weight: 300;	
	
}




/*internal pages End*/



/*404 Error Pages */

.errorpagecontainer{
width: 100%;
float: left;
text-align: center;
position: realative;	
	
	
}


.errorpagecontainerdiv{
width: 75%;
display: inline-block;
vertical-align: top;
margin-top: 4%;
margin-bottom: 4%;
box-shadow: 1px 1px 2px 1px silver;
font-family: calibri, sans-serif;
font-weight: 300;
font-size: 115%;		
text-align: right;	
}


.errorpagecontainerdiv h2{
width: 100%;
font-weight: 300;
font-size: 180%;
float: left;
margin-top: 1%;
margin-bottom: 1%;	
text-align: center;	
}

.errorpagecontainerdiv p{
text-align: left;	
width: 100%;	
}

.errorpagecontainerdivtext{
width: 35%;	
margin-left: 1%;
margin-right: 1%;
display: inline-block;
vertical-align: middle;	
	
}

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




/*404 Error Pages */


.sanremlogosec{
	
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;
padding-top: 6px;
padding-bottom: 6px;	
background: #0cabd0;
background: #3e3f41;
background: #0cabd0;
background: #333335;
background: #dedede; 
border-top: 1px solid gainsboro;
border-bottom: 1px solid gainsboro;
position: relative;		
	
	
	
}


.sanremlogoseceach{
width: 8%;
margin-left: 7%;
margin-right: 7%;
display: inline-block;
vertical-align: top;
text-align: center;
	
position: relative;		
	
}



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

}	



.sanremlogosec h2{
width: 100%;
float: left;
text-align: center;
margin-top: 8px;
margin-bottom: 2%;
position: relative;	
font-size: 280%;
font-weight: 300;
font-family: calibri, sans-serif;	
color: 	#333335;
color: white;	
}






/*Sanrem Services Section */


.services-container{
width: 100%;
float: left;
text-align: center; 
position: relative;
padding-top: 6%;
padding-bottom: 6%;
font-family: calibri;	
}


.services-single-columns{
width: 38%;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
vertical-align: middle;
text-align: left;	

}

#show-column-mobile{
display: none;	
}


#show-column-desktop{
display: inline-block;	
}


.sanremservicebutton{
width: 100%;
float: left;
text-align: left;	
	
}

.services-single-columns h2{
width: 100%;
float: left;
position: relative;	
font-size: 280%;
font-weight: 300;
font-family: calibri, sans-serif;	
color: 	#024084;
margin-bottom: 6px;
}


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

.services-single-columns img{
width: 100%;
height: auto;	
	
}


/*Footer */


.sanremfootersec{
	
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;
padding-top: 4%;
background: #f3f3f3;
background: #a8a8a9;
background: #d4d4d7;
background: #f4f4f4;
background: white;
position: relative;		
border-top: 1px solid #e1dfdf;	
}





.sanremfooterimage{
width: 14%;

margin-right: 7%;
display: inline-block;
vertical-align: top;
text-align: center;	
position: relative;		
	
	
	
}

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




.sanremfootereach{
width: 19%;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
text-align: center;	
position: relative;		
	
	
	
}



.sanremfootereach a{
width: 100%;
float: left;
text-align: left;
margin-top: 8px;
margin-bottom: 8px;
position: relative;	
font-weight: 600;
text-transform: uppercase;
font-family: arial, sans-serif;		
font-size: 88%;
color: #333335;
color: #024084;
color: #3b3b3b;
	
}


.sanremfootereach a:hover{

text-decoration: underline !important;	
	
}


.contractlink{
margin-top: 2px !important;
margin-bottom: 2px !important;	
	
}



.sanremfootereach p{
width: 100%;
float: left;
text-align: left;
margin-top: 8px;
margin-bottom: 8px;
position: relative;	
font-weight: 300;
font-family: calibri, sans-serif;		
font-size: 115%;
color: #333335;	
color: #024084;	
color: #3b3b3b;	
}


.sanremfooternumber{
font-size: 150%;	
margin-top: 10px;
margin-bottom: 3px;
color: #007b00;
}


.sanremfooteremail{
display: inline-block;
vertical-align: middle; 
font-weight: 600 !important;	
color: #024084 !important;	
text-transform: lowercase !important;
	
}


.sanremfooteremail img{ 
display: inline-block;
vertical-align: middle; 
width: 15px;
}


.sanremfootercopy{
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;
padding-top: 8px;
margin-top: 4%;
padding-bottom: 8px;
position: relative;	
font-weight: 300;
font-family: calibri, sans-serif;		
font-size: 90%;
color: white;	
color: #3b3b3b;	
border-top: 0px dotted  #808080;
border-top: 1px solid #e1dfdf;	
background: #0cabd0;
background: transparent;	
}



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


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



.footershowexologo{
width: 100px;
height: auto;
display: inline-block;
vertical-align: middle;		
	
	
	
}

.sanremfooterimagesocial{
width: 30px;
height: auto;
display: inline-block;
vertical-align: middle;
margin-top: 5px; 
margin-bottom: 7px;
margin-left: -5px; 
margin-right: 9px;


}


.exoopendiv{
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;
}

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

.exoclosediv:hover{
background: #e01a27;
color: white;	
	
}


 .exodiv{
width: 70%; /*Use the Width Necessary*/
top: 50%;
margin-right: 3%;
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: #383838;
text-align: left;
	
	
}
 .exodivimage{
width: 55%;
height: auto;
display: inline-block;
vertical-align: middle;	 
	 
 }
 
 
 
 .exodivimage img{
width: 100%;
height: auto;

	 
 }

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

#exobuttoncolor{
font-size: 90%;	
color: white;
background: #e01a27;	
}


#exobuttoncolor:hover{
border: 1px solid #e01a27;
background: transparent;		

color: #e01a27;

}

/*Exo True Pop Up*/


.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: #2a2a2a;
	
}




.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(226,24,39,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: #2a2a2a;

}



.swipeweb{
background: #e01a27;
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;	
}



.exoclose2div{
position: absolute;
width: 25px;
height: 25px;
font-family: calibri;
font-weight: 300;
color: #e01a27;
font-size: 20px;
right: 2%;
top: 2%;	
cursor: pointer;		
border: 2px solid #e01a27;
border-radius: 25px;	
text-align: center;
line-height: 21px;	
}


.exoclose2div:hover{
color: white;	
background: #e01a27;	
	
}

.linktoweb{
position: absolute; 
z-index:  999;
bottom: 9%;
right: 24%;
width: 18%;
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;
	
}   
	    

}




/*Exo True Pop Up*/









@media (min-width: 1900px){
	
.sanrem-wrapper{
	
width: 84%; 
margin-left: 8%;

}



	
}





@media (min-width: 1500px) {
	
.productssectiontext{
width: 41%; 
padding-left: 2%;
padding-right: 2%;
}


.productssectiontext h2{
font-size: 250%;		

}



.productssectiontext p{
font-size: 120%;		
}


.productssectiontext ul{
font-size: 110%;	
}	
	
	
	
.sanremsixthtext h2 {
	
font-size: 250%;	

}


.sanremsixthtext p {
	
font-size: 145%;
line-height: 42px;	

}


.sanremfifthtextdiv h2 {
font-size: 240%;	
}
	
	
.faqeach p{
	
font-size: 120%;
line-height: 26px;	
	
}


.faqeachdiv h2 {
font-size: 130%;	
}


.faqproductdisplaytext h2 {
font-size: 235%;	
	
}


.faqproductdisplaytext p {
font-size: 135%;
line-height: 32px;
}	





.internaltoptext h1 {
font-size: 408%;	
	
}



.faqeachdiv img {
	width: 4%;
}
	
	
	
}



@media (max-width: 1400px){
	
.sanremfooternumber {
    font-size: 120%;
}	
	
	
}

@media (max-width: 1300px){
.heroimagetext h2 {
font-size: 180%;	
	
	
	
}	
	
.heroimagetext p {
font-size: 115%;	
	
	
	
}	

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



.sanremfourthsection h3 {
font-size: 150%;	
}


.errorpagecontainerdiv{
width: 85%;	
	
}


.sanremcontentblockdiv {
    width: 85%;
}





.heroimagetext2 h2{

font-size: 190%;

}


.sanrem-new-product-popup{
	
width: 65%;	
	
}

	
}


@media (max-width: 1200px){


.sanrem-testi p{

font-size: 100%;

}

.quote-style{
font-size: 240%; 

}

.sanrem-testi{
width: 30%;
margin-right: 1%;	
	
}


#sanwhitened{

max-width: 70%;
font-size: 230%;
}
	
	
}





@media (max-width: 1100px){
	
	



.internaltop {

    padding-bottom: 18%;
}


.sanremfootereach {
    width: 22%;
    margin-left: 1%;
    margin-right: 1%;

}



.errorpagecontainerdiv{
width: 92%;	
	
}



.sanremformtextlink, .sanremformtextlinka, .sanremformtextlinkcleargreen {
	font-size: 90%;
	
}

.sanrembuttonclear, .sanrembutton{
	
font-size: 105%;	
}

.sanremfourthsectioneach h4{
font-size: 83%;	
}


.sanremlinks{
font-size: 76%;	
width: 500px;	
}
	
.sanremlinkseach{
padding-right: 8px;
padding-left: 8px;
	
}	

.openeachsanremproddiv{

overflow-y: scroll !important;
}


.sanrem-new-product-popup-text h2{
	
font-size: 180%;	
}

.sanrem-new-product-popup-text h4{
	
font-size: 120%;	
}



.sanrem-new-product-popup-text p{
	
font-size: 110%;	
line-height: 26px;
}


.sanrem-blue-button-gen{
	
font-size: 13px;	
	
}


}


@media (max-width: 1000px){
 .exodivtext h2{

 font-size: 110%;

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

 }	
	
#sanwhitened{

max-width: 80%;

}	


.sanrem-new-product-popup{
	
width: 75%;	
	
}


.services-single-columns{
width: 40%;
	
}


.services-single-columns h2{

font-size: 220%;

}


.services-single-columns p{

line-height: 120%;

}



	
}




@media (max-width: 990px){
	
	
.openeachsanremproddiv::-webkit-scrollbar {
    width: 2px;
}	


.openeachsanremproddiv::-webkit-scrollbar-thumb {
  background-color: beige;

}
		
	
#aligntextlefta{	
width: 85%;	
	
	
}	


.faqeachdiv img{
width: 6%;	
	
}
	
	
	
	
	
.heroimagetext h2 {
font-size: 145%;	
	
	
	
}	


.sanremcontentblockdiv {
    width: 92%;
}




.errorpagecontainerdiv h2 {
font-size: 150%;	
	
}



.sanremfourthsection h3 {
    font-size: 135%;
}


	
.heroimagetext p {
font-size: 100%;	
	
	
	
}	

.sanremsecondtext p {
    font-size: 120%;
}


.sanremfootereach {
    width: 29%;
    margin-left: 1%;
    margin-right: 1%;

}


.sanitarybinopendiv{

width: 75%;

	
	
}


#enlargetext{
font-size: 115%;
line-height: 29px;	
	
	
}


.sanremfifthtextdiv h2{
font-size: 200%;

	
}

#sanremfifthtext-adjust{
	
font-size: 160%;	
	
}


.sanremfifthtextdiv h1{
	
	
font-size: 230%;	
	
	
	
}


.aboutsanremiconhold{
width: 92%; 
}



.services-single-columns{
width: 45%;
margin-left: 1%;
margin-right: 1%;	
}


.services-single-columns h2{

font-size: 180%;

}


.services-single-columns p{

line-height: 110%;

}





}


@media (max-width: 970px){
	
.sanremlinks {
display: none;
}	
	
.mobilenavmenu{
display: block;	
	
	
}	


.sanremtelephone{
margin-right: 2%;	
	
}


.sanremsixthtext{
width: 70%;	
	
	
}

.sanremsixthtext p{
font-size: 140%;	
line-height: 33px;	
}



.sanremsixthtext h2{
font-size: 230%;

}




.faqproductdisplaytext h2{
font-size: 150%;	
	
	
}


.faqproductdisplaytext p{

font-size: 95%;	
	
	
}


.productsectioneach{
font-size: 90%;
		
	
	
	
}


.productssectiontext h2{
	
font-size: 130%;	
	
}


.sanremlogoseceach {
    width: 11%;
    margin-left: 4%;
    margin-right: 4%;

}
	
}


@media (max-width: 950px){
.heroimagetext2 h2{

font-size: 140%;

}	


.sanremfourthsectioneach{
width: 40%;
margin-right: 2px;	
margin-left: 2px;	
margin-bottom: 2px;	
}	
	
	
.sanremfourthsectioneach img{
width: 20%;

}	
	
#sanremh2adjust{
	
font-size: 180%;	
	
}
	
	
.faqeach{	
width: 88%;	
	
}


#aligntextleft{
	
width: 85%;	
}




.sanrem-testi{
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;	
	
	
}

.quote-style{
text-align: right;
font-size: 280%;
width: 5%;
margin-right: 1%;
margin-top: 0;
	
}


#sanwhitened{
font-size: 200%;	
}

	
}


@media (max-width: 850px){
	
.errorpagecontainerdiv h2 {

font-size: 125%;
}	


.internaltop {

    padding-bottom: 24%;
}

	
.sanremformtext {
font-size: 100%;
line-height: 26px;
}	


.sanrembuttonclear, .sanrembutton{
	
font-size: 100%;	
padding: 6px;
}




.sanremsixthtext p{
font-size: 130%;	
line-height: 31px;	
}



.sanremsixthtext h2{
font-size: 200%;

}



.sanremfifthtextdiv h1{
	
	
font-size: 190%;	
	
	
	
}




.aboutsanremiconhold{
width: 97%;
}


.aboutsanremiconeach{
width: 90%;
	
}


.aboutsanremiconeach{
margin-top: 1%; 
margin-bottom: 17px;
	
}



 .exodivtext h2{

 font-size: 110%;

 }
 
 .exodivtext p{
display: none;

 }
 
 
 .exodiv{
width: 85%;	 
	 
 }


	
}



@media (max-width: 800px){
	
.sanremsecondtext p {
    font-size: 110%;
}	
	
	
.sanremsecondtext{
width: 70%;	
	
	
}


.sanremthirdsectiondiv {
margin-left: 3%;	
}


.sanremfooternumber {
    font-size: 114%;
}


.overlayfirsttext p{
	
font-size: 10px;	
width: 53px;	
}

.navbar{
position: relative !important;	
	
}

.heroimage, .internaltop, #marginmove{
margin-top: 0;	
	
}	


.sanremfourthimage{
display: none;	
	
	
}


.sanremfourthimage-show{
width: 100%;
text-align: center;
margin-left: auto;		
	
}


.sanremfourthimage-show img{
width: 45%;	
	
	
	
}



.sanremfourthtext{
width: 90%;
margin-top: 5%;	
margin-bottom: 3%;	
}


.productsectioneach{
font-size: 80%;
		
	
	
	
}


#sanremh2adjust{
	
font-size: 200%;	
text-align: center;	
}

.sanremdefaultbuttonhold3a{
text-align: center;	
	
	
	
	
}

#enlargetext2{

font-size: 125%;	
	
}


.sanremsixthtext{
width: 86%;	
	
	
}

.sanremsixthtext p{
text-align: left;	
	
	
	
}


.swipebuttonright, .swipebuttonleft{
	font-size: 0;
	width: 0;
	padding: 0;
	opacity: 0;

}	


.fourthseparate{
margin-top: 25px;
}



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



.sanrem-new-product-popup-text h2{
	
font-size: 155%;	
}

.sanrem-new-product-popup-text h4{
	
font-size: 115%;	
}



.sanrem-new-product-popup-text p{
	
font-size: 105%;	

}





	
}


@media (max-width: 750px){
	
.sanremlogo {
width: 120px;
height: 55px;	
margin-left: 3%;
margin-top: 1px;
}	

.sanremlogo img{
margin-top: 7px;	
	
}



.sanremfourthsection h2 {
font-size: 230%;	
}
	
	
.errorpagecontainerdivtext{
width: 96%;
padding: 2%;
margin-left: auto;
margin-right: auto;
}	
	
.errorpagecontainerdiv img{
width: 96%;
padding: 2%;
margin-left: auto;
margin-right: auto;
}	


.sanremformtextlink, .sanremformtextlinka, .sanremformtextlinkcleargreen {
    width: 96%;

}




.heroimagetext2 h2{

font-size: 120%;

}	


.sanremfifthtextdiv h2{
font-size: 140%;
margin-top: 5px;
margin-bottom: 5px;
	
}

.standardpage{
width: 85%;	
	
	
}


#sanremfifthtext-adjust{
	
font-size: 130%;	
	
}


	
	
}



@media (max-width: 700px){
	
.faqproductdisplaytext{
margin-top: 2%;
margin-bottom: 2%;	
	
	
	
	
}	
	
	
	
	
.internaltop {

    padding-bottom: 30%;
}	
	
	
	
	
.heroimagetext h2 {
font-size: 125%;	
	
	
	
}	
	
.heroimagetext p {
font-size: 90%;	
	
	
	
}	


.sanremfourthsectionlarger {
    width: 85%;

}

.sanremfourthsection p {
font-size: 108%;	
}

.sanremfooterimage {
width: 100%;
margin-left: auto;
margin-right: auto;	
	
	
}

.sanremfooterimage img{
width: 20%;	
	
}

.sanremfootereach{
width: 37%;
margin-left: 2%;
margin-right: 2%;	
	
	
}


.sanitarybinopendiv{

width: 88%;
font-size: 80%;	
	
	
}

.sanitarybinopendiv p{
line-height: 19px;	
margin-top: 4px;
margin-bottom: 3px;	
}

.hoverintro{
font-size: 100%;	
}


.faqeach{	
width: 95%;	
	
}

.faqeachdiv h2{	
font-size: 115%;
	
}

.productsectioneach{
font-size: 100%;	
text-align: center !important;	
}

.productssectionimage, .showprodmobile, .hideprodmobile{
width: 100%;
	
}


.showprodmobile{
	
display: inline-block !important;	
	
}

.hideprodmobile{
	
display: none;	
	
}



.productssectiontext{
width: 90%;
padding: 5%;
		
	
	
	
}


#whitetextl, #graytextr{
margin-left: auto; 
margin-right: auto;	

	
}

#sanihandtowel:hover, #sanicenterpull:hover, #sanifembin:hover, #sanidryer:hover, #saniaerosol:hover{
	font-size: 8px;
}



.overlaytext{
	
	font-size: 8px;
	
}


#sanwhitened{
font-size: 170%;	
}





.sanrem-new-product-popup-text h2{
	
font-size: 130%;	
}

.sanrem-new-product-popup-text h4{
	
font-size: 110%;	
}



.sanrem-new-product-popup-text p{
	
font-size: 104%;
}


.sanrem-blue-button-gen{
	
font-size: 12px;	
	
}





	
}



@media (max-width: 640px){
.heroimagetext h2 {
font-size: 115%;	
border: 0;	
font-weight: 500;
}	
	
.heroimagetext p {
display: none;	
	
	
	
}	

.sanremlogoseceach {
    width: 14%;
    margin-left: 3%;
    margin-right: 3%;

}	



.heroimagetextdiv{
width: 55%;
margin-right: 0px;	
}





.internaltoptext h1{
font-size: 200%;	
	
	
	
}


.heroimagetextdiv2{
	
width: 56%;	
	
}


.heroimagetext2 h2{

font-size: 102%;

}	

.sanremfourthsectioneach img {
    width: 30%;
    
}



.sanremsixthtext p{
font-size: 120%;	
line-height: 28px;	
text-align: left; 
}



.sanremsixthtext h2{
font-size: 150%;

}

#sanremh2adjust{
	
font-size: 170%;
}



.sanremsixthtext{
	
width: 80%;	
	
}


.sanremfifthtextdiv h1{
	
	
font-size: 160%;	
	
	
	
}


.exodivtext h2{

 font-size: 90%;

 }

 
 .hoverintro{
font-size: 65%;	
padding: 4px;
top: 55% !important;
}


.pdf-open{
	
font-size: 70%;	
right: -40px;	
}


	
}







@media (max-width: 600px){
	
.sanremsecondtext p {
    font-size: 97%;
}	

.sanremfourthsection h2 {
font-size: 210%;	
}
	
.freequote {
font-size: 105%;

}	


.sanremfifthtextdiv h2{
font-size: 135%;
	
}

.faqeach p{
font-size: 100%; 	

}	

.openeachsanremproddiv h2 {
font-size: 160%;	
}


.mini-saniadverteach{
width: 40%; 
margin-bottom: 10px;

}


.sanremfiftha {
padding-bottom: 50%;	
	
	
}


#adjust-sanremfifth{
	
padding-bottom: 38%;	
	
}



#raisefaqs img{
top: 0;	
	
}


.sanrem-new-product-popup{
	
width: 90%;	
	
}



}


@media (max-width: 600px) and (orientation: landscape){
	
.sanitarybinopendiv{

width: 88%;
font-size: 70%;	
max-height: 200px;
overflow-y: scroll;	
	
}	


.mini-saniadverttext{
	
font-size: 125%;	
	
	
	
}


#sanwhitened{
font-size: 155%;	
}
	
}




@media (max-width: 550px){
	
	
.standardpage{
width: 90%;	
	
	
}

.standardpage p{
font-size: 102%;
}


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


.sanremfootereach{
width: 44%;
margin-left: 4%;	
margin-right: 0;	
	
}	



.sanremfifthtextdiv h1{
	
	
font-size: 130%;	
	
	
	
}



.sanremcontentblockdiv {
    text-align: center;
}

.sanremformtext p, .secondform p{
text-align: left;	
	
}


.alignleftmobile{
width: 100%;
float: left;
text-align: left;
	
	
}


.sanremformhold, .sanremformtext {
width: 96%;	
margin-left: auto;
margin-right: auto;
}

.splitinput2, .splitinput{
text-align: left;	
}
	
	


.overlayfirsttext p{
	
font-size: 9px;	
width: 46px;	
}


.sanremfourthsectioneach{
width: 42%;	
margin-left: auto !important; 
margin-right: auto !important;	
	
}


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


.sanrem-testi{
width: 95%;	
	
	
}


.hoverintro{
font-size: 55%;	
padding: 4px;
top: 75% !important;
}



#sanwhitened{
font-size: 135%;	
}


.mini-saniadverteacha{
width: 50%; 
}


.services-single-columns{
width: 80%;
margin-left: auto;
margin-right: auto;	
}


.services-single-columns h2{

font-size: 170%;

}


.services-single-columns p{

line-height: 105%;

}


#show-column-mobile{
display: inline-block;			
}


#show-column-desktop{
display: none;
}



	
}


@media (max-width: 520px){
	
.exodivtext h2{

 font-size: 57%;

 }	
 
 
 #exobuttoncolor{
	 
font-size: 65%;	 
 }
 
 .exoclosediv{
width: 15px;
height: 15px;
font-size: 14px;
line-height: 14px;  
	 
	 
 }	
 
 
 .sanremfourthimage-show img{
width: 75%;	
	
	
	
}
 
	
	
	
	
}



@media (max-width: 500px) and (orientation: landscape){
	
.sanrem-new-product-popup{
	
width: 95%;	
	
}	
	
.sanrem-new-product-popup-text p{
font-size: 100%;
line-height: 21px;
margin-top: 3%; 
margin-bottom: 5%;
	
}	


.sanrem-new-product-popup-text h2{
margin-bottom: 2%;
font-size: 120%;	
}


.sanrem-new-product-popup-text h4{
font-size: 105%;	
}

.sanrem-blue-button-gen {

padding-left: 10px;
padding-right: 10px;
padding: 8px;
}
	
}









@media (max-width: 450px) and (orientation: landscape){
	
.sanrem-new-product-popup{
	
width: 98%;	
	
}	
	



.sanrem-new-product-popup-text h2{
font-size: 112%;	
}



	
}




@media (max-width: 380px) and (orientation: landscape){
	




.sanrem-new-product-popup-text p{
display: none;	
}


.sanrem-blue-button-gen{
margin-top: 2%;	
}
	
}



@media (max-width: 500px) and (orientation: portrait){
	
.sanrem-new-product-popup{
	
width: 90%;	
	
}

.sanrem-new-product-popup-image{

width: 100%;
padding-bottom: 72%;

}	


.sanrem-new-product-popup-text{
	
width: 94%;	
padding: 3%;
padding-bottom: 15px;	
margin-left: 0;	
}
	
.sanrem-new-product-popup-text p{
font-size: 100%;
line-height: 21px;
margin-top: 3%; 
margin-bottom: 5%;
width: 70%;	
margin-left: 15%;
margin-right: 15%;
}	


.sanrem-new-product-popup-text h2{
margin-bottom: 2%;
font-size: 120%;	
width: 70%;	
margin-left: 15%;
margin-right: 15%;
}


.sanrem-new-product-popup-text h4{
font-size: 102%;	
margin-top: 0;
}

.sanrem-blue-button-gen {

padding-left: 10px;
padding-right: 10px;
padding: 8px;
}




.sanrem-new-product-popup-close{

color: white;
right: 18px;
font-size: 36px;
}

	
}



@media (max-width: 390px) and (orientation: portrait){
	
.sanrem-new-product-popup-text p{

width: 90%;	
margin-left: 5%;
margin-right: 5%;
}	


.sanrem-new-product-popup-text h2{

width: 90%;	
margin-left: 5%;
margin-right: 5%;
}	
	
}


@media (max-width: 320px) and (orientation: portrait){
	
.sanrem-new-product-popup-text p{

width: 98%;	
margin-left: 1%;
margin-right: 1%;
}	


.sanrem-new-product-popup-text h2{

width: 98%;	
margin-left: 1%;
margin-right: 1%;
}	
	
}






@media (max-width: 500px){
	
.sanremsecondtext{
width: 90%;	
	
	
}	
	
.sanremsecondtext p {
text-align: left;
font-size: 90%;
}	

.sanremfourthsection h3 {
    font-size: 118%;
}


.splitinput2, .splitinput{
width: 100%;
margin-left: auto;
margin-right: auto;	
}
	
.sanreminputsplit{
padding: 2%;	
	
	
}	

.heroimagetext2 h2{
display: none;

}


.sanremfifthtextdiv h2{
font-size: 114%;
	
}

.faqeach p{
font-size: 92%; 	

}

.sanremlogoseceach {
    width: 20%;
	margin-left: 2%;
	margin-right: 2%;

}


.sanremsixthtext p, #enlargetext2{
font-size: 101%;	
line-height: 26px;	
}	



#sanwhitened{
font-size: 110%;	
}




.mini-saniadverttext{
	
font-size: 95%;	
	
	
	
}

}


@media (max-width: 450px){
	


.sanremtelephone a{
width: 90px;	
font-size: 11px;	
}	

.sanremtelephone{
padding: 4px;	
margin-top: 15px;	
}	
	



.sanremfootereach{
width: 80%;
margin-left: auto;
margin-right: auto;

	
}


.sanremfooterimage{

border-bottom: 2px dotted #a8a8a9;	
	
	
}


.sanremfooterimage img{
width: 38%;

}


.sanremdefaultbutton {
  
    font-size: 95%;
    padding: 6px;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 1%;
	margin-bottom: 1%;
}


.internaltoptext h1{
font-size: 150%;	
	
	
	
}




.sanremfourthsection p {
font-size: 100%;	
line-height: 27px;
}


.faqproductdisplay{
text-align: center;	
	
}


.faqproductdisplaytext{
width: 92%;
margin-left: auto;
margin-right: auto;	
text-align: left;	
	
	
	
}


.faqproductdisplay img{
width: 100%;	
	
}
	
	
.openeachsanremproddiv h2 {
font-size: 130%;	
}	


#aligntextleft, #aligntextlefta{
width: 90%;	
	
}

.aboutsanremiconhold{
width: 100%;
}


.aboutsanremiconeach{
width: 90%;
	
}

.aboutsanremiconeachtext{
margin-top: 2%; 
margin-bottom: 2%;
width: 98%;
	
}

.aboutsanremiconeachimage{
margin-top: 1%;
margin-bottom: 1%;
width: 20%;
	
}


.freequote {
font-size: 85%;
padding: 6px;
}	


#sanremfifthtext-adjust{
	
font-size: 110%;	
	
}

.services-single-columns{
width: 90%;
}



}

@media (max-width: 400px){



.heroimagetext h2 {
font-size: 95%;	

}	

	
.sanremfourthsection h2 {
font-size: 170%;	
}	


.sanremfourthsectioneach{
width: 80%;	
	
	
}

.sanremfourthsectioneach img{
width: 30%;
}	

.sanremfifthtextdiv h2{
font-size: 95%;
	
}



.textreduce{
font-size: 55%;	
margin-top: 3px;
}

.splitinput3{
font-size: 60%;	
margin-left: 2px;
margin-right: 2px;	
}


.sanremfifthtextdiv h1{
	
	
font-size: 106%;	
	
	
	
}


.exodiv{
width: 100%;	 
	 
 }
 
 

 
 
 .mini-saniadverteach{
width: 46%; 


}


#sanwhitened{
font-size: 95%;	
max-width: 100%;
}

.textreduce{
	
font-size: 70%;	
}

.breakprod{
	
margin-bottom: 2px;	
	
}

	
}

@media (max-width: 360px){
	
.sanremfourthsection h3 {
    font-size: 103%;
}





.sanremsixthtext p, #enlargetext2{
font-size: 98%;	
line-height: 26px;	
}



.sanremsixthtext h2{
font-size: 140%;

}	


#sanremh2adjust{
	
font-size: 150%;	
}


.sanremsixthtext{
width: 90%;	
	
}


.sanremfifthtextdiv h1{
	
	
font-size: 90%;	
	
	
	
}



.sanremlogo {	
margin-left: 1%;

}


	
	
}


@media(max-width: 350px){
	
.sanremfifthtextdiv h2{
font-size: 83%;

	
}


	
	
	
}


@media(max-width: 290px){
.sanremfifthtextdiv h2{
display: none;
	
}		
	
	
	
}





@media (max-width: 290px) and (orientation: portrait){
.sanitarybinopendiv{

width: 88%;
font-size: 70%;	
max-height: 220px;
overflow-y: scroll;	
	
}



	
	
	
}







@media (max-width: 269px){
.sanremtelephone{
display: none;	
	
	
}	
	
	
}