body {
  font-family:Arial, Helvetica, sans-serif ;
  line-height: 24px;
  margin: 0;
  padding: 0px;
  color: #fff;
  font-size: 14px;
background: url(../images/bg-img.jpg); background-size: 100%;
 background-repeat: no-repeat;
  background-attachment: fixed;
  padding-top:30px;

  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}

@font-face {
  font-family:'Conv_BebasNeue';
  src: url('../fonts/BebasNeue.eot');
  src: local('☺'), url('../fonts/BebasNeue.woff') format('woff'), url('../fonts/BebasNeue.ttf') format('truetype'), url('../fonts/BebasNeue.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_LemonMilkbold';
  src: url('../fonts/LemonMilkbold.eot');
  src: local('☺'), url('../fonts/LemonMilkbold.woff') format('woff'), url('../fonts/LemonMilkbold.ttf') format('truetype'), url('../fonts/LemonMilkbold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.crl{ clear:both; }


.container{ width:100%; height:auto; }

.mid-box{ max-width:640px; height:auto; margin:0px auto; background:#ffffff; 
  color:#000; padding:30px; margin-bottom:10px; }

.mid-img {
    width: 100%; padding:20px 0px 5px;
    text-align: center;
}

.mid-box h2 {
    padding-top:0px;
    font-size:35px;
    text-align: center;
    margin-top:0px;
}

.mid-box .sub-heading {
    font-size:26px;
    font-weight: bold;
    padding: 0px 0px 15px;
}

.mid-box span{ color:#f69e1a; }

.mid-img img{ width:140px; height:auto; }

.mid-content {
    padding: 0px 0px; font-size:16px;
}

.mid-dutton {
    text-align: center;
    width: 100%;
    padding-bottom: 40px;
}
.container{ max-width:1350px; height:auto; margin:0px auto; }

.page2 .left-box{max-width:32%; height:auto; float:left; }

.page2 .left-box-in1{ width:100%; min-height:477px; background:#fff;
color:#000; padding:20px; float:left; }



.page2 .left-box h2 {
    text-align: center;
    font-size: 34px;
    padding: 15px 0px;
    margin: 0px;
      font-family:'Conv_BebasNeue';
}

.left-box-content {
    font-size: 16px;
    padding: 0px 22px;
}

.page2 .left-box span{ color:#1e60ae; }
.mid-img-left{ text-align:center; padding:20px; }


.mid-left-bg{ width:95%; padding:10px; background: rgb(30,96,174);
background: linear-gradient(90deg, rgba(30,96,174,1) 0%, rgba(0,212,255,1) 100%); color:#fff; font-size:14px; font-weight:bold; }


.mid-left-bg-c{ width:95%; padding:0px; font-weight: 500;}

.mid-left-bg1 {
    width: 100%;
}
.mid-left-bg2{ background:#7098de; color:#fff; width:95%; padding:10px;font-size: 14px; min-height:52px; }
.mid-left-bg2 img{ margin-top: -44px; float:right; }

.button1 {
    width: 46%;
    height: auto;
    float: left;
    text-align: right;
    padding: 20px 0px;
}
.button2{
    width: 46%;
    height: auto;
    float: right;
    text-align: left;
    padding: 20px 0px;
}


.right-box {
    width: 67%;
    float: right;
    text-align: center;
}



.left-page3{width:32%; height:650px; float:left; position:relative;z-index:999;  }

.left-page3-in {
    background: #fff;
    color: #000;
    padding:10px 20px 10px;
    height: 590px;
   
}

.left-page3 h2 {
    font-size: 40px; text-align:center;
    font-family:'Conv_BebasNeue'; padding:0px 0px 15px; margin:0px;
}

.left-box-content {
    font-size: 14px;
    padding: 0px;
    line-height: 18px;
}

.left-box-content span{ color:#1e60ac; }
.left-box-content span2{ color:#fb00ff; }

.img-page3 {
    width: 47%;
    float: left;
    color:#fff; border:2px solid #fff;

}
.border-yellow{ border:2px solid  #00df00 }
.border-red{ border:2px solid  #ff0000 }


.img-page3-text {
    padding: 5px;
    background: #000;
    float: left;
    width: 100%;
    height: 50px;
    line-height: 18px;
    font-size: 13px;
	font-weight:bold;
	
}

.red-bg .img-page3-img img{opacity:0.6;}

.top-bar{ font-size:24px; padding-bottom:5px; padding: 15px;}

.img-page3 img{ width:100%; }

.b2-img {
    width: 100%;
    padding-left: 1%;
    padding-top: 0px;
    float:left;
}

.bottom-but1 {
    width: 50%;
    float: left;
    text-align:center;
}
.bottom-but2 {
    width: 50%;
    float: left;
    text-align:center;
}
.bottom-but1 img,.bottom-but2 img { width:70px; height:auto; }

.bottom-but {
    padding: 20px 0px 0px;
}

.start-agen {
    text-align: center;
    width: 80%;
    padding: 10px 0px;
}

.right-box1 {
    width:67%;
    float: right;
    height: auto;
}

.top-blue-bar {
    width: 100%;
    height: 138px;
    background: url(../images/black-bg.png); 
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding-left: 50px;
    line-height: 20px; border-radius: 12px ; margin-left: -30px; padding-left:40px; padding-right:15px;padding-bottom:15px;color:#fff;
}
.arrow-box {
    background: url(../images/arrow.png);
        background-repeat: repeat;
        background-size: auto;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    width: 60px;
    height: 400px;
    float: left;
    background-size: auto 100%;
    padding: 60px 0px;background-position: center;

}
.top-blue-bar-bottom  {
    width: 100%;
    height: auto;
    background: url(../images/black-bg.png);
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 27px;
    border-radius: 12px;
    margin-left: -30px;
    padding:10px 0px;color:#fff;
}
.top-blue-bar-bottom span{ color:#00ff00; }


.top-blue-bar span{ color:#feff33; }

.right-box1-mid {
    min-height:404px;
    width: 100%;
    padding: 15px 20px 15px;
    text-align:center;
}

.witch-text {
    font-size: 24px;
    font-weight: bold;
    position: relative;
   margin-top: -26%;
}
.witch-text span{ color:#feff33 }

.box1-mid-right {
    width: 91%;
    height: auto;
    float: left;
    padding:15px 0px;
    text-align:left;
}
.right-witch img{ width:465px; height:auto; }
.right-witch {
    width: 95%;
}
.img-page3-img{ width:100%; height:auto; float:left; }
.right-wrong-1, .right-arrow-1 {
    width: 80px;
    position: relative;
    margin-bottom: -130px;
    float: right;
    z-index: 999;
    padding-top: 20px;
}

.right-wrong-1 img,.right-arrow-1 img{ width:80px }

.img-page3.red-bg{ background:#ff0000; }
.right-ans-img {
    width: 100%;
    height: auto;
    float: left;
}
.right-ans-text {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 20px;
    padding: 10px 0px;
    background: #000;
	color:#fff;
}
.right-ans-text1 {
    font-size: 24px;
    font-weight: bold;
    width: 650px;
    margin: 30px auto 0px;
        margin-top: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 12px;
}

.right-ans-img img{ width:100%; height:auto; }

.right-ans {
    width: 265px;
    margin: 0px auto 20px;
    margin-bottom: 0px;
    border: 5px solid #feff33;
    margin-bottom: 15px;
}

.wrong-ans {
    width: 350px;
    margin: 40px auto 0px;
        margin-bottom: 0px;
    border: 5px solid red;
    margin-bottom: 15px;
    background:#ff0000
}

.wrong-ans .right-ans-img{opacity:0.7;}
.thanku {
    padding: 40px 0px 0px;
}

.top-box-fix {
    width: 100%;
    height: 600px;
    position: absolute;
    z-index: 9999999;
    top: 0;
    background: #000;
    opacity: 0;
}


.text-searching {
    margin-top: 100px !important;
    font-size: 24px !important;
    background: url(../images/black-bg.png);
    padding: 30px 15px;
    line-height: 49px;
}

.quz-butt{ width:100%; height:auto;padding-top:20px; float:left; }
.mid-left-bg4{width:50%; height:auto; float:left; text-align:center;}
.mid-left-bg4 img{ width:70px; height:auto; }
.mid-left-bg5{width:50%; height:auto; float:right;text-align:center;}
.mid-left-bg5 img{ width:70px; }



@media (max-width:1199px) and (min-width:680px) {
body {
    background-image: url(images/quiz_images/cat_imgs/Estuary.jpg);
    background-size: auto 100%;
}
.right-ans-text1{ width:100%; }

}

.prize{

    width: 330px !important;
}


@media (max-width:979px) and (min-width:768px) {

}

@media (max-width:767px) {
  
}

@media(min-width:320px) and (max-width:480px) {
  
}

/******************************* Media ********************************/