@charset "utf-8";
/* CSS Document */


p {margin:0; padding:0;}
@media all and (max-width: 99999px) and (min-width: 1161px){
.maxwidth339 {max-width:339px; margin: auto;     margin-left: 40px;}
.twocolcon img {margin-top:-10px;}
}

@media all and (max-width: 1160px) {
.maxwidth339 {max-width:580px; margin: auto; display: block; padding:20px 0 20px 0;}
.twocolcon img {margin-top:20px;}
}



body {padding: 0; margin: 0; font-family: 'Roboto', sans-serif; color: #192e57; background-color: #f9f9f9;}

a:link { text-decoration: none; color:#60cc47; }
a:hover {text-decoration: underline;}
a:visited {text-decoration: underline;color:#60cc47;}


header {width:100%; } 
.hero {background: url(../images/bg.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

@media all and (max-width: 99999px) and (min-width: 1161px){
.logo {width: 100px; display:inline-block; max-width:100px;}
nav {font-size: 20px; font-weight: bold;  max-width: 950px;    display: block;
    position: relative;
    top: -84px;
    margin-left: 120px;     white-space: nowrap;}
nav ul { font-size: 20px; font-weight: bold; list-style:none; }
nav ul li { padding: 5px 0px 5px 22px; display: inline-block;}

nav a:link { text-decoration: none; color:#fff; }
nav a:hover {text-decoration: underline;}
nav a:visited {text-decoration: underline;color:#fff;}
	
nav li.currentpage a:link, nav li.currentpage a:hover, nav li.currentpage a:visited {color:#60cc47!important; text-decoration: none;}
	
select.formnavmain {display:none;}
	
}

@media all and (max-width: 99999px) and (min-width: 1161px){
	.show {display:block;}
	.hide {display:none;}
	
}


@media all and (max-width: 1160px) {
	.show {display:none;}
	.hide {display:block;}
}





@media all and (max-width: 1160px) {
	.logo {margin:auto; max-width:100px;     left: -60px; top:10px;
    position: relative;}
	nav {display:none;}

	select.formnavmain { 
 width:100%; clear:both;
font-family:'Didact Gothic', sans-serif, 'Oswald';
font-size: 37px;
padding: 4px 5px 5px 4px;
margin:50px 0 10px 0;
color:#5a5858 !important;

border-color: #000 ;
border-radius: 5px;
border-style: solid;
border-width: 1px;
z-index:10;
position:relative;
cursor: pointer;
		top: 110px;
}
	
	.mobilenav{padding: 0 10px 0px 10px; z-index:10;
position:relative; background-color:#000000; border-bottom: 1px #fff dashed;}
	
}


.contact:link {font-size: 20px; font-weight: bold; color:#fff; background-color: #60cc47; padding:10px 30px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none;
}

.contact:hover {text-decoration: underline;
}

.button:link, .button:visited {font-size: 20px; font-weight: bold; color:#fff!important; background-color: #192e57; padding:10px 30px;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none;
}

.button:hover {text-decoration: underline;
}


ul.bullet { font-size: 24px; font-weight: bold; line-height:30px; list-style:none; }
ul.bullet li { padding: 5px 0px 5px 55px; background:url(../images/tick.png) no-repeat 0 5px;}


.containerouter { padding: 0; margin: auto; width:100%; background-image: image(../images/bg.jpg)}
.containerinner {  margin: 0 auto; max-width: 1160px; position: relative; display: block; padding: 20px;}
.twocolcon {} 
    
@media all and (max-width: 99999px) and (min-width: 1161px){
.twocolone {float:left; display:block; max-width:755px; display: inline-block; width: 100%; padding-right: 20px;}
.twocoloner {/*float:right; display:block; right: 120px;*/ max-width:515px; display: inline-block; width: 100%; padding-right: 20px;    
    position: relative; vertical-align: top;}
	.twocoltwo {float:left; display:block; max-width:400px; display: inline-block;
    left: 0px;
    position: relative; }

	}

@media all and (max-width: 99999px) and (min-width: 1161px){
.twocoltwo .bullet {    margin-left: -40px; }}
@media all and (max-width: 1160px) {
	.twocoltwo .bullet {    margin-left: -40px; margin-top: 0px;}}

@media all and (max-width: 1160px) {
	.twocolone {float:left; display:block; display: inline-block; width: 100%;}
	.twocoloner {float:right; display:block; display: inline-block; width: 100%;}
	.twocoltwo {float:left; display:block; display: inline-block;width: 100%; }

	}
.onecol {display:inline-block; max-width:1160px;}



.strap {font-weight: bold; font-size: 34px; color:#fff; text-align: center; margin:-50px 0 200px 0;}
.content h1 {font-size: 24px; color: #192e57; line-height: 30px; }
.content h2 {font-size: 20px; color: #192e57; line-height: 30px;font-weight: normal;}
.content .main {font-size: 18px;  line-height: 30px;}
hr { border: none;
    height: 1px;
	margin-top: 30px;
	margin-bottom: 30px;
    /* Set the hr color */
    color: #d0d4db; /* old IE */
    background-color: #d0d4db; /* Modern Browsers */}




footer {display:block;  padding:20px 10px 50px 10px; background-color: #fff; color:#4f4f4f; font-size: 18px; font-weight: bold;     margin-top: 20px;}

@media all and (max-width: 99999px) and (min-width: 1161px){
.safeagent {margin: auto;
    max-width: 760px; top: 27px;
    position: relative;}
.safeagentlogo { display:inline-block; top: -25px;
    position: relative;}
.safeagenttext  { display:inline-block;    font-size: 12px; color:#4f4f4f;
    max-width: 580px;
    position: relative;
    top: -60px;
   }
 .safeagenttext a:link, .safeagenttext a:visited   { display:inline-block;    font-size: 12px; color:#4f4f4f;
    max-width: 580px;

   }
   }

@media all and (max-width: 1160px) {
.safeagent {margin: auto;
    max-width: 760px;    display: grid; }
.safeagentlogo { margin: auto; display:inherit;}
.safeagenttext, .safeagenttext a:link, .safeagenttext a:visited   { margin: 10px  auto; font-size: 12px; color:#4f4f4f;
    max-width: 580px;

   }
   }

.address {  text-align: center; margin: 30px auto; max-width: 680px; line-height: 30px; }
.logos {text-align: center; padding:20px 0; }
.copy, .copy a:link, .copy a:visited {font-size: 14px; text-align: center; color: #9d9d9d;}
.maxwidth435 {max-width: 435px;  width: 100%;}


.clusternotice {
	color:#fff;
background-color:#d4351c;
padding: 10px 5px 12px 5px;
    margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
border-bottom: 1px dashed #000;
cursor: default;
text-align: center;
font-size:15px;
font-family: Source Sans Pro, 'Dosis', sans-serif; 

}

.clusternoticeinner {
margin: auto;
    line-height: 22px;
	max-width: 1160px;
}


@media all and (max-width: 99999px) and (min-width: 960px){
.noteicon{display:block; float: left; font-size: 30px!important;    margin-top: 6px; margin-right:6px;}
.notetext {display:block; text-align: left;}
}

@media all and (max-width: 961px) {
.noteicon{display:block;  font-size: 30px!important;    margin-top: 6px; margin-right:6px;}
.notetext {display:block; text-align: center;}
	}



