@charset "UTF-8";

/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
body {
	font-size: 12px;
	line-height: 1.6;
	color: #808285;
	font-family: 'Roboto', sans-serif;	/* sub for Helvetica Neue */
	transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	background-color: #f6f6f6;
}
ul, li { margin: 0; padding: 0; }
a, img { outline: none; border: none; }

a { color: #ACACA6; text-decoration: none; }
a:hover { color: #6894b1; }

p { margin: 0; }
img {
	float: left;
	margin: 0;
	width: 100%;
}
input { float: left; outline: none; border: none; }
select { float: left; }
.Montserrat  { font-family: 'Montserrat', sans-serif; }	/* sub for Gotham */
.desktop { display: block; }
.mobile { display: none; }
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../images/headerbkgnd.png) 0 0 repeat;
	height: 125px;
	z-index: 100;
}
#header_m {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../images/mobilelogo2.png) 0 0 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 100;
	display: none;
}
#header_m:after {
	content: "";
	display: block;
	padding-top: 27.17%;
}
#menuactuator {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20%;
	width: 100%;
}
.fold {
    display: none;
    width: 0;
    height: 0;
}
.fold.active {
    display: inline-block;
}
#fold1 {
    position: absolute;
    top: 99%;
    left: 0;
    width: 100%;
    overflow: auto;
}
.menuitem_m {
	float: left;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #fff;
	color: #fff;
	padding: 5% 0;
	letter-spacing: 0.1em;
	font-size: 1.4em;
}
.menuitem_m:hover { color: #fff; }

#topnavigation {
	float: right;
	width: 67%;
	margin: 6.2% 0 0 0;
}
#topnavigation a {
	float: right;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin: 0 1.3% 0 0;
	line-height: 1;
	font-size: 1.15em;
	letter-spacing: 0.1em;
	color: #fff;
	cursor: pointer;
}
.innerWrapper {
	width: 700px;
	margin: 0 auto;
}
.innerWrapper:after{
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
}
#mainimage {
	position: absolute;
	top: 0;
	left: 0;
}
.fullwidth {
	width: 100%;
}
.fullwidth:after{
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
}

.greybar {
	width: 100%;
	background-color: #e6e7e8;
	margin: 2% 0;
	padding: 1% 0;
}
.greybar:after{
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
}
.drawer {
	width: 700px;
	margin: 0 auto;
	overflow: auto;
}
.showhidearrow {
	width: 4%;
	cursor: pointer;
	margin: 1% 0;
}
a.linebracket {
	float: left;
	width: 100%;
	text-align: center; 
	border-bottom: 1px solid #000; 
	line-height: 0.1em;
	margin: 20px;
} 

a.linebracket span { 
	background:#f6f6f6; 
	padding: 0 10px; 
}
.cycle-slideshow {
	position: absolute;
	top: 24%;
	left: 8%;
	width: 80%;
}
.slideshowdiv {
	float: left;
	width: 100%;
	font-size: 1.35em;
	line-height: 2;
	letter-spacing: 0.2em;
	color: #dbe9ee;
	text-align: center;
	text-transform: uppercase;
}

.div1 {
	width: 950px;
	margin: 0 auto;
	position: relative;
	height: 700px;
}
.div2 {
	float: left;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #506471;
	letter-spacing: 0.3em;
	font-size: 3em;
	padding: 2% 0;
	color: #294252;
}
.div3 {
	float: left;
	margin: 2% 0 2% 3%;
	font-size: 1.8em;
	letter-spacing: 0.3em;
	line-height: 1;"
}
.div6 {
	float: left;
	width: 100%;
	color: #294252;
	letter-spacing: 0.5em;
	font-size: 2.1em;
	border-bottom: 1px solid #000;
	text-align: center;
}
.div7 {
	float: left;
	width: 100%;
	color: #294252;
	letter-spacing: 0.3em;
	font-size: 1.1em;
	margin-bottom: 3%;
	border-bottom: 1px solid #000;
	padding-bottom: 1%;
	text-align: center;
}

