body{font: 12px/ 170% 'Nunito Sans', sans-serif; margin:0px; background:url("../images/bg.jpg") no-repeat; background-size: 100% 100%; background-position: right center; background-attachment: fixed; height: 100vh;}
body a{text-decoration:none; color:inherit; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;}
body a:hover{color:rgba(0,0,0,1)}
::-webkit-scrollbar{width:4px; height:7px;}
::-webkit-scrollbar-track{background:#ccc;}
::-webkit-scrollbar-thumb{background:#003494;}
::-webkit-scrollbar-thumb:hover{background:#666;}
* {box-sizing:border-box; -webkit-font-smoothing: antialiased;}
* img{vertical-align: top; width: 100%;}
input:focus[type=text]{color:#000; box-shadow:0px 1px 10px #ccc; outline:none;transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;}
@font-face {
  font-family: digitalFont;
  src: url("../fonts/DS-DIGIT.ttf");
	
}
header{display:block; clear:both; height:auto; padding:20px 0px 10px 0px; box-sizing:border-box; text-align:center; position:relative; z-index:10; background: rgba(241,241,241,1);}
/* fixed start */
.fixed{position:fixed; width:100%; top:0; left:0; z-index:100; padding:20px 0px 10px 0px; background-color:rgba(255,255,255,.98); box-shadow:2px 2px 20px #666; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}
.fixed .social_logo{width:100%; position:relative; z-index:10; display: none;}
.fixed .logo img{width: 300px;}
/* fixed end */

.wrapper{display:block; clear: both; width: 90%; margin: 0px auto;}
.logo a{font-size: 30px; line-height: 35px; font-weight: bold; text-align:center; margin:0px auto; box-sizing:border-box; transition:all .8s; -webkit-transition:all .8s; -moz-transition:all .8s; -o-transition:all .8s; cursor:pointer;}
.logo img{width:100%; max-width: 350px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s;}
.logo span{display:block; width: 90%; margin: 0px auto; clear: both; font-size: 14px;}


.prize-box{display:inline-block; max-width: 300px; border-radius: 10px; padding: 0px; vertical-align: top; margin: 20px 30px 0px 30px; transition:all .5s; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s;}
.prize-box:hover{margin-top: 0px;}
.image{display:block; clear: both; height: 160px; width: 200px; padding: 10px; margin: 0px auto; overflow: hidden; border: 1px solid #003494; background: #fff; border-radius: 10px;}
.image img{display: inline-block; vertical-align: middle; width:100%;transition:all 5s; -webkit-transition:all 5s; -moz-transition:all 5s; -o-transition:all 5s;}
.prize{display:block; clear: both; text-align: center; color: #003494; font-size: 25px; font-weight: bold; margin: 10px 0px 7px 0px; position: relative; border-radius: 10px; padding: 5px;}
.resort{display: block; clear: both; text-align: center; font-size: 16px; margin-bottom: 10px;}
.conso-prize{display: inline-block; clear: both; padding: 10px 20px 10px 20px; border-radius: 20px; text-align: center; font-size: 25px; line-height: 25px; font-weight: bold; margin-bottom: 20px; color: #fff; background: linear-gradient(30deg, #C7017F, #6F2C91);}
.certi_text{display: block; clear: both; font-size: 18px; color: #000;}
.certi_text img {display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-right: 5px;
}
.eligibility-text{font-size: 18px; display: block; clear: both; text-align: center;}
.enrol-btn{display:inline-block; text-align: center; margin: 20px 15px 5px 15px;}
.enrol-btn a{display:inline-block; background:#003494; color: #fff; padding:10px 20px 10px 20px; font-size: 18px; font-weight: 600; border-radius: 10px;}
.enrol-btn a:hover{background:#00138c; color: #fff;}
.dates{display:block; clear: both; width: 100%; font-size: 16px;}
.dates-box{display:inline-block; width: 100%; max-width: 230px; border: 1px solid #000; padding: 10px; margin: 5px 10px 5px 10px; background: #ecf2ff;}
.dates-head{display:block; clear:both; margin-bottom: 10px; font-size: 18px; font-weight: bold;}

.objserv-image{display: inline-block; width: 100px; border-radius: 10px; margin: 10px auto; margin-top: 5px;}
.objserv-image img {width: 100%; display: block; border-radius: 10px;}

.body_middle{display:block; margin:0px auto; text-align:center; height:auto; width:100%; box-sizing:border-box;}
.body_middle p{font-size:15px; text-align:center;}
.body_middle p a{color:#004eb5; font-weight: 600;}
.main_head{display:block; clear: both; text-align:center; font-size:40px; line-height: 40px; font-weight:800; margin-top: 10px; text-transform:uppercase;}
.main_head span{font-size: 55%; display: block; font-weight: normal; color: #003494; clear: both; text-transform: none; margin-top: 10px;}
.l_b_head{font-size: 28px; width: auto; display: inline-block; padding: 10px 15px 10px 15px; border-radius: 10px; font-weight: 600; color: #053598; clear: both; text-transform: none; line-height: 30px;}
.l_b_head span{font-size: 80%;}
.title{display:block; clear: both; max-width: 520px; width: 95%; margin: 0px auto; background: #003494; color: #fff; padding: 10px 20px 5px 20px; margin-bottom: 10px;  font-size: 30px; line-height: 30px; font-weight: normal;}
.title span{display:inline-block; vertical-align: top; font-weight: bold;}
.title span span{display:block; font-size: 45%; font-weight: normal;}
.common-head{display:block; clear: both; text-align:center; color: #000; margin:5px 0px 30px 0px; font-size:25px; font-weight:bold; text-transform:uppercase;}
.trophy_text{display: block; clear: both; width: 90%; max-width: 1300px; font-size: 22px; color: #000; margin: 15px auto; margin-bottom: 5px; padding: 5px 15px 5px 15px; border: 1px solid #999; border-radius: 10px; font-weight: bold; line-height: normal;}
.trophy_text img{display: inline-block; width: 35px; height: 35px; vertical-align: middle; margin-right: 10px;}
.quiz-cont{display:block; clear: both; padding: 20px 0px 20px 0px; /*background: #fff;*/ }
.top-box-cont{display: flex; border: 0px solid #ddd; margin: 20px 0px 10px 0px;}
.top-box{display: inline-grid; text-align: center; position: relative; border: 0px solid #ddd; width: 25%; padding: 10px 0px 10px 0px; margin: 0px 2px 0px 2px; border-radius: 10px; background: rgba(142,216,248,.3);}
.dot{position: absolute; top: 10px; right: 10px; height: 20px; width: 20px; border-radius: 50%; background: red;}
/*.active{background: green !important;}*/
.bullet{display:inline-block; height: 10px; width: 10px; margin: 0px 5px 0px 5px; border-radius: 50%; background: #ed8e00; vertical-align: middle;}
.top_head{display:block; clear: both; padding: 5px 0px 5px 0px; font-size: 18px; text-transform: uppercase; font-weight: 700;}
.timer-box{display:block; clear: both; margin: 0px auto; text-align: center; padding: 5px; position: relative;}
.timer{font-size: 40px; font-weight: 800; color: #003494; line-height: normal; text-shadow: 1px 1px 3px #999;}
.time:first-child{display:block; clear: both; font-size: 60px;}
.time{display:inline-block; text-align: center;}
.time span{display:none; text-align: center; font-weight: 600; font-size: 12px; text-shadow:none; color: #000; vertical-align:top; position: relative; top: -5px;}
.quiz-start{display:none; font-size: 30px; font-weight: bold; color: green; line-height: normal;}
/* countdown start */
.mcq{display:block; clear: both; font-size: 17px; text-align: left; font-weight: 500; color: #000; margin: 5px 25px 5px 25px; box-shadow: 1px 1px 2px #ccc; border-radius: 10px; padding: 3px 10px 3px 10px;}
.mcq span{display:inline-block; vertical-align: middle;}
.mcq span img{width: 25px; height: auto; margin-right: 7px;}


#countdown {position: absolute; margin: auto; top: 0px; right: 0px; height: 100px; width: 100px; text-align: center;}
#timer {color: red; display: inline-block; line-height: 40px; font-size: 18px;}
svg {position: absolute; top: 0px; right: 10px; width: 100px; height: 100px; transform: rotateY(-180deg) rotateZ(-90deg);}
svg circle {stroke-dasharray: 113px; stroke-dashoffset: 5px; stroke-linecap: round; stroke-width: 2px; stroke: red; fill: none; animation: countdown 30s linear forwards;}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 113px;
  }
}
/* Countdown end */


.result_container{display: flex; flex-wrap: wrap; clear: both; text-align: center; padding: 10px 0px 10px 0px; margin-bottom: 10px; border: 0px solid green; border-radius: 10px; /*background: rgba(255,255,211,.3);*/}
.result-contestants{display: inline-grid; width: 9.8%; padding: 10px; border: 1px solid #003494; border-radius: 10px; margin: 1px auto; background: rgba(255,255,255,.5); transition:all .8s; -webkit-transition:all .8s; -moz-transition:all .8s; -o-transition:all .8s;}
.result-contestants_pic{display:inline-block; width: 60px; height: 60px; border-radius: 50%; margin: 3px auto;}
.result-contestants_pic img{width: 100%; height: 100%; display: block; border-radius: 50%;}
.result-contestants_name{display: block; clear: both; text-align: center; font-size: 14px; font-weight: bold; line-height: normal;}
.result-contestants_name span{display: block; font-size: 80%; font-weight: normal; line-height: normal; margin-top: 4px;}
.result_btn{display:block; clear: both; text-align: center; font-size: 20px; margin: 20px 0px 20px 0px;}
.result_btn a{display:inline-block; padding: 10px 20px 10px 20px; background: #ddd; margin: 5px; cursor: pointer; border-radius: 10px;}
.result_btn a span{display:inline-block; margin: 0px 5px 0px 5px; padding: 0px 10px 0px 10px; border: 1px solid #ccc; font-weight: bold; background: #fff;}
.result_btn a span.active{background:#003494; color: #fff;}
.finale_head{display:inline-block; font-size: 25px; border: 0px solid #ed8e00; color: #003494; border-radius: 10px; padding: 10px 20px 10px 20px; margin-bottom: 10px;}
.result_btn a.active{background: green; color: #fff;}
.disabled{pointer-events: none!important; background: #ddd!important;}
.green{background: #36c536!important; color: #fff; position: relative; z-index: 5;}
.wrong-answer{background: #fd5a5a!important; color: #fff; position: relative; z-index: 5;}
.yellow{background: yellow!important; color: #000; box-shadow: 3px 3px 30px 3px #000; position: relative; z-index: 6;}
.points-leg{background: yellow!important;}
.time-leg{background: white!important;}
.pos-timing{width: max-content; margin: 0px auto; font-size: 16px!important; font-weight: 800!important; padding: 2px 10px 2px 10px; background: #fff; color: red; border-radius: 4px; margin-bottom: 10px;}

.timing{font-size: 14px!important; font-weight: 800!important; padding: 2px 5px 2px 5px; background: #fff; color: red; border-radius: 4px;}
.legend{display:inline-block; text-align: center; clear: both; font-size: 16px; font-weight: bold; padding: 5px 10px 5px 10px; border: 0px solid #003494;}
.legend span{width: 15px; height: 15px; display: inline-block; margin: 0px 7px 0px 15px; background: #fff; border: 1px solid #003494; position: relative; top: 2px;}
.legend span:first-child{margin-left: 0px;}
.no{display:block; clear: both; font-size: 100px; font-weight: 800; margin: 0px auto; text-align: center; line-height: 80px; color: #ed8e00; text-shadow: 1px 1px 3px #ccc;}
.rounds{display:block; clear: both; text-align: center; font-size: 30px; margin-bottom: 10px;}
.round_types{display:block; clear: both; text-align: center; font-size: 16px;}
.round_types span{display: inline-block; padding: 0px 10px 0px 5px; border-right: 1px solid #ed8e00;}
.round_types span:first-child{padding-left: 0px;}
.round_types span:last-child{border-right: 0px; padding-right: 0px;}

.name{display: block; clear: both; text-align: center; color: #7f0000; font-size: 16px; font-weight: bold;}
.name span{display: block; font-size: 80%; font-weight: normal; color: #000; line-height: normal;}
.container{display: block; clear: both; text-align: center; padding: 10px 0px 10px 0px; margin-bottom: 10px; border: 0px solid green; border-radius: 10px; background: rgba(255,255,211,.3);}
.finalists{font-size: 20px; width: max-content; display:block; text-align: center; font-weight: 600; background: #ed8e00; text-transform: uppercase; margin: 5px auto; padding: 8px 15px 8px 15px; color: #fff; border-radius: 4px; margin-top: -30px;}
.finalists span{display:block; font-size: 16px; font-weight: 300;}
.candi_rank{display:block; width: max-content; padding: 0px 5px 0px 5px; margin: 0px auto; background: #ed8e00; color: #fff; position: relative; top: -7px; border-radius: 2px; line-height: 18px;}
.contestants{display: inline-block; vertical-align: top; max-width: 140px; padding: 2px; border: 0px solid #f1f1f1; border-radius: 10px; margin: 2px 2px 5px 2px; }
.contestant_pic{display:inline-block; width: 60px; height: 60px; border-radius: 50%; margin: 3px auto;}
.contestant_pic img{width: 100%; height: 100%; display: block; border-radius: 50%;}
.contestant_name{display: block; clear: both; text-align: center; color: #000; font-size: 14px; font-weight: bold;}
.contestant_name span{display: block; font-size: 80%; font-weight: normal; color: #000; line-height: normal;}
.marquee{font-size: 20px; display: block; margin: 0px 0px 30px 0px; padding: 10px; color: #fff; background: rgba(0,0,0,.65)}
.marquee a:hover{color: #ed8e00;}

.q_container{display:block; text-align: center; padding: 5px 20px;}
.questions_head{display:block; clear: both; font-size: 18px; text-transform: uppercase; font-weight: 700; margin: 0px 0px 10px 0px;}
.q-selector{display:block; clear: both;}
.q-selector a{display:inline-block;  font-size: 18px; font-weight: 600; height: 45px; width: 45px; line-height: 40px; text-align: center; padding: 2px; margin: 2px; border: 1px solid #003494; border-radius: 50%;}
.q-selector a.active{background: #003494; color: #fff;}
.middle-box-cont{display: flex; border: 0px solid #ddd; margin: 25px 0px 10px 0px;}
.position_cont{padding: 0px; width: 50%; border: 1px solid #ddd; padding: 0px 5px 0px 5px; border-radius: 10px; background: rgba(255,255,255,.7);}
.top_posi{font-size: 18px; max-width: 170px; position: relative; top: -25px; text-align: center; font-weight: 600; background: #053598; text-transform: uppercase; margin: 10px auto; padding: 8px; color: #fff; border-radius: 4px;}
.posi_status{font-size: 18px; max-width: 280px; max-height: 40px; display:inline-flex; text-align: center; font-weight: 600; background: #053598; text-transform: uppercase; margin: 10px auto; padding: 8px 15px 8px 15px; color: #fff; border-radius: 4px; margin-top: -35px;}
.position_box_cont{display:flex; margin-top: 50px;}
.position_box{display:inline-grid; width: 33.3%; border-radius: 30% 30% 0px 0px; padding: 10px; background: linear-gradient(to top, #5f7cc0, #7f98ce);}
.position_after{display:block; clear: both; font-size: 22px; font-weight: 800; margin: 20px 0px 10px 0px;}
.first{background: linear-gradient(to top, rgba(0,52,148,1), rgba(49,7,219,1))}
.second{background: linear-gradient(to top, rgba(0,52,148,1), rgba(49,7,219,.7))}
.third{background: linear-gradient(to top, rgba(0,52,148,1), rgba(49,7,219,.4))}
.win_name{display: block; clear: both; font-size: 18px; font-weight: bold; margin-top: 20px; color: #fff;}
.win_name span{display:block; font-size: 80%; font-weight: normal; color: #ffe005; line-height: normal;}
.points{display: block; font-size: 50px; font-weight: 800; color: yellow; margin:20px 0px 10px 0px; }
.points span{display: block; font-size: 48%; text-transform: uppercase; line-height: normal; font-weight: normal; margin-top: 10px; }
.position_image{display:inline-grid; width: 120px; height: 120px; border-radius: 50%; margin: 0px auto; margin-top: -60px; box-shadow: 0px 6px 3px 0px #003494;}
.position_image img{width: 100%; border-radius: 50%;}
.position_image span{display: inline-block; margin: 0px auto; width: 22px; height: 22px; background: yellow; color: #000; font-size: 16px; font-weight: bold;}
.rank{display: inline-block; margin: 0px auto; width: 22px; height: 22px; background: yellow; color: #000; font-size: 16px; font-weight: bold;}
.graph_q_cont{display:inline-grid; padding: 20px; width: 50%; border: 1px solid #ddd; border-radius: 10px; margin: 0px 0px 0px 20px; background: linear-gradient(to top, rgba(0,52,148,1), rgba(49,7,219,.7));}
.leaderboard_cont{display:block; clear: both; width: 95%; margin: 0px auto; height: 330px; overflow: auto;}
/*.leaderboard_cont:first-child{border-right: 1px solid #fff; padding-right: 20px; margin-right: 20px;}*/

.table_cont{display: block; overflow: auto;}
.table{width: 100%; text-align: center; font-size: 16px; font-weight: 600; color: #fff;}
.table_head{font-weight: bold; color: yellow;}
.table tr{box-shadow: 2px 2px 10px #003494;}
.table td{padding:7px 5px 7px 5px; border-bottom:1px solid #003494;}
.table td span{display:block; font-size: 80%; font-weight: normal; color: #ffe005; line-height: normal;}
.table td:first-child{width: 40px;}
.table td:nth-child(2){width: 80px;}
.table td:nth-child(3){text-align: left;}
.table td:last-child{text-align: center; color: yellow; font-size: 25px; font-weight: 800; text-align: right; padding-right: 20px;}
.table td:last-child span{font-size: 60%; margin-top: 4px; color: white;}
.table td img{width: 50px; height: 50px; vertical-align: middle; border-radius: 50%; box-shadow: 0px 6px 3px 0px #003494;}
.l_stream_cont{display:block; position: relative; padding: 0px; width: 30%; border: 1px solid #ddd; border-radius: 10px; background: rgba(0, 0, 0, 1);}
.streaming{display:block; clear: both; height: 325px;}
.streaming iframe{width: 100%; height: 90%; border: 0px; position: absolute; left: 0px; top: 38px; border-radius: 10px;}
.streaming video{width: 100%; height: 90%; border: 0px; position: absolute; left: 0px; top: 38px; border-radius: 10px;}
.live-btn{display:none; clear: both; text-align: center; margin-top: 20px; font-size: 20px;}
.live-btn a{display:inline-block; padding: 10px 20px 10px 20px; background: #c10000; border-radius: 4px; color: #fff;}
.Blink_cont {width:18px; height:18px; margin-right:5px; position:relative; top:3px; display:inline-block; border-radius:50%; background:#fff; border:2px solid red; box-sizing:border-box; padding:4px;}

.Blink {width:10px; height:10px; border-radius:50%; display:block; position:absolute; left:2px; top:2px; background:red;
  animation: blinker .5s cubic-bezier(.5, 1, 1, 2) infinite alternate;  
}
@keyframes blinker {  
  from {opacity: 1; box-shadow:1px 1px 10px red; transform:scale(1.3);}
  to {opacity: .75;}
}

.observer {width:18px; height:18px; border-radius:50%; display:block; position:absolute; right:10px; top:10px; border: 2px solid #000; background:red;
  animation: observ .8s cubic-bezier(.5, 1, 1, 1) infinite alternate;  
}
.observ_active{background:green !important;}
@keyframes observ {  
  from {opacity: 1; transform:scale(1.2);}
  to {opacity: .5;}
}

.round_blink {display:inline-block; position:relative; animation: round_blinker .5s linear infinite;  
}
@keyframes round_blinker {  
  0% {opacity: 1; transform:rotate(3deg);}
  50% {opacity: 1; transform:rotate(-3deg);}
100% {opacity: 1; transform:rotate(3deg);}
}
.tagline{font-size:24px; text-transform:uppercase; background:#f1f1f1; padding:15px 5px 15px 5px; line-height: 25px;}

.test{font:bold 13px arial; background:#003494; padding:4px 10px 4px 10px; margin-right:-2px; float:right; color:#fff; border-radius:5px 5px 0px 0px;}
.question_container{width:auto; clear:both; border-bottom:0px dashed #666; margin:10px;}
.Questions{font:normal 14px arial; text-align:left; margin:0px 0px 0px 0px; float:left; width:100%; background:#fff; border-bottom:0px dotted #ffb270; padding:20px 0px 50px 0px;}
.Questions p{font:normal 13px arial; text-align:justify; margin:0px 10px 5px 40px; line-height:18px; width:auto; background:none;}
.Questions p span{font-size:19px; text-align:justify; margin:0px 10px 5px 0px; line-height:20px; width:auto; }
.Questions li{font-size:14px; font-weight: bold; text-align:left; margin:20px 10px 5px 0px; border-top:1px dashed #ccc; padding:10px 0px 0px 7px; line-height:18px; width:100%; float:left; clear:both; word-spacing:0.1em}
.Questions li:first-child{border-top: 0px; padding-top: 0px;}
.Questions li span{font-size:14px; text-align:left; float:left; clear:both; margin:0px 10px 2px 0px; line-height:20px; width:100%;}
.option{float:left; width:50%; text-align:left; margin-top:10px;}
.option .tick{float:left; margin-right:10px;} 
.option .choose{float:left; margin-right:10px;} 
.option .matter{float:left; width:81%;} 
.option .matter span{font-size:14px; margin-top:2px; display: block; clear: both;}
.rules_cont{display:block; clear: both; text-align: left; padding: 10px; font-size: 14px; }
.rules_cont li{margin-bottom: 10px;}
.rules_cont a{color: #003494; font-weight: bold;}
.register_cont{display:block; clear: both; text-align: left; padding: 10px; font-size: 14px; }

.rules_head{display: block; clear: both; font-size: 16px; color: #003494; text-align: left; font-weight: bold; margin-bottom: 10px;}





.bottom_container{display:block; clear:both; width:100%; left:0; bottom:0px; padding:20px 0px 0px 0px; text-align:center; }
.bottom{display:block; clear:both; text-align:center;}
.bottom_box{width:16%; display:inline-block; vertical-align:top; padding:10px .5% 15px .5%; text-align:center; margin:0px auto; box-sizing:border-box; transition:all .8s; -webkit-transition:all .8s; -moz-transition:all .8s; -o-transition:all .8s; cursor:pointer;}
.copyright{width:auto; display:inline-block; position:relative; top:10px; font-size:12px;}
/* logo width start */
.i_Logo{width:90px;}
.d_Logo{width:150px;}
.e_Logo{width:150px;}
.p_Logo{width:175px;}
.m_Logo{width:130px;}
.pro_Logo{width:120px;}
/* logo width end */


.bottom_logo{height:auto; display:block; margin:0px auto; margin-bottom:7px;}
.bottom_box span{display:block; color:#333; font-size:12px; line-height:13px; font-weight:600;}
.initiative_cont{display:block; text-align:center;}
.initiative_head{display:block; clear:both; color:#000; letter-spacing:2px; text-transform:uppercase; width:auto; text-align:center; font-size:13px; font-weight:800;}
.initiative_head a{color:inherit;}
.initiative_head a:hover{color:#000;}
.initiative_left{display:inline-block; width:25%; text-align:right;}
.initiative_middle{display:inline-block; width:auto; margin:0% 1% 0% 1%;}
.initiative_right{display:inline-block; width:25%; text-align:left;}
#ini_left{background-image: linear-gradient(to right, transparent, #ccc); height:2px; position:relative; top:7px;}
#ini_right{background-image: linear-gradient(to right, #ccc, transparent); height:2px; position:relative; top:7px;}
.bottom-stripe{display: block; clear: both; padding: 10px; font-size: 14px; background: rgba(0,0,0,1); color: #fff;}
.bottom-stripe a:hover{color: inherit;}
.celebrate{display: block; clear: both; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.celebrate span{display: inline-block; position: relative; width: 120px; left: 5px; top: 3px;}
.celebrate span img{width: 100%;}
.cele_text{display: block; clear: both; font-size: 18px; }
.social_logo {display: inline-block; clear: both; max-width: 280px; margin: 5px auto; text-align: center; box-sizing: border-box; vertical-align: top;}
.social_box {width: 30px; height: 30px; float: left; border-right: 0px solid #ccc; text-align: center; margin: 0; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.social_box:hover img {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.social_box img {height: 20px; width: 20px; top: 5px; position: relative; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
@media(max-width:1279px){
.middle-box-cont{display: flow;}
.position_cont{width: 100%;}
.graph_q_cont{width: 100%; margin-top: 30px; margin-left: 0px;}
.l_stream_cont{width: 100%; margin-top: 30px;}
.result_container{display: block; flex-wrap:nowrap; }
.result-contestants{display: inline-block; max-width: 150px; width: 100%; vertical-align: middle;}
}
@media (max-width:1023px){
.quiz-cont{background:none;}
.top-box-cont{display: flow;}
.top-box{width: 100%; margin-bottom:10px;}
.bottom_box{width:46%; margin:.5%; height:auto; padding:10px; }
.rounds{margin-top: 10px;}
}
@media (max-width:767px){
	.prize-box{width: auto; margin: 0px 10px 20px 10px;}
}
@media (max-width:615px){
body{background: none;}
.bottom_box{width:100%; margin:0%;}
.initiative_left{display:inline-block; width:10%; text-align:right;}
.initiative_right{display:inline-block; width:10%; text-align:left;}
.position_box_cont{display:flow; margin-top: 50px;}
.position_box{width:100%; margin-bottom: 60px;}
.position_box:last-child{margin-bottom: 0px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .logo{height:60px;}

}