@charset "utf-8";
/***** BEGIN RESET *****/

* {

    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	color:#000;
	line-height:1!important;
	font-family: 'Montserrat', sans-serif;
}

/*============================
ALL PAGES
============================*/
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

.wrap {width:95%;margin:0 auto;max-width:1400px;}

h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif;text-transform:uppercase}
p {font-family: 'Montserrat', sans-serif;}

/***** END RESET *****/

/*====================hover easing style

-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;

======================================*/

/*============================
HEADER
============================*/
header{width:100%;float:left;background:#fff;border-bottom:6px solid #044f7c;}

.mainlogo {width:600px;float:left;padding-left:150px;box-sizing:border-box;}
.mainlogo img {width:100%;max-width:355px;float:left;padding:15px 0;}

.tophead {width:calc(100% - 600px);float:left;padding-right:150px;box-sizing:border-box;}

.tophead h2 {width:100%;float:left;color:#044f7c;font-size:20px;letter-spacing:5px;text-align:right;padding:15px 0 20px;}

.tophead h2 img {width:30px;margin-bottom:-9px;
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;}

.tophead h2 img:hover {transform:scale(1.4)}

.bottomhead {width:calc(100% - 600px);float:right;}
.blueangle {width:0;height:0;border-right:50px solid #044f7c;border-top:60px solid transparent;float:left;}


/*============================
SLIDESHOW
============================*/
.slide-contain {
	width:100%;
	float:left;
}

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	display:block;
}
.cycle-slideshow img {display:block; width:100%; float:left}

/* pager */
.pager { 
    text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;
}
.pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#000;}
.pager > * { cursor:pointer;}


/*============================
MAINSECTION
============================*/

.mainimg {width:100%;float:left;background:url("../siteart/mainimg.jpg");background-size:cover;}
.whiteangles {width:100%;float:left;padding-top:30%;}
.whiteangles img {width:100%;float:left;margin-bottom:-2px;}

.mainsection {width:100%;float:left;background:#fff;padding:40px 0;}

.mainsection h3 {width:100%;float:left;color:#939393;font-size:16px;font-weight:500;letter-spacing:4px;}
.mainsection h2 {width:100%;float:left;color:#044f7c;font-size:45px;letter-spacing:5px;margin-bottom:40px;}

/*============================
FOOTER
============================*/

.topfoot {width:100%;float:left;background:#01446c;padding:20px;box-sizing:border-box;}
.topfoot h2 {width:100%;flaot:left;text-align:center;color:#fff;font-size:20px;padding:20px 0}
.topfoot h2 img {width:35px;margin-left:10px;margin-bottom:-8px;
-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;}

.topfoot h2 img:hover {transform:scale(1.4)}

.footnav {width:100%;float:left;background:#044f7c;border-top:2px solid #fff;}
.footwrap {width:95%;max-width:900px;margin:0 auto;}
.navfoot {width:100%;float:left}
.navfoot li {float:left;}
.navfoot li a{color:#fff;font-size:18px;text-transform:uppercase;font-weight:bold;padding:25px 38px;text-decoration:none;float:left;}

.navfoot li a:hover {background:#01446c;}

.bottomfoot {width:100%;float:left;background:#044f7c;padding:20px 0;border-top:1px solid rgba(255,255,255,0.50);}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px;color:rgba(255,255,255,.50)}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:rgba(255,255,255,.50);}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:rgba(255,255,255,.50);}

.divfooter {width:100%;max-width:600px; text-align:center; margin:0 auto;color:rgba(255,255,255,.50)}


/*============================
CONTACT PAGE
============================*/

.maintitle {width:100%;float:left;background:url("../siteart/mainimg.jpg");background-size:cover;background-position:center center;}

.maintitle h1 {width:100%;float:left;text-align:center;color:#fff;font-size:45px;padding:70px 0 130px;text-shadow:0 0 10px #aaa;background:rgba(4,79,124,0.70);margin-bottom:-80px;}

.subwhiteangles {width:100%;float:left;}
.subwhiteangles img {width:100%;float:left;}

.topmap {width:100%;float:left;margin-bottom:20px;}
.locwrap {width:100%;float:left;margin-top:30px;}
.locations {width:100%;float:left;margin-top:20px;border-top:1px solid #aaa;padding-top:20px;}

.flex-container {display:flex;flex-direction:row;flex-wrap:wrap;}

.loc {display:inline-block;vertical-align:top;width:24%;top:0;left:0;box-sizing:border-box;margin:.5%;flex:0 24%;}

.bluebg {background:#044f7c;padding:15px;box-sizing:border-box;width:100%;float:left;height:100%;}
.locboarder {width:100%;float:left;border:1px solid #fff;box-sizing:border-box;padding:20px;height:100%;}

.loc h2 {width:100%;text-align:center;float:left;font-size:24px!important;color:#fff;margin-bottom:20px!important;}
.smaller {font-size:18px!important;}
.loc p {width:100%;float:left;text-align:center;color:#fff;line-height:28px;font-size:16px;}
.loc p a {color:#fff;}

.locwrap h2 {margin-bottom:0px;font-size:35px;}

.breaker {width:100%;float:left;border-top:1px solid #aaa;margin:20px 0;}
.mobilebreaker {display:none;}
/*==============================================
================================================
RESPONSIVE
================================================
==============================================*/
@media screen and (max-width: 1730px) { 
	.mainlogo {
		padding-left:2.5%;
	}
	.tophead {padding-right:2.5%;}
}


@media screen and (max-width: 1503px) {
	.mainlogo {width:500px}
	.tophead {width:calc(100% - 500px);}
	.bottomhead{width:calc(100% - 500px);}
}

@media screen and (max-width: 1455px) { 


	.loc {WIDTH:32.33%;FLEX:1 0 32.33%;display:inline-block;vertical-align:top;}
}

@media screen and (max-width: 1350px) {
	.tophead h2 {font-size:16px;}
	.tophead h2 img {width:25px;margin-bottom:-7px;}
	.mainlogo img {padding:10px 0;}
}


@media screen and (max-width: 1185px)  {
	.blueangle {display:none;}
	.bottomhead {width:100%;float:left;background:#044f7c;}
	header {border-bottom:none;}
	.tophead {display:none;}
	
	.mainlogo {width:100%;float:left;padding:10px 2.5%;box-sizing:border-box;}
	.mainlogo img {float:none;padding:0;width:100%;max-width:300px;margin:0 auto;display:block;}
	
	.mainsection h2 {font-size:30px;letter-spacing:3px;}
	
}

@media screen and (max-width: 1000px) { 
	.loc {WIDTH:49%;FLEX:1 0 49%;display:inline-block;vertical-align:top;}
	.footwrap {max-width:590px;}
	.navfoot li a {padding:25px 17px;font-size:14px;}
	
}

@media screen and (max-width: 730px) { 
	.loc {WIDTH:99%;FLEX:1 0 99%;display:inline-block;vertical-align:top;}
	
	.topfoot h2 img {margin-top:10px;}
}

@media screen and (max-width: 660px) {
	.mobilebreaker {display:block;width:100%;height:1px;}
	
	.footwrap {max-width:400px;}
	.navfoot li a {padding:18px 23px;font-size:16px;}
}

@media screen and (max-width: 500px) {
	.loc h2 {font-size:20px;letter-spacing:1px;}
	
	.mainsection h3 {text-align:center;}
	.mainsection h2 {text-align:center;}
	
	.at {width:100%!important;max-width:250px!important;margin:0px auto 20px auto!important;display:block;float:none!important;}
	
	.footwrap {max-width:300px;}
	.navfoot li a {padding:18px 11px;font-size:14px;}
	
	
}

@media screen and (max-width: 375px) {
	
	.topfoot h2 {font-size:22px;}
	.maintitle h1 {font-size:30px;}
}