.disclaimerdiv {
	font-size: 1.4em;
	margin-top: 11%;
}

.mobilefooter {
	display: none;
	font-size: 1.4em;
	padding: 5% 0;
}
.mobilefooter p {
	text-align: center;

}
.footer {
	float: left;
	width: 100%;
	margin-top: 4%;
	display: table;
	border-bottom: 1px solid #506471;
	padding-bottom: 4%;
}
.footercell {
	display: table-cell;
	width: 30%;
	border-right: 1px solid #506471;
	padding: 2% 0;
	vertical-align: middle;
}
.footercell div {
	width: 70%;
	margin: 0 auto;
}

.footer2 {
	float: left;
	width: 100%;
	margin: 4% 0;
	display: table;
}
.footercell2 {
	display: table-cell;
	border-right: 1px solid #506471;
	padding: 0;
	vertical-align: middle;
}
.footercell2 div {
	width: 80%;
	margin: 0 auto;
	text-align: justify;
}

@media screen and (max-width: 980px) { body { transform: scale(0.98979591836735); -moz-transform: scale(0.98979591836735); -ms-transform: scale(0.98979591836735); -webkit-transform: scale(0.98979591836735); -o-transform: scale(0.98979591836735); width: 980px; } } @media screen and (max-width: 970px) { body { transform: scale(0.97959183673469); -moz-transform: scale(0.97959183673469); -ms-transform: scale(0.97959183673469); -webkit-transform: scale(0.97959183673469); -o-transform: scale(0.97959183673469); width: 980px; } } @media screen and (max-width: 960px) { body { transform: scale(0.96938775510204); -moz-transform: scale(0.96938775510204); -ms-transform: scale(0.96938775510204); -webkit-transform: scale(0.96938775510204); -o-transform: scale(0.96938775510204); width: 980px; } } @media screen and (max-width: 950px) { body { transform: scale(0.95918367346939); -moz-transform: scale(0.95918367346939); -ms-transform: scale(0.95918367346939); -webkit-transform: scale(0.95918367346939); -o-transform: scale(0.95918367346939); width: 980px; } } @media screen and (max-width: 940px) { body { transform: scale(0.94897959183673); -moz-transform: scale(0.94897959183673); -ms-transform: scale(0.94897959183673); -webkit-transform: scale(0.94897959183673); -o-transform: scale(0.94897959183673); width: 980px; } } @media screen and (max-width: 930px) { body { transform: scale(0.93877551020408); -moz-transform: scale(0.93877551020408); -ms-transform: scale(0.93877551020408); -webkit-transform: scale(0.93877551020408); -o-transform: scale(0.93877551020408); width: 980px; } } @media screen and (max-width: 920px) { body { transform: scale(0.92857142857143); -moz-transform: scale(0.92857142857143); -ms-transform: scale(0.92857142857143); -webkit-transform: scale(0.92857142857143); -o-transform: scale(0.92857142857143); width: 980px; } } @media screen and (max-width: 910px) { body { transform: scale(0.91836734693878); -moz-transform: scale(0.91836734693878); -ms-transform: scale(0.91836734693878); -webkit-transform: scale(0.91836734693878); -o-transform: scale(0.91836734693878); width: 980px; } } @media screen and (max-width: 900px) { body { transform: scale(0.90816326530612); -moz-transform: scale(0.90816326530612); -ms-transform: scale(0.90816326530612); -webkit-transform: scale(0.90816326530612); -o-transform: scale(0.90816326530612); width: 980px; } } @media screen and (max-width: 890px) { body { transform: scale(0.89795918367347); -moz-transform: scale(0.89795918367347); -ms-transform: scale(0.89795918367347); -webkit-transform: scale(0.89795918367347); -o-transform: scale(0.89795918367347); width: 980px; } } @media screen and (max-width: 880px) { body { transform: scale(0.88775510204082); -moz-transform: scale(0.88775510204082); -ms-transform: scale(0.88775510204082); -webkit-transform: scale(0.88775510204082); -o-transform: scale(0.88775510204082); width: 980px; } } @media screen and (max-width: 870px) { body { transform: scale(0.87755102040816); -moz-transform: scale(0.87755102040816); -ms-transform: scale(0.87755102040816); -webkit-transform: scale(0.87755102040816); -o-transform: scale(0.87755102040816); width: 980px; } } @media screen and (max-width: 860px) { body { transform: scale(0.86734693877551); -moz-transform: scale(0.86734693877551); -ms-transform: scale(0.86734693877551); -webkit-transform: scale(0.86734693877551); -o-transform: scale(0.86734693877551); width: 980px; } } @media screen and (max-width: 850px) { body { transform: scale(0.85714285714286); -moz-transform: scale(0.85714285714286); -ms-transform: scale(0.85714285714286); -webkit-transform: scale(0.85714285714286); -o-transform: scale(0.85714285714286); width: 980px; } } @media screen and (max-width: 840px) { body { transform: scale(0.8469387755102); -moz-transform: scale(0.8469387755102); -ms-transform: scale(0.8469387755102); -webkit-transform: scale(0.8469387755102); -o-transform: scale(0.8469387755102); width: 980px; } } @media screen and (max-width: 830px) { body { transform: scale(0.83673469387755); -moz-transform: scale(0.83673469387755); -ms-transform: scale(0.83673469387755); -webkit-transform: scale(0.83673469387755); -o-transform: scale(0.83673469387755); width: 980px; } } @media screen and (max-width: 820px) { body { transform: scale(0.8265306122449); -moz-transform: scale(0.8265306122449); -ms-transform: scale(0.8265306122449); -webkit-transform: scale(0.8265306122449); -o-transform: scale(0.8265306122449); width: 980px; } } @media screen and (max-width: 810px) { body { transform: scale(0.81632653061224); -moz-transform: scale(0.81632653061224); -ms-transform: scale(0.81632653061224); -webkit-transform: scale(0.81632653061224); -o-transform: scale(0.81632653061224); width: 980px; } } @media screen and (max-width: 800px) { body { transform: scale(0.80612244897959); -moz-transform: scale(0.80612244897959); -ms-transform: scale(0.80612244897959); -webkit-transform: scale(0.80612244897959); -o-transform: scale(0.80612244897959); width: 980px; } } @media screen and (max-width: 790px) { body { transform: scale(0.79591836734694); -moz-transform: scale(0.79591836734694); -ms-transform: scale(0.79591836734694); -webkit-transform: scale(0.79591836734694); -o-transform: scale(0.79591836734694); width: 980px; } } @media screen and (max-width: 780px) { body { transform: scale(0.78571428571429); -moz-transform: scale(0.78571428571429); -ms-transform: scale(0.78571428571429); -webkit-transform: scale(0.78571428571429); -o-transform: scale(0.78571428571429); width: 980px; } } @media screen and (max-width: 770px) { body { transform: scale(0.77551020408163); -moz-transform: scale(0.77551020408163); -ms-transform: scale(0.77551020408163); -webkit-transform: scale(0.77551020408163); -o-transform: scale(0.77551020408163); width: 980px; } } @media screen and (max-width: 760px) { body { transform: scale(0.76530612244898); -moz-transform: scale(0.76530612244898); -ms-transform: scale(0.76530612244898); -webkit-transform: scale(0.76530612244898); -o-transform: scale(0.76530612244898); width: 980px; } } @media screen and (max-width: 750px) { body { transform: scale(0.75510204081633); -moz-transform: scale(0.75510204081633); -ms-transform: scale(0.75510204081633); -webkit-transform: scale(0.75510204081633); -o-transform: scale(0.75510204081633); width: 980px; } } @media screen and (max-width: 740px) { body { transform: scale(0.74489795918367); -moz-transform: scale(0.74489795918367); -ms-transform: scale(0.74489795918367); -webkit-transform: scale(0.74489795918367); -o-transform: scale(0.74489795918367); width: 980px; } } @media screen and (max-width: 730px) { body { transform: scale(0.73469387755102); -moz-transform: scale(0.73469387755102); -ms-transform: scale(0.73469387755102); -webkit-transform: scale(0.73469387755102); -o-transform: scale(0.73469387755102); width: 980px; } } @media screen and (max-width: 720px) { body { transform: scale(0.72448979591837); -moz-transform: scale(0.72448979591837); -ms-transform: scale(0.72448979591837); -webkit-transform: scale(0.72448979591837); -o-transform: scale(0.72448979591837); width: 980px; } } @media screen and (max-width: 710px) { body { transform: scale(0.71428571428571); -moz-transform: scale(0.71428571428571); -ms-transform: scale(0.71428571428571); -webkit-transform: scale(0.71428571428571); -o-transform: scale(0.71428571428571); width: 980px; } } @media screen and (max-width: 700px) { body { transform: scale(0.70408163265306); -moz-transform: scale(0.70408163265306); -ms-transform: scale(0.70408163265306); -webkit-transform: scale(0.70408163265306); -o-transform: scale(0.70408163265306); width: 980px; } } @media screen and (max-width: 690px) { body { transform: scale(0.69387755102041); -moz-transform: scale(0.69387755102041); -ms-transform: scale(0.69387755102041); -webkit-transform: scale(0.69387755102041); -o-transform: scale(0.69387755102041); width: 980px; } } @media screen and (max-width: 680px) { body { transform: scale(0.68367346938776); -moz-transform: scale(0.68367346938776); -ms-transform: scale(0.68367346938776); -webkit-transform: scale(0.68367346938776); -o-transform: scale(0.68367346938776); width: 980px; } } @media screen and (max-width: 670px) { body { transform: scale(0.6734693877551); -moz-transform: scale(0.6734693877551); -ms-transform: scale(0.6734693877551); -webkit-transform: scale(0.6734693877551); -o-transform: scale(0.6734693877551); width: 980px; } } @media screen and (max-width: 660px) { body { transform: scale(0.66326530612245); -moz-transform: scale(0.66326530612245); -ms-transform: scale(0.66326530612245); -webkit-transform: scale(0.66326530612245); -o-transform: scale(0.66326530612245); width: 980px; } } @media screen and (max-width: 650px) { body { transform: scale(0.6530612244898); -moz-transform: scale(0.6530612244898); -ms-transform: scale(0.6530612244898); -webkit-transform: scale(0.6530612244898); -o-transform: scale(0.6530612244898); width: 980px; } } @media screen and (max-width: 640px) { body { transform: scale(0.64285714285714); -moz-transform: scale(0.64285714285714); -ms-transform: scale(0.64285714285714); -webkit-transform: scale(0.64285714285714); -o-transform: scale(0.64285714285714); width: 980px; } } @media screen and (max-width: 630px) { body { transform: scale(0.63265306122449); -moz-transform: scale(0.63265306122449); -ms-transform: scale(0.63265306122449); -webkit-transform: scale(0.63265306122449); -o-transform: scale(0.63265306122449); width: 980px; } } @media screen and (max-width: 620px) { body { transform: scale(0.62244897959184); -moz-transform: scale(0.62244897959184); -ms-transform: scale(0.62244897959184); -webkit-transform: scale(0.62244897959184); -o-transform: scale(0.62244897959184); width: 980px; } } @media screen and (max-width: 610px) { body { transform: scale(0.61224489795918); -moz-transform: scale(0.61224489795918); -ms-transform: scale(0.61224489795918); -webkit-transform: scale(0.61224489795918); -o-transform: scale(0.61224489795918); width: 980px; } } @media screen and (max-width: 600px) { body { transform: scale(0.60204081632653); -moz-transform: scale(0.60204081632653); -ms-transform: scale(0.60204081632653); -webkit-transform: scale(0.60204081632653); -o-transform: scale(0.60204081632653); width: 980px; } } @media screen and (max-width: 590px) { body { transform: scale(0.59183673469388); -moz-transform: scale(0.59183673469388); -ms-transform: scale(0.59183673469388); -webkit-transform: scale(0.59183673469388); -o-transform: scale(0.59183673469388); width: 980px; } } @media screen and (max-width: 580px) { body { transform: scale(0.58163265306122); -moz-transform: scale(0.58163265306122); -ms-transform: scale(0.58163265306122); -webkit-transform: scale(0.58163265306122); -o-transform: scale(0.58163265306122); width: 980px; } } @media screen and (max-width: 570px) { body { transform: scale(0.57142857142857); -moz-transform: scale(0.57142857142857); -ms-transform: scale(0.57142857142857); -webkit-transform: scale(0.57142857142857); -o-transform: scale(0.57142857142857); width: 980px; } } @media screen and (max-width: 560px) { body { transform: scale(0.56122448979592); -moz-transform: scale(0.56122448979592); -ms-transform: scale(0.56122448979592); -webkit-transform: scale(0.56122448979592); -o-transform: scale(0.56122448979592); width: 980px; } } @media screen and (max-width: 550px) { body { transform: scale(0.55102040816327); -moz-transform: scale(0.55102040816327); -ms-transform: scale(0.55102040816327); -webkit-transform: scale(0.55102040816327); -o-transform: scale(0.55102040816327); width: 980px; } } @media screen and (max-width: 540px) { body { transform: scale(0.54081632653061); -moz-transform: scale(0.54081632653061); -ms-transform: scale(0.54081632653061); -webkit-transform: scale(0.54081632653061); -o-transform: scale(0.54081632653061); width: 980px; } } @media screen and (max-width: 530px) { body { transform: scale(0.53061224489796); -moz-transform: scale(0.53061224489796); -ms-transform: scale(0.53061224489796); -webkit-transform: scale(0.53061224489796); -o-transform: scale(0.53061224489796); width: 980px; } } @media screen and (max-width: 520px) { body { transform: scale(0.52040816326531); -moz-transform: scale(0.52040816326531); -ms-transform: scale(0.52040816326531); -webkit-transform: scale(0.52040816326531); -o-transform: scale(0.52040816326531); width: 980px; } } @media screen and (max-width: 510px) { body { transform: scale(0.51020408163265); -moz-transform: scale(0.51020408163265); -ms-transform: scale(0.51020408163265); -webkit-transform: scale(0.51020408163265); -o-transform: scale(0.51020408163265); width: 980px; } } @media screen and (max-width: 500px) { body { transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); width: 980px; } }

@media screen and (max-width: 495px) {
	body {
		/* following makes position: fixed work! */
		transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		width: 100%;
		font-size: 11px;
	}

	.desktop, #header { display: none; }
	.mobile, #header_m, .mobilefooter { display: block; }

	.innerWrapper, .drawer {
		width: 90%;
		margin: 0 0 0 5%;
	}

	.div2 { font-size: 1.95em; }
	.div3 {
		font-size: 1.2em;
		letter-spacing: 0em;
	}
	.div6 {
		font-size: 1.3em;
		letter-spacing: 0.4em;
	}
	.div7 {
		font-size: 1.1em;
		letter-spacing: 0em;
	}
	.greybar {
		margin: 5% 0;
	}
	.showhidearrow {
		margin: 2% 0 0 0;		
	}

	a.linebracket {
		float: left;
		width: 100%;
		text-align: center; 
		border-bottom: 1px solid #000; 
		line-height: 0.1em;
		margin: 20px 0;
	}

	a.linebracket span { 
		background:#f6f6f6; 
		padding: 20% 0px;
	}

	.showhideall { font-size: 0.9em; }

	.disclaimerdiv { margin-top: 40%; }

	.cycle-slideshow {
		top: 20%;
		left: 5%;
		width: 90%;
	}

	.slideshowdiv { font-size: 0.9em; letter-spacing: 0em; }

}