/* 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%; }

/* General */
h2 { font: 700 15pt/1.4 'Open Sans', 'Arial', sans-serif; color: #1067af; margin: 0 0 22px; }
h3 { font: 700 12pt/1.4 'Open Sans', 'Arial', sans-serif; border-bottom: 1px solid #f3f3f3; padding: 0 0 10px; margin: 0 0 10px; letter-spacing: -.5px; }
h3:before { content: counter( faq )'.'; counter-increment: faq; display: inline-block; vertical-align: bottom; padding: 0 5px 0 0; font-weight: 700; }

/* Content */
body { width: 100%; height: 100%; padding: 0; background: #FFF; color: #000; zoom: 1; text-align: center; color: #000; font: 400 10pt/1.4 'Open Sans', 'Arial', sans-serif; }
#wrapper { width: 570px; margin: auto; }
#wrapper img { display: block; margin: auto; }
header { padding: 36px 0; position: relative; }
header img { max-width: 90%; }
#languages { position: absolute; top: 5px; right: 0; z-index: 1; font-size: 8pt; }
[data-href].active { color: #1067af; font-weight: 700; }
#main { text-align: justify; padding: 40px 48px; }
p { margin: 0 0 12px; }
#wrapper b, #wrapper i { font-weight: 700; }
a { text-decoration: none; }
#main img { margin: 0; }

#faq { text-align: justify; padding: 0 48px; counter-reset: faq; }

#scroller { cursor: pointer; transition: all 0.4s; position: fixed; z-index: 2; transform: translateX( 570px ); color: #fff; background: #1067af; font-size: 12pt; top: 119px; letter-spacing: -1px; padding: 5px 9px; line-height: 1; }
#scroller:hover { background: #00579f; }
#scroller:after { transition: all 0.4s; right: 100%; top: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; border-right-color: #1067af; border-width: 13px; margin-top: -13px; }
#scroller:hover:after { border-right-color: #00579f; }

@media (max-width: 660px) {
	#scroller { transform: none; right: 0; }
}

@media (max-width: 570px) {
	#wrapper { width: 100%; }
}

@media (max-width: 470px) {
	#wrapper > div:not( #scroller ) { padding: 20px; }
	#wrapper > div#faq { padding: 0 20px; }
}