a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Open Sans', sans-serif;
	outline: 0;
	font-size: 100%;
	background: 0 0
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

:focus {
	outline: 0
}

ins {
	text-decoration: none
}

del {
	text-decoration: line-through
}

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

body {
	background: #219942;
	width: 100%;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #fff
}

img {
	border: none
}

input {
	vertical-align: middle
}

#main_top {
	padding: 0 0 80px
}

#q0 .header {
	margin-bottom: 30px
}

#q0 h3 {
	margin: 20px auto 0;
	font-weight: 600;
	font-size: 23px;
	max-width: 800px;
	padding: 0 15px
}

#q0 h3 strong {
	color: #fff
}

#q0 .lucky {
	max-width: 800px;
	margin: 20px auto 0;
	font-size: 18px;
	padding: 0 15px
}

#q0 .stepinfo {
	max-width: 600px;
	margin: 20px auto 0;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	padding: 0 15px
}

#q0 .option-intro {
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #161616));
	background: -webkit-linear-gradient(top, #292929 0, #161616 100%);
	background: linear-gradient(to bottom, #292929 0, #161616 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#161616', GradientType=0);
	max-width: 500px;
	border: 1px solid #313131;
	text-align: center;
	cursor: auto;
	margin: 20px auto 12px;
	padding: 30px 33px
}

#q0 .option-title {
	margin-left: 0
}

#q0 .answer {
	margin: 25px auto 0
}

.option,
.option2,
.option3,
.option4 {
	max-width: 500px;
	border: 1px solid #313131;
	padding: 40px 33px;
	text-align: left;
	cursor: pointer;
	margin: 0 auto 12px;
	background: url("../img/1e2ef15d.option_brown.png") 30px center no-repeat #292929
}

.selected,
.selected2,
.selected3,
.selected4 {
	background: url("../img/07f6b736.option_selected_beige.png") 30px center no-repeat #292929
}

.option-title {
	color: #fff;
	font-weight: 600;
	font-size: 30px;
	line-height: 32px;
	display: block;
	padding: 0;
	margin-left: 50px
}

#timer {
	color: #FC6!important
}

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

.clearfix:after {
	clear: both
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box
}

.option {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	2-khtml-user-drag: none;
	-khtml-user-select: none;
	3-moz-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	4user-select: none
}

.option:active {
	background-color: none
}

#popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background: rgba(0, 0, 0, .7);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4c191919', endColorstr='#4c191919')
}

#popup {
	background-color: #000;
	border: 1px solid #313131;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 #FFF;
	left: 50%;
	margin: -210px 0 0 -160px;
	padding: 10px;
	position: relative;
	text-align: center;
	top: 50%;
	width: 320px
}

#intro {
	font-size: 18px;
	padding: 0 10px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 5px
}

#intro span {
	color: #FC6!important
}

.header {
	background: #1579dd;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1579dd), color-stop(100%, #161616));
	background: -webkit-linear-gradient(top, #1579dd 0, #161616 100%);
	background: linear-gradient(to bottom, #1579dd 0, #161616 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1579dd', endColorstr='#161616', GradientType=0);
	padding: 25px;
	border-bottom: 1px solid #313131
}

.buttons,
.steps-button-final {
	background: #FC6;
	border-radius: 4px;
	color: #369;
	display: inline-block;
	font-size: 32px;
	font-weight: 700;
	margin: 7px 0;
	padding: 9px 40px;
	text-decoration: none;
	text-transform: uppercase
}

.steps-button,
.steps-button-agree,
.steps-button-final {
	margin: 20px 7px 0;
	position: relative;
	padding: 20px 15px;
	min-width: 120px
}

.steps-button-final {
	position: relative
}

.steps-button-agree span {
	background: -5999px -5999px none!important;
	position: absolute;
	display: block!important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	margin: 0
}

h3 {
	color: #FC6;
	margin: 30px 15px 0;
	font-weight: 600;
	font-size: 30px
}

.stepinfo {
	color: #fff;
	font-style: italic;
	font-weight: 700;
	font-size: 18px;
	margin: 5px 0 30px
}

.question {
	text-align: center
}

form {
	margin: 0 15px
}

.answer {
	cursor: pointer;
	margin: 25px auto
}

#final,
#q1,
#q2,
#q3,
#q4,
#results-header,
#v1,
#v2,
#v3,
#v4,
#v5 {
	display: none
}

#results-header {
	text-align: center
}

#final {
	max-width: 545px;
	margin: 30px auto;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #161616));
	background: -webkit-linear-gradient(top, #292929 0, #161616 100%);
	background: linear-gradient(to bottom, #292929 0, #161616 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#161616', GradientType=0);
	padding: 15px;
	border: 1px solid #313131
}

.validate h3 {
	font-size: 16px;
	margin: 20px 0
}

.validate span {
	display: block;
	min-height: 30px;
	padding-left: 25px;
	padding-top: 5px;
	margin: 10px 0
}

.validate strong {
	color: #FC6
}

.validate ol {
	margin-left: 40px;
	list-style: decimal
}

.validate li {
	margin: 10px 0
}

.validate p {
	text-align: center;
	margin: 20px 0
}

p {
	font-size: 16px
}

#terms {
	font-size: 13px
}

#agree {
	width: 180px;
	height: 94px;
	margin: 0 auto;
	text-align: center
}

@media screen and (max-width :700px),
only screen and (max-device-width:700px) {
	.header {
		padding: 15px
	}
	h2 {
		color: #fff;
		font-size: 20px;
		margin: 0
	}
	h3 {
		margin: 15px 15px 0;
		font-size: 14px
	}
	#q0 h3 {
		font-size: 18px;
		max-width: 800px;
		padding: 0 15px
	}
	#q0 h3 strong {
		color: #fff
	}
	#q0 .lucky {
		max-width: 800px;
		margin: 20px auto 0;
		font-size: 14px;
		padding: 0 15px
	}
	#q0 .stepinfo {
		max-width: 600px;
		margin: 20px auto 0;
		font-style: normal;
		color: #fff;
		font-weight: 400;
		font-size: 14px;
		padding: 0 15px
	}
	.stepinfo {
		font-size: 12px;
		margin: 5px 0 15px
	}
	.option,
	.option2,
	.option3,
	.option4 {
		padding: 15px 10px 15px 30px;
		margin: 0 auto 12px
	}
	.option-title {
		font-size: 18px;
		line-height: 23px;
		margin-left: 50px;
		padding-top: 5px
	}
	#q0 .option-title {
		font-size: 18px;
		margin-left: 0
	}
	#final {
		margin: 15px auto
	}
	#intro-image {
		width: 200px
	}
	.answer {
		width: 150px;
		margin: 15px auto
	}
	#q0 .answer {
		width: 110px;
		margin: 25px auto 0
	}
	.agree img {
		width: 150px
	}
}

@media screen and (max-width :600px),
only screen and (max-device-width:600px) {
	.answer {
		margin: 12px auto
	}
	#final {
		margin: 15px
	}
}

@media screen and (max-width :470px),
only screen and (max-device-width:470px) {
	#q0 .option {
		margin: 20px 15px 12px
	}
	.header {
		padding: 10px
	}
	.option,
	.option2,
	.option3,
	.option4 {
		margin: 0 15px 12px
	}
	a.buttons.steps-button-agree {
		width: 90%;
		font-size: 19px
	}
}

@media screen and (max-width :350px),
only screen and (max-device-width:350px) {
	.header {
		padding: 10px
	}
}

.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: #fff;
	opacity: .6;
}