/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-margin-after: 0px;
	-webkit-margin-before: 0px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, b { font-weight: bold; }
i { font-style: italic; }
* { -webkit-margin-before: 0; -webkit-margin-after: 0; }
.clear { clear: both; }
textarea, label, input, select { cursor: pointer; }
img { width: auto; height: auto; max-width: 100%; }
sup { vertical-align: super; font-size: smaller; }

/* Content */
body { width:100%; height:100%; padding:0; font: 12px/1.4 'Open sans', 'Arial', sans-serif; background: #828888; color: #000f2d; zoom: 1; }
#promo-main { width: 980px; margin: auto; text-align: center;  max-width: 100%; }
#promo-main > div { box-sizing: border-box; }
#promo-main [type="text"], #promo-main select { background: rgba( 255, 255, 255, .6 ); width: 100%; max-width: 100%; margin: 0 0 15px; height: 35px; padding: 0 15px; font-size: 12pt; color: #000f2d; font-weight: 400; border: 0; box-sizing: border-box; }
#promo-main select { margin-bottom: 0; }
#promo-main [type="submit"] { color: #FFF; font-weight: 400; transition: all 0.4s; letter-spacing: 1px; margin: 37px auto 0; display: block; font-size: 10.5pt; border: 0; background: #025185; line-height: 1; padding: 11px 19px; }
#promo-main [type="submit"]:hover { opacity: .7; }
#promo-main h1 { letter-spacing: 5px; font: 300 29pt/1.3 'Open sans', 'Arial', sans-serif; margin: 0 0 40px; max-width: 100%; display: block; color: #e1e1e1; }
#promo-main h1 b { font: 700 30.3pt/1.3 'Open sans', 'Arial', sans-serif; margin: 0; letter-spacing: 3px; }
#promo-main h2 { font: 900 16.4pt/1 'Open sans', 'Arial', sans-serif; margin: 0; letter-spacing: 2px; text-transform: none; }
#promo-main h3 { font: 700 11.5pt/1.5 'Open sans', 'Arial', sans-serif; margin: 0; display: block; max-width: 100%; }
#promo-main hr { width: 34px; height: 5px; background: #025185; margin: 22px auto 40px; border: 0; }
#promo-main sup { font-size: 7pt; vertical-align: super; font-weight: inherit; }
#promo-main ::-webkit-input-placeholder { color: #9a9d9f; text-transform: uppercase; }
#promo-main :-moz-placeholder { color: #9a9d9f; opacity: 1; text-transform: uppercase; }
#promo-main ::-moz-placeholder { color: #9a9d9f; opacity: 1; text-transform: uppercase; }
#promo-main :-ms-input-placeholder { color: #9a9d9f; text-transform: uppercase; }

#one { background: url( '../images/bg/bg-first.jpg' ) no-repeat; height: 906px; }
#one > div { width: 401px; padding: 48px 97px 0 0; box-sizing: border-box; max-width: 90%; text-align: left; margin: 0 0 0 auto; color: #d2d2d2; }
#one hr { width: 73px; height: 10px; margin: 0 0 56px; }
#one img { display: block; margin: 0 0 0 -25px; width: 306px; }
#one p { font-size: 13.5pt; letter-spacing: 2px; line-height: 1; margin: 25px 0 9px; font-weight: 300; }
#one b { font-weight: 900; font-size: 32pt; line-height: .9; display: inline-block; letter-spacing: 3px; }
#one span { font-size: 14.7pt; font-weight: 300; letter-spacing: 2px; }
#one form { width: 302px; max-width: 100%; margin: 50px 0 0; }

#two { background: #e1e1e1 url( '../images/bg/bg-second.png' ) right 39px no-repeat; text-align: center; }
#two > div { width: 760px; max-width: 90%; margin: auto; padding: 50px 0; }
#two p { font-size: 11.5pt; line-height: 2; margin: 0; letter-spacing: .5px; }
#two b { margin: 16px auto 0; display: block; font-size: 12pt; letter-spacing: .5px; font-weight: 600; }
#synergies { font-size: 0; margin: 45px auto; }
#synergies div { display: inline-block; vertical-align: top; margin: 0 30px; font-size: 9.5pt; width: 175px; line-height: 1.5; letter-spacing: .5px; }
#synergies img { display: block; margin: 0 auto 7px; }
#synergies div:first-of-type{ margin-left: 0; }
#synergies div:last-of-type{ margin-right: 0; }

#three { background: url( '../images/bg/bg-third.png' ) no-repeat right bottom, linear-gradient( to bottom, #9baeb8 0%, #b3cada 100% ); height: 553px; }
#three > div { width: 528px; max-width: 90%; padding: 55px 0 0 71px; box-sizing: border-box; }
#three h2 { letter-spacing: 1px; }
#benefits { font-size: 0; }
#benefits img { display: block; margin: 15px auto 0; }
#benefits .benefit-4 img, #benefits .benefit-5 img { margin: 0 auto 15px; }
[class^="benefit-"] { width: 140px; display: inline-block; vertical-align: top; font-size: 9.8pt; letter-spacing: .5px; margin: 0 7px 10px; }
.benefit-1 { margin-left: 0; }
.benefit-5 { margin-right: 0; }

#four { background: url( '../images/bg/bg-fourth.jpg' ) no-repeat center center/cover; }
#four > div { padding: 90px 0 80px; width: 847px; max-width: 90%; margin: auto; position: relative; box-sizing: border-box; }
#four img { float: left; }
#four > div > div { float: right; width: 442px; max-width: 100%; text-align: left; padding: 6px 0 0; }
#four div:after { display: block; content: ' '; clear: both; }
#four p { font-weight: 300; font-size: 20pt; letter-spacing: 2px; line-height: 1; }
#four b { font-weight: 900; font-size: 60pt; line-height: .95; letter-spacing: 0; display: inline-block; color: #d2d2d2; }
#four span { font-weight: 300; font-size: 23pt; letter-spacing: 3px; }

#five { background: #c4d3dc; padding: 60px 20px; }
#five hr { margin: 30px auto; }
#five > p { font-size: 11.9pt; }
#five form { max-width: 630px; margin: 30px auto 0; }
#five [type="text"], #five select { max-width: 325px; }
#five ::-webkit-input-placeholder { color: #4d4d4d; text-transform: uppercase; }
#five :-moz-placeholder { color: #4d4d4d; opacity: 1; text-transform: uppercase; }
#five ::-moz-placeholder { color: #4d4d4d; opacity: 1; text-transform: uppercase; }
#five :-ms-input-placeholder { color: #4d4d4d; text-transform: uppercase; }
#five form p { color: #4d4d4d; text-align: center; font-size: 8.4pt; line-height: 1.8; }
#five a { text-decoration: none; border-bottom: 2px solid #8796a5; color: #000f2d; }
#five form div { text-align: left; margin: 30px auto 37px; width: 326px; max-width: 100%; }
#five form div > label:not( .label ) { font-size: 12pt; display: block; }
.label { font-size: 12pt; display: block; margin: 0 0 8px; }
#five [type="radio"] { display: none; }
#five form label:not( .label ) { padding: 0 0 0 31px; position: relative; }
#five form label:not( .label ):last-of-type { margin-top: 8px; }
#five form label:not( .label ):before { margin-top: -6px; content: ' '; text-align: center; line-height: 16px; font-size: 25pt; display: block; position: absolute; left: 0; top: 6px; width: 17px; height: 17px; border: 3px solid #999999; border-radius: 50%; }
#five [type="radio"]:checked + label:before { content: '\2022'; color: #999; }
#five select { margin: 0; }
#five [type="submit"] { margin: 40px auto 0; padding: 8px 51px; background: #025185; }

@media (max-width: 1000px) {
	#one { background: #011f29; height: auto; }
	#one div { padding: 40px 0; margin: auto; text-align: center; }
	#one hr, #one img { margin: 0 auto 25px; }
	#one form { margin: 30px auto 0; }

	#five { padding: 40px 20px; }
}

@media (max-width: 930px) {
	#promo-main h1 { font-size: 23pt; letter-spacing: 1px; margin: 0 0 20px; line-height: 1; }
	#promo-main h1 b { font-size: 23pt; letter-spacing: 1px; }
	#promo-main h2 { letter-spacing: 1px; }
	#promo-main p br { content: ' '; display: none; }

	#one p, #four p, #four span { font-size: 13pt; }
	#two p { line-height: 1.6; }

	#two > div, #four div { padding: 40px 0; }
	#two b { margin: 30px 0 0; }
	#synergies { margin: 30px auto; }
	#two #synergies div { margin: 0 30px 20px; }
	#two #synergies div:last-of-type, #benefits div:last-of-type { margin-bottom: 0; }

	#four img, #four > div > div { float: none; margin: auto; text-align: center; }
	#four > div > div { padding: 20px 0 0; color: #FFF; }
	#four b { margin: 0; }
	#four span { display: block; }

	#three { background: #9baeb8; background: -webkit-linear-gradient( top, #9baeb8 0%, #b3cada 100% ); background: linear-gradient( to bottom, #9baeb8 0%, #b3cada 100% ); height: auto; }
	#three > div { margin: auto; padding: 40px 0; }
	#three p { margin: 0 0 30px; }
}

@media (max-width: 505px) {
	[class^="benefit-"] { display: block; margin: 0 auto 20px; }
}