ol,
ul {
	list-style: none
}

.main .question .box.option,
a {
	cursor: pointer
}

.popup,
.popup .wrapper {
	bottom: 0;
	right: 0;
	top: 0;
	left: 0
}

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

body,
html,
p {
	font-family: Roboto, Helvetica, Arial, sans-serif
}

html,
p {
	line-height: 1.61803em
}

a,
em,
small,
strong {
	line-height: inherit
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
td,
th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

a img {
	border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

.pull_right {
	float: right
}

.pull_left {
	float: left
}

* {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body,
html {
	background: #92ccdd;
	font-size: 16px;
	font-weight: 400;
	color: #014E75;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 100%
}

.hide {
	display: none
}

.hide.active,
.show {
	display: block
}

.fixed {
	position: fixed
}

.fixed.pinned {
	position: absolute
}

.unfixed {
	position: relative!important;
	top: auto!important;
	left: auto!important
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: Normal;
	color: #FFF;
	text-rendering: optimizeLegibility;
	padding-top: .27183em;
	line-height: 1.15042em;
	padding-bottom: .27183em
}

a:hover,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #FFF
}

h1 {
	font-size: 67.78px;
	font-size: 4.23607rem
}

h2 {
	font-size: 41.89px;
	font-size: 2.61803rem
}

h3 {
	font-size: 29.79px;
	font-size: 1.86208rem
}

h4 {
	font-size: 25.89px;
	font-size: 1.61803rem
}

h5 {
	font-size: 18.41px;
	font-size: 1.15083rem
}

h6 {
	font-size: 16px;
	font-size: 1rem
}

@media only screen and (max-width:767px) {
	body,
	html {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		width: 100%;
		min-width: 0
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		word-wrap: break-word
	}
	h1 {
		font-size: 41.89px;
		font-size: 2.61803rem
	}
	h2 {
		font-size: 35.79px;
		font-size: 2.23708rem
	}
}

p {
	font-weight: 400;
	font-size: 16px;
	font-size: 1rem
}

a {
	color: #FFF;
	text-decoration: none;
	outline: 0
}

ol {
	list-style: decimal;
	margin-left: 30px
}

@media only screen and (max-width:768px) {
	.fixed {
		position: relative!important;
		top: auto!important;
		left: auto!important
	}
	p {
		font-size: 17.6px;
		font-size: 1.1rem;
		line-height: 1.61803em
	}
	dl,
	ol,
	p,
	ul {
		text-align: left
	}
}

.main .question .analyse .loading,
.main .question h4,
.main .question h5,
.main .question p,
.popup .wrapper {
	text-align: center
}

em {
	font-style: italic
}

strong {
	font-weight: 700
}

small {
	font-size: 56.4%
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small {
	color: #777
}

hr {
	border: 1px solid #ccc;
	clear: both;
	margin: 16px 0 18px;
	height: 0
}

@media print {
	blockquote,
	img,
	pre,
	tr {
		page-break-inside: avoid
	}
	* {
		background: 0 0!important;
		color: #000!important;
		text-shadow: none!important;
		-webkit-filter: none!important;
		filter: none!important;
		-ms-filter: none!important
	}
	p a,
	p a:visited {
		color: #014E75!important;
		text-decoration: underline
	}
	p a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: ""
	}
	blockquote,
	pre {
		border: 1px solid #999
	}
	thead {
		display: table-header-group
	}
	@page {
		margin: .5cm
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
}

.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
	content: "";
	display: table
}

.row {
	width: 100%;
	max-width: 780px;
	min-width: 320px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px
}

.row .row {
	min-width: 0;
	padding-left: 0;
	padding-right: 0
}

.column,
.columns {
	margin-left: 1.31579%;
	float: left;
	min-height: 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.alpha,
.column:first-child,
.columns:first-child {
	margin-left: 0
}

.column.omega,
.columns.omega {
	float: right
}

.row .one.column,
.row .one.columns {
	width: 7.12719%
}

.row .two.columns {
	width: 15.57018%
}

.row .three.columns {
	width: 24.01316%
}

.row .four.columns {
	width: 32.45614%
}

.row .five.columns {
	width: 40.89912%
}

.row .six.columns {
	width: 49.34211%
}

.row .seven.columns {
	width: 57.78509%
}

.row .eight.columns {
	width: 66.22807%
}

.row .nine.columns {
	width: 74.67105%
}

.row .ten.columns {
	width: 83.11404%
}

.row .eleven.columns {
	width: 91.55702%
}

.row .twelve.columns {
	width: 100%
}

.row .one.centered {
	margin-left: 46.4364%
}

.row .two.centered {
	margin-left: 42.21491%
}

.row .three.centered {
	margin-left: 37.99342%
}

.row .four.centered {
	margin-left: 33.77193%
}

.row .five.centered {
	margin-left: 29.55044%
}

.row .six.centered {
	margin-left: 25.32895%
}

.row .seven.centered {
	margin-left: 21.10746%
}

.row .eight.centered {
	margin-left: 16.88596%
}

.row .nine.centered {
	margin-left: 12.66447%
}

.row .ten.centered {
	margin-left: 8.44298%
}

.row .eleven.centered {
	margin-left: 4.22149%
}

embed,
img,
object {
	max-width: 100%;
	height: auto;
	vertical-align: top
}

img {
	-ms-interpolation-mode: bicubic
}

#map_canvas img,
.map_canvas img {
	max-width: none!important
}

.clearfix:after {
	clear: both
}

.valign:before,
.valign>article,
.valign>div,
.valign>figure,
.valign>section {
	display: inline-block;
	vertical-align: middle
}

.row:after {
	clear: both
}

.valign:before {
	content: ' ';
	height: 400px;
	margin-right: -.25em
}

@media only screen and (max-width:767px) {
	.row,
	body {
		width: 100%
	}
	.container,
	.row {
		min-width: 0;
		margin-left: 0;
		margin-right: 0
	}
	body {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		min-width: 0
	}
	.row .row .column,
	.row .row .columns {
		padding: 0
	}
	.row .centered {
		margin-left: 0!important
	}
}

.ie67 .clearfix,
.ie67 .row {
	zoom: 1
}

.ie67 .btn {
	display: inline;
	zoom: 1
}

.ie8 img {
	width: auto
}

.icon-check:before,
.selected .icon-check:before,
.show .icon-check:before {
	width: 20px;
	height: 20px;
	display: block;
	content: ""
}

.icon-check {
	position: absolute;
	top: 0;
	left: 0
}

.icon-check:before {
	background: url("../img/option.png");
	-webkit-background-size: cover;
	background-size: cover
}

.selected .icon-check:before,
.show .icon-check:before {
	background: url("../img/option_selected.png");
	-webkit-background-size: cover;
	background-size: cover
}

.main {
	padding-bottom: 30px
}

.main:after,
.main:before {
	content: "";
	display: table
}

.main:after {
	clear: both
}

.main .question {
	display: none
}

.main .question .analyse.ok .rules,
.main .question.current {
	display: block
}

.main .question .header-top {
	background-color: #014E75
}

.main .question .header-top h1 {
	font-size: 2.5em;
	text-align: center;
	padding: .625em 0
}

.main .question .header-top h1 strong {
	font-weight: 900
}

.main .question strong {
	font-weight: 900;
	color: #E82565
}

.main .question h4 {
	color: #014E75;
	font-weight: 500;
	padding-top: 1em;
	padding-bottom: 0;
	font-size: 30px;
	font-size: 1.875rem
}

.main .question h4.under {
	text-decoration: underline
}

.main .question h5 {
	color: #014E75;
	font-weight: 500
}

.main .question p {
	padding: 1em 0;
	font-size: 1.125em
}

.main .question .box {
	background-color: #FFF;
	border-width: 1px;
	border-color: #027dbc;
	border-style: solid;
	padding: 1em;
	margin-top: .5em;
	margin-bottom: .5em
}

.main .question .box h3 {
	color: #014E75;
	font-weight: 700;
	padding: 0;
	position: relative
}

.main .question .analyse .loading li.success h5,
.main .question .box.selected i:before {
	color: #58c026
}

.main .question .box.option h3 {
	padding: 0 1em 0 1.6em;
	margin: 1em 0
}

.main .question .analyse .loading img {
	margin-top: .6em
}

.main .question .analyse .checkup li {
	position: relative;
	padding-left: 2.625em;
	margin: .75em 0
}

.main .question .analyse .checkup li i:before {
	color: #58c026;
	font-size: 1.625em
}

.main .question .analyse .mentions li {
	margin: .75em 0
}

.btn {
	box-shadow: 1px 4px 0 #97103c;
	border-radius: 3px;
	background-color: #E82565;
	color: #FFF;
	font-weight: 900;
	font-size: 2em;
	text-transform: uppercase;
	display: inline-block;
	padding: .8em 1.2em;
	margin: .5em .2em;
	min-width: 130px
}

.popup {
	background-color: rgba(0, 0, 0, .7);
	position: fixed;
	z-index: 1
}

.popup .wrapper {
	border-radius: 6px;
	background-color: #FFF;
	width: 60%;
	padding: 10px;
	max-height: 470px;
	max-width: 320px;
	min-width: 300px;
	overflow: hidden;
	margin: auto;
	position: absolute;
	font-weight: 700;
	font-size: 18.41px;
	font-size: 1.15083rem
}

.popup .wrapper strong {
	font-size: 25.89px;
	font-size: 1.61803rem;
	display: block;
	font-weight: 900;
	color: #E82565;
	text-transform: uppercase;
	margin-top: 10px
}

.popup .wrapper .btn {
	margin: 8px 0 0
}

@media only screen and (max-width:767px) {
	.popup .wrapper {
		max-height: 340px
	}
	.popup .wrapper img {
		width: 200px
	}
	body,
	html {
		font-size: 12px
	}
	.row .eight.columns {
		width: 100%
	}
	.main .question .header-top h1 {
		font-size: 1.8em
	}
	.main .question .box.option h3 {
		margin: 0
	}
	.main .question .box h3 {
		font-size: 1.5em
	}
	.hidden-pad {
		padding-left: 0;
		padding-right: 0
	}
	.hidden-pad .box {
		border-width: 1px 0!important
	}
}
         .unsub {
         position: relative;
         left: 0;
         top: 0;
         width: 100%;
         text-align: right;
         padding: 10px 15px;
         box-sizing: border-box;
         z-index: 9999;
         background-color: transparent;
         }
         .unsub > a {
         font-family: Helvetica, Arial, sans-serif;
         text-transform: lowercase;
         text-decoration: none;
         font-size: 14px;
         color: #000;
         opacity: .6;
         }