@charset "utf-8";
/* CSS Document */
.gutter{margin-left:.5%; margin-right:.5%}
.centered{text-align:center}
body{font-family:verdana, arial, sans-serif; margin:0; padding:0}
p {margin:25px 0; font-size:17px}
.dottedborder{
	border-bottom: 1px dotted #333;
	-webkit-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
	background-position: 0% 0%;
}
.dottedborder-subheaders{
	border-bottom: 1px dotted #333; line-height:40px;
}

.rightflush{float:right}
.rightflushBottom{float:right; position:absolute; bottom:15px; right:15px}
.leftflush{float:left}

.floatSubHeader{position:absolute; z-index:999; width:auto; height:auto; right:0; margin-right:100px; font-size:40px; color:#fff; top:0;text-shadow: 5px 3px 4px #000;}

figure{
	width: 40%;
	height: auto;
	padding: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px #333333;
	box-shadow: 0px 1px 2px #333333;
	float:right; margin-left:30px;
	margin-bottom:20px;
	clear:both;
}
figure img{width:100%; height:auto}
.numbersBox{max-width:1240px; margin:0 auto;}
.navbar-default .navbar-nav  li  a{
	color:#282c73;}
.navbar-default .navbar-nav > li > a:hover{color:#333;}
section img {max-width:100%; height:auto; background-size:cover}
.navbar-default{background-color:#fff!important; border-bottom:none!important}

#headerContent{top:0;width:100%; position:fixed; z-index:9999; background-color:#fff; box-shadow: 1px 1px 2px #333}
.blue{border: 2px solid #03C}
.red{border: 2px solid #F00}
.yellow{border: 2px solid #FF0}
.green{border: 2px solid #090}
.orangeSubtitle{color:#F60; display:inherit!important; padding-top:15px!important; text-align:center}
.navLinkBlue{color:#282c73!important}
.moreInfoBig{font-size:18px; font-weight:bold; text-decoration:none}

/* For main page banner slider */
.banner {
	position: relative;
	width: 100%;
	overflow: auto;

	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
}
	.banner ul {
		list-style: none;
		width: 300%;
		padding-left:0!important;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		height: 270px;

		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}

	.banner .inner {
		padding: 20px 0;
	}

	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;

		color: #fff;
	}
	.banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
	}
		.banner .dots li {
			display: inline-block;
			*display: inline;
			zoom: 1;

			width: 10px;
			height: 10px;
			line-height: 10px;
			margin: 0 4px;

			text-indent: -999em;
			*text-indent: 0;

			border: 2px solid #fff;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}

	.banner .arrows {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
	}
		.banner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}

footer{float:left; margin-top:45px}
article ul{margin:0; padding-left:20px; line-height:1.4em; font-size:17px}
.associationContainer{float:left; margin:15px 0}
.paddingTop86{padding-top:86%!important}
.paddingTop153{padding-top:153%!important}
@media all and (min-width:768px)
{

.height430px{height:4300px!important}
.content-wrapper{margin-top:139px; position:relative; width:100%; max-width:1240px; margin-left:auto; margin-right:auto; clear:both}
.mainpageH2{text-align:center; font-size:300%; color:#006; margin:80px 0; color:#006}
.mainpageH2mobile{display:none}
.full-width{width:100%; margin-bottom:30px}
.topMargin125px{margin-top:125px}	
	.nav-container{width:100%!important; padding-left:0!important; padding-right:0!important; margin-top:32px}
	.nav > li {display:inline!important; position:inherit!important}
	.nav > li > a {display:inline!important; padding-left:0!important; padding-right:0!important}
	nav .navbar-nav {float:right}
	
	header {
	height: 105px;
	position: relative;
	max-width:1240px;
	top:0;
	margin-left:auto;
	margin-right:auto;
}
header img{max-width:100%; height:auto;float:left}

.header_top_bar {
	height: 21px;
	color: #FFFFFF;
	font-size: 1em;
	background-color: #282c73;
	text-align:right;
	}

.header_top_bar span{margin-right:25px;}

nav{float:right; font-size:0.9em; }
nav .nav-sub-background{background-color:#70C4F2}
nav .nav-sub-background span{padding:0 10px}
nav .nav-sub-background a{color:#FFF}
nav .leftcorner {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
nav .rightcorner {border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;}
nav ul{margin:34px 16px 0 0; float:right}
nav li{list-style:none; display:inline!important; padding:10px 20px; font-size:14px;float:left; margin-right:1px}
nav li a:link, nav li a:visited{color:#282c73; text-decoration:none; padding-bottom:4px}
nav li a:hover, nav li a:active{color:#333; border-bottom: 2px solid #282C73}
nav li div{
	position: absolute;
	display: block;
	min-width: auto;
	max-width: 530px;
	top: 72px;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	box-shadow: 0 9px 8px #333;
	-moz-box-shadow: 0 9px 8px #333;
	-webkit-box-shadow: 0 9px 8px #333;
	background: #ffffff;
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
	z-index: 9999;
	margin-left: -10px;
	border-top: px solid #ededed;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-left: 1px solid #ededed;
}
nav li div ul{float:left !important; padding:0 0 11px 0; margin-top:0px !important; margin-right:4px!important}
nav li div li a:hover {background:none; text-decoration:none!important}
nav li span a:after{content:url(../images/assets/nav-arrow-down.png); margin-left:3px; float:right;}
nav li div li a:before {display:block; float:left; content:url(../images/assets/nav-arrow.png); margin:0 0 0 -10px}
nav li div li br {clear:both;}
nav li:hover div {
    opacity: 0.98;
    visibility: visible;
    overflow: visible;
}
nav li div li {margin-left:5px; clear:both; margin-left:15px; padding-bottom:0px}

section{width:100%; height:auto; clear:both; float:left; position:relative}
section p a{color:#92b9d2; font-size:1.8em;text-decoration:none;}
section p a:hover, section p a:active{text-decoration:underline; color:#6CF}
section p a:before{
	content:"";
	background-image:url(../images/mainpage/bluearrow.png);
	background-repeat:no-repeat;
	background-position:center;
	padding-left:22px;
	margin-left:20px;
}
section .box1{
	background-image: url(../images/mainpage/grey-blue-introbanner1.jpg);
	background-size: cover;
	width: 36.3%;
	float:left;
	min-height:270px;
}

Section .box1 h1{font-size:1.6em; font-weight:normal; color:#fff; margin:45px 28px 0; display:block}
section .box1 p{font-size:1em; margin:5px 0}
section .box2 {
max-width:60.3%;
float:left;
height:auto}
section .box2 h2{font-size:1.9em; color:#fff; font-weight:normal; display:block;margin:65px 0 10px 0; background-image:url(../images/mainpage/h2-scroll-background.png); width:100%; font-weight:bold;text-shadow:#000 1px 1px 2px;
}
section .box2 p{font-size:18px; color:#fff; margin:10px 50px; line-height:21px; text-shadow:#000 1px 1px 2px; }

article{float:left; padding-left:1.8%;padding-right:1.8%;
padding-top:25px}
article h1, article h3{font-size:3em; font-weight:normal; padding-bottom:10px}
article h2 a{font-size:0.7em!important; font-weight:normal; padding-bottom:10px; padding-top: 30px; margin: 0; color:inherit}
.subtitle {font-size:1.3em; font-weight:normal; padding-bottom:10px; padding-top: 30px; margin: 0; display:flex}
.articleBackground{background-color:#fcfdfe; float:left}

article .smallarrowslist{
	list-style-image: url(../images/mainpage/minibluearrow.png);
}
#floatingTopPicture{position:absolute; z-index:9998; left:27%; top:20px}
#floatingTopPicture img{max-width:100%; height:auto}

footer{height:185px; width:100%; bottom:0;clear:both; position:relative; border-top:1px dotted #333}
footer span{font-size:.95em}
footer p{font-size:40px; margin:0; padding:0}
footer .copyright{background-color:#282c73;padding:10px;color:#fff; bottom:0;position:absolute; text-align:center; width:100%; font-size:10px}
.footernumberscontainer{max-width:88%; margin-left:auto; margin-right:auto}

.servicePack{width:24%; margin:30px .5% 0 .5%; float:left; padding:15px; -webkit-box-shadow: 0px 1px 2px #666;
	box-shadow: 0px 1px 2px #666; display:block; position:relative; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px}
.servicePack:hover{top:-5px; transition:0.1s ease-in; box-shadow:0px 4px 4px #cecece; display:block}
.servicePack a{font-size:112%; font-weight:bold; color:inherit; text-decoration:none; min-height:40px; display:block; line-height:130%; text-align:center }
.servicePack figure{width: 100%;
	height: auto;
	clear:both;
	margin:15px 0 20px 0!important}
.servicePack p{margin:5px; padding:0; font-size:100%; max-height:160px; float:left; overflow-y:hidden}
.servicePack p a{display:block; min-height:initial!important; color:#282C73; padding:0 7px 10px 7px; font-size:110%; margin:10px; position:absolute;bottom:-10px; left:-10px; width:100%; text-align:right; }
.servicePack p a:before{position:absolute; z-index:-1; bottom:0; left:0; width:100%;height:37px; background-color:#CCC;content:""; padding-top:13%}
.servicePack p a:after{content:url(../images/mainpage/minibluearrow.png);display: block;
    float: right; margin-right:3px; margin-top:-2px; padding-left:6px}
	.servicePack .introTextContainer{margin-bottom:50px; max-height:120px}

	
.associationContainer figure {float:left!important; margin:0 30px 0 0!important; max-width:300px}
.associationContainer figure img{height:150px}
}
@media only screen and (min-width:320px) and (max-width:767px){
	.content-wrapper{margin-top:20px; position:relative; width:92%; max-width:1240px; margin-left:auto; margin-right:auto; clear:both}
	.mainpageH2mobile{text-align:center; font-size:300%; color:#006; margin:40px 0; color:#006; float:left}
	.mainpageH2{display:none}
	.full-width{width:100%; margin-bottom:30px; padding:0 15px}
	header{max-width:100%;
	top:0;
	margin-left:auto;
	margin-right:auto;
	height:61px}
	header img{max-height:60px; max-width:159px;z-index:9999; position:absolute; top:0}
	.header_top_bar{display:none}
	.navbar-toggle{background-color:#ddd!important; border:1px solid #999!important}
	.navbar-default{background-color:transparent!important;position:absolute; width:100%;top:0; z-index:999;}
	.navbar-collapse{background-color:#F4F4F4; margin-top:10px;box-shadow: 0 3px 3px #333;}
	.nav li span a {padding-left:15px;padding-right:15px;display:block; text-decoration:none}
	.nav li div li {list-style:none;}
	.nav li ul li a {padding-left:15px!important; padding-right:15px!important;}
	.nav li, .nav li span a{border-bottom:1px solid #666;}
	.nav li:last-child{border-bottom:0px}
	.nav li a:active, .nav li ul li:active{background-color:#FBFBFB!important;}
	.nav li ul{margin-left:0;padding-left:0!important}
	.nav li ul li{padding-left:20px!important}
	.nav li div li a:before {display:block; float:left; content:url(../images/assets/nav-arrow.png); margin:0 0 0 -10px}
	.navbar-nav > li > a, .nav li span a, .nav li ul li a   {
		font-size:18px; display:block; text-decoration:none; font-weight:normal;
    line-height: 18px;
    padding-bottom: 6px!important;
    padding-top: 8px!important;}
	.navbar-nav{margin-top:0!important; overflow:scroll-x; position:relative}
	#headerContent{position:inherit!important}
	section .box2 {
width:100%;
float:left;
height:auto}
section .box2 h2{font-size:1.9em; color:#fff; font-weight:normal; display:block;margin-top:80px; padding:5px 0 8px 0;  background-image:url(../images/mainpage/h2-scroll-background.png);width:100%}	
	.servicePack{margin:30px; clear:both; padding:5px; -webkit-box-shadow: 0px 1px 2px #333333; overflow:hidden;
	box-shadow: 0px 1px 2px #333333; display:block; font-size:12px; position:relative; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px}
	.servicePack a br{content:"";margin-left:10px}
	.servicePack .mainContainer{position:inherit!important, margin:0!important; padding:0}
.servicePack a{font-size:20px; font-weight:bold;color:inherit; text-decoration:none; text-align:center}
.servicePack figure{width: 96%;
	height: auto;
	clear:both;
	margin:15px 10px 10px 10px}
	.servicePack .gutterBottom{margin-bottom:48px} 
.servicePack p{margin:5px; padding:0; font-size:140%}
.servicePack p a{display:block; min-height:initial!important; color:#282C73; padding:0 7px 7px 7px; font-size:110%; margin:10px; position:absolute; left:-10px; bottom:-10px; width:100%}
.servicePack p a:before{position:absolute; z-index:-1; bottom:0; left:0; width:100%;height:37px; background-color:#ccc;content:""; }
.servicePack .introTextContainer{margin-bottom:50px; float:left}
	.topMargin125px{margin-top:25px}
	.subtitle {font-size:1.3em; font-weight:normal; padding-bottom:10px; padding-top: 30px; margin: 0; display:flex}
	.orangeSubtitle{color:#F60; display:inherit!important; padding-top:15px!important; font-size:1.15em;}
	footer{height:185px; width:100%; bottom:0;clear:both; position:relative; border-top:1px dotted #333; padding-top:15px}
footer span{font-size:.95em}
footer p{font-size:16px; font-weight:bold; margin:0; padding:0}
footer .copyright{background-color:#282c73;padding:10px;color:#fff; bottom:0;position:absolute; text-align:center; width:100%; font-size:10px}
.footernumberscontainer{max-width:90%; margin-left:auto; margin-right:auto}

/* For main page slider */
.banner h1, .banner h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.banner ul{padding-left:0!important;}
	.banner ul li {
		height: 175px;
	}
	.banner p {
		display:none;
	}
section .box1 {
	display: none;
}
.serviceTitle{text-align:center; display:block}
#floatingTopPicture{display:none}
figure{width:100%; height:auto}
h3{margin-top:0}
}
@media only screen and (min-width:768px) and (max-width:942px){
.servicePack a{font-size:85%}	
}
strong {font-weight:lighter;}