
body {	
	font-family: "Lato", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	background:#f6f6f6;
	margin:0;
	padding:0;
	font-size:18px;
	line-height: 25px
}

a {
	color: #12abcc;
	text-decoration: none;
}
a:hover, a:focus {
	color: #12abcc;
	text-decoration: none;
}




h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
	line-height: inherit;
	font-size: inherit;
	color: inherit;
}



.font-20 {font-size:20px;line-height: 25px;}
.font-25 {font-size:25px;line-height: 30px;}
.font-30 {font-size:30px;line-height: 35px;}
.font-35 {font-size:35px;line-height: 40px;}
.font-40 {font-size:40px;line-height: 45px;}
.font-45 {font-size:45px;line-height: 50px;}


@media only screen{ 
	.font-45 {font-size:40px;line-height: 45px;}
	.font-50 {font-size:40px;line-height: 45px;}
	.font-70 {font-size:50px;line-height: 55px;}

}
@media only screen and (min-width: 640px) { 
	.font-45 {font-size:45px;line-height: 50px;}
	.font-50 {font-size:50px;line-height: 55px;}
	.font-70 {font-size:70px;line-height: 70px;}
}



.weight-light {font-weight: 300}
.weight-normal {font-weight: 400}
.weight-heavy {font-weight: 600}

