#q0, .buttondiv, .subhead, h1 { text-align: center; }
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: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
h1, h2 { font-weight: 700; }
.answer, .subhead { font-style: italic; }
body { line-height: 1; font-size: 15px; font-family: Arial,sans-serif; color: rgb(0, 0, 0); background-color: rgb(242, 242, 242); }
.wrapper { min-height: 60px; }
.content { width: 94%; max-width: 640px; margin: 0px auto; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); }
.img-responsive { display: block; margin: 0px auto; max-width: 100%; height: auto; }
h1 { font-size: 1.75em; color: rgb(255, 255, 255); padding: 10px 0px; background-color: rgb(66, 133, 244); }
h2 { font-size: 1.6em; padding: 10px 15px; }
.txt { padding: 15px 35px; font-size: 1.3em; line-height: 28px; }
.buttondiv { padding: 20px 10px; position: relative; }
.line { position: absolute; width: 100%; left: 0px; top: 1px; height: 1px; background: linear-gradient(to right, rgba(217, 217, 217, 0) 0px, rgb(217, 217, 217) 50%, rgba(217, 217, 217, 0) 100%) repeat scroll 0% 0% transparent; }
.cta, button { outline: 0px none; cursor: pointer; color: rgb(255, 255, 255); display: block; margin: 10px auto 0px; padding: 13px 0px; max-width: 220px; border-radius: 3px; width: 100%; font-size: 1.25em; border: 1px solid rgb(66, 133, 244); background: linear-gradient(to right, rgb(66, 133, 244) 0px, rgb(70, 131, 234) 100%) repeat scroll 0% 0% transparent; }
.cta { text-decoration: none; }
.cta:active, button:active { background: linear-gradient(to right, rgb(60, 121, 226) 0px, rgb(63, 118, 212) 100%) repeat scroll 0% 0% transparent; box-shadow: 0px 3px 0px 0px rgb(51, 104, 194) inset; }
.subhead { font-size: 1.1em; padding: 5px; }
.answer { padding: 20px 10px 20px 44px; background-repeat: no-repeat; background-position: 8px center; border: 1px solid rgb(242, 242, 242); width: 90%; max-width: 540px; margin: 15px auto 10px; font-size: 1.55em; cursor: pointer; box-sizing: border-box; }
#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10, #q11 { display: none; }
@media screen and (max-width: 768px) {
	h1 { font-size: 1.4em; }
	h2 { font-size: 1.25em; }
	.txt { font-size: 1.15em; line-height: 22px; }
	.cta, button { font-size: 1.2em; }
	.answer { padding: 12px 10px 12px 44px; font-size: 1.1em; }
}

.selected {
    background-color: #34a853;
    border: 1px solid #34a853;
    color: #fff;
}
#b1,
#b2,
#b3,
#b4,
#b5,
#b6,
#c1,
#c2,
#c3,
#c4,
#c5,
#c6,
body {
	background: url("../thumbs/x1.jpg") no-repeat center top #000;
}
#b1 {
	background-image: url("../thumbs/x2.jpg");
}
#b2 {
	background-image: url("../thumbs/x3.jpg");
}
#b3 {
	background-image: url("../thumbs/x4.jpg");
}
#b4 {
	background-image: url("../thumbs/x5.jpg");
}
#b5 {
	background-image: url("../thumbs/x6.jpg");
}
#b6 {
	background-image: url("../thumbs/x1.jpg");
}
#c1 {
	background-image: url("../thumbs/y2.jpg");
}
#c2 {
	background-image: url("../thumbs/y3.jpg");
}
#c3 {
	background-image: url("../thumbs/y4.jpg");
}
#c4 {
	background-image: url("../thumbs/y5.jpg");
}
#c5 {
	background-image: url("../thumbs/y6.jpg");
}
#c6 {
	background-image: url("../thumbs/y1.jpg");
}
.regcenter{
	text-align:center;
}
.trans{
	background:rgba(0,0,0,0.5);
}
footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	background: red;
	text-transform: uppercase;
}
.timer .jst-hours {
  float: left;
  display: none;
}
.timer .jst-minutes {
  float: left;
}
.timer .jst-seconds {
  float: left;
}
.timer .jst-clearDiv {
  clear: both;
}
@media screen and (min-width: 400px) {
	#b1, #b2, #b3, #b4, #b5, #b6, #c1, #c2, #c3, #c4, #c5, #c6, body {
		-webkit-background-size: 100%;
		-moz-background-size: 100%;
		-o-background-size: 100%;
		background-size: 100%;
	}
}
@media screen and (max-width: 670px) {
	.content {
		background: rgba(255, 255, 255,0.8);
	}
	body,
	html {
		height: 100%;
	}
}
@media screen and (max-width: 399px) {
	.cta, button { display: block; max-width: 220px; width: 100%; margin: 10px auto 0px !important; }
	.txt { padding: 10px 15px; font-size: 1.1em; }
	#b1, #b2, #b3, #b4, #b5, #b6, #c1, #c2, #c3, #c4, #c5, #c6, body {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}