html	{ font-size: 10px; }


body, h1, h2, h3, p, ul, li, table, td, th, .formfield, .formbutton, form, div

			{ font-family: 'Lato', sans-serif; margin: 0; padding: 0; }


body 							{ background-color: white; }

/*
.wrapper                { background-color:white; max-width: 1100px; margin: 0 auto; padding: 10px;}
*/
h1, h2, h3, h4, h5, p, li					{ line-height: 125%; }

h1								{ font-family:'Lato'; font-size:40px; font-weight: 300; color:#137e9e; margin: 0 0 10px 0; letter-spacing: -1px;  }
h2								{ font-family:'Lato'; font-size:26px; font-weight: 400; color:#02092e; margin-bottom: 25px;   }
h3								{ font-family:'Lato'; font-size:18px; font-weight: 600; color:#001e3a; margin: 30px 0px 15px 0   }

p								{ font-family:'Lato'; line-height: 145%; color:#333333; font-weight:300; text-decoration: none; margin: 0 0 16px 0; font-size: 15px }

ul								{ margin: 0 0 0 30px; }
li								{ font-family:'Lato'; font-size: 15px; color:#333333; }

a								{ color:#137e9e; text-decoration: none; }
a:hover							{ text-decoration: none; color:#606060; }


.trans-five                     {-webkit-transition: all 0.5s;
	                                   -moz-transition: all 0.5s;
		                                -o-transition: all 0.5s;
			                            transition: all 0.5s;}









form							{ margin: 0; }
img								{ border: 0; max-width: 100%; }
table							{ border-collapse:collapse; width: 100%;  }

div                 { box-sizing:border-box; }

iframe     { max-width: 100%;}


form							{ margin: 0; padding: 0;}
.formfield						{ border: 1px solid #bababa; background-color: #ffffff; color:#333333; padding: 2px; max-width: 100%;}
.formfield:focus                {

-webkit-box-shadow: 0px 0px 3px 3px #cacaca;
-moz-box-shadow: 0px 0px 3px 3px #cacaca;
box-shadow: 0px 0px 3px 3px #cacaca; 

}



p.pager { font-size: 16px; text-align:center; margin: 14px 0 }
p.pager a { background-color: #dddddd; border: 1px #cacaca solid;  padding: 3px 8px; color:black; text-decoration: none; }
p.pager a:hover{ background-color:#cacaca; }
p.pager span    { background-color:black; color:white; padding: 3px 8px; border: 1px black solid; }


p.goback            { font-size: 16px; text-align:right; margin: 14px 0; }
p.goback a          { background-color: #dddddd; border: 1px #cacaca solid;  padding: 3px 8px; color:black; text-decoration: none; }
p.goback a:hover    { background-color:#cacaca; }


.container              { max-width: 1100px; margin: 0 auto;}

.menu                       { background-color:#d7d7d7; margin-bottom: 20px; padding: 8px 10px }
.menu .formfield            { width: 100%; }



.col10                   { width: 10%; float:left; }
.col15                   { width: 15%; float:left; }
.col20                   { width: 20%; float:left; }
.col25                   { width: 25%; float:left; }
.col30                   { width: 30%; float:left; }
.col33                   { width: 33.33%; float:left; }
.col35                   { width: 35%; float:left; }
.col40                   { width: 40%; float:left; }
.col45                   { width: 45%; float:left; }
.col50                   { width: 50%; float:left; }
.col55                   { width: 55%; float:left; }
.col60                   { width: 60%; float:left; }
.col65                   { width: 65%; float:left; }
.col70                   { width: 70%; float:left; }
.col75                   { width: 75%; float:left; }
.col80                   { width: 80%; float:left; }
.col85                   { width: 85%; float:left; }
.col90                   { width: 90%; float:left; }
.col95                   { width: 95%; float:left; }
.col100                   { width: 100%; }


/*
.rounded2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.rounded3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.rounded4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.rounded5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.rounded6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.rounded7 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.rounded8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.rounded9 { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}

.round      { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
*/


.pad-right10                   { padding-right: 10px }
.pad-right15                   { padding-right: 15px }
.pad-right20                   { padding-right: 20px }
.pad-right25                   { padding-right: 25px }
.pad-right30                   { padding-right: 30px }
.pad-right35                   { padding-right: 35px }
.pad-right40                   { padding-right: 40px }
.pad-right45                   { padding-right: 45px }
.pad-right50                   { padding-right: 50px }



.clear-fix							{ clear: both; }


.wrapper        { width: 100%; position:relative; z-index:2; }



/* -------------------- header styles ---------------------- */




.header_outer { background-color:#ffffff; }
.header { max-width: 1100px; margin: 0px auto; height:100px; }



.header > .logo { float:left; width: auto; padding: 20px; max-width: 550px; }


.phonearea { float:right; background-color:#137e9e; color:white; padding: 14px; margin-bottom:16px;width:30%; }
.phonearea p { font-size: 18px; color:white; margin:0px; text-transform:uppercase; font-weight: 400 }
.phonearea a { color:white; }
.phonearea h4 {text-align:right; font-size: 18px; margin:0; font-weight:bold; text-transform:uppercase; }
.phonearea p a.fr-email { font-size: 13px; }
.phonearea p a:hover.fr-email { text-decoration:underline; }






.offerid 							{float:left; padding: 13px; width:30%; height:50px; background-color:#137e9e;  }
.offerid table                      {float:right; border-collapse:collapse; padding:0; margin: 0 auto; color:white; width: auto;  }
.offerid table th                   { vertical-align:middle; padding: 0px 6px 0 0; font-size: 15px; text-transform:uppercase; font-weight:normal; }
.offerid table td                   {  vertical-align:top; padding: 0px 6px 0 0;}
.offerid table td span               { display:none; }



.offerid .formfield                 { min-width: 80px; max-width:120px; margin: 0; font-size: 18px; font-weight:normal; color:#2b2b2b; height:25px; border: 0px;}
.offerid .formbutton                { background-color:#212121; text-transform:uppercase; font-size: 14px; color:white; padding: 2px 8px; }



.search-outer           { max-width: 1100px; margin: 0 auto; background-color:black; padding: 8px 25px; }
.search h3      { color:white; font-size: 30px; font-weight: 300; }
.search .formfield      { font-size: 20px; }

















.social-outer            { padding: 8px 5px; text-align:center; margin-bottom: 15px;}






/* social icons */
a.social								{ 
	display:inline-block; 
	width:34px; height:34px; 
	line-height: 34px; 
	font-size:18px; 
	text-align:center; 
	background:black; 
	color:#ffffff; 
	margin: 0 2px 0 0; 
	text-decoration:none;
    border: 0px #cacaca solid;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
a.social.fa-twitter:hover				{ background:#41b7d8!important; color:#fff!important; }
a.social.fa-facebook:hover 				{ background:#3b5997!important; color:#fff!important; }
a.social.fa-google-plus:hover 			{ background:#d64937!important; color:#fff!important; }
a.social.fa-linkedin:hover 				{ background:#0073b2!important; color:#fff!important; }
a.social.fa-vimeo-square:hover 			{ background:#388fc5!important; color:#fff!important; }
a.social.fa-youtube-square:hover 		{ background:#A40F09!important; color:#fff!important; }
a.social.fa-flickr:hover 				{ background:#ff0084!important; color:#fff!important; }
a.social.fa-pinterest:hover 				{ background:#cb2027!important; color:#fff!important; }
a.social.fa-skype:hover 					{ background:#00aff0!important; color:#fff!important; }
a.social.fa-rss:hover					{ background:#e0812a!important; color:#fff!important; }
a.social.default:hover					{ background:#37353A!important; color:#fff!important; }
a.social.rounded 						{ width:38px; height:38px; line-height:38px; }




.animation-outer { width: 100%; padding: 18px 0px; background-color:#e7e7e7; position:absolute; z-index:1;  }

.animation-outer .animation {  min-height: 500px; max-width: 1200px; margin: 0 auto 18px auto; background-size: cover; background-repeat: no-repeat;}
.parax_over             { position: relative; z-index: 3; min-height: 450px;}

















/* -------------------- header styles -- end  ---------------------- */








/* -------------------- content ---------------------- */







.contactinfo  div           { float:left; width: 50%; }
.contactinfo .quote { font-size: 25px; font-weight:bold; font-style:italic; }
.contactinfo .quote a { background-color:black; color:white; padding: 6px 13px; display: inline-block;    }
.contactinfo .quote a:hover { color:white; background-color:#137e9e;    }


.section           { padding: 0px;} 


.content_outer                  { margin-bottom: 60px; background-color:white;   }





.content_fade {

height: 15px; 
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}


.content                { background-color:white; max-width: 1100px; margin: 0px auto; padding: 25px 20px 25px 0;}

.content a							{ color:#1e7bd9; }
.content a:hover					{ color:#137e9e; text-decoration: underline; }
.content a:hover { text-decoration:none; }








.rightmenu                  { padding-top: 15px; }







.rightmenu .valuefinder { padding: 14px 20px; border: 1px #cacaca solid; margin-bottom: 14px;}
.rightmenu .valuefinder h3 { margin: 12px 0 0 0px;}
.rightmenu .valuefinder img        { max-width: 275px;}
.rightmenu .valuefinder p.start         { text-align:right; margin: 0px;    }
.rightmenu .valuefinder p.start span        {  background-color:black; color:white; padding: 3px 8px; font-weight:bold; font-style:italic;  }



.rightmenu .win            { background-color:#137e9e; margin-bottom: 14px; padding: 10px 20px; }
.rightmenu .win h3          { text-align:center; font-size:26px; color:white; margin: 0px 0px 5px 0px; }
.rightmenu .win p           { text-align:center; font-size: 14px; font-weight:normal; color:white; margin: 0px;}
.rightmenu .win p.click  { text-align:center; margin: 12px 0 10px 0px; }
.rightmenu .win p.click span      { background-color:white; padding: 4px 10px; font-size: 16px; font-weight:800; color:black; box-shadow: 1px 1px 3px #666666 }
.rightmenu .win:hover p.click span      { background-color:black; color:white; }


.mag                        {border: 1px #cacaca solid; margin-bottom: 10px; padding: 15px 20px;}

.mag img                        { width:100%;}
.mag p.click      { text-align:right; margin:0; font-size:12px;}
.mag p.click span      { background-color:white; padding: 4px 10px; font-weight:800; color:black; box-shadow: 1px 1px 3px #666666; }
.mag:hover p.click span      { background-color:black; color:white; }
.mag .magbottom h4                        {font-style:italic; float:left;font-weight:800; font-size: 18px; margin: 0; color:white;}
.mag .magbottom { background: black; padding: 8px;}




.rightmenu .signup         { border: 1px #cacaca solid; margin-bottom: 10px; padding: 15px 20px; }
.rightmenu .signup:hover         { border: 12px #cacaca solid; }
.rightmenu .signup h3          { font-style:italic; font-weight:800; font-size: 30px; margin: 0px 0px 5px 0px; }
.rightmenu .signup .fa         { float:right; margin: 0 10px 10px 20px; font-size: 30px; color:orange; font-style:italic; }
.rightmenu .signup p.click      { text-align:right; }
.rightmenu .signup p.click span      { background-color:white; padding: 4px 10px;  font-size: 16px; font-weight:800; color:black; box-shadow: 1px 1px 3px #666666 }
.rightmenu .signup:hover p.click span      { background-color:black; color:white; }


.rightmenu .get-quote p         { font-size: 28px; text-align:center; margin: 20px 0px; }
.rightmenu .get-quote a         { background-color:black; color:white; padding: 10px 20px; }
.rightmenu .get-quote a:hover         { background-color:#137e9e; color:white; }



/* -------------------- content -- end ---------------------- */
















/* -------------------- footer styles ---------------------- */


footer          { padding: 0px; margin: 0px;}






.pre-footer             {max-width: 1100px; margin: 0px auto; padding: 12px; background-color:white;}
.pre-footer p                  { font-style:italic; text-align:left; font-size: 12px; margin: 10px; line-height: 135%;  }

.footer               { clear:both; background-color:#212121; max-width: 1100px; margin: 0px auto; padding: 14px;  }
.footer p                   { color:white; font-size: 12px;  }
.footer p a                   { padding: 5px 10px;  }
.footer p a:hover                  { text-decoration:underline; }

.footer p.disclaimer { margin: 0px 0 0px 14px; font-size: 12px; }
.footer p.diclaimer a { color:white; }


#clear							{ clear: both; }






.footer_links { float:left; }

.footer_links p { font-size: 18px; color: white; text-transform:uppercase; padding-left:5px; }
.footer_links p a { color:white;}



.frosch {text-align: right; padding:4px 7px 4px 4px; clear: both;}
    
   



p.linkback			{ text-align:center; font-size: 12px; margin: 10px;  }
p.linkback a			{ color:#666666; }




/* -------------------- footer styles -- end ---------------------- */










@media screen and (max-width:1200px) {



.phonearea { width:40%; }





.footer { padding: 10px; width: 100%;    }
  
}



@media screen and (max-width:1090px) {



.offerid { width: 100%;  }
.valuefinder img        { width: 100%; }


}




@media screen and (max-width:900px) {



.phonearea { width:50%; }


.footer_links p {font-size: 17px; padding-left:3px;}
.footer_links p a {padding:0 ; Color:white;}
.appear-animation {	opacity: 100; }







.mag p.click      { text-align:center; clear:both; margin:0; font-size:12px;}
.mag .magbottom h4 {float:none; text-align:center; font-size: 18px; margin-bottom: 8px; }






.rightmenu .get-quote p         { font-size: 18px; }



}




@media screen and (max-width:700px) {



.valuefinder img {
        max-width: 100%;
    }

.rightmenu .get-quote p {
        clear: both;
        max-width: 100%;
    }

.rightmenu .mag {
        max-width: 100%;
    }

.mag img {
        max-width: 100%;
    }

.magbottom {
        max-width: 100%;
    }
}





@media screen and (max-width:600px)

{

.contactinfo div        { float: none; width: 100%;}
.contactinfo .quote { clear:both; }


.phonearea { width:100%; clear:both; float:none; }




p { font-size: 13px;    }   

.col10                   { width: 100%; float:none; clear:both; }
.col15                   { width: 100%; float:none; clear:both; }
.col20                   { width: 100%; float:none; clear:both; }
.col25                   { width: 100%; float:none; clear:both; }
.col30                   { width: 100%; float:none; clear:both; }
.col33                   { width: 100%; float:none; clear:both; }
.col35                   { width: 100%; float:none; clear:both; }
.col40                   { width: 100%; float:none; clear:both; }
.col45                   { width: 100%; float:none; clear:both; }
.col50                   { width: 100%; float:none; clear:both; }
.col55                   { width: 100%; float:none; clear:both; }
.col60                   { width: 100%; float:none; clear:both; }
.col65                   { width: 100%; float:none; clear:both; }
.col70                   { width: 100%; float:none; clear:both; }
.col75                   { width: 100%; float:none; clear:both; }
.col80                   { width: 100%; float:none; clear:both; }
.col85                   { width: 100%; float:none; clear:both; }
.col90                   { width: 100%; float:none; clear:both; }
.col95                   { width: 100%; float:none; clear:both; }
.col100                   { width: 100%; float:none; clear:both; }

.pad-right10                   { padding: 0px }
.pad-right15                   { padding: 0px }
.pad-right20                   { padding: 0px  }
.pad-right25                   { padding: 0px }
.pad-right30                   { padding: 0px }
.pad-right35                   { padding: 0px }
.pad-right40                   { padding: 0px }
.pad-right45                   { padding: 0px }
.pad-right50                   { padding: 0px }


.animation-outer .animation { min-height: 800px}
.parax_over             { position: relative; z-index: 3; min-height: 450px;}


.header .logo { clear:both; max-width: 100%; width: 100%; margin: 0px; padding: 10px; text-align:center;  }






.offerid .formfield  { width: 100%;  }
.offerid table th { font-size: 12px; display:none; }
.offerid table td span { display:block; }




.header .signup                   { display:none }


.stn            { text-align:center; }

.valuefinder img        { max-width: 100%; }



.footer_links { width: 100%; clear:both; }





}









@media screen and (max-width:450px) {

    .rightmenu .get-quote p {
        max-width: 100%;
    }
  
.mag img        { max-width:100%;}
.magbottom           { max-width:100%;}
    

}












































