a.text-white,  .text-white  {color:#ffffff}
a.text-grey-dark, .text-grey-dark   {color:#3f4143}
a.text-grey-light, .text-grey-light   {color:#919191}
a.text-grey,   .text-grey   {color:#777777}
a.text-black,  .text-black  {color:#000000}
a.text-blue,   .text-blue   {color:#1e709e}
a.text-orange, .text-orange {color: #12abcc
}

.background-grey {background:#f1f1f1}
.background-grey-dark {background:#e2e2e2}
.background-white {background:#ffffff}
.background-black {background:#313639}

.arrow-orange {background:url(../images/arrow-orange.png) right no-repeat;padding-right:30px;}
.arrow-white {background:url(../images/arrow-white.png) right no-repeat;padding-right:30px;}

.abutton .arrow-white, .abutton .arrow-orange {
	margin-right:-5px;

	-webkit-transition: all .31s ease-in-out;
	-moz-transition: all .31s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
} 
.abutton:hover .arrow-white, .abutton:hover .arrow-orange{
		padding-right:40px;
		margin-right:-15px
}


.abutton {padding:10px 30px;border-radius: 3px;display: inline-block;margin:0 10px 20px 10px;cursor: pointer}
.abutton a {display: block}

.gradient-orange {
	background: rgb(18, 171, 204);
	background: -moz-linear-gradient(left, rgb(18, 171, 204) 0%, rgb(18, 171, 204) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgb(18, 171, 204)), color-stop(100%, rgb(18, 171, 204)));
	background: -webkit-linear-gradient(left, rgb(18, 171, 204) 0%, rgb(18, 171, 204) 100%);
	background: -o-linear-gradient(left, rgb(18, 171, 204) 0%, rgb(18, 171, 204) 100%);
	background: -ms-linear-gradient(left, rgb(18, 171, 204) 0%, rgb(18, 171, 204) 100%);
	background: linear-gradient(to right, rgb(18, 171, 204) 0%, rgb(18, 171, 204) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdac34', endColorstr='#fcc41e', GradientType=1 );	
}

.gradient-blue {
	background: rgba(146,208,224,1);
	background: -moz-linear-gradient(left, rgba(146,208,224,1) 0%, rgba(31,111,158,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(146,208,224,1)), color-stop(100%, rgba(31,111,158,1)));
	background: -webkit-linear-gradient(left, rgba(146,208,224,1) 0%, rgba(31,111,158,1) 100%);
	background: -o-linear-gradient(left, rgba(146,208,224,1) 0%, rgba(31,111,158,1) 100%);
	background: -ms-linear-gradient(left, rgba(146,208,224,1) 0%, rgba(31,111,158,1) 100%);
	background: linear-gradient(to right, rgba(146,208,224,1) 0%, rgba(31,111,158,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92d0e0', endColorstr='#1f6f9e', GradientType=1 );	
}
.gradient-darkblue {
	background: rgba(3,16,24,1);
	background: -moz-linear-gradient(left, rgba(3,16,24,1) 0%, rgba(15,86,127,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,16,24,1)), color-stop(100%, rgba(15,86,127,1)));
	background: -webkit-linear-gradient(left, rgba(3,16,24,1) 0%, rgba(15,86,127,1) 100%);
	background: -o-linear-gradient(left, rgba(3,16,24,1) 0%, rgba(15,86,127,1) 100%);
	background: -ms-linear-gradient(left, rgba(3,16,24,1) 0%, rgba(15,86,127,1) 100%);
	background: linear-gradient(to right, rgba(3,16,24,1) 0%, rgba(15,86,127,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031018', endColorstr='#0f567f', GradientType=1 );	
}






ul.submenu {padding:0 0 50px 0;margin:0;}
ul.submenu li{list-style: none;display: inline-block;padding:0px 20px 10px 0px;font-weight: 400}
ul.submenu li.off a{color:#3f4143}

.white-card{margin:0 20px 50px 20px}
.white-card img {display: block;}
.white-card .image {text-align: center;height:100px;}
.white-card .image img{display: inline;}
.white-card-inside{background: #ffffff;;padding:2.5rem 1.5rem 2rem 1.5rem}
.white-card a {font-weight: 400}
.white-card-cap img {width:100%}



.document-outer {max-width:1600px;height:auto;overflow:hidden;margin:0 auto;}

.content-first {margin-top:-40px;}

.section-padding {padding:100px 0}
.page-content {padding:100px 0;margin-top:-30px;}
.content-width-small {max-width: 800px;margin:0 auto;padding:0 1rem}
.content-width-medium {max-width: 1200px;margin:0 auto;padding:0 1rem}
.content-width-large {max-width: 1400px;margin:0 auto;padding:0 1rem}


.menu-button {float:right;cursor: pointer;position: relative;top:-20px}
.popup-inside {max-width: 500px;margin:0 auto;padding:60px 15px 0px 60px}
.popup-close {float:right;margin:60px 50px 0 0 }
.popup-menu ul.menu1 {padding: 0;margin: 50px 0 0 0}
.popup-menu ul.menu2 {padding: 0;margin: 20px 0 50px 0}
.popup-menu li {list-style: none;}
.popup-menu .menu1 li {padding:0 0 30px 0}
.popup-menu .menu2 li {padding:0 0 10px 0}
.popup-menu {
	display:none;
	background: rgba(0,0,0,.95);
	position: fixed;
	overflow: scroll;
	top:0;
	width: 100%;
	height:100%;
	bottom:0;
	z-index: 999999999999;
	
}



.header-wrapper {
	position: absolute; 
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	max-width: 1400px;
	z-index:11
}
.header-inside {display: table;width:100%;max-width:1380px;margin:0 auto;height:100px;}
.header-left {display: table-cell;vertical-align: middle;padding-left:1rem;width:280px}
.header-right {display: table-cell; vertical-align: middle;padding: 35px 1rem 0 0}



.banner-rotated {
    background:#295b76;
    -ms-transform: rotate(-2.5deg); /* IE 9 */
    -webkit-transform: rotate(-2.5deg); /* Safari */
    transform: rotate(-2.5deg);
    width:120%;
    
    position:relative;
    
    margin:-35px 0 0 -10%;
    overflow:hidden
  
}
.banner-content{
  min-height:200px;margin-bottom:-35px;
  
      -ms-transform: rotate(2.5deg); /* IE 9 */
    -webkit-transform: rotate(2.5deg); /* Safari */
    transform: rotate(2.5deg);
  }
  

.banner-size {text-align: center}
.banner-size-none {display: none}

@media only screen{ 
	.banner-size {text-align: center;margin: 0 50px}
	.banner-size-small {padding:150px 0 80px 0}
	.banner-size-medium {padding:150px 0 80px 0 }
	.banner-size-large {padding:160px 0 80px 0}
}
@media only screen and (min-width: 640px) { 
	.banner-size {text-align: center;margin: 0 120px}
	.banner-size-small {padding:180px 0 120px 0}
	.banner-size-medium {padding:250px 0 150px 0 }
	.banner-size-large {padding:260px 0 150px 0}

}


.faq-item {min-height: 110px;padding-bottom:40px;margin-bottom:40px;border-bottom: 1px #b3b3b3 solid;}
.faq-question {min-height:50px;padding-right:100px;cursor:pointer}
.faq-item.faq-on {background: url(../images/faq_minus.png) top right no-repeat;background-size: 50px}
.faq-item.faq-on .faq-answer {display: block;padding-right:100px}
.faq-item.faq-off {background: url(../images/faq_plus.png) top right no-repeat;background-size: 50px}
.faq-item.faq-off .faq-answer {display: none}
.faq-item .faq-answer {padding-top:0px;}


.image-bullets li {padding-left:70px;background-position: left top;background-repeat: no-repeat;padding-bottom: 40px}



.footer {margin:100px 0;}
.footer-hr {height:1px;background:#b3b3b3;margin:0px auto 30px auto;max-width:1340px}
.footer .columns {padding-bottom:2rem}
.footer-links a{padding: 0 15px}
.footer-links a:last-child{padding: 0 0 0 15px}
.footer-links a:first-child{padding: 0 15px 0 0}




.smi {padding-top:20px}
.smi a {margin: 0 8px;display: inline-block;height:30px;width:30px;line-height: 26px;text-align: center;background: #b3b3b3}
.smi a:hover {background: #000000}
.smi a:last-child {margin: 0 0 0 8px;}
.smi a:first-child {margin: 0 8px 0 0;}






.leadership-grid {padding:0;margin:0}
.leadership-grid li {background-size:cover;background-position:center;background-repeat:no-repeat;height:350px;padding:0;cursor:pointer;}

.leadership-grid li .leadership-inside {height:350px;padding:0px 0 2rem 2rem;display: none;vertical-align: bottom;}
.leadership-grid li:hover .leadership-inside {display:table-cell;width:100%;background:rgba(44,44,44,.8)}
.leadership-outside {display:table;width:100%}







/* =======================================

MENU STYLES

=================================== */



#navigation {
	padding: 0;
	margin: 0;
	float:left;
}

ul#navigation li {
	display: inline;
	font-weight: normal;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
ul#navigation li:last-child {
}

ul#navigation li a {
	padding: 0px 25px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
}
ul#navigation li a:hover {
	color: #12abcc;
}

ul#navigation li:hover > a {
}


/* on */

ul#navigation li.on {
}
ul#navigation li.on a {
	color: #12abcc;
}
ul#navigation li.on a:hover {
	color: #12abcc;
}
ul#navigation li.on:hover > a {
}

/* subpages icon */

ul#navigation li a.subpages,ul#navigation li a.subpages:hover {
	background-image: url(../images/subpages.png) ;
	background-position: right ;
	background-repeat: no-repeat;
}



/* Drop-Down Navigation */
ul#navigation li:hover > ul {
	visibility: visible;
	opacity: 1;
	margin-top: 0px;
	margin-left: -1px;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
	position: absolute;
	z-index: 99999;
	width: 200px;
	background: #efefef;
	opacity: 0;
	-webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
	-moz-transition: opacity 0.2s linear, visibility 0.2s linear;
	-o-transition: opacity 0.2s linear, visibility 0.2s linear;
	transition: opacity 0.2s linear, visibility 0.2s linear;
}

ul#navigation ul {
	top: 40px;
	left: 1px;
}

ul#navigation ul li ul {
	top: 0;
	left: 201px;
}

ul#navigation ul li {
	font-weight: normal;
	font-size: 14px;
	clear: both;
	width: 100%;
	border: 0 none;
	border-bottom: 1px solid #c9c9c9;
}

ul#navigation ul li a:link,ul#navigation ul li a:visited {
	background-color: none;
	padding: 7px 15px;
	color: #333333;
	text-decoration: none;
	display: inline-block;
	border: 0 none;
	float: left;
	clear: both;
	width: 170px;
	line-height: 18px;
	background: #efefef;
}

ul#navigation ul li a:hover,ul#navigation li.on ul li a:hover {
	background-color: none;
	padding: 7px 15px;
	color: #12abcc;
	text-decoration: none;
	display: inline-block;
	border: 0 none;
	float: left;
	clear: both;
	width: 170px;
	line-height: 18px;
	background: #666666;
}
ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}

