@charset "utf-8";

html{height:100%;width:100%;background:#eee;margin:0;padding:0;box-sizing: border-box !important;}
*{margin:0;padding:0;box-sizing: inherit !important;outline:none;}
*:before, *:after {box-sizing: inherit !important;}
body{font-family: 'Roboto Condensed', sans-serif;background:transparent;color:#111;font-size:14px;height:100%;width:100%}

h1{font-size:34px;color: #111;margin-bottom: 30px;font-weight:normal;}
h2{font-size:34px;color: #333;margin-bottom: 30px;font-weight:normal;}
h3{font-size:16px;color: #000080; font-weight:bold; margin-top: 50px; margin-bottom: 30px;font-weight:normal;}
div, p, a, li, td { -webkit-text-size-adjust:none; }
p{font-size:14px;line-height:21px;margin-bottom:12px;color:#4b4b40;}
p:last-child{margin-bottom:0px;}
input{background:#4b4b40;font-size:14px;font-weight:bold;color:#fff;padding:9px 15px 9px 15px;border:1px solid #4b4b40;-webkit-appearance:none;border-radius:0px;font-family: 'Roboto Condensed', sans-serif;-webkit-transform: translate3d(0,0,0);}
img{display:inline-block;max-width:100%;height:auto;margin-top: 5px;margin-bottom: 5px;} 

#quiz_progress_outer{position:absolute;height:6px;width:100%;border:none;background:#bdc3c7;z-index:2;}
#quiz_progress_inner{height:6px;background:#4b4b40;width:0px;}
#quiz_container{padding:10px;margin:0 auto;text-align:center;max-width:500px;position:relative;}
#quiz_gadd{padding:10px;margin-top: 50px;text-align:center;max-width:780px;position:relative;}

.my-weiter {
    position: relative;text-align: center;
}

.vertical-align{
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%) translate3d(0,0,0);
  -ms-transform: translateY(-50%) translate3d(0,0,0);
  transform: translateY(-50%) translate3d(0,0,0);
}

.timeoutContainer{text-align:center;}
.scoreContainer{text-align:center;} 

/* timer */
.timerContainer{}
.timer{background:transparent none no-repeat 0px 0px;display:none;opacity:1;position:relative !important;zoom:0.5;-moz-transform: scale(0.5);-moz-transform-origin: top center;}

.white{color:#fff;}
.black{color:#111;}
.cent{text-align:center;}

.p_16{font-size:16px;line-height:21px;}
.p_18{font-size:18px;line-height:25px;}
.p_24{font-size:24px;line-height:30px;}
.p_30{font-size:30px;line-height:35px;}
.p_32{font-size:32px;line-height:40px;}
.p_42{font-size:42px;line-height:40px;}

.optionBox{background:#4b4b40;padding:8px;border:1px solid #4b4b40;border-radius:0px;overflow:hidden !important;}
.optionOverCss{background:#fff;padding:8px;border:1px solid #4b4b40;border-radius:0px;}
.optionOverCss p{color:#4b4b40;}
.optionOutCss{background:#4b4b40;color:#fff;padding:8px;border:1px solid #4b4b40;border-radius:0px;
	-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;}

.btnOverCss input{background:#fff;color:#4b4b40;border:1px solid #4b4b40;}
.btnOutCss input{background:#4b4b40;color:#fff;border:1px solid #4b4b40;
-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;}

.img-margin {border:5px solid #fff;}

.imgOverCss{}
.imgOverCss{
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  box-shadow:0px 1px 5px #666;
  z-index:999;
}

.imgOutCss{
  -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);
  box-shadow:0px 0px 0px #666;
  z-index: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);}
}