@font-face{font-family:Rubik;src:url(../assets/fonts/Rubik/Rubik-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Rubik;src:url(../assets/fonts/Rubik/Rubik-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Rubik;src:url(../assets/fonts/Rubik/Rubik-Bold.ttf);font-weight:700;font-style:normal}*{margin:0;padding:0}body{font-family:Rubik}body .btn-quiz{border:none;width:62px;height:62px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s linear}body .btn-quiz .btn-icon{width:25px}body .btn-start-outer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body .btn-start-outer .btn-start{background-color:#02929c;opacity:.8}body .btn-start-outer .btn-start .icon{width:25px}body .btn-start-outer .btn-start:hover{background-color:#03bcc9}body .video-container{margin:0 auto;position:relative;max-width:1200px;min-width:300px;display:none}body .video-container .btn-quiz:disabled{opacity:.5;cursor:auto}body .video-container .btn-check{background:#03a4af;margin-right:5px}body .video-container .btn-check:enabled:hover{background:#52d7e0}body .video-container .btn-restart{background:#02929c}body .video-container .btn-restart:enabled:hover{background:#03bcc9}body .video-container .btn-pause-play-outer{position:absolute;right:10px;top:10px}body .video-container .btn-pause-play-outer .btn-pause-play{background-color:#02929c;opacity:.8}body .video-container .btn-pause-play-outer .btn-pause-play .icon{width:25px}body .video-container .btn-pause-play-outer .btn-pause-play:hover{background-color:#03bcc9}body .video-container .btn-volume-outer{position:absolute;right:10px;bottom:10px}body .video-container .btn-volume-outer .btn-volume{background-color:#02929c;opacity:.8}body .video-container .btn-volume-outer .btn-volume .icon{width:25px}body .video-container .btn-volume-outer .btn-volume:hover{background-color:#03bcc9}body .video-container #video-animation{width:100%}body .video-container .container-question{position:absolute;display:none;background:rgba(160,233,238,.8);width:100%;min-height:100%;top:0;left:0;-ms-flex-pack:center;justify-content:center;z-index:1}body .video-container .container-question #question-form{width:-webkit-fit-content;width:fit-content;background-color:#a0e9ee;padding:20px;max-width:500px}body .video-container .container-question #question-form .question-title{margin-bottom:20px;font-weight:700}body .video-container .container-question #question-form .form-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:38px;padding:0 30px 0 10px;width:-webkit-fit-content;width:fit-content;position:relative;margin-bottom:7px}body .video-container .container-question #question-form .form-control label{padding-left:15px}body .video-container .container-question #question-form .form-control input{opacity:0}body .video-container .container-question #question-form .form-control input:checked~label:before{border-color:#03a4af;background-color:rgba(3,164,175,.2);border-width:2px}body .video-container .container-question #question-form .form-control label:before{position:absolute;display:block;pointer-events:none;content:"";background-color:#fff;border:1px solid #adb5bd;width:20px;height:20px;top:.5rem;left:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}body .video-container .container-question #question-form .form-control label:after{position:absolute;top:.5rem;left:.5rem;width:20px;height:20px;display:block;content:"";background:no-repeat 6px 6px}body .video-container .container-question #question-form .form-control input[type=radio]:checked~label:before{width:18px;height:18px}body .video-container .container-question #question-form .form-control input[type=radio]:checked~label:after{background-size:10px 10px;background-image:url(../assets/img/input-radio-checked.svg)}body .video-container .container-question #question-form .form-control input[type=radio]~label:before{border-radius:50%}body .video-container .container-question #question-form .form-control input[type=checkbox]:checked~label:before{width:18px;height:18px}body .video-container .container-question #question-form .form-control input[type=checkbox]:checked~label:after{background-size:11px 11px;background-image:url(../assets/img/input-checkbox-checked.svg)}body .video-container .container-question #question-form .form-control .check-icon{margin-left:15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:18px;height:18px;border-radius:50%;position:absolute;right:5px}body .video-container .container-question #question-form .form-control .icon-correct{background-color:#d2f9dc;border:1px solid #45bb63}body .video-container .container-question #question-form .form-control .icon-incorrect{background-color:#ffc5bf;border:1px solid #cb3c2b}body .video-container .container-question #question-form .correct{background:#3f3}body .video-container .container-question #question-form .incorrect{background:red}body .video-container .container-question .quiz-buttons{position:relative;right:0;display:-ms-inline-flexbox;display:inline-flex;margin-top:30px}body .video-container .container-question .end-game-message .result{margin-bottom:15px;font-weight:700}body .video-container .container-question .end-game-message .btn-restart{margin:0 auto}@media screen and (max-width:580px){.question-title{margin-bottom:15px!important}.quiz-buttons{margin-top:15px}}@media screen and (min-width:353px){.container-question{-ms-flex-align:center;align-items:center;height:100%}}