@charset "UTF-8"; 

@-ms-viewport{
  width: device-width;
}
/* CSS Document */

.fluid { clear: both; margin-left: 0; width: 100%; float: left; display: block; }
.fluidList { list-style:none; list-style-image:none; margin:0; padding:0;}
.clearfix {overflow: auto; zoom: 1;}
a {color:#3961af; text-decoration:none;}	
a:hover {color:#3961af; text-decoration:underline;}
li a {display: inline; color:#055C7D; text-decoration:none; padding: 12px 12px 12px 12px; }	
li a:hover {color:#FCB131; text-decoration:none;}
html, body {width: 100%; height:100%; margin:0; }	 
p {font-family:lato; font-size: 15px; line-height:25px; color:#666666; font-weight:normal;}
h1 {font-family:lato; font-size: 28px; color:#3961af; font-weight:normal;}
h2 {font-family:lato; font-size: 21px; color:#3961af; font-weight:400; line-height:27px;}
h3 {font-family:lato; font-size: 18px; color:#3961af; font-weight:normal;}	
h5 {font-family:lato; font-size: 11px; padding:0px; margin:0; color:#3961af; font-weight:400;}
h6 {font-family:lato; font-size:17px; padding:0px; margin:0; color:#666666; font-weight: bold;}
h8 {font-family:lato; font-size: 13px; padding:0px; margin:0; color:#3961af; font-weight:400;}
h9 {font-family:lato; font-size: 19px; color:#ffffff; font-weight:300; line-height:23px;}
h10 {font-family:lato; font-size: 10px; padding:0px; margin:0; color:#3961af; font-weight:600; line-height:12px; text-align:left;}
h11 {font-family:lato; font-size: 27px; font-weight:bold; color:#3961af; line-height:42px; letter-spacing: 1px;}
ul {list-style-type: none; margin: 0; padding: 0; width: 100%; font-family:lato; font-size: 15px; line-height:25px; color:#666666; font-weight:normal;}
.start {font-family:lato; font-size: 14px; padding:0px; margin:0; color:#666666; font-weight:bolder;}
.quote {font-family:lato; font-size:15px; padding:0px; font-weight:bolder;}
.footer a:link {color:#000000; text-decoration:none; font-weight:bolder;}
.footer a:visited{color:#000000; text-decoration:none; font-weight:bolder;}
.footer a:hover {color:#3961af; text-decoration:underline; font-weight:bolder;}
.footer a:active {color:#000000; text-decoration:none; font-weight:bolder;}
.gridContainer { background-color: #FFFFFF; width: 100%; padding: 0px; text-align: center;
	margin: auto;
	clear: none;
	float: none;}
.readmore a {font-family:lato; font-size:12px; font-weight:normal; text-align: center; color:#fff; width: 30%; float:left; clear:none; padding-top:2%; padding-bottom:2%; padding-left:2%; padding-right:2%; margin-top:1%; background-color:#3961af}
.readmore a:hover {font-family:lato; font-size:12px; font-weight:normal; text-align: center; color:#3961af; width: 30%; float:left; clear:none; padding-top:2%; padding-bottom:2%; padding-left:2%; padding-right:2%; margin-top:1%; background-color:#3961af}
.justified {text-align:left; line-height:22px;} .justified2 {text-align:center; padding-left:10%; padding-right: 10%;}
.border {border:#3961af solid }
.imglink {width:100%;}
.imglink2 {width:100%;}
.imglink3 {padding-top:0%;}
.logos a:link {opacity: 1.0;}
.logos a:hover {opacity: 0.5;}

.snip1322 {
  font-family: 'Lato';
  text-align: right;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0px; font-size:15px; color: #3961af; padding-top:2%;
}
.snip1322 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1322 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0.5em 0.6em;
  padding: 0;
}
.snip1322 a {
  padding: 0 0.4em;
color: #3961af;
  position: relative;
  text-decoration: none;
}
.snip1322 a:before,
.snip1322 a:after {
  width: 3px;
  height: 0;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #3961af;
}
.snip1322 a:before {
  bottom: 0;
  right: 0;
}
.snip1322 a:after {
  top: 0;
  left: 0;
}
.snip1322 a:hover,
.snip1322 .current a {
  color: #3961af;
}
.snip1322 a:hover:before,
.snip1322 .current a:before,
.snip1322 a:hover:after,
.snip1322 .current a:after {
  height: 100%;
}

@media (max-width: 480px) {#copyright {width:90%; float:left; clear:both; padding-left:4%; padding-right:6%; padding-top:29px; padding-bottom:2%; text-align:center; font-family:lato; font-size: 10px; color:#3961af; font-weight:600; line-height:12px;}
	
.snip1322 {
  display:none;
}

#col1 {width:70%; float:left; clear:none; padding-left:15%; padding-right: 15%;}

#col2 {width:90%; float:left; clear:none; padding-left:5%; padding-right: 2%; padding-bottom: 0%; margin-top: 2%; margin-bottom: 0%; }
	
#col2a {width:88%; float:left; clear:none; padding-left:10%; padding-right: 0%; padding-bottom: 2%; margin-top: 2%; margin-bottom: 2%; }
	
#col3 {width:70%; float:left; clear:none; padding: 0% 15% 5% 15%;}

#col5 {width:40%; float:left; clear:left; text-align: left; padding: 0% 5% 0% 5%; }

#col6 {width:40%; float:left; clear:none; text-align:left; padding: 0% 5% 0% 5%;}
	
#col7 {width:90%; float:left; clear:none; padding-right:0%; padding-left: 5%; margin-top: 0%; margin-bottom: 0%; padding-bottom: 0%; border-left: solid 0px #3961af; }
	
#col7a {width:88%; float:left; clear:none; padding-right:0%; padding-left: 10%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; border-left: solid 0px #3961af; }
	
#col8 {width:40%; float:left; clear:none; padding-right:0%; padding-left: 2%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; }
	
h4 {font-family:lato; font-size: 16px; padding:0px; margin:0; color:#3961af; font-weight:400;}

h7 {font-family:lato; font-size: 15px; padding:0px; margin:0; color:#3961af; font-weight:normal; line-height:27px; text-align:justify;}
	
h12 {font-family:lato; font-size: 16px; margin-top:15px; color:#fff;}

h13 {font-family:lato; font-size: 12px; margin:0; color:#fff; line-height:20px;}
	
#myTopnav {display:block; width:100%;}  

#header {background-color: #F8F8F8; width: 98%; margin:auto; position: fixed; padding: 1% 1% 0% 1%; top: 0; z-index: 10; height: auto; box-shadow:1px 2px 4px #cccccc; left:0%; opacity: 1;}   

#menu {float:right; width:65%; display:block; padding-top:1%; text-align:right;}

#logo {width: 100%; float:left; text-align:left; display:block;}

#logo2 {width: 15%; float:left; text-align:left; display:none; padding-top:0%; clear:none; padding-left:1%;}
	
#mainbox {width: 90%; padding-left:5%; padding-right: 5%; padding-bottom: .5%; height:120px; background-color:#3961af; padding-top:40px;} 
	
#mainbox2 {width: 80%; padding-left:10%; padding-right: 10%; padding-bottom: .5%; height:20px; background-color:#3961af; padding-top:0px;} 
	
#boxes {width: 100%; margin-top: .5%; text-align:center; margin-bottom: 1%;}
	
#boxes2 {width: 100%; margin-top: .5%; text-align:center; margin-bottom: 1%;}
	
#box1 {font-family:lato; font-size:18px; font-weight:normal; text-align: right; color:#ffffff; width: 100%; float:left; clear:none; padding-top:2%;}
	
#box2 {font-family:lato; font-size:13px; font-weight:normal; text-align: left; color:#ffffff; width: 40%; float:left; clear:none; padding-left: 4%; padding-top:2%; }

#main {background-color: #ffffff; width: 100%; margin-left: auto; margin-right: auto; clear: both; }

#quicklink15 {width:100%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%;}
	
	#quicklink13 {width:100%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%;}
	
		#contactlink {width:100%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%;} 
			#contactlink2 {width:100%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%;} 

	
#quicklink16 {width:45%; float:left; padding-top:2.5%; padding-bottom:5%; text-align:left;}
	
#quicklink17 {width:55%; float:left; padding-top:2%; padding-bottom:3%; text-align:left;padding-right:0%;}

#heromain {background-color: #333333; margin-left: 0; margin-right: 0; clear: both; margin-top:30%; vertical-align:top; height:750px; }

#herosub {
    background-color: #0389a1;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    margin-top: 0%;
}                   
#herosub_map {background-color: #ffffff; width: 100%; height: 300px; margin-left: auto; margin-right: auto; clear: both;}                                                  
#content {background-color: #ffffff; width: 89%; height: auto; margin-left: auto; margin-right: auto; clear: both; padding:2% 5% 2% 6%; margin-bottom: 5%; margin-top:0%;}

#contenttwo {background-color: #ffffff; width: 89%; height: auto; margin-left: auto; margin-right: auto; clear: both; padding:2% 5% 2% 6%; margin-bottom: 0%; margin-top:0%;}

#content1 {width:21%; float:left; margin-left: 6%; padding-top:2%; padding-left:2%; padding-right:2%; margin-bottom:4%; box-shadow:1px 1px 6px #dee1e7 inset;}

#content2 {width:57%; float:left; margin-left: 4%; padding-top:1%; padding-left:2%; padding-right:6%;}

#main2 {background-color: #ffffff; margin-top:10%; width: 80%; height: 200px; padding: 2% 10% 2% 10%; margin-left: auto; margin-right: auto; clear: both;}
	
#main3 {background-color: #e3e4e6; margin-top:10%; width: 80%; height: 180px; padding: 2% 10% 3% 10%; margin-left: auto; margin-right: auto; clear: both;}

#testimonial {background-color: #ffffff; margin-top:10%; width: 100%; padding: 2% 0% 0% 0%; margin-left: auto; margin-right: auto; clear: both; background-image: url(images/testimonials.png); background-repeat: no-repeat;  background-position: center; background-size: cover; display:block;}

#footer {background-color: #F8F8F8; width: 94%; margin-left: auto; margin-right: auto; padding: 0% 3% 5% 3%; clear: both; height: 500px; margin-bottom:0px;}	

#footerleft { width: 98%; float:left; clear:none; padding-top:3%;}

#footerright {width: 88%;float:left; clear:none; margin-top:2%; padding-left:10%;text-align:center; font-family:lato; font-size: 13px; color:#000000; font-weight:normal; line-height:24px; padding-top:6%;}

#footerright1 {width: 90%;float:left; clear:none; padding-left:0%; display:block; }

#footerright2 {width: 23%;float:left; clear:none; display:block;}xs

#footerright3 {width: 90%;float:left; clear:none; display:block;}

#video {display:block; width:100%;} 	.tagline {width: 100%;}

	
#video2 {display:none;} 
button {width:93%; border:none; font-family:lato; font-size:18px; font-weight:normal; text-align: center; color:#3961af; padding:1% 1% 1% 1%; margin-top:1%; margin-bottom:1%; background-color:#dee1e7; box-shadow:1px 1px 6px #cccccc inset; background-image:url("images/plus.png"); background-repeat:no-repeat; background-size: 17px; background-position:98% 96%;}
}



@media (min-width: 480px) and (max-width: 768px)  {
	#copyright {width:90%; float:left; clear:both; padding-left:4%; padding-right:6%; padding-top:29px; padding-bottom:2%; text-align:left; font-family:lato; font-size: 10px; color:#3961af; font-weight:600; line-height:12px;}

	.snip1322 {
  display:block;
}
			#contactlink {width:40%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%; margin-right:40px;} 
				#contactlink2 {width:40%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%; margin-top:89px;} 
	
#col1 {width:70%; float:left; clear:none; padding-left:15%; padding-right: 15%;}

#col2 {width:90%; float:left; clear:none; padding-left:5%; padding-right: 2%; padding-bottom: 0%; margin-top: 2%; margin-bottom: 0%; }
	
#col2a {width:22%; float:left; clear:none; padding-left:10%; padding-right: 0%; padding-bottom: 2%; margin-top: 2%; margin-bottom: 2%; }
	
#col3 {width:70%; float:left; clear:none; padding: 0% 15% 5% 15%;}

#col5 {width:40%; float:left; clear:left; text-align: left; padding: 0% 5% 0% 5%; }

#col6 {width:40%; float:left; clear:none; text-align:left; padding: 0% 5% 0% 5%;}
	
#col7 {width:90%; float:left; clear:none; padding-right:0%; padding-left: 5%; margin-top: 0%; margin-bottom: 0%; padding-bottom: 0%; border-left: solid 0px #3961af; }
	
#col7a {width:60%; float:left; clear:none; padding-right:0%; padding-left: 2%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; border-left: solid 5px #3961af; }
	
#col8 {width:40%; float:left; clear:none; padding-right:0%; padding-left: 2%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; }
	
h4 {font-family:lato; font-size: 16px; padding:0px; margin:0; color:#3961af; font-weight:400;}

h7 {font-family:lato; font-size: 15px; padding:0px; margin:0; color:#3961af; font-weight:normal; line-height:27px; text-align:justify;}
	
h12 {font-family:lato; font-size: 14px; margin-top:15px; color:#fff;}

h13 {font-family:lato; font-size: 11px; margin:0; color:#fff; line-height:20px;}
	
#myTopnav {display:none; width:100%;}  

#header {background-color: #F8F8F8; width: 98%; margin:auto; position: fixed; padding: 1% 1% 0% 1%; top: 0; z-index: 10; height: auto; box-shadow:1px 2px 4px #cccccc; left:0%; opacity: 0.92;}   

#menu {float:right; width:65%; display:block; padding-top:1%; text-align:right;}

#logo {width: 30%; float:left; text-align:left; display:block;}

#logo2 {width: 15%; float:left; text-align:left; display:none; padding-top:0%; clear:none; padding-left:1%;}
	
#mainbox {width: 80%; padding-left:10%; padding-right: 10%; padding-bottom: .5%; height:80px; background-color:#3961af; padding-top:7px;} 
	
#mainbox2 {width: 80%; padding-left:10%; padding-right: 10%; padding-bottom: .5%; height:20px; background-color:#3961af; padding-top:0px;} 
	
#boxes {width: 100%; margin-top: .5%; text-align:center; margin-bottom: 1%;}
	
#boxes2 {width: 100%; margin-top: .5%; text-align:center; margin-bottom: 1%;}
	
#box1 {font-family:lato; font-size:13px; font-weight:normal; text-align: right; color:#ffffff; width: 90%; float:left; clear:none; padding-top:0%;}
	
#box2 {font-family:lato; font-size:13px; font-weight:normal; text-align: left; color:#ffffff; width: 40%; float:left; clear:none; padding-left: 4%; padding-top:2%; }

#main {background-color: #ffffff; width: 100%; margin-left: auto; margin-right: auto; clear: both; }

#quicklink15 {width:100%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%;}
	
#quicklink16 {width:45%; float:left; padding-top:2.5%; padding-bottom:5%; text-align:left;}
	
#quicklink17 {width:55%; float:left; padding-top:2%; padding-bottom:3%; text-align:left;padding-right:0%;}

#heromain {background-color: #333333; margin-left: 0; margin-right: 0; clear: both; margin-top:0%; vertical-align:top; height:750px; }

#herosub {background-color: #0389a1; width: 100%; height:300px; margin-left: auto; margin-right: auto; clear: both; margin-top:0%;}                   
#herosub_map {background-color: #ffffff; width: 100%; height: 300px; margin-left: auto; margin-right: auto; clear: both;}                                                  
#content {background-color: #ffffff; width: 89%; height: auto; margin-left: auto; margin-right: auto; clear: both; padding:2% 5% 2% 6%; margin-bottom: 5%; margin-top:0%;}

#contenttwo {background-color: #ffffff; width: 89%; height: auto; margin-left: auto; margin-right: auto; clear: both; padding:2% 5% 2% 6%; margin-bottom: 0%; margin-top:0%;}

#content1 {width:21%; float:left; margin-left: 6%; padding-top:2%; padding-left:2%; padding-right:2%; margin-bottom:4%; box-shadow:1px 1px 6px #dee1e7 inset;}

#content2 {width:57%; float:left; margin-left: 4%; padding-top:1%; padding-left:2%; padding-right:6%;}

#main2 {background-color: #ffffff; margin-top:10%; width: 80%; height: 200px; padding: 2% 10% 2% 10%; margin-left: auto; margin-right: auto; clear: both;}
	
#main3 {background-color: #e3e4e6; margin-top:10%; width: 80%; height: 180px; padding: 2% 10% 3% 10%; margin-left: auto; margin-right: auto; clear: both;}

#testimonial {background-color: #ffffff; margin-top:10%; width: 100%; padding: 2% 0% 0% 0%; margin-left: auto; margin-right: auto; clear: both; background-image: url(images/testimonials.png); background-repeat: no-repeat;  background-position: center; background-size: cover; display:block;}

#footer {background-color: #F8F8F8; width: 94%; margin-left: auto; margin-right: auto; padding: 0% 3% 5% 3%; clear: both; height: 285px; margin-bottom:0px;}	

#footerleft { width: 50%; float:left; clear:none; padding-top:3%;}

#footerright {width: 45%;float:left; clear:none; margin-top:2%; padding-left:0%;text-align:left; font-family:lato; font-size: 13px; color:#000000; font-weight:normal; line-height:24px; padding-top:6%;}

#footerright1 {width: 90%;float:left; clear:none; padding-left:0%; display:block; }

#footerright2 {width: 23%;float:left; clear:none; display:block;}xs

#footerright3 {width: 90%;float:left; clear:none; display:block;}

#video {display:block; width:100%;} 	.tagline {width: 60%;}

	
#video2 {display:none;} 
button {width:93%; border:none; font-family:lato; font-size:18px; font-weight:normal; text-align: center; color:#3961af; padding:1% 1% 1% 1%; margin-top:1%; margin-bottom:1%; background-color:#dee1e7; box-shadow:1px 1px 6px #cccccc inset; background-image:url("images/plus.png"); background-repeat:no-repeat; background-size: 17px; background-position:98% 96%;}
}


@media (min-width: 768px) and (max-width: 1020px) {#copyright {width:90%; float:left; clear:both; padding-left:4%; padding-right:6%; padding-top:29px; padding-bottom:2%; text-align:left; font-family:lato; font-size: 10px; color:#3961af; font-weight:600; line-height:12px;}

	.snip1322 {
  display:block;
}
			#contactlink {width:40%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%; margin-right:40px;} 
				#contactlink2 {width:40%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%; margin-top:60px;} 
	
	#col1 {width:70%; float:left; clear:none; padding-left:15%; padding-right: 15%;}

#col2 {width:27%; float:left; clear:none; padding-left:20%; padding-right: 2%; padding-bottom: 2%; margin-top: 2%; margin-bottom: 2%; }
	
#col2a {width:22%; float:left; clear:none; padding-left:10%; padding-right: 0%; padding-bottom: 2%; margin-top: 2%; margin-bottom: 2%; }
	
#col3 {width:70%; float:left; clear:none; padding: 0% 15% 5% 15%;}

#col5 {width:40%; float:left; clear:left; text-align: left; padding: 0% 5% 0% 5%; }

#col6 {width:40%; float:left; clear:none; text-align:left; padding: 0% 5% 0% 5%;}
	
#col7 {width:40%; float:left; clear:none; padding-right:0%; padding-left: 2%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; border-left: solid 5px #3961af; }
	
#col7a {width:60%; float:left; clear:none; padding-right:0%; padding-left: 2%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; border-left: solid 5px #3961af; }
	
#col8 {width:40%; float:left; clear:none; padding-right:0%; padding-left: 2%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; }
	
h4 {font-family:lato; font-size: 16px; padding:0px; margin:0; color:#3961af; font-weight:400;}

h7 {font-family:lato; font-size: 15px; padding:0px; margin:0; color:#3961af; font-weight:normal; line-height:27px; text-align:justify;}
	
h12 {font-family:lato; font-size: 15px; margin-top:15px; color:#fff;}

h13 {font-family:lato; font-size: 12px; margin:0; color:#fff; line-height:23px;}
	
#myTopnav {display:none; width:100%;}  

#header {background-color: #F8F8F8; width: 76%; margin:auto; position: fixed; padding: 1% 1% 0% 1%; top: 0; z-index: 10; height: auto; box-shadow:1px 2px 4px #cccccc; left:11%; opacity: 0.92;}   

#menu {float:right; width:65%; display:block; padding-top:1%; text-align:right;}

#logo {width: 30%; float:left; text-align:left; display:block;}

#logo2 {width: 15%; float:left; text-align:left; display:none; padding-top:0%; clear:none; padding-left:1%;}
	
#mainbox {width: 80%; padding-left:10%; padding-right: 10%; padding-bottom: 0%; height:90px; background-color:#3961af; padding-top:7px;} 
	
#mainbox2 {width: 80%; padding-left:10%; padding-right: 10%; padding-bottom: .5%; height:20px; background-color:#3961af; padding-top:0px;} 
	
#boxes {width: 100%; margin-top: .5%; text-align:center; margin-bottom: 1%;}
	
#boxes2 {width: 100%; margin-top: .5%; text-align:center; margin-bottom: 1%;}
	
#box1 {font-family:lato; font-size:13px; font-weight:normal; text-align: right; color:#ffffff; width: 75%; float:left; clear:none; padding-top:2%;}
	
#box2 {font-family:lato; font-size:13px; font-weight:normal; text-align: left; color:#ffffff; width: 40%; float:left; clear:none; padding-left: 4%; padding-top:2%;}

#main {background-color: #ffffff; width: 100%; margin-left: auto; margin-right: auto; clear: both; }

#quicklink15 {width:100%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%;}
	
#quicklink16 {width:45%; float:left; padding-top:2.5%; padding-bottom:5%; text-align:left;}
	
#quicklink17 {width:55%; float:left; padding-top:2%; padding-bottom:3%; text-align:left;padding-right:0%;}

#heromain {background-color: #333333; margin-left: 0; margin-right: 0; clear: both; margin-top:0%; vertical-align:top; height:750px; }

#herosub {background-color: #0389a1; width: 100%; height:300px; margin-left: auto; margin-right: auto; clear: both; margin-top:0%;}                   
#herosub_map {background-color: #ffffff; width: 100%; height: 300px; margin-left: auto; margin-right: auto; clear: both;}                                                  
#content {background-color: #ffffff; width: 89%; height: auto; margin-left: auto; margin-right: auto; clear: both; padding:2% 5% 2% 6%; margin-bottom: 5%; margin-top:0%;}

#contenttwo {background-color: #ffffff; width: 89%; height: auto; margin-left: auto; margin-right: auto; clear: both; padding:2% 5% 2% 6%; margin-bottom: 0%; margin-top:0%;}

#content1 {width:21%; float:left; margin-left: 6%; padding-top:2%; padding-left:2%; padding-right:2%; margin-bottom:4%; box-shadow:1px 1px 6px #dee1e7 inset;}

#content2 {width:57%; float:left; margin-left: 4%; padding-top:1%; padding-left:2%; padding-right:6%;}

#main2 {background-color: #ffffff; margin-top:10%; width: 80%; height: 200px; padding: 2% 10% 2% 10%; margin-left: auto; margin-right: auto; clear: both;}
	
#main3 {background-color: #e3e4e6; margin-top:10%; width: 80%; height: 180px; padding: 2% 10% 3% 10%; margin-left: auto; margin-right: auto; clear: both;}

#testimonial {background-color: #ffffff; margin-top:10%; width: 100%; padding: 2% 0% 0% 0%; margin-left: auto; margin-right: auto; clear: both; background-image: url(images/testimonials.png); background-repeat: no-repeat;  background-position: center; background-size: cover; display:block;}

#footer {background-color: #F8F8F8; width: 94%; margin-left: auto; margin-right: auto; padding: 0% 3% 5% 3%; clear: both; height: 285px; margin-bottom:0px;}	

#footerleft { width: 40%; float:left; clear:none; padding-top:3%;}

#footerright {width: 55%;float:left; clear:none; margin-top:2%; padding-left:0%;text-align:left; font-family:lato; font-size: 13px; color:#000000; font-weight:normal; line-height:24px; padding-top:6%;}

#footerright1 {width: 45%;float:left; clear:none; padding-left:0%; display:block; }

#footerright2 {width: 23%;float:left; clear:none; display:block;}xs

#footerright3 {width: 45%;float:left; clear:none; display:block;}

#video {display:block; width:100%;} 	.tagline {width: 60%;}

	
#video2 {display:none;} 
button {width:93%; border:none; font-family:lato; font-size:18px; font-weight:normal; text-align: center; color:#3961af; padding:1% 1% 1% 1%; margin-top:1%; margin-bottom:1%; background-color:#dee1e7; box-shadow:1px 1px 6px #cccccc inset; background-image:url("images/plus.png"); background-repeat:no-repeat; background-size: 17px; background-position:98% 96%;}}


@media (min-width: 1020px) {  
#copyright {width:90%; float:left; clear:both; padding-left:4%; padding-right:6%; padding-top:29px; padding-bottom:2%; text-align:left; font-family:lato; font-size: 10px; color:#3961af; font-weight:600; line-height:12px;}

	.snip1322 {
  display:block;
}
			#contactlink {width:40%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%; margin-right:40px;} 
				#contactlink2 {width:40%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%; margin-top:60px;} 

	
	#col1 {width:70%; float:left; clear:none; padding-left:15%; padding-right: 15%;}

#col2 {width:27%; float:left; clear:none; padding-left:20%; padding-right: 2%; padding-bottom: 2%; margin-top: 2%; margin-bottom: 2%; }
	
#col2a {width:22%; float:left; clear:none; padding-left:10%; padding-right: 0%; padding-bottom: 2%; margin-top: 2%; margin-bottom: 2%; }
	
#col3 {width:70%; float:left; clear:none; padding: 0% 15% 5% 15%;}

#col5 {width:40%; float:left; clear:left; text-align: left; padding: 0% 5% 0% 5%; }

#col6 {width:40%; float:left; clear:none; text-align:left; padding: 0% 5% 0% 5%;}
	
#col7 {width:40%; float:left; clear:none; padding-right:0%; padding-left: 2%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; border-left: solid 5px #3961af; }
	
#col7a {width:60%; float:left; clear:none; padding-right:0%; padding-left: 2%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; border-left: solid 5px #3961af; }
	
#col8 {width:40%; float:left; clear:none; padding-right:0%; padding-left: 2%; margin-top: 2%; margin-bottom: 2%; padding-bottom: 2%; }
	
h4 {font-family:lato; font-size: 16px; padding:0px; margin:0; color:#3961af; font-weight:400;}

h7 {font-family:lato; font-size: 15px; padding:0px; margin:0; color:#3961af; font-weight:normal; line-height:27px; text-align:justify;}
	
h12 {font-family:lato; font-size: 16px; margin-top:15px; color:#fff;}

h13 {font-family:lato; font-size: 14px; margin:0; color:#fff; line-height:27px;}
	
	
#myTopnav {display:none; width:100%;}  

#header {background-color: #F8F8F8; width: 76%; margin:auto; position: fixed; padding: 1% 1% 0% 1%; top: 0; z-index: 10; height: auto; box-shadow:1px 2px 4px #cccccc; left:11%; opacity: 0.92;}   

#menu {float:right; width:65%; display:block; padding-top:1%; text-align:right;}

#logo {width: 30%; float:left; text-align:left; display:block;}

#logo2 {width: 15%; float:left; text-align:left; display:none; padding-top:0%; clear:none; padding-left:1%;}
	
#mainbox {width: 80%; padding-left:10%; padding-right: 10%; padding-bottom: .5%; height:100px; background-color:#3961af; padding-top:15px;} 
	
#mainbox2 {width: 80%; padding-left:10%; padding-right: 10%; padding-bottom: .5%; height:20px; background-color:#3961af; padding-top:0px;} 
	
#boxes {width: 100%; margin-top: .5%; text-align:center; margin-bottom: 1%;}
	
#boxes2 {width: 100%; margin-top: .5%; text-align:center; margin-bottom: 1%;}
	
#box1 {font-family:lato; font-size:13px; font-weight:normal; text-align: right; color:#ffffff; width: 47%; float:left; clear:none; padding-top:2%;}
	
#box2 {font-family:lato; font-size:13px; font-weight:normal; text-align: left; color:#ffffff; width: 40%; float:left; clear:none; padding-left: 4%; padding-top:2%;}

#main {background-color: #ffffff; width: 100%; margin-left: auto; margin-right: auto; clear: both; }

#quicklink15 {width:100%; float:left; padding-top:0%; padding-bottom:3%; text-align:left;padding-left: 0%;}
	
#quicklink16 {width:45%; float:left; padding-top:2.5%; padding-bottom:5%; text-align:left;}
	
#quicklink17 {width:55%; float:left; padding-top:2%; padding-bottom:3%; text-align:left;padding-right:0%;}

#heromain {background-color: #333333; margin-left: 0; margin-right: 0; clear: both; margin-top:0%; vertical-align:top; height:750px; }

#herosub {background-color: #0389a1; width: 100%; height:300px; margin-left: auto; margin-right: auto; clear: both; margin-top:0%;}                   
#herosub_map {background-color: #ffffff; width: 100%; height: 300px; margin-left: auto; margin-right: auto; clear: both;}                                                  
#content {background-color: #ffffff; width: 89%; height: auto; margin-left: auto; margin-right: auto; clear: both; padding:2% 5% 2% 6%; margin-bottom: 5%; margin-top:0%;}

#contenttwo {background-color: #ffffff; width: 89%; height: auto; margin-left: auto; margin-right: auto; clear: both; padding:2% 5% 2% 6%; margin-bottom: 0%; margin-top:0%;}

#content1 {width:21%; float:left; margin-left: 6%; padding-top:2%; padding-left:2%; padding-right:2%; margin-bottom:4%; box-shadow:1px 1px 6px #dee1e7 inset;}

#content2 {width:57%; float:left; margin-left: 4%; padding-top:1%; padding-left:2%; padding-right:6%;}

#main2 {background-color: #ffffff; margin-top:10%; width: 80%; height: 200px; padding: 2% 10% 2% 10%; margin-left: auto; margin-right: auto; clear: both;}
	
#main3 {background-color: #e3e4e6; margin-top:10%; width: 80%; height: 180px; padding: 2% 10% 3% 10%; margin-left: auto; margin-right: auto; clear: both;}

#testimonial {background-color: #ffffff; margin-top:10%; width: 100%; padding: 2% 0% 0% 0%; margin-left: auto; margin-right: auto; clear: both; background-image: url(images/testimonials.png); background-repeat: no-repeat;  background-position: center; background-size: cover; display:block;}

#footer {background-color: #F8F8F8; width: 94%; margin-left: auto; margin-right: auto; padding: 0% 3% 5% 3%; clear: both; height: 285px; margin-bottom:0px;}	

#footerleft { width: 40%; float:left; clear:none; padding-top:3%;}

#footerright {width: 55%;float:left; clear:none; margin-top:2%; padding-left:0%;text-align:left; font-family:lato; font-size: 13px; color:#000000; font-weight:normal; line-height:24px; padding-top:6%;}

#footerright1 {width: 45%;float:left; clear:none; padding-left:0%; display:block; }

#footerright2 {width: 23%;float:left; clear:none; display:block;}xs

#footerright3 {width: 45%;float:left; clear:none; display:block;}

#video {display:block; width:100%;}
	
	.tagline {width: 60%;}
#video2 {display:none;} 
button {width:93%; border:none; font-family:lato; font-size:18px; font-weight:normal; text-align: center; color:#3961af; padding:1% 1% 1% 1%; margin-top:1%; margin-bottom:1%; background-color:#dee1e7; box-shadow:1px 1px 6px #cccccc inset; background-image:url("images/plus.png"); background-repeat:no-repeat; background-size: 17px; background-position:98% 96%;}}