/* 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', 'Helvetica', 'Arial', sans-serif; background: #f3f3f3; color: #000; zoom: 1; }
#wrapper { width: 980px; margin: auto; }
#wrapper [type="submit"], button { background: #262262; color: #FFF; font-weight: 100; padding: 8px 28px; font-size: 13pt; border: 0; }
#wrapper [type="submit"]:hover, button:hover { background: #464288; }
#wrapper h1 { letter-spacing: -1px; font: 700 27pt/1.4 'Open Sans', 'Arial', sans-serif; margin: 0; color: #262262; text-shadow: -1px 7px 10px rgba(0, 0, 0, .22); }
#wrapper h2 { letter-spacing: 0; font: 600 21pt/1 'Open Sans', 'Arial', sans-serif; margin: 0; color: #262262; }
#wrapper h3 { font-weight: 700; font-size: 17pt; max-width: 100%; text-align: center; color: #2b3990; line-height: 1; margin: 0 0 20px; }
button { width: 146px; height: 34px; letter-spacing: 3px; padding: 0; color: #FFF; }

#one { background: url( '../images/bg/bg-first.jpg' ) no-repeat left top; height: 832px; }
#logo-holder { padding: 26px 25px 28px 0; text-align: right; }
#logo-holder img { max-width: 90%; }
#one > div:last-of-type { width: 484px; padding: 0 123px 0 0; margin: 0 0 0 auto; box-sizing: border-box; max-width: 90%; color: #414042; text-align: center; }
#one > div:last-of-type img { margin: auto; display: block; }
#wrapper h1 span { font-size: 54pt; display: block; line-height: .9; }
#wrapper h1 span:last-of-type { font-size: 21pt; line-height: 1.4; }
#one hr { width: 86px; height: 9px; background: #959595; margin: 25px auto; border: 0; }
#one p { font-weight: 400; font-size: 12pt; }
#one p b { font-weight: 700; font-size: 20pt; line-height: 1; font-style: italic; padding-right: 4px; }
#one > div > span { font-size: 22pt; display: block; line-height: 1; }
#one i { font-size: 11pt; }
#one form { width: 361px; margin: 15px auto 0; max-width: 100%; text-align: center; }
#one [type="text"], select { background: #FFF; width: 100%; max-width: 100%; margin: 0 0 13px; height: 38px; padding: 0 30px; font-size: 15pt; color: #000; font-weight: 400; border: 0; box-sizing: border-box; }
select { margin: 0; }
#one [type="submit"] { font-weight: 400; transition: all 0.4s; letter-spacing: 1px; margin: 18px auto 0; display: block; }

#two { background: #262262; }
#two > div { width: 750px; padding: 44px 0 50px; margin: auto; max-width: 90%; }
#two > div > img { display: block; margin: 0 0 10px 141px; }
#two p { color: #FFF; font-size: 16.7pt; font-weight: 300; text-align: justify; background: url( '../images/bg/bg-pro-freeze.png' ) no-repeat top 10px left; padding: 0 0 0 135px; line-height: 1.3; }
#promotions { width: 471px; max-width: 100%; margin: 22px auto 0; }
#promotions:after { display: block; clear: both; content: ' '; }
#promotions img { float: left; }
#promotions img:last-of-type { float: right; }

#three { background: url( '../images/bg/bg-third.jpg' ) no-repeat center center/cover; counter-reset: stage; height: 1011px; }
#three .top { padding: 145px 0 90px 294px; width: 457px; max-width: 90%; text-align: left; }
#three h2 { margin: 0 0 20px; }
#three li { color: #414042; font-weight: 400; font-size: 13.4pt; position: relative; counter-increment: stage; padding: 0 0 26px 78px; line-height: 1.3; }
#three li:last-of-type { padding-bottom: 0; }
#three li:before { position: absolute; top: 0; left: 0; content: "STAGE"; border-right: 3px solid #2b3990; font-size: 11pt; font-weight: 600; padding: 0 13px 0 0; height: 55px; line-height: 13px; color: #2b3990; }
#three li:after { content: ' '; position: absolute; top: 16px; left: 12px ; content: counter( stage ); font-size: 32pt; line-height: 1; font-weight: 600; color: #2b3990; }

#three .bottom { width: 511px; padding: 0 0 0 66px; box-sizing: border-box; max-width: 90%; }
#three .bottom img { display: block; margin: auto; }
#three i { font-size: 9pt; font-weight: 400; text-align: left; margin: 50px auto 35px; display: block; }

#four { background: url( '../images/bg/bg-fourth.jpg' ); padding: 30px 20px 20px; text-align: center; color: #2b3990; }
#four h2 { font-size: 33pt; font-weight: 700; color: #2b3990; }
#four b { font-weight: 700; font-size: 33pt; display: block; line-height: 1; }
#four i { font-weight: 400; font-size: 11pt; }
#four span { display: block; font-size: 11pt; font-weight: 400; color: #58595b; }
#four > p { font-size: 13.5pt; color: #000; margin: 27px 0; font-weight: 400; }
#four form { max-width: 645px; margin: auto; }
#four [type="text"], #four select { font-weight: 400; max-width: 358px; width: 100%; background: #FFF; margin: 0 0 13px; border: 0; height: 38px; padding: 0 14px; color: #000; font-size: 15pt; box-sizing: border-box; }
::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; opacity: 1; }
::-moz-placeholder { color: #000; opacity: 1; }
:-ms-input-placeholder { color: #000; }
#four form p { color: #58595b; padding: 0 8px 35px; text-align: justify; font-size: 8pt; }
#four a { color: #2b3990; border-color: #2b3990; }
#four form div { text-align: left; margin: 22px 0; }
#four form label { font-size: 13pt; }
#four .label { display: block; margin: 0 0 10px; }
#four form [type="radio"]:checked + label:before { content: ' '; }
#four [type="submit"] { font-size: 12pt; font-weight: 400; line-height: 1; width: 138px; height: 35px; padding: 0; }
#four select { margin: 0; }

/* Footer */
footer { font-family: 'Open Sans', sans-serif; color: #000; }
#address-block, #copyright { width: 92%; padding: 20px 4% 15px; }
#address-block { background: #262262; }
#list { font: 12.8px/1.5 'Raleway', 'Arial', sans-serif; text-align: center;color: #FFF; padding-bottom: 5px; }
#list a { font-weight: bold; text-decoration: none; color: #FFF; }
#address-block hr { margin: 4px 0; background: #FFF; height: 1px; border: 0; }
#address-block ul  { text-align: left; }
#address-block li { display: inline-block; vertical-align: middle; text-transform: uppercase; margin: 0 5.8%; font-family: 'Open Sans', 'Arial', sans-serif; color: #FFF; letter-spacing: 6.8px; font-size: 10pt; }
#address-block li.bullet { margin: 0; }
#address-block li:first-child { margin-left: 0; }
#address-block li:last-child { margin-right: 0; }

/* Last line footer */
#copyright { background: #FFF; font-size: 6.2pt; padding-top: 3px; position: relative; }
#copy { text-align: left; width: 635px; }
#copyright a { position: absolute; top: 0; right: 0; width: 260px; background: #d3d3d5; padding: 5px 0 5px 6px; color: #000; text-align: left; cursor: pointer; font: bold 5.5pt 'Open Sans', 'Arial', sans-serif; text-decoration: none; transition: all 0.4s; }
#copyright a:hover { background: #FFF; }
#copyright a img { display: inline-block; vertical-align: middle; padding-right: 3px; }

@media (max-width: 992px) {
	#wrapper { width: 100%; }
	
	#logo-holder { float: none; margin: auto; padding: 40px 0 0; text-align: center; }

	#one { height: auto; background: #dcdcdc; }
	#one > div:last-of-type { padding: 20px 0 40px; margin: auto; }
	#two > div, #three .top { padding: 40px 0; margin: auto; }

	#two > div > img { margin: 0 auto 30px; }
	#three h2 { text-align: center; }
	#two p { background: 0; padding: 0; }

	#three { background: #eef7fc; height: auto; }
	#wrapper #three > div { padding-left: 0; margin: auto; }
	#three i { text-align: center; padding: 30px 0; margin: 0; }

	#four { padding: 30px 20px; height: auto; }
	
	#address-block ul { text-align: center; }
	#copyright a { display: block; margin: 5px auto 0 auto; position: static; width: 223px; text-align: center; }
	#copy { width: 100%; }	
}

@media (max-width: 690px) {
	#one p b, #one > div > span, #four b { font-size: 20pt; }
	#one hr { margin: 20px auto; }
	
	#wrapper h1, #wrapper h1 span { font-size: 21pt; line-height: 1.3; }
	#wrapper h2 { font-size: 18pt; }
}

@media (max-width: 506px) {
	#wrapper #promotions img { float: none; margin: 10px auto; display: block; }

	#three li br { display: none; }
}

@media (max-width: 460px) {
	#address-block li { display: block; margin: 5px 0; }
	#address-block li.bullet { display: none; }
}