@charset "utf-8";

html{height:100%;width:100%;margin:0;padding:0;box-sizing: border-box !important;}
*{margin:0;padding:0;box-sizing: inherit !important;}
*:before, *:after {box-sizing: inherit !important;}
body{background:#111 url("../assets/bg_nasa2.jpg") no-repeat center center fixed;height:100%;width:100%; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

/* quiz_container and descendants */
#quiz_container{font-family: 'Roboto Condensed', sans-serif;font-size:14px;color:#4b4b40;padding:10px;margin:0 auto;position:relative;overflow:hidden;}

#quiz_container button{background:#4b4b40;font-size:14px;font-weight:normal;color:#fff;padding:9px 15px 9px 15px;border:none;-webkit-appearance:none;border-radius:0px;font-family: 'Roboto Condensed', sans-serif;outline:none;}
#quiz_container .btnOver button{background:#fff;color:#4b4b40;}

#quiz_container h1{font-size:34px;color: #f2b115;margin-bottom: 30px;}
#quiz_container img{max-width:100%;height:auto;display:block;} 
#quiz_container div, p, a, li, td, input{ -webkit-text-size-adjust:none; outline:none;}
#quiz_container p{font-size:14px;line-height:21px;margin-bottom:12px;color:#4b4b40;}
#quiz_container p:last-child{margin-bottom:0px;}

#quiz_container .lightBox{background:rgba(255,255,255,0.9);padding:20px;border-radius:0px; -moz-border-radius:0px;border:1px solid #ddd;}
#quiz_container .p_24{font-size:24px;line-height:30px;}

#quiz_container .optionBox{background:#4b4b40;padding:8px 30px 8px 15px;border:none;border-radius:0px;outline:none;}
#quiz_container .optionBox p{font-size:16px;color:#fff;}
#quiz_container .optionOver{background:#fff;}
#quiz_container .optionOver p{color:#4b4b40;}

#quiz_container .radioBtn{width:16px;height:16px;background:#fff;border:1px solid #4b4b40;border-radius:100%;}
#quiz_container .radioBtn.selected{background:#4b4b40;border:1px solid #4b4b40;box-shadow:inset 0 0 0 3px #fff;}

#quiz_container .checkbox > .radioBtn{width:16px;height:16px;background:#fff;border:1px solid #4b4b40;border-radius:0px;box-shadow:none;}
#quiz_container .checkbox > .radioBtn.selected{background:#fff;}
#quiz_container .checkbox > .radioBtn.selected:before {
font-family: "Material Icons"; 
font-size: 18px;
line-height:18px;
content: "\E5CD";
color: #4b4b40;
position: absolute;
top: -2px;
left: -2px;
}

#quiz_container .tick{color:#4b4b40;}
#quiz_container .indicate_correct{color:#5dbe84;}
#quiz_container .img-border img{border:5px solid #f6f6f6;}

#quiz_container .imgOver img{
  border:5px solid #f6f6f6;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
  outline:none;
}

#quiz_container .imgOut img{
  border:5px solid #f6f6f6;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/* preloader */
.preloader{
    width:34px;
    height:34px;
    display:inline-block;
    padding:0px;
    
    border-radius:100%;
    border:2px solid;
    border-top-color:rgba(0,0,0, 0.8);
    border-bottom-color:rgba(0,0,0, 0.2);
    border-left-color:rgba(0,0,0, 0.8);
    border-right-color:rgba(0,0,0, 0.2);
    outline: 1px solid transparent;

    -webkit-animation: preloader 1s linear infinite;
    animation: preloader 1s linear infinite;
}
@keyframes preloader{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}