@charset "utf-8";

@font-face {
    font-family: "intelone-display-bold";
    src: url('../fonts/intelone-display-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "intelone-display-light";
    src: url('../fonts/intelone-display-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "intelone-display-medium";
    src: url('../fonts/intelone-display-medium.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: "intelone-display-regular";
    src: url('../fonts/intelone-display-regular.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}

body{ margin: 0px; padding: 0px;  font-family: "intelone-display-regular";}

.banner_img{width: 100%;height: auto;margin: 0 auto;padding: 0px;}
.banner_img img{width: 100%;height: auto;}

.login-box {
    width: 60%;
    margin: 0 auto;
    margin-top: 10%;
    margin-bottom: 50px;
}
.login-box h3{font-family: "intelone-display-medium";}

.login-box form {
    padding: 30px;
    box-shadow: 0px 4px 39px 0px rgb(54 54 54 / 75%);
    -webkit-box-shadow: 0px 4px 39px 0px rgb(54 54 54 / 75%);
    -moz-box-shadow: 0px 4px 39px 0px rgba(54,54,54,0.75);
}
.logcontrol { border: 2px solid #000; }
.smalltext {color: #000;font-size: 14px;}
.loginbtn { background-color: #36c1ef; padding: 5px 30px; border-radius: 5px; font-size: 20px;color: #000000; font-weight: bold; border: 0px;font-family: "intelone-display-medium"; } 
.loginbtn:hover { background-color: #000;  color: #fff; border: 0px;}
.loginbtn:focus { background-color: #000;  color: #fff; border: 0px;}

.questionbox { width: 100%; margin: 0 auto;position: relative; /*box-shadow: 0px 4px 39px 0px rgb(54 54 54 / 75%);
    -webkit-box-shadow: 0px 4px 39px 0px rgb(54 54 54 / 75%);
    -moz-box-shadow: 0px 4px 39px 0px rgba(54,54,54,0.75);*/}

	
.btn_banner{width:100%;height:auto;padding:0px;border:0px;background-color: transparent;z-index: 999999;position: relative;top: 0;left: 0;right: 0;}
.btn_banner:focus{border: 0px;box-shadow: 0px;outline:none}

.page_bg{width: 100%;min-height: 599px; margin: 0px;padding: 0px;position:absolute;top:0;background-image: url("../images/bg-graphic.jpg");background-repeat: no-repeat; background-position: top center; background-size: cover; background-color:#000000;}
.start_btn{width: 500px;height: auto;margin: 0 auto;margin-top: 3%; border: 0px;background-color: transparent;box-shadow:none;}
.start_btn:focus{border: 0px;outline: 0px;box-shadow:none;}
.start_btn img{max-width: 100%;height: auto;display: inline-block;border: 0px;}

.coundown{width: 500px;height: 500px;margin:0 auto;margin-top: 3%;background-image: url("../images/counter_bg.png");background-repeat: no-repeat; background-position:center center; background-size: cover;}

.timer_div {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;font-family: "intelone-display-medium"; font-size:80px;line-height:85px; color: #ffffff; font-weight: bold;}

.winer_wraper{width:50%;margin: 0 auto;margin-top:8%; padding:20px; border: 6px #67a0d5 solid; border-radius: 25px;}
.winer_container{width: 100%;margin: 0px;padding-bottom: 30px; text-align: center;border-radius:25px; background: rgb(0,20,44);background: linear-gradient(90deg, rgba(0,20,44,1) 0%, rgba(10,136,229,1) 50%, rgba(4,30,59,1) 100%);}
.title {font-family: "intelone-display-medium";font-size: 55px;line-height: 60px; color: #ffffff;text-shadow: 1px 1px 3px rgba(7,95,159,0.5)}
.next_btn{margin:0 auto; padding:10px 30px;font-family: "intelone-display-bold";font-size: 30px; line-height: 30px; color: #ffffff; font-weight: bold;text-transform: uppercase; z-index: 999999;position: relative;top: 0;left: 0;right: 0;background: rgb(34,129,196);background: linear-gradient(90deg, rgba(34,129,196,1) 0%, rgba(135,176,222,1) 50%, rgba(36,130,197,1) 100%); border:2px #ffffff solid;border-radius: 15px;}
.next_btn:focus{border: 0px;box-shadow:0px;outline: none}


.questionbox form {padding: 30px;}
.quiz-question ol{ margin: 0px; padding: 0px 30px; }
.quiz-question ol li { font-size: 28px; font-weight: bold;font-family: "intelone-display-medium"; }
.quiz-answer { padding: 30px; }
.quiz-answer .form-check { padding-left: 30px; background: #f3f3f3; border: 1px solid #c9c9c9; color: #000; border-radius: 5px; margin-bottom: 15px; cursor: pointer;}
.quiz-answer .form-check:active { padding-left: 30px; background: #f3f3f3; border: 1px solid #c9c9c9; color: #000; border-radius: 5px; margin-bottom: 15px; cursor: pointer;}
.quiz-answer .form-check:hover { padding-left: 30px; background: #36c2f0; border: 1px solid #36c2f0; color: #000; border-radius: 5px; margin-bottom: 15px; cursor: pointer;}
.quiz-answer .form-check-input { padding: 10px; margin-top: 15px; display: block; }
.quiz-answer .form-check-label { width: 100%; padding: 10px; display: block; }

.form-check-input:checked ~ .custom-control-label::before {color: #fff!important;border-color: #000!important;background-color: #000!important;}

.custom-control-input { position: absolute; left: 0; top: 20px; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }
.custom-control-inline label{ font-size: 16px; font-family: 'ArialRoundedMT';margin: 0 15px; text-transform: uppercase; padding-top: 4px;}
.custom-control-input:checked ~ .custom-control-label::before {color: #fff!important;border-color: #000!important;background-color: #000!important;}
.custom-control-inline {display: -ms-inline-flexbox;display: inline-flex;margin-right: 0rem!important; padding-left: 0!important;}
.custom-control-inline input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0;}
.custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #fff; border-color: #fff; top: 15px!important; }
.custom-control-label::before { top: 15px;}
.custom-control-input:checked ~ .custom-control-label::before { top: 15px; }
.custom-radio .custom-control-input:checked~.custom-control-label::after { top: 15px; }


.ans_subbtn_div { padding: 0px 30px; text-align: center; } 
.ans_subbtn { background-color: #36c1ef; padding: 5px 30px; border-radius: 5px; border: 0px; font-size: 20px;color: #000000; font-weight: bold;font-family: "intelone-display-medium"; } 
.ans_subbtn:hover { background-color: #000;  color: #fff; border: 0px;}
.ans_subbtn:focus { background-color: #000;  color: #fff; border: 0px;}

/*#pollFormDiv{width: 100%;margin: 0 auto;font-family: "intelone-display-medium"; font-size:25px;color: #000000;  text-align: center}*/
.welcome{width: 100%;font-size:32px;text-align: center;margin: 4% 0 0 0;padding:3% 2%; box-shadow: 0px 4px 39px 0px rgb(54, 54, 54, 0.75); -webkit-box-shadow: 0px 4px 39px 0px rgb(54, 54, 54, 0.75); -moz-box-shadow: 0px 4px 39px 0px rgba(54,54,54,0.75); }

@media only screen and (max-width: 768px) {
	.login-box { width: 70%;}
}

@media only screen and (max-width: 600px) { 
.login-box { width: 100%; } 
.questionbox { width: 100%; } 

.quiz-question ol li { font-size: 18px; }
.login-box form { box-shadow: none;padding: 30px 0px; } 
.questionbox form { box-shadow: none;padding: 30px 0px; } 
}

@media only screen and (max-width: 2560px) {
.page_bg {min-height:100%;}
.start_btn {width: 700px;margin-top: 5%;}
.coundown{width:690px;height:690px;margin-top: 5%}
.timer_div{font-size:140px;line-height: 150px;}	
.winer_wraper {width: 50%;margin-top: 10%;}
.title {font-size:90px;line-height: 100px;}
	
.next_btn{margin:0 auto; padding:15px 50px;font-size: 35px; line-height:40px; border:2px #ffffff solid;border-radius: 15px;}
.next_btn:focus{border: 0px;box-shadow:0px;outline: none}
}

@media only screen and (max-width: 2048px) {
.page_bg {min-height:100%;}
.start_btn {width: 600px;margin-top: 4%;}
.coundown{width:590px;height:590px;margin-top: 4%}
.timer_div{font-size:120px;line-height: 130px;}	
.winer_wraper {width: 50%;margin-top: 10%;}
.title {font-size:65px;line-height: 70px;}
	
.next_btn{margin:0 auto; padding:13px 40px;font-size: 35px; line-height:40px; border:2px #ffffff solid;border-radius: 15px;}
.next_btn:focus{border: 0px;box-shadow:0px;outline: none}
}

@media only screen and (max-width: 1920px) {
.page_bg {min-height:599px;}
.start_btn {width: 500px;margin-top: 3%;}
.coundown{width:490px;height:488px;margin-top: 3.1%}
.timer_div{font-size:80px;line-height: 85px;}	
.winer_wraper {width: 50%;margin-top: 8%;}
.title {font-size:60px;line-height: 65px;}	
.next_btn{margin:0 auto; padding:10px 30px;font-size: 30px; line-height:35px; border:2px #ffffff solid;border-radius: 15px;}
.next_btn:focus{border: 0px;box-shadow:0px;outline: none}
}

@media only screen and (max-width: 1600px) {
.page_bg {min-height:560px;}
.start_btn {width: 400px;}
.coundown{width:390px;height:390px;}
.timer_div{font-size: 75px;line-height: 80px;}	
.winer_wraper {width: 50%;margin-top: 5%;}
.title {font-size:50px;line-height: 55px;}	
.next_btn{margin:0 auto; padding:10px 30px;font-size: 26px; line-height: 30px; border:2px #ffffff solid;border-radius: 15px;}
.box_3{height: 470px;}
}


@media only screen and (max-width: 1536px) {
.page_bg {min-height:100%;}
.start_btn {width: 350px;}
.coundown{width:340px;height:340px;}
.timer_div{font-size: 60px;line-height: 65px;}	
.winer_wraper {width: 50%;margin-top: 5%;}
.title {font-size:45px;line-height: 50px;}	
.next_btn{margin:0 auto; padding:8px 30px;font-size: 22px; line-height: 25px; border:2px #ffffff solid;border-radius: 15px;}
.box_3{height: 420px;}
}



@media only screen and (max-width: 1440px) {
.page_bg {min-height:100%;}
.start_btn {width: 380px;}
.coundown{width:380px;height:380px;}
.timer_div{font-size: 60px;line-height: 65px;}	
.winer_wraper {width: 50%;margin-top: 5%;}
.title {font-size: 35px;line-height: 40px;}	
.next_btn{margin:0 auto; padding:8px 30px;font-size: 22px; line-height: 25px; border:2px #ffffff solid;border-radius: 15px;}
}

@media only screen and (max-width: 1366px) {
.page_bg {min-height:100%;}
.start_btn {width: 330px;}
.coundown{width:320px;height:320px;}
.timer_div{font-size: 55px;line-height:60px;}
.title {font-size: 40px;line-height: 45px;}
.box_3{height: 380px;}
}

@media only screen and (max-width: 1280px) {
.page_bg {min-height:365px;}
.start_btn {width: 290px;}
.coundown{width:278px;height:278px;}
.timer_div{font-size: 55px;line-height: 60px;}
.title {font-size: 35px;line-height: 40px;}
}