/* 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: #FFF; 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: #c8c8c8; width: 100%; max-width: 100%; margin: 0 0 10px; height: 35px; padding: 0 16px; font-size: 12pt; color: #3b3f3a; font-weight: 300; border: 0; box-sizing: border-box; }
#promo-main select, #two > div > p:last-of-type { margin-bottom: 0; }
#promo-main [type="submit"] { color: #c8c8c8; font-weight: 400; transition: all 0.4s; letter-spacing: 1px; margin: 29px auto 0; display: block; font-size: 11pt; border: 0; background: #00518d; line-height: 1; padding: 10px 19px; }
#promo-main [type="submit"]:hover { background: #f2cbc4; color: #653231; }
::-webkit-input-placeholder { color: #3b3f3a; }
:-moz-placeholder { color: #3b3f3a; opacity: 1; }
::-moz-placeholder { color: #3b3f3a; opacity: 1; }
:-ms-input-placeholder { color: #3b3f3a; }
#promo-main h1 { letter-spacing: 0.5px; font: 700 35.3pt/1.2 'Open Sans', 'Arial', sans-serif; margin: 0; max-width: 100%; display: block; color: #0071b9; letter-spacing: -1px; }
#promo-main h2 { letter-spacing: 0; font: 700 18.9pt/1 'Open Sans', 'Arial', sans-serif; margin: 0; letter-spacing: 2px; color: #534741; }

#one { background: url( '../images/bg/bg-first.jpg' ) no-repeat; height: 820px; }
#logo-holder { padding: 49px 40px 74px 0; text-align: right; }
#one > div:last-of-type { width: 523px; padding: 0 110px 0 0; margin: 0 0 0 auto; box-sizing: border-box; max-width: 90%; text-align: center; color: #534741; }
#one hr { background: #afafaf; margin: 0 auto 24px; width: 123px; height: 9px; border: 0; }
#one h2 { font-weight: 900; margin: 0 0 5px; }
#one p { font-size: 16.7pt; margin: 5px 0 24px; }
#one b { font-size: 41pt; line-height: 1; margin: 0 10px 0 0; color: #0071b9; }
#one span { font-size: 12pt; display: block; line-height: 1; font-weight: 700; margin: 0 0 0 90px; text-align: left; }
#one span:first-of-type { display: inline-block; background: #0070b8; color: #FFF; border-radius: 5px; font-size: 8.5pt; padding: 6px 15px; margin: 0; }
#one form { width: 322px; margin: 29px auto 0; max-width: 100%; }

#two { background: url( '../images/bg/bg-second.jpg' ) no-repeat top left/cover; height: 628px; color: #333333; }
#two > div { width: 735px; max-width: 90%; margin: auto; padding: 18px 0 29px; }
#treatments { font-size: 0; margin: 0 0 5px; }
[class^="treatment-"] { display: inline-block; vertical-align: top; background: url( '../images/bg/bg-circle.png' ) top center no-repeat; width: 215px; height: 215px; margin: 0 20px; position: relative; max-width: 100%; box-sizing: border-box; font-weight: 600; font-size: 14pt; padding: 75px 0; }
.treatment-1 { margin-left: 0; padding: 75px 36px; }
.treatment-3 { margin-right: 0; padding: 75px 30px; }
#two #bottom { width: 400px; max-width: 100%; margin: 0 0 0 auto; }
#two #bottom p { font-size: 12pt; line-height: 1.6; letter-spacing: .5px; margin: 0 0 20px; text-align: justify; font-weight: 600; }
#two i { color: #37568d; font-weight: 700; font-size: 11.5pt; }

#three { background: url( '../images/bg/bg-third.jpg' ) no-repeat; height: 550px; }
#three > div { width: 655px; max-width: 90%; padding: 35px 0 0 100px; box-sizing: border-box; text-align: left; }
#three h2 { text-align: left; }
[class^="benefits-"] { font-size: 0; margin: 20px 0 11px; }
#three .benefits-2 { margin: 0 0 0 46px; }
[class^="benefits-"] div { display: inline-block; vertical-align: top; margin: 0 18px; font-size: 11pt; line-height: 1.3; color: #4d4e4e; text-align: center; }
#three .benefit-1 { margin-left: 0; }
#three .benefit-3 { margin-right: 0; }
[class^="benefits-"] img { display: block; margin: 0 auto 5px; }
#three p { display: block; font-size: 11pt; margin: 30px 0 0 167px; text-align: left; color: #4d4e4e; }
#three ul { margin: 0 0 0 184px; width: 220px; }
#three ul li { color: #4d4e4e; font-size: 11pt; position: relative; padding: 0 0 0 10px; box-sizing: border-box; }
#three ul li:before { content: '•'; position: absolute; left: 0; top: 0; }

#four { background: #e2e2e2; padding: 62px 20px 30px; color: #000; }
#four > p { font-size: 13pt; margin: 0px 0 30px; }
#four form { max-width: 625px; margin: auto; }
#four [type="text"], #four select { max-width: 322px; }
#four form p { color: #77828e; text-align: left; font-size: 9.6pt; }
#four a { text-decoration: none; color: #950000; }
#four form div { text-align: left; margin: 27px 0 15px; }
#four form div > label:not( .label ) { font-size: 13pt; display: inline-block; vertical-align: middle; }
.label { font-size: 13pt; display: block; margin: 0 0 11px; }
#four [type="radio"] { display: none; }
#four form label:not( .label ) { padding: 0 35px 0 16px; position: relative; }
#four form label:not( .label ):last-of-type { padding: 0 0 0 16px; }
#four form label:not( .label ):before { margin: -3px 4px 0 0; content: ' '; background: #eef0f3; text-align: center; line-height: 10px; font-size: 14pt; display: block; position: absolute; left: 0; top: 8px; width: 10px; height: 10px; border: 1px solid #653231; border-radius: 7px; }
#four [type="radio"]:checked + label:before { content: '\2022'; }
#four select { margin: 0; }
#four [type="submit"] { margin: 20px auto 0; padding: 10px 39px; color: #FFF; }

/* Footer */
#address-block, #copyright { width: 92%; padding: 10px 4%; }
#address-block { background: #00518d; }
#list { font: 14px/1.5em 'Open sans', 'Arial', sans-serif; text-align: center; color: #FFF; }
#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 6%; font: 8pt 'Open Sans', 'Arial', sans-serif; letter-spacing: 8px; color: #FFF; }
#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: 7pt; padding-top: 3px; position: relative; }
#copy { text-align: left; width: 670px; color: #000; }
#facebook-share { position: absolute; top: 0; right: 0; width: 260px; background: #d3d3d5; padding: 5px 0 5px 6px; font-size: 7.6pt; color: #000; text-align: left; cursor: pointer; font-weight: bold; font-family: 'Open Sans', 'Arial', sans-serif; }
#facebook-share:hover { background: #FFF; }
#facebook-share img { display: inline-block; vertical-align: middle; padding-right: 3px; }

@media (max-width: 900px) {
	#one { height: auto; background: #f7f7f7; }
	#one #logo-holder { text-align: center; padding: 40px 20px 0; }
	#one > div:last-of-type { padding: 20px 0 60px; margin: auto; }
	#one span { margin: 10px auto 0; text-align: center; }

	#two { background: #e2e2e2; height: auto; }
	#two > div, #three > div { padding: 60px 0; margin: auto; text-align: center; }
	#two #bottom, #three ul { margin: auto; }

	#three { background: #e5f1f1; height: auto; }
	#three h2 { text-align: center; }
	#three p { margin: 30px 0 20px; text-align: center; }

	#four { padding: 40px 20px; }
	
	#address-block ul { text-align: center; }
	#facebook-share { display: block; margin: 5px auto 0 auto; position: static; width: 247px; }
	#copy { width: 100%; text-align: center; }
}

@media (max-width: 707px) {
	#promo-main h1 { font-size: 23pt; }
	#promo-main h2 { font-size: 18pt; }

	#one p { font-size: 13pt; }

	#treatments div { margin: 0 20px; }
}

@media (max-width: 632px) {
	#three .benefits-2 { margin: 0; }
	#three [class^="benefits-"] div { margin: 0 18px 10px; }
}

@media (max-width: 580px) {
	#facebook-share { float: none; margin: 10px auto; }
}

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