/* ::::: http://wooga.info/static/1/black.css ::::: */

html, body { margin: 0px; padding: 0px; height: 100%; }
body { width: 100%; background-color: rgb(51, 51, 51); text-align: center; }
#container { border-radius: 0px; border: 4px solid transparent; background-color: transparent; padding: 20px 0px 0px; width: 95%; min-width: 300px; max-width: 700px; position: relative; margin: 0px auto; min-height: 420px; box-sizing: border-box; }
#top { width: 100%; background-color: rgb(204, 0, 0); font-size: 23px; color: rgb(255, 255, 255); font-family: "Open Sans",sans-serif; font-weight: 700; padding-top: 13px; padding-bottom: 12px; background-image: -moz-linear-gradient(90deg, rgb(182, 1, 1) 0%, rgb(204, 0, 0) 100%); }
#q00, #q0, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10 { overflow: hidden; background-color: rgb(255, 255, 255); width: 100%; min-width: 300px; max-width: 700px; display: none; position: relative; line-height: 28px; font-size: 22px; color: rgb(0, 0, 0); font-family: "Open Sans",sans-serif; }
.btnyes { font-size: 30px; color: rgb(255, 255, 255); font-family: "Open Sans",sans-serif; width: 45%; background-color: rgb(0, 204, 0); background-image: -moz-linear-gradient(90deg, rgb(0, 153, 0) 0%, rgb(0, 204, 0) 100%); border-radius: 4px 0px 0px 4px; display: inline-block; cursor: pointer; font-weight: 700; padding: 17px 0px; text-decoration: none; border: 0px solid rgb(255, 255, 255); text-shadow: 0px -1px rgb(0, 102, 0); }
.btnno { font-size: 30px; color: rgb(255, 255, 255); font-family: "Open Sans",sans-serif; width: 45%; background-color: rgb(204, 0, 0); background-image: -moz-linear-gradient(90deg, rgb(153, 0, 0) 0%, rgb(204, 0, 0) 100%); border-radius: 0px 4px 4px 0px; display: inline-block; cursor: pointer; font-weight: 700; padding: 17px 0px; text-decoration: none; border: 0px solid rgb(255, 255, 255); text-shadow: 0px -1px rgb(51, 0, 0); }
.btnnext { font-size: 30px; color: rgb(0, 0, 0); font-family: "Open Sans",sans-serif; width: 40%; min-width: 200px; background-color: rgb(0, 204, 0); background-image: -moz-linear-gradient(90deg, rgb(254, 188, 0) 0%, rgb(255, 229, 0) 100%); border-radius: 4px; display: inline-block; cursor: pointer; font-weight: 700; padding: 20px 0px; text-decoration: none; border: 0px solid rgb(255, 255, 255); text-shadow: 0px 1px rgb(255, 229, 0); }
#box { margin: 0px auto; padding: 10px; }
#box2 { width: 50%; min-width: 300px; margin: 0px auto; padding: 10px; text-align: left; }
.h1 { font-size: 34px; color: rgb(255, 255, 255); font-family: "Open Sans",sans-serif; text-shadow: 0px -1px rgb(51, 0, 0); }
.style1 { font-size: 22px; color: rgb(102, 102, 102); font-family: "Open Sans",sans-serif; }
.circle1 { font-size: 23px; color: rgb(0, 0, 0); font-family: "Open Sans",sans-serif; font-weight: 700; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 100px; padding: 6px 12px; text-shadow: 0px 0px 0px rgb(255, 255, 255); }
.circle2 { font-size: 23px; color: rgb(0, 0, 0); font-family: "Open Sans",sans-serif; font-weight: 700; background: rgb(85, 85, 85) none repeat scroll 0% 0%; border-radius: 100px; padding: 6px 12px; text-shadow: 0px 1px rgb(102, 102, 102); }
@media screen and (max-width: 500px) {
	#q00, #q0, #q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10 { font-size: 18px; line-height: 21px; }
	.h1 { font-size: 22px; }
	.style1 { font-size: 17px; color: rgb(102, 102, 102); }
	#top { font-size: 18px; }
	.btnyes { font-size: 24px; }
	.btnno { font-size: 24px; }
	.btnnext { font-size: 24px; }
}
@media screen and (min-width: 768px) {
}