@charset "utf-8";
/* CSS Document */
html {
    height: 100%;
}
body {
	margin:0;
	padding:0;
	font-family: 'Poppins', sans-serif;
	font-size:16px;
	color:#454545;
	background: #454545;
	text-align:center;
	   height: 100%;
	 background-attachment: fixed;
	}	

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;   
margin:0;
padding:0;
}

*:focus {
    outline: none;
}


a {color:#454545;}
.menu a {font-size:17px; font-weight: 400; background: #179749; border-radius: 2px;padding: 8px 20px;text-decoration: none;}
	
#wrapper {width:100%; max-width:960px; margin: 0 auto;background:#FFF; position: relative;}
	#logo {position: absolute; top:0px; right:0px;}

#logo img {width:200px; height:auto;}

.thanks {font-size:20px;}
.prize {height: 100px; width: auto;}

#top {background: url("../images/bg-top.png") top left no-repeat; background-size: contain; height: 80px; }
#main {min-height: calc(100vh - 160px);padding-top:30px;}
#footer {background: url("../images/bg-foot-left.png") top left no-repeat,url("../images/bg-foot-right.png") top right no-repeat; background-size: contain; height: 80px; }

.qn {text-align: left; margin-bottom: 14px;}
.qnum {background:#E6332A; border-top-right-radius: 17px; border-bottom-right-radius: 17px;color:#FFF; display: inline-block; padding: 5px 18px;text-transform: uppercase; font-weight: 600; font-size: 15px;}

.question {width:92%;  margin:6px auto 0px auto; padding-bottom:10px;font-size:20px; font-weight:500; Xtext-shadow:1px 1px #333; line-height: 1.2;}
.opts {width:90%;max-width: 400px;  margin:16px auto 0px auto;padding-top:6px; padding-bottom:20px;font-size:13px; font-weight:500;text-align: left;  }

.option {margin-bottom: 14px; line-height: 1.2; padding: 10px 3px; border-top:1px solid #333;border-bottom:1px solid #333;}

XX.opts label {display:inline-block; margin-bottom:16px; padding:8px 12px; border-radius:8px; background: rgba(0,0,0,0.5); border: 1px solid #CCC;}

.inum {background: #EE716A; color: #FFF;text-align: center; border-radius: 50px; font-size: 30px; font-weight: 600; padding: 6px; min-width: 50px;}
.option2 {margin-bottom: 14px; line-height: 1.2; padding: 6px 6px; background:#E6332A;border-radius: 50px; color:#FFF; font-size: 18px; }

.nd{
    display: none !important;
    }
.opts label {cursor: pointer;}
XX.nd:checked + label {
    opacity: 0.6; 
    }

.nd:checked + label .option2 {
    background: #FF8000;
    }
.nd:checked + label .inum {
    background: #FF0000; color:#FF0000;
    }

.nd:checked + label .option2.ct1 {
    background: #008C00;
    }
.nd:checked + label .inum.ct1 {
    background: #59B200 !important; color:#59B200 !important; 
    }

.nd:not(:checked) + label {
/*  unchecked radiobuttons */
}

#redes {font-size:16px;}
#redes a {text-decoration: none;}

@media screen and (min-width: 600px) {
	.question {font-size: 30px;}	
	
	.opts {width:90%;max-width: 500px;}
	.option2 {margin-bottom: 24px; line-height: 1.2; padding: 6px 6px; background:#E6332A;border-radius: 50px; color:#FFF; font-size: 25px; }
	
	input.submit { font-size:20px; }
}

a.smlbut {background:#164A8D; border-radius: 16px; color:#FFF; display: inline-block; padding: 5px 18px;text-transform: uppercase; font-weight: 600; font-size: 14px; text-decoration: none}

a.start {background:#E6332A; border-radius: 17px; color:#FFF; display: inline-block; padding: 5px 18px;text-transform: uppercase; font-weight: 600; font-size: 15px; text-decoration: none}

.mp img {width:74px; height:auto;}

.mainform {width:95%; margin: 0 auto;max-width: 420px;padding-top: 20px;}
input, textarea, select {padding:8px 6px; border:1px solid #999; font-size:17px; width:100%; clear:both; border-radius: 4px;color:#454545; background: #FAFAFA}

input.submit {background:#555;color:#FFF;border:1px solid #555;cursor: pointer}

.mainform input, .mainform select {margin-bottom: 14px;}


@media screen and (max-width: 600px) {
#logo {padding-top:10px; margin-bottom:26px;}
#logo img {width:190px; height:auto;}

.slogan {font-size:15px; margin-bottom:24px; background: rgba(255,255,255,0.95);  padding: 16px 11px 1px 11px; border-radius:3px;box-shadow: 3px 3px 18px -1px rgba(102,102,102,0.77); line-height: 1.05; }	

a.gc {margin: 0px 10px 16px 10px;}	
	.mp img {width:60px; height:auto;}
}