@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: "Montserrat", sans-serif;
    max-width: 1920px;
    margin: 0 auto;
    line-height: 1.3;
    color: #333333;
    top: 0!important;
}
.container-fluid{
    max-width: 880px;
}
.container-xl{
    max-width: 1170px;
}
.large-container{
    max-width: 1320px;
}
img{
    max-width: 100%;
    height: auto!important;
}

video{
    max-width: 100%;
    height: auto;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
input, a, button {
    outline:none!important;
}
input{
    box-shadow: none;
}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
}
p{
    margin-bottom: 12px;
}
b, strong {
    font-weight: 600;
}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #f5f5f5;
  z-index: 9999;
}

.preloader__image {
  position: relative;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  margin-top: -150px;
  margin-left: -150px;
  background: url('../img/001.gif') center center no-repeat;
  background-size: contain;
}

.loaded_hiding .preloader {
  transition: 0.3s opacity;
  opacity: 0;
}

.loaded .preloader {
  display: none;
}
.prehide{
  display: none;
}
.quest-line .form-control:focus{
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
}
.quest-line .form-check-input:focus{
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
}
.quest-line .form-select:focus{
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
}
.form-control:focus{
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
}
.form-check-input:focus{
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
}
.form-select:focus{
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
}
.fitalic{
    color: #0a3161;
}
.fweight-300{
    font-weight: 300;
}
.fweight-400{
    font-weight: 400;
}
.fweight-500{
    font-weight: 500;
}
.fweight-600{
    font-weight: 600;
}
.fweight-700{
    font-weight: 700;
}
.hide-place::-webkit-input-placeholder{opacity: 1; transition: opacity 0.3s ease;}
.hide-place::-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;}
.hide-place:-moz-placeholder{opacity: 1; transition: opacity 0.3s ease;}
.hide-place:-ms-input-placeholder{opacity: 1; transition: opacity 0.3s ease;}
.hide-place:focus::-webkit-input-placeholder{opacity: 0; transition: opacity 0.3s ease;}
.hide-place:focus::-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
.hide-place:focus:-moz-placeholder{opacity: 0; transition: opacity 0.3s ease;}
.hide-place:focus:-ms-input-placeholder{opacity: 0; transition: opacity 0.3s ease;}
a{
    color: #0a3161;
    transition: color 0.3s;
}
a:hover{
    color: #b71d25;
}
.step-btn{
    display: inline-block;
    cursor: pointer;
}
.prev-step{
    text-align: center;
    transition: all 0.3s;
}
.step-btn{
    border-radius: 50%;
    color: #fff;
    width: 97px;
    height: 97px;
}
.step-btn.next-step{
    text-align: center;
    opacity: 1;
    transition: all 0.3s;
}
.step-btn.next-step:hover{
    background: rgba(223,33,39,0.2);
}
.step-btn.disabled{
    opacity: 0.3;
}
.step-btn.disabled:hover{
    background: none;
}
.step-btn.prev-step:hover{
    background: rgba(10,49,97,0.2);
}
.quest-line{
    display: none;
}
.first-quest{
    display: block;
}
.error-block {
    color: #df2127;
    position: absolute;
    margin: 7px 0 0 3px;
    font-size: 20px;
}
.error-email{
    color: #df2127;
    font-size: 18px;
    margin-top: 10px;
}
.error-email img{
    width: 20px;
    position: relative;
    bottom: 2px;
    margin-right: 5px;
}
.error-phone{
    color: #df2127;
    font-size: 18px;
    margin-top: 10px;
}
.error-phone img{
    width: 20px;
    position: relative;
    bottom: 2px;
    margin-right: 5px;
}
.error-check{
    margin-top: 0;
}
.modal {
    background: rgba(22,50,92,0.6);
}
.btn-close {
    width: 32px;
    height: 32px;
    padding: 0;
    color: #333;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.5em auto no-repeat;
    opacity: 1;
}
.modal-header .btn-close {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
}
.mod-body{
    position: fixed;
    background: rgba(10,49,97,0.8);
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0;
    top: 0;
    display: none;
}
.mod-wrapper {
    background: #fff;
    padding: 0 90px 0 90px;
}
.modal-header {
    border-bottom: none;
}
.mod-body .container{
    height: 100%;
}
.mod-body .row{
    height: 100%;
}
.mod-wrapper h2 {
    font-size: 32px;
    font-weight: 700;
}
.free-note{
    line-height: 1.3;
    font-size: 20px;
    margin-top: 20px;
}
.free-note-1{
    line-height: 1.3;
    font-size: 20px;
    margin-top: 20px;
}
.submit-logo{
    background: #e5e5e5;
    text-align: center;
    padding: 10px 0 11px 0;
}
input[type="range"] {
    -webkit-appearance: none;
    border: 1px solid #a61849;
    display: inline-block;
    width: 150px;
    height: 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #a61849;
    margin-left: 15px;
}

input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
    border:1px solid #a61849;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #80e4df; /* Old browsers */
    background: -webkit-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%);
    background: -moz-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%);
    background: -o-linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%);
    background: linear-gradient(top, #80e4df 0%, #75dbd6 13%, #5ec4bf 33%, #57bbb6 47%, #419d99 80%, #378f8b 100%); /* W3C */
}
.audio-player{
    display: block;
    width: 160px;
    height: 160px;
    text-align: center;
    margin: 10px auto 0 auto;
    border: 2px solid #0D3260;
    border-radius: 24px;
    transition: border-color 0.3s;
    cursor: pointer;
    position: relative;
}
.audioplay {
    padding: 45px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.audiopause{
    padding: 45px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.audio-player:hover{
    border: 2px solid #DD242F;
}
.test-check{
    padding: 7px 10px 7px 10px;
}
.test-one-line{
    background: #FBFBFB;
    border-radius: 24px;
    padding: 60px 110px 40px 110px;
    margin-bottom: 30px;
}
.audio-wrapper-index .test-one-line {
    background: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 30px;
}
.test-title {
    margin-top: 10px;
    line-height: 1.2;
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.quest-title{
    font-size: clamp(18px, 1vw, 24px);
    font-weight: 600;
}
.quest-text{
    color: #9A9A9A;
    margin-top: 10px;
}
.test-title p{
    margin-bottom: 10px;
}
.test-title p:last-child{
    margin-bottom: 0;
}
.quest-letter{
    margin-right: 45px;
}
.single-res-test{
    display: inline-block;
}
.test-res-list{
    text-align: center;
}
.ok-res{
    color: green;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.error-res{
    color: red;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.result-test-line{
    padding-bottom: 50px;
}
.res-result{
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
}
.audio-line-one{
    display: none;
}

.section-result{
    display: flex;
    align-items: center;
}
.ress-text {
    font-size: 18px;
    font-weight: 500;
    height: 40px;
    display: flex;
    padding: 0 15px;
    width: 120px;
    text-align: center;
    border-radius: 20px;
    align-items: center;
    justify-content: center;
}
.ress-ring {
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 50%;
    margin-left: 5px;
    align-items: center;
    justify-content: center;
}
.ok-section{
    display: none;
}
.no-section{
    display: none;
}
.ok-section .ress-text{
    border: 2px solid #0D3260;
    color: #0D3260;
}
.no-section .ress-text{
    border: 2px solid #DD242F;
    color: #DD242F;
}
.ok-section .ress-ring{
    border: 2px solid #0D3260;
}
.no-section .ress-ring{
    border: 2px solid #DD242F;
}
.section-res-text{
    font-size: 16px;
    display: flex;
    align-items: flex-start;
}
.section-res-text img{
    max-width: 136px;
    min-width: 136px;
    margin-right: 20px;
    border-radius: 16px;
}
.test-one-line{
    display: none;
}
.open-test{
    display: block;
}
.result-quest{
    display: none;
}
.finish-btns{
    display: none;
}
.navbar{
    height: 80px;
    background: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    transition: all 0.3s;
    padding: 0;
}
.navbar-brand{
    width: 64px;
    transition: all 0.3s;
}
.nav-link {
    font-size: 18px;
    color: #0d3260;
    font-weight: 700;
}
.navbar-collapse {
    padding-left: 80px;
}
.podlogka{
    height: 80px;
    transition: all 0.3s;
}
.navbar.sticky{
    height: 65px;
}
.podlogka.sticky{
    height: 65px;
}
.sticky .navbar-brand {
    width: 48px;
}
.head-nav{
    position: relative;
}
.top-search-form{
    height: 38px;
    width: 38px;
    max-width: 500px;
    overflow: hidden;
    border-radius: 20px;
    border: 2px solid #e6eaef;
    transition: all 0.3s;
    cursor: pointer;
    position: absolute;
    background: #e6eaef url(../img/_mainpage-03.svg) 10px center no-repeat;
    background-size: 16px 16px;
}
.light-search{
    border: 2px solid #0d3260;
    background: #fff url(../img/_mainpage-03.svg) 10px center no-repeat;
    background-size: 16px 16px;
}
.open-search-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 20px;
}
.top-search-field{
    background: none;
    border: none;
    padding-left: 36px;
}
.top-search-field:focus{
    background: none;
}
.top-search-form:hover{
    border: 2px solid #0d3260;
    background: #fff url(../img/_mainpage-03.svg) 10px center no-repeat;
    background-size: 16px 16px;
}
.top-search-form:focus{
    width: 100%;
}
.nav-item{
    margin-left: 22px;
}
.nav-item:first-child{
    margin-left: 0;
}
.nav-link:hover{
    color: #df2127;
}

.ring-search-btn {
    border: none;
    background: none;
}
.ring-search-btn img{
    width: 18px;
}
.local-choise {
    position: relative;
    width: 38px;
    margin: 0 10px 0 30px;
}
.locale-block{
    width: 38px;
    height: 38px;
    background: #e6eaef;
    border: 2px solid #e6eaef;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.5s;
    position: absolute;
    top: -25px;
    left: 0;
    z-index: 110;
}
.locale-yes:hover{
    border: 2px solid #0d3260;
    background: #fff;
    height: auto;
}

.navbar-right-nav li{
    display: inline-block;
}
.locale-block li {
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 35px;
    font-size: 17px;
    font-weight: 700;
    color: #0d3260;
    cursor: pointer;
}
.locale-block li span{
    position: relative;
    left: -1px;
}
.locale-block li a{
    color: #0d3260;
    text-decoration: none;
    transition: all 0.3s;
    position: relative;
    left: -1px;
}
.locale-block li a:hover{
    color: #dd242f;
}
.current-locale{
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 35px;
    font-size: 17px;
    font-weight: 700;
    color: #0d3260;
    cursor: pointer;
}
.locale-no{
    overflow: visible;
}
.locale-note {
    background: #fff;
    position: absolute;
    width: 225px;
    padding: 15px 20px;
    right: -125px;
    top: 50px;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    display: none;
}
.locale-note::after {
    content: '';
    position: absolute;
    left: 74px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
.st-btn {
    display: inline-flex;
    color: #fff;
    border-radius: 8px;
    padding: 0 25px;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #ffffff;
    transition: all 0.3s ease;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.blue-btn{
    background: #0d3260;
    border-color: #0d3260;
}
.blue-btn:hover{
    background: #ff0000;
    color: #fff;
    text-decoration: none;
    border-color: #ff0000;
}
.red-btn{
    background: #ff0000;
    border-color: #ff0000;
}
.red-btn:hover{
    background-color: #0d3260;
    border-color: #0d3260;
    color: #fff;
    text-decoration: none;
}
.revers-btn{
    background: #fff;
    border-color: #ff0000;
    color: #ff0000;
}
.revers-btn:hover{
    background: #fff;
    border-color: #0d3260;
    color: #0d3260;
}
.light-btn{
    background: #358ADE;
}
.light-btn:focus, .light-btn:active{
    background-color: #358ADE;
    border-color: #358ADE;
}
.light-btn:hover{
    background-color: #0d3260;
}
.next-quest-btn{
    border-color: #358ADE!important;
    border-radius: 8px;
    margin: 0;
    width: 160px;
}
.next-step-btn{
    text-align: center;
}
.next-step{
    position: relative;
}
.next-step button{
    width: 100%;
    height: 50px;
    margin-bottom: 0;
}
.spinner-form{
    position: absolute;
    z-index: 2;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    align-items: center;
    justify-content: center;
    background: #358ADE;
    border-radius: 8px;
    display: none;
    box-sizing: border-box;
}
.spinner-form-show{
    display: flex;
}
.have-accaunt{
    margin-top: 15px;
    text-align: center;
}
.sign-left a:first-child{
    margin-right: 20px;
}
.first-title {
    font-size: 82px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 25px;
}
.first-num{
    color: #DF2127;
}
.first-note{
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;
}
.first-link-btn {
    margin-top: 25px;
}
.flink-arrow{
    background: #fff;
    width: 80px;
    height: 80px;
    display: inline-block;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    position: relative;
    bottom: 2px;
    transition: background-color 0.3s;
}
.flink-arrow img{
    max-width: 38px;
}
.flink-arrow:hover{
    background: #d5e5fa;
}
.flink-text {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    background: #DF2127;
    height: 80px;
    line-height: 79px;
    border-radius: 40px;
    padding: 0 30px;
    font-size: 24px;
    font-weight: 700;
    margin-right: 10px;
    text-decoration: none;
    transition: background-color 0.3s;
}
.form-btn{
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}
.send-form-btns{
    text-align: right;
    margin-top: 20px;
}
.form-btn .flink-text{
    height: 60px;
    line-height: 60px;
}
.form-btn .flink-arrow {
    width: 60px;
    height: 60px;
    line-height: 56px;
    background: #0a3161;
    bottom: 2px;
}
.form-btn .flink-arrow img{
    width: 13px;
    position: relative;
    left: 3px;
}
.flink-text:hover{
    color: #fff;
    background: #b71d25;
}
.form-btn:hover .flink-arrow{
    background: #b71d25;
}
.form-btn:hover .flink-text{
    background: #b71d25;
}
.navbar .progress {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    color: #fff;
    z-index: 100;
    border-radius: 0;
}
.navbar .progress-container {
    width: 100%;
    background: transparent;
    height: 100%;
    display: block;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.navbar .progress .progress-bar1 {
    background: none;
    width: 0;
    display: block;
    height: inherit;
    border-radius: 0;
    border-right: 170px solid #DF2127;
}
.navbar .progress::-webkit-progress-bar{
    background:transparent;
}
.navbar .progress::-webkit-progress-value{
    background:#002c68;
}
.navbar .progress::-moz-progress-bar{
    background:#002c68;
}
.quize-progress .progress {
    height: 16px;
    font-size: 12px;
    background: none;
    border-radius: 0;
}
.default-text{
    font-size: clamp(16px, 1vw, 18px);
}
.index-head{
    font-size: 54px;
}
.bold-text{
    font-weight: 700;
}
.semi-text{
    font-weight: 600;
}
.large-text{
    font-size: 48px;
}
.default-text ul li{
    overflow: hidden;
    margin-bottom: 10px;
}
.default-text ul li::before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: #0d3260;
    border-radius: 3px;
    margin-right: 25px;
    position: relative;
    bottom: -10px;
    float: left;
}
.default-text ul li span{
    float: left;
    width: calc(100% - 35px);
}
.middle-padding{
    padding: 140px 0 140px 0;
}
.peoples-block{
    margin-top: 40px;
}
.standart-padding{
    padding: 80px 0 80px 0;
}
.back-whight{
    background: rgba(255,255,255,0.5);
}
.huge-link-btn {
    display: block;
    text-decoration: none;
    padding: 40px 32px 40px 32px;
    position: relative;
}
.hbtn-title{
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.2;
}
.c-red{
    font-size: 40px;
    color: #df2127;
}
.c-blue{
    color: #0a3161;
    font-size: 60px;
    position: relative;
}
.c-blue span{
    float: left;
    line-height: 1;
}
.c-blue img {
    width: 50px;
    margin: 7px 0 0 10px;
}
.c-blue .last-huge {
    width: 115px;
    margin: 7px 0 0 7px;
}
.c-whight{
    color: #fff;
}
.huge-more{
    background: #dd242f;
    display: block;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 41px;
    transition: background-color 0.3s;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.huge-more img{
    max-width: 12px;
}
.huge-more:hover{
    background: #b71d25;
}
.huge-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13,50,96,0.8);
    color: #fff;
    padding: 30px;
    transition: opacity 0.3s;
}
.huge-link-btn:hover .huge-hover{
    opacity: 1;
}
.h-media{
    position: relative;
    left: 185px;
    bottom: 100px;
    max-width: 65%;
}
.h-media-2{
    left: 160px;
    display: inline-block;
    max-width: 58%;
}
.h-btn-block{
    margin-top: 80px;
}
.h-media-1{
    position: relative;
    overflow: hidden;
}
.stars-wrapper{
    position: relative;
    z-index: 2;
}
.stars-img{
    position: absolute;
    left: -200px;
    top: -20px;
    z-index: 1;
    animation: moving 120s infinite linear;
    max-width: 170%;
}
@keyframes moving {
    100% {transform: rotate(360deg);}
}
.fullscreen-bg {
    max-height: 490px;
    overflow: hidden;
    position: relative;
}
.fullscreen-bg video{
    min-width: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    bottom: 200px;
}
.fullscreen-bg::after{
    content: '';
    display: block;
    background: rgba(0,0,0,0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.section-video{
  overflow: hidden;
}
.resp-video-bg::after{
    display: none;
}
@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1334px, 0, 0);
  }
}

.one-count-num {
    font-size: 82px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}
.red-color{
    color: #DF2127;
}
.one-count-note {
    font-size: 24px;
    line-height: 1.1;
    margin-top: 20px;
    text-align: center;
}
.default-text .small-text{
    font-size: 36px;
}
.face-btn{
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
}
.face-btn:hover{
    text-decoration: none;
    color: #fff;
}
.red-fbtn:hover > .btn-ring{
    background: #0D3260;
}
.red-fbtn:hover > .btn-text{
    background: #0D3260;
}
.blue-fbtn:hover > .btn-ring{
    background: #DD242F;
}
.blue-fbtn:hover > .btn-text{
    background: #DD242F;
}
.btn-ring {
    display: inline-block;
    height: 60px;
    width: 60px;
    margin-left: 10px;
    border-radius: 50%;
    float: right;
    transition: background-color 0.3s;
    text-align: center;
    line-height: 56px;
}
.btn-ring img{
    width: 16px;
}
.red-fbtn .btn-ring {
    background: #DD242F;
}
.blue-fbtn .btn-ring{
    background: #0D3260;
}
.rotate-arrow{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 3px;
}
.btn-text {
    height: 60px;
    display: inline-block;
    line-height: 60px;
    padding: 0 30px;
    border-radius: 45px;
    transition: background-color 0.3s;
}
.red-fbtn .btn-text{
    background: #DD242F;
}
.blue-fbtn .btn-text{
    background: #0D3260;
}
.test-movie-block{
    margin-bottom: 50px;
}
.face-wrapper{
    position: relative;
    overflow: hidden;
}
.face-block{
    max-width: 264px;
    margin-bottom: 50px;
}
.face-hover{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: rgba(13, 50, 96, 1);
    color: #fff;
    padding: 30px;
    text-align: left;
    transition: all 0.3s;
}
.test-movie-block .face-text {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}
.test-movie-block .face-hover{
    padding: 10px 30px 30px 30px;
}
.test-quest{
    font-size: 20px;
    display: inline-block;
    border: 2px solid #fff;
    padding: 7px 20px;
    border-radius: 25px;
}
.face-interview{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 55px;
    left: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding-top: 4px;
}
.face-interview span{
    border: 2px solid #fff;
    padding: 7px 15px;
    display: inline-block;
    border-radius: 20px;
}
.face-more {
    height: 41px;
    width: 41px;
    bottom: 10px;
    right: 11px;
    opacity: 0;
    transition: opacity 0.3s;
    line-height: 38px;
}
.face-more img {
    max-width: 10px;
}
.face-text{
    opacity: 0;
    transition: opacity 0.3s;
}
.face-wrapper:hover .face-hover{
    height: 100%;
    background: rgba(13, 50, 96, 0.8);
}
.face-wrapper:hover .face-text{
    opacity: 1;
}
.face-wrapper:hover .face-more{
    opacity: 1;
}
.face-wrapper:hover .test-category{
    opacity: 0;
}
.footer {
    padding: 40px 0 40px 0;
    background: url(../img/back-8.jpg) center center no-repeat;
    position: relative;
    background-size: cover;
}
.footer-fon {
    background: rgba(10,32,80,0.8);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.footer-logo {
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
    margin-top: 27px;
    margin-left: 20px;
}
.footer-logo img {
    width: 102px;
    height: auto;
    display: inline-block;
    margin-bottom: 15px;
}
.footer-logo p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    font-weight: 300;
}
.footer-socials {
    list-style: none;
    text-align: center;
    margin: 35px 0 0 0;
    padding: 0;
}
.footer-socials li {
    display: inline-block;
    margin: 0 15px;
}
.footer-socials li a {
    color: #fff;
    display: block;
}
.footer-socials li span {
    width: 56px;
    height: 56px;
    line-height: 52px;
    display: inline-block;
    background: rgba(255,255,255,0.2);
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s;
}
.footer-socials li span .tel-ico {
    width: 26px;
}
.footer-socials li:hover span {
    background: rgba(10,32,80,0.8);
    transition: all 0.3s;
}
.fb-link {
    position: relative;
}
.fb-link div {
    background: #F8310E;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 7px;
    position: absolute;
    right: -15px;
    top: -11px;
    padding: 2px 5px;
}
.footer-menu {
    display: block;
    width: 100%;
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
    text-align: center;
}
.footer-menu li {
    display: inline-block;
    margin: 0 12px;
    font-size: 16px;
    font-weight: 300;
}
.footer-menu li a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}
.footer-copyright {
    text-align: center;
    font-size: 15px;
    color: #fff;
    margin-top: 25px;
    margin-bottom: 0;
    font-weight: 300;
    opacity: 0.8;
}
.footer-copyright span {
    display: block;
}
/*footer-time*/
.footer-time {
    text-align: center;
    color: #fff;
    transition: 0.3s;
    margin-top: 15px;
    font-size: 15px;
    position: relative;
    z-index: 2;
}
#clock {
    display: block;
    width: 90px;
    height: 90px;
    list-style: none;
    margin: 0 auto 10px auto;
    padding: 0;
    background: url('../img/watch-1.png') no-repeat center;
    background-size: 100% 100%;
    position: relative;
    z-index: 4;
    box-shadow: 0 -4px 12px #0000001f;
    border-radius: 50%;
}
#seconds {
    background: url('../img/watch-2.png') center center no-repeat;
    background-size: 100% 100%;
    z-index: 5;
    position: absolute;
    width: 8px;
    height: 73px;
    left: 41px;
    top: 8px;
}
#hours {
    background: url('../img/watch-5.png') center center no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    position: absolute;
    width: 4px;
    height: 55px;
    left: 43px;
    top: 18px;
}
#minutes {
    background: url('../img/watch-4.png') center center no-repeat;
    background-size: 100% 100%;
    z-index: 3;
    position: absolute;
    width: 4px;
    height: 75px;
    left: 43px;
    top: 7px;
}
#date{
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    z-index: 6;
    position: absolute;
    top: 43px;
    left: 43px;
}
#open-title{
    position: absolute;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    bottom: 12px;
    width: 100%;
    text-align: center;
    left: 0;
}
.open-title-closed{
    color: #F8310E;
}
.open-title-opened{
    color: #07B200;
}
.footer-open-contact {
    background: #F8310E;
    width: 180px;
    height: 45px;
    padding: 0 24px;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    line-height: 46px;
    cursor: pointer;
    position: relative;
    margin: 15px auto 0 auto;
    z-index: 5;
    border-radius: 10px;
}
.open-img{
    position: absolute;
    right: 13px;
    top: -1px;
}
.contact-mob-back {
    width: 331px;
    height: 643px;
    background: url('../img/mobile-1.png') center center no-repeat;
    position: absolute;
    bottom: -78px;
    left: 0;
    margin-left: -73px;
    display: none;
    text-align: center;
    z-index: 1;
    background-size: cover;
}
.footer-contact-block{
    position: relative;
}
.contact-close {
    position: absolute;
    right: 0;
    top: -13px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
    width: 24px;
}
.contact-close img{
    max-width: 100%;
}
.contact-close:hover{
    opacity: 1;
}
.fbody-title {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    margin-top: 70px;
}
.fbody-list {
    list-style: none;
    margin: 20px auto 0 auto;
    padding: 0;
}
.footer-one-link {
    display: inline-block;
    position: relative;
    margin: 0 6px;
}
.contact-f-btn {
    display: block;
    width: 50px;
    position: relative;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    transition: color 0.3s;
}

.f-con {
    max-width: 100%;
    width: 100%;
}
.contact-f-btn span {
    display: block;
    margin-top: 5px;
    text-align: center;
    min-width: 60px;
    margin-left: -3px;
}
.contact-f-btn:hover{
    color: #fff!important;
}
.contact-f-btn:hover span{
    color: #fff;
}
.footer-two-link {
    width: 240px;
    height: 67px;
    display: block;
    position: absolute;
    bottom: 34px;
    left: 50%;
    margin-left: -120px;
}
.contact-two-btn {
    display: block;
    background: #00000080 0 0 no-repeat padding-box;
    box-shadow: 0 4px 8px #00000015;
    border-radius: 40px;
    color: #fff;
    height: 100%;
    font-size: 18px;
    line-height: 64px;
    position: relative;
    border: 1px solid #070707;
}
.contact-two-btn .t-body {
    margin-right: 20px;
}
.t-con {
    width: 55px;
    position: absolute;
    right: 5px;
    top: 5px;
    height: 55px;
    background: #2FC21B;
    border-radius: 50%;
    line-height: 52px;
}
.t-con img {
    width: 23px;
}
.contact-two-btn:hover{
    color: #fff!important;
}
/*footer-time*/
.sub-input{
    width: 230px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid #fff;
    border-radius: 12px;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    margin-right: 10px;
    transition: all 0.3s;
}
.sub-btn{
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    border: 2px solid #fff;
    transition: all 0.3s;
    position: relative;
    bottom: 2px;
}
.sub-btn img{
    width: 15px;
    transition: all 0.3s;
}
.sub-note{
    position: absolute;
    left: 20px;
    top: 20px;
}
.subscribe-form .input{
    display: inline-block;
}
.contact-us{
    display: inline-block;
    position: relative;
}
.con-input {
    width: 230px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 12px;
    font-size: 22px;
    color: #fff;
    padding: 0;
    margin-right: 10px;
    transition: all 0.3s;
    display: inline-block;
    line-height: 57px;
    text-decoration: none;
    text-align: center;
}
.con-input:hover{
    color: #fff;
}
.con-btn {
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 12px;
    border: 3px solid #fff;
    transition: all 0.3s;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 52px;
    bottom: 4px;
    animation-name: rotation1;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotation1 {
    0% {
        transform:rotate(0deg);
    }
    45% {
        transform:rotate(0deg);
    }
    50% {
        transform:rotate(360deg);
    }
    95% {
        transform:rotate(360deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
.con-btn img{
    width: 15px;
    transition: all 0.3s;
    position: relative;
    left: 2px;
}
.con-note{
    position: absolute;
    left: 20px;
    top: 20px;
}
.footer-nav{
    text-align: center;
    margin-top: 80px;
}
.footer-nav li{
    display: inline;
}
.footer-nav li a{
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    transition: color 0.3s;
}
.footer-nav li a:hover{
    color: #d5e5fa;
}
.footer-nav .fseparator{
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    margin: 0 32px;
}
.support-link{
    display: inline-block;
    margin-top: 15px;
}
.support-ring{
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-right: 10px;
    border-radius: 50%;
    float: left;
    transition: background-color 0.3s;
    border: 3px solid #df2127;
    text-align: center;
    line-height: 30px;
}
.support-text{
    height: 40px;
    display: inline-block;
    line-height: 42px;
    padding: 0 20px;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    background: #df2127;
    font-weight: 500;
}
@-webkit-keyframes animate-circle {
    from {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0.8;
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
    }
}

@keyframes animate-circle {
    from {
        -webkit-transform: scale(0);
                transform: scale(0);
        opacity: 0.8;
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
        opacity: 0;
    }
}

.loader {
    --size: 6rem;
    position: absolute;
    top: 30px;
    left: 30px;
    height: var(--size);
    width: var(--size);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.loader > .circle {
    --duration: 2s;
    position: absolute;
    height: inherit;
    width: inherit;
    background: #df2127;
    border-radius: 50%;
    -webkit-animation: animate-circle var(--duration) cubic-bezier(.9,.24,.62,.4) infinite;
            animation: animate-circle var(--duration) cubic-bezier(.9,.24,.62,.4) infinite;
}

.loader > .circle:nth-of-type(1) {
    -webkit-animation-delay: 0;
            animation-delay: 0;
}

.loader > .circle:nth-of-type(2) {
    -webkit-animation-delay: calc(var(--duration) / -3);
            animation-delay: calc(var(--duration) / -3);
}

.loader > .circle:nth-of-type(3) {
    -webkit-animation-delay: calc(var(--duration) / -6);
            animation-delay: calc(var(--duration) / -6);
}
.loader > .circle1{
    background: #0a3161;
}
.page-text{
    line-height: 1.3;
}
.page-text h1, .page-text h2, .page-text h3, .page-text h4, .page-text h5{
    color: #0a3161;
}
.page-text h3{
    font-size: 36px;
}
.published-info{
    position: absolute;
    right: 0;
    top: 0;
}
.page-text ul li::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #1b245a;
    border-radius: 50%;
    margin-right: 30px;
    position: relative;
    bottom: 6px;
}
.page-text ul li{
    margin-bottom: 20px;
}
.page-text p{
    font-size: 32px;
}
.nice-icon-line{
    padding-left: 70px;
    position: relative;
}
.nice-icon-line::before {
    content: '';
    display: inline-block;
    width: 43px;
    height: 43px;
    background: url(../img/_mainpage-02.svg) center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 4px;
}
.bg-page{
    height: calc(100vh - 80px);
}
.bg-video{
    min-height: 100px;
    position: relative;
}
.head-page {
    background: rgba(22,50,92,0.1);
    padding: 60px 45px;
    width: 100%;
    border-radius: 15px;
    margin-bottom: 90px;
    line-height: 1.1;
}
.whight-head-page{
    background: rgba(255,255,255,0.2);
}
.blue-back{
    background: rgba(22,50,92,0.5);
}
.hid-wrap{
    overflow: hidden;
    position: relative;
}
.head-page-one h1{
    font-size: 82px;
    color: #0d3260;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.1;
}
.head-page-one{
    font-size: 82px;
    color: #0d3260;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.1;
}
.head-page-two {
    width: 0;
    display: block;
    overflow: hidden;
    animation: reveal 12s infinite;
    margin-top: 10px;
    color: #0d3260;
    font-size: 56px;
    line-height: 1.1;
}
.whight-head-page .head-page-one h1{
    color: #fff;
}
.whight-head-page .head-page-one{
    color: #fff;
}
.whight-head-page .head-page-two{
    color: #fff;
}
.head-page-one span{
    color: #dd242f!important;
}

@keyframes reveal {
	0% {
		width: 0px;
	}
	10% {
		width: 0px;
	}
	30% {
		width: 100%;
	}
	100% {

		width: 100%;
	}
}

.navbar-brand img{
    animation-name: rotation;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    45% {
        transform:rotate(0deg);
    }
    50% {
        transform:rotate(180deg);
    }
    95% {
        transform:rotate(180deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

.section-sign{
    background: url(../img/back-4.jpg) center center no-repeat;
    background-size: cover;
    padding: 120px 0 120px 0;
}
.sign-media img{
    animation-name: rotation;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.ico-moview-block img{
    animation-name: rotation;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.sign-body{
    font-size: 36px;
    color: #fff;
}
.sign-body a{
    color: #fff;
    font-weight: 600;
}
.sign-body a:hover{
    text-decoration: none;
}
.signup-link {
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 15px solid #df2127;
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.2;
    padding-top: 46px;
    background: rgba(10,49,97,0.5);
    transition: background-color 0.3s;
}
.signup-link:hover{
    background: rgba(10,49,97,0.8);
}
.page-text h1{
    font-size: 48px;
}
.page-text h2{
    font-size: 42px;
}
.base-quize-bg{
    background: url(../img/pat-3.png) center left repeat-x;
    background-size: auto 100%;
}
.quiz-line-title{
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin: 0 -120px 45px -120px;
}
.quest-line .form-control {
    padding: 20px 70px;
    font-size: 24px;
    color: #231f20;
    border: none;
    border-radius: 50px;
    height: 97px;
}
.dropdown-menu {
    padding: 15px 15px;
    margin: 0 0 0 20px;
    font-size: 16px;
    border-radius: 0;
}
.input-group-date{
    position: relative;
}
.datepicker .prev{
    font-size: 22px;
    color: #df2127;
    opacity: 0.8;
    padding-right: 5px;
}
.datepicker .prev:hover{
    background: none;
    opacity: 1;
}
.datepicker .next{
    font-size: 22px;
    color: #df2127;
    opacity: 0.8;
    padding-left: 5px;
}
.datepicker .next:hover{
    background: none;
    opacity: 1;
}
.dow{
    padding-top: 10px;
    padding-bottom: 5px;
}
.datepicker .datepicker-switch:hover{
    background: none;
    color: #df2127;
}
.datepicker td, .datepicker th {
    width: 35px;
    height: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.input-group-addon {
    position: absolute;
    right: 20px;
    top: 50px;
}
.input-group-addon-nolabel {
    top: 18px;
}
.input-group-addon img{
    width: 32px;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover{
    background: #0A3161;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{
    background: #0A3161;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0A3161;
}
.quest-height{
    min-height: 97px;
}
.form-check {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    display: flex;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    color: #122E6A;
    align-items: center;
    min-height: 36px;
}
.error-answer{
    border-color: #D4ACAC;
    background: rgba(212, 172, 172, 0.1);
}
.right-answer{
    border-color: #122E6A;
    background: #F5F7FF;
}
.test-qline .form-check:last-child{
    margin-bottom: 0;
}
.form-check-input {
    width: 12px;
    height: 12px;
    margin-top: 0;
    border: 1px solid #BCBCBC;
    margin-right: 8px;
}
.form-check .form-check-input {
    margin-left: 0;
}
.error-answer .form-check-input:checked[type="radio"], .error-answer .form-check-input:checked[type="checkbox"]{
    background: #ff0000 url("../img/ico_33.svg") center center no-repeat;
    background-size: 8px 8px;
    border-color: #ff0000;
}
.right-answer .form-check-input:checked[type="radio"], .right-answer .form-check-input:checked[type="checkbox"]{
    background: #0D3260 url("../img/ico_32.svg") center center no-repeat;
    background-size: 8px 8px;
    border-color: #0D3260;
}
.form-check-input[type="checkbox"] {
    border-radius: 50%;
}
.form-check-input:checked {
    background-color: #fff;
    border-color: #0D3260;
}
.quiz-field:checked{
    background: #0D3260;
}
.form-check-input:focus {
    background-color: #fff;
    border-color: #0D3260;
}
.quiz-field:focus{
    background: #0D3260;
}
.squere-check .form-check-input[type="checkbox"] {
    border-radius: 8px;
}
.squere-check .form-check-input:checked[type="checkbox"] {
    background-image: url(../img/check-24px.svg);
    background-size: 22px 22px;
}
.chek-else{
    color: darkred;
    position: relative;
    left: -3px;
    font-size: 16px;
    bottom: 5px;
    display: none;
}
.two-blocks-field{
    overflow: hidden;
}
.mod-time{
    width: 45%;
}
.form-select option{
    max-width: 100%;
}
.attantion{
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 400;
}
.form-check label{
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
}
.modal-body .form-check label{
    max-width: 100%;
}
.form-check .flabel{
    max-width: 100%;
}
label span{
    color: #b71d25;
}
.mod-form{
    margin-top: 40px;
}
.modal-content {
    border: none;
    border-radius: 30px;
    box-shadow: 0px 12px 48px rgba(0,0,0,0.2);
}
.modal-body {
    padding: 35px 70px 70px 70px;
}
.mod-wrapper .form-control, .word-one-form .form-control {
    padding: 20px 30px 20px 30px;
    font-size: 24px;
    height: 72px;
    border: 2px solid #DBDBDB;
    border-radius: 0px 16px 16px 16px;
}
.mod-wrapper .form-select{
    border: 2px solid #DBDBDB;
}
.submit-line{
    margin-bottom: 40px;
    text-align: center;
}
.submit-line .first-link-btn {
    display: inline-block;
    margin-top: 10px;
    padding-bottom: 0;
    background: none;
    border: none;
}
.end-button .flink-text {
    height: 70px;
    line-height: 71px;
    border-radius: 47px;
    padding: 0 50px;
    font-size: 26px;
    margin-right: 15px;
}
.end-button .flink-arrow {
    width: 70px;
    bottom: 6px;
}
.submit-text{
    font-size: 18px;
    margin: 10px 0 10px 0;
}
.go-submit .flink-text{
    background: #0a3161;
}
.res-image{
    overflow:hidden;
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
}
.res-image a{
    display: block;
    position: relative;
}
.res-info{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
    color: #fff;
    background: rgba(0,0,0,0.5);
    transition: background-color 0.3s;
    padding: 50px 25px;
}
.res-title {
    font-size: 36px;
    font-weight: 700;
}
.res-qount {
    font-size: 20px;
    display: inline-block;
    border: 2px solid #fff;
    padding: 7px 20px;
    border-radius: 25px;
}
.res-wr{
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
    left: 0;
}
.res-image img {
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.res-image a:hover > img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.res-image a:hover > .res-info:hover{
    background: rgba(0,0,0,0.7);
}
.body-movie p {
    font-size: 32px;
}
.res-movie-block{
    background: #fff;
    height: 100%;
    position: relative;
}
.margin-movie{
    margin-bottom: 70px;
}
.movie-media {
    padding: 30px 50px 15px 50px;
    display: block;
}
.back-movie-card{
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
}
.movie-ring{
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
.back-movie-card img{
    width: 100%;
}
.movie-media:hover >  .back-movie-card{
    border-radius: 10px;
}
.movie-media:hover .movie-ring{
    opacity: 0;
}
.movie-btn{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.movie-btn .face-btn {
    bottom: -30px;
}
.movie-body{
    font-size: 18px;
    padding: 5px 30px 0 30px;
    margin-bottom: 55px;
}
.body-movie{
    font-size: 42px;
    text-align: center;
}
.movie-reit {
    font-size: 24px;
    position: absolute;
    bottom: 14px;
    font-weight: 700;
    left: 40px;
}
.test-movie-block .movie-reit {
    left: 0;
    width: 100%;
    text-align: center;
}
.movie-stars{
    font-size: 16px;
    font-weight: 300;
    margin-top: 20px;
}
.question-movie-title {
    margin-top: 25px;
    font-weight: 700;
}
.movie-desc {
    font-size: 16px;
    font-weight: 300;
    margin-top: 20px;
}
.movie-title{
    margin-top: 20px;
    margin-bottom: 60px;
}
.movie-head{
    position: absolute;
    z-index: 5;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.8);
    border-bottom: 1px solid #231f20;
    height: 80px;
    overflow: hidden;
    transition: all 0.5s;
}
.movie-head-title {
    color: #0a3161;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.4;
    padding: 16px 70px 0 25px;
}
.movie-head-year{
    font-size: 24px;
    position: absolute;
    bottom: 14px;
    font-weight: 700;
    right: 40px;
    color: #fff;
}
.movie-media:hover > .movie-head{
    top: -80px;
    background: rgba(255,255,255,1);
}
.movie-wrapper .face-more{
    position: absolute;
    left: 50%;
    margin-left: -20px;
}
.movie-head:hover{
    height: 115px;
}
.movie-wrapper .face-hover{
    padding: 30px 40px 20px 40px;
}
.movie-block{
    margin-bottom: 30px;
}
.movies-page{
    color: #0a3161;
    font-size: 50px;
    font-weight: 300;
}
.ico-moview-block img{
    max-width: 140px;
    float: left;
    margin-right: 65px;
}
.ico-movie-text{
    color: #0a3161;
    font-size: 36px;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 620px;
    padding-top: 40px;
}
.ico-moview-block{
    position: relative;
    top: 80px;
}
.mypaginator ul li::before{
    display: none;
}
.mypaginator ul li {
    display: inline-block;
    background: #fff;
    margin: 0 10px;
    width: 60px;
    height: 60px;
    line-height: 58px;
    border-radius: 50%;
    font-size: 20px;
    transition: all 0.3s;
    border: 2px solid #fff;
}
.mypaginator ul li:hover{
    background: #fff;
    border: 2px solid #0a3161;
}
.mypaginator ul li:hover > a{
    color: #0a3161;
}
.mypaginator ul li.active{
    background: #0a3161;
    border: 2px solid #0a3161;
}
.mypaginator ul li.active a{
    color: #fff;
}
.mypaginator ul li.active:hover > a{
    color: #fff;
}
.mypaginator ul li a {
    color: #0a3161;
    text-decoration: none;
    display: block;
}
.mypagination{
    text-align: center;
    margin-top: 40px;
}
.formSubmit{
    height: 60px;
    display: inline-block;
    line-height: 60px;
    padding: 0 45px;
    border-radius: 45px;
    text-transform: uppercase;
    border: 1px solid #df2127;
    background: #df2127;
    color: #fff;
    transition: all 0.3s;
}
.formSubmit:hover{
    background: #fff;
    color: #df2127;
}
.form-contact-block{
    padding: 0;
    overflow-y: visible;
    max-height: unset;
    margin-top: 5vh;
    background: none;
}
.message{
    position: relative;
    top: 10px;
}
.message.error {
    background: #ff0000;
    border-color: #ff0000;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 12px 25px;
}
.message.success{
    background: darkgreen;
    border-color: darkgreen;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 12px 25px;
}
.hidden{
    display: none;
}
.navbar-toggler {
    padding: 0;
    font-size: 1.25rem;
    line-height: 10px;
    background-color: #e6eaef;
    border: 1px solid #e6eaef;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 15px;
    right: 65px;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.whight-f{
    position: absolute;
    width: 90%;
    height: 1px;
    background: #fff;
    left: 5%;
    bottom: 0;
    display: none;
}
.f-26{
    font-size: 26px!important;
}
.f-36{
    font-size: 36px!important;
}
.f-32{
    font-size: 32px!important;
}
.f-42{
    font-size: 42px!important;
}
.explore-single{
    box-shadow: 0px 12px 48px rgba(0,0,0,0.2);
    background: #fff;
    border-radius: 30px;
    padding: 40px;
}
.explore-note{
    font-size: 20px;
}
.explore-title{
    font-size: 32px;
    font-weight: 700;
    margin-top: 15px;
    color: #333;
}
.explore-btn-block{
    margin-top: 40px;
}
.explore-block {
    margin: 80px 0 110px;
}
.mt-160{
    margin-top: 80px;
}
.mt-120{
    margin-top: 80px;
}
.mt-80{
    margin-top: 80px;
}
.test-category{
    color: #0D3260;
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    margin-top: 25px;
    transition: opacity 0.3s;
}
.movie-play-btn {
    width: 84px;
    height: 84px;
    display: block;
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    margin-top: -41px;
    left: 50%;
    margin-left: -41px;
}
.face-wrapper:hover .movie-play-btn{
    opacity: 1;
}
.video-head-block{
    display: block;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
}
#trailer {
	position: absolute;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	overflow: hidden;
}

#trailer > video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 @media (min-aspect-ratio: 16/9) {
     #trailer > video { height: 300%; top: -100%; }
 }
 @media (max-aspect-ratio: 16/9) {
     #trailer > video { width: 300%; left: -100%; }
 }

 @supports (object-fit: cover) {
     #trailer > video {
         top: 0; left: 0;
         width: 100%; height: 100%;
         object-fit: cover;
     }
 }
.container-video{
    position: relative;
}
.container-video .whight-head-page{
    background: rgba(22,50,92,0.1);
    margin-bottom: 210px;
}
.container-control{
    position: absolute;
    bottom: 90px;
    right: 0;
    left: 0;
    z-index: 2;
}
.video-btn .btn-text{
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    background: #DD242F;
    padding: 0 30px;
    height: 80px;
    line-height: 80px;
    cursor: pointer;
}
.video-btn .btn-ring{
    width: 80px;
    height: 80px;
    display: block;
    padding: 0;
    cursor: pointer;
}
.video-btn .btn-ring img{
    width: auto;
}
.video-btn{
    display: inline-block;
    margin-left: 45px;
}
.video-btn:hover .btn-text{
    background: #b71d25;
}
#progress {
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
#total {
    width:100%;
    background: rgba(0,0,0,0.2);
    display: inline-block;
    height: 16px;
}
#buffered {
    background:#0D3260;
    height:8px;
    display: inline-block;
}
#current {
    background: #0D3260;
    line-height: 0;
    height: 16px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.whight-block{
    box-shadow: 0px 12px 48px rgba(0,0,0,0.2);
    background: #fff;
    border-radius: 30px;
    padding: 40px;
}
.whight-quest{
    color: #333;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
}
.another-quests{
    margin-top: 75px;
    font-size: 32px;
}
.another-quests a{
    color: #0D3260;
}
.another-quests a:hover{
    text-decoration: none;
}
.test-info-block{
    margin-bottom: 50px;
}
.pag-ring{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #DD242F;
    border-radius: 8px;
    margin: 0 5px;
}
.prew-ring{
    background: #0D3260;
    border-color: #0D3260;
}
.curent-ring{
    background: #DD242F;
}
.test-res-title{
    color: #0D3260;
    font-size: 20px;
    font-weight: 700;
    margin: 5px auto 10px auto;
}
.test-step-btn{
    background: #0D3260;
    cursor: pointer;
    width: 160px;
    height: 60px;
    max-height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    border-radius: 32px;
    color: #fff;
    border: 2px solid #0D3260;
    max-width: 100%;
}
.test-step-btn:hover{
    color: #fff;
    background: #dd242f;
    border-color: #dd242f;
}
.test-step-btn.disabled {
    background: none;
    border: 2px solid #0D3260;
    cursor: default;
    color: #0D3260;
}
.test-left-btn {
    width: 160px;
    height: 60px;
    max-height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    border-radius: 32px;
    border: 2px solid #dd242f;
    max-width: 100%;
}
.test-left-btn:hover{
    border: 2px solid #0D3260;
}
.look-movies{
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    padding: 12px 14px 0 14px;
    border-radius: 50%;
    transition: background-color 0.3s;
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -24px;
    cursor: pointer;
}
.to-right-btn{
    padding: 9px 17px 0 20px;
}
.result-test-block{
    padding: 50px;
    font-size: 18px;
    position: relative;
    border-radius: 32px;
    margin-top: 40px;
    display: none;
}
.right-result{
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 15px;
}
.error-test-block{
    background: rgba(221,36,47,0.1);
}
.success-test-block{
    background: rgba(13,50,96,0.1);
}
.final-test-block-success{
    background: rgba(13,50,96,0.1);
}
.final-test-block-error{
    background: rgba(221,36,47,0.1);
}
.test-movies-wrapper{
    padding-top: 80px;
    margin-top: 20px;
}
.movie-card-title{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}
.standart-page-padding {
    padding: 80px 0 0 0;
}
.quiz-block {
    box-shadow: 0px 12px 48px rgba(0,0,0,0.2);
    background: #fff;
    border-radius: 30px;
    padding: 40px 60px 60px 60px;
    margin: 70px auto 50px auto;
}
.quiz-block-page{
    box-shadow: 0px 12px 48px rgba(0,0,0,0.2);
    margin: 70px auto 0 auto;
    border-radius: 30px 30px 0 0;
}
.qquiz-head{
    padding: 40px 60px 35px 60px;
    border-radius: 30px 30px 0 0;
    background: #fff;
    position: relative;
}
.qquiz-body{
    padding: 40px 60px 60px 60px;
    border-radius:0 0 30px 30px;
    background: #fff;
    display: none;
    margin-bottom: 60px;
}
.qquiz-form{
    padding: 0 100px;
}
.qquiz-title{
    text-align: center;
    font-size: 36px;
    font-weight: 700;
}
.open-qquiz {
    background: #0d3260;
    width: 60px;
    height: 60px;
    padding: 16px 18px 18px 18px;
    line-height: 28px;
    border-radius: 50%;
    position: absolute;
    right: 30px;
    top: 35px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.open-qquiz:hover{
    background-color: #dd242f;
}
label {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
}
.def-form-check label{
    max-width: 90%;
    font-weight: 500;
}
.note-body {
    text-align: center;
    display: none;
    position: absolute;
    right: 0;
    padding-top: 63px;
    margin-right: 18px;
    top: 0;
}
.note-body img{
    width: 100%;

}
.note-body-in{
    box-shadow: 0px 12px 48px rgba(0,0,0,0.2);
    padding: 30px 80px 30px 80px;
    width: 582px;
    background: #fff;
    border-radius: 16px 0 16px 16px;
}
.note-block {
    position: absolute;
    right: -64px;
    top: 48px;
    z-index: 5;
}
.open-note{
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid #0D3260;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    cursor: pointer;
}
.quiz-info{
    background: #F7F7F7;
    border-radius: 16px;
    padding: 40px;
    margin-top: 40px;
    font-size: 20px;
    display: none;
}
.quiz-info p:last-child{
    margin-bottom: 0;
}
.qquiz-btns{
    display: none;
    padding-bottom: 60px;
}
.qquiz-btns .test-left-btn{
    width: auto;
}
.qquiz-btns .st-btn{
    max-height: 60px;
    height: 60px;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    border-radius: 32px;
}
.standart-modal{
    max-width: 876px;
}
.send-modal-info{
    margin-top: 20px;
    font-size: 20px;
}
.send-form-btns .btn-text{
    min-width: 160px;
    text-align: center;
}
.modal-result{
    color: #df2127;
    font-size: 20px;
    margin-top: 10px;
    text-align: right;
    display: none;
}
.modal-result img{
    width: 20px;
    position: relative;
    bottom: 2px;
    margin-right: 5px;
}
.quize-progress{
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
}
.upprog{
    top: 65px;
}
.base-quize-bg{
    padding-top: 50px;
    padding-bottom: 160px;
}
.quize-progress .progress-bar{
    background: #0D3260;
}
.quest-wrapper{
    box-shadow: 0px 12px 48px rgba(0,0,0,0.2);
    background: #fff;
    border-radius: 30px;
    padding: 40px 160px 60px 160px;
    margin: 0 auto 50px auto;
}
.base-quize-bg .head-page {
    margin-bottom: 40px;
}
.prev-step{
    display: none;
}
.check-error-info{
    color: #df2127;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 400;
    margin-left: -28px;
    display: none;
}
.submittable-btn{
    margin-left: 0;
}
.submittable-btn .btn-text{
    text-transform: none;
}
.submittable-btn .btn-text img{
    margin-right: 10px;
    position: relative;
    bottom: 3px;
}

.submittable-btn .btn-ring{
    background: #fff;
    line-height: 78px;
}
.submittable-btn .btn-ring img{
    width: 17px;
}
.submittable-page .head-page{
    margin-bottom: 0;
}
.up-btn .btn-text img{
    max-width: 45px;
    margin-right: 5px;
}
.head-btns{
    margin: 60px 0 90px 0;
}
.sub-info{
    font-size: 20px;
    line-height: 1.5;
}
.sub-info ul{
    margin: 30px 0 40px 0;
}
.sub-info ul:last-child{
    margin: 30px 0 0 0;
}
.sub-block{
    margin-top: 0;
}
.sub-result .result-test-block{
    display: block;
    font-weight: 400;
    padding: 50px 98px 40px 98px;
    margin-bottom: 50px;
}
.quiz-btn-note{
    margin-top: 15px;
    font-size: 18px;
}
.qquiz-btns .st-btn{
    min-width: 160px;
    text-align: center;
    max-width: 100%;
}
.video-fon{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.video-fon > video {
	position: absolute;
	top: 0;
	left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto; height: auto;
}
@media (min-aspect-ratio: 16/9) {
    .video-fon > video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
    .video-fon > video { width: 300%; left: -100%; }
}

@supports (object-fit: cover) {
    .video-fon > video {
         top: 0; left: 0;
         width: 100%; height: 100%;
         object-fit: cover;
    }
}
.head-small-one h1 {
    font-size: 68px;
}
.words-btn{
    margin-left: 0;
}
.words-btn .btn-text{
    margin-right: 15px;
}
.words-btn:hover .flink-arrow{
    background: #fff;
}
.color-red{
    color: #dd242f;
}
.word-title{
    margin-bottom: 0;
}
.word-one-form{
    margin-top: 25px;
}
.word-input-wrapper{
    max-width: 540px;
}
.word-label{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}
.word-note{
    margin-top: 10px;
    max-width: 540px;
    display: none;
}
.word-btns{
    margin-top: 41px;
}
.word-btn {
    border-radius: 35px;
    padding: 15px 35px;
    font-size: 18px;
    display: inline;
}
.word-title{
    font-size: 32px;
    display: inline-block;
    padding-right: 3px;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.word-title-fon{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #F7F7F7;
}
.word-timer{
    display: inline-block;
    position: relative;
    margin-top: 4px;
}
.word-timer-fon{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #F7F7F7;
}
.word-label.ldisabled{
    color: #939393;
}
.words-result-wrapper{
    min-height: 80px;
}
.word-ready, .word-check, .word-again{
    display: none;
}
.word-result{
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 30px 20px 30px;
    width: 100%;
    overflow: hidden;
    height: 100%;
    display: none;
}
.word-result span{
    background: #f0c8cb;
}
.prew-words{
    background: none;
    color: #dd242f;
    display: none;
}
.new-btn{
    margin-left: 0;
}
.video-btn .btn-ring, .video-btn .btn-ring img{
    position: relative;
}
.video-btn .btn-ring:before{
    content: '';
    display: block;
    background: #0D3260;
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 50%;
    top: 15px;
    right: 15px;
}
.new-btn .btn-ring:before{
    background: #dd242f;
}
.submittable-btn .btn-ring::before{
    display: none;
}
.default-text h1{
    margin-bottom: 30px;
    font-weight: 600;
    color: #333333;
    font-size: clamp(24px, 3vw, 40px);
}
.new-date{
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 400;
}
.new-list-title{
    font-size: 32px;
    font-weight: 700;
    position: relative;
}
.new-list-data{
    margin-top: 10px;
    position: relative;
}
.new-list-short{
    font-size: 24px;
    margin-top: 15px;
    position: relative;
}
.new-list-video{
    color: #fff;
    position: relative;
    overflow: hidden;
}
.new-list-video:before{
    content: '';
    background: rgba(22,50,92,0.4);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.more-new-text{
    display: inline-block;
    width: 56px;
    height: 56px;
    background: #0D3260;
    text-align: center;
    padding: 18px 15px 0 15px;
    border-radius: 50%;
    margin-left: 25px;
    transition: background-color 0.3s;
}
.more-new-text:hover{
    background: #dd242f;
}
.new-list-more{
    text-align: right;
    margin-top: 10px;
    position: relative;
}
.more-new-video{
    display: inline-block;
    width: 56px;
    height: 56px;
    text-align: center;
    border-radius: 50%;
    margin-left: 25px;
}
.new-list-block{
    padding: 50px 45px 50px 45px;
    margin: 0px auto 40px auto;
}
.dop-new{
    margin-top: 70px;
}
.test-mobile{
    width: 50px;
    height: 50px;
    display: block;
    transition: opacity 0.3s;
    position: absolute;
    top: 86px;
    right: 86px;
    z-index: 2;
    display: none;
}
.ui-menu {
    background: #fff;
    max-width: 80%!important;
    padding: 20px 20px 17px 20px;
    box-shadow: 0px 12px 48px rgba(0,0,0,0.2);
    margin-top: 5px;
    border-radius: 17px;
    z-index: 2000;
    margin-left: -45px!important;
    border: none!important;
}
.ui-menu li {
    margin-bottom: 10px;
}
.ui-menu strong{
    color: #0d3260;
}
.slink{
    margin-bottom: 10px;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s;
}
.slink:hover strong{
    color: #dd242f;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #fff;
    background: none;
    color: #333;
}
.ui-menu .ui-menu-item-wrapper {
    padding: 0;
}
#empty-message{
    color: #dd242f;
    position: absolute;
    bottom: 6px;
    right: 15px;
}
.cookie-block{
    background: rgba(13, 50, 96, 0.9);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9000;
    color: #fff;
    padding: 40px 0 20px 0;
}
.cookie-block a{
    color: #fff;
}
.accept{
    font-size: 18px;
    max-height: 500px;
    padding: 20px 35px;
    border-radius: 40px;
    margin-top: 5px;
}
.accept:hover{
    background: #b71d25;
}
.video-background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.video-foreground, .video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#vidtop-content {
    top: 0;
}
@media (min-aspect-ratio: 16/9) {
 .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
 .video-foreground { width: 300%; left: -100%; }
}
.close-yotube{
    position: fixed;
    right: 50px;
    top: 50px;
    z-index: 9999;
    width: 80px;
    cursor: pointer;
    background: none;
    border-radius: 50%;
    display: none;
    background: #dd242f;
    transition: background-color 0.3s;
}
.close-yotube:hover{
    background: #0D3260;
}
.apply-date{
    color: #0d3260;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px;
    display: none;
}
.setapply{
    color: #dd242f;
}
.nice-left {
    color: #0a3161;
    background: #fff;
    width: 108px;
    text-align: center;
    padding: 20px 15px;
    border-radius: 24px;
    float: left;
    margin-right: 20px;
    min-height: 108px;
}
.nice-left img{
    padding: 0 5px;
}
.nice-strong{
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
}
.nice-def{
    font-size: 20px;
}
.nice-right{
    float: left;
    width: calc(100% - 130px);
}
.default-text table{
    font-size: 22px;
}
.default-text table th, .default-text table td {
    padding: 0 20px;
    min-width: 100px;
}
.default-text table th{
    background: rgba(13, 50, 96, 0.4);
    color: #fff;
}
.default-text tbody, .default-text td, .default-text tfoot, .default-text th, .default-text thead, .default-text tr {
    /*border-color: rgba(13, 50, 96, 0.3);*/
    border: none;
}
.np-btns .st-btn {
    max-height: 60px;
    height: 60px;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    border-radius: 32px;
    width: 150px;
    text-align: center;
}
.np-btns{
    margin-top: 40px;
}
.face-page{
    margin-bottom: 0;
}
.small-padding{
    padding: 80px 0 80px 0;
}
.gsm-wrapper{
    margin-bottom: 0;
    padding: 40px 120px 60px 120px;
}
.sm-title-1{
    color: #0D3260;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
}
.sm-list li a{
    text-decoration: none;
    color: #101010;
}
.sm-list li a:hover{
    text-decoration: underline;
    color: #0D3260;
}
.down-btn {
    width: 80px;
    height: 80px;
    border: 4px solid #0D3260;
    border-radius: 50%;
    text-align: center;
    line-height: 71px;
    margin: 50px auto 50px auto;
    cursor: pointer;
    position: relative;
}
.down-btn img{
    width: 18px;
    position: absolute;
    top: 32px;
    left: 27px;
}
.sm-img-2{
    opacity: 0;
}
.down-btn:hover{
    background: #0D3260;
}
.down-btn:hover .sm-img-2{
    opacity: 1;
}
.sm-title-2{
    color: #333333;
    margin-bottom: 60px;
    font-size: 36px;
    font-weight: 500;
}
.sm-title-num{
    border: 2px solid #0D3260;
    width: 80px;
    height: 80px;
    display: inline-block;
    text-align: center;
    color: #0D3260;
    font-size: 42px;
    font-weight: 500;
    line-height: 77px;
    border-radius: 50%;
    margin-right: 12px;
}
.sm-title-word {
    border: 2px solid #0D3260;
    color: #0D3260;
    font-size: 28px;
    font-weight: 500;
    display: inline-block;
    padding: 6px 50px;
    height: 80px;
    border-radius: 40px;
    position: relative;
    bottom: 8px;
    width: 280px;
    vertical-align: middle;
    line-height: 31px;
}
.sm-title-3{
    margin: 0 auto 40px auto;
    text-align: center;
}
.sm-title-word1{
    padding-top: 21px;
}
.sm-dop-block {
    border: 4px dashed #DBDBDB;
    margin-bottom: 15px;
    border-radius: 24px;
    padding: 30px 60px 30px 60px;
    transition: all 0.3s;
}
.sm-dop-block:hover{
    box-shadow: 0px 12px 48px #00000029;
    border: 4px solid #fff;
}
.more-sm{
    color: #0D3260;
    text-align: center;
    border: 2px solid #0D3260;
    border-radius: 20px;
    padding: 3px 0 5px 0;
    cursor: pointer;
    margin-top: 20px;
    display: block;
}
.more-sm:hover{
    color: #dd242f;
    border: 2px solid #dd242f;
}
.hide-sm-list{
    display: none;
}
.to-home-link{
    color: #0D3260;
    font-size: 20px;
    font-weight: 500;
    border: 2px solid #0D3260;
    border-radius: 32px;
    display: inline-block;
    transition: all 0.3s;
    text-decoration: none;
    padding: 20px 40px;
}
.to-home-link:hover{
    color: #DD242F;
    border: 2px solid #DD242F;
}
.return-home{
    margin-top: 60px;
}
.sm-list li a {
    float: left;
    width: calc(100% - 35px);
}
.no-quiz-pad{
    padding-bottom: 60px;
}
.footer-back{
    background: rgba(0, 39, 98, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.explore-line-title{
    font-size: 32px;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    transition: color 0.3s;
}
.explore-info{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
    color: #fff;
    background: rgba(13, 50, 96, 0.8);
    transition: background-color 0.3s;
    padding: 30px 15px;
}
.res-ex-wr{
    position: absolute;
    bottom: 25px;
    text-align: center;
    width: 100%;
    left: 0;
    transition: opacity 0.3s;
}
.res-ex-qount {
    font-size: 20px;
    display: inline-block;
    border: 2px solid #fff;
    padding: 7px 20px;
    border-radius: 25px;
    background: rgba(255,255,255,0.2);
}
.res-image1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
    position: relative;
}
.ex-arrow {
    background: #0D3260;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    bottom: 14px;
}
.ex-arrow img {
    max-width: 9px;
    line-height: 1;
    position: relative;
    top: 11px;
    left: 1px;
}
.res-ex-after .res-ex-qount{
    background: #DD242F;
    border-color: #DD242F;
}
.res-ex-after{
    position: absolute;
    bottom: 11px;
    text-align: center;
    width: 100%;
    left: 0;
    transition: opacity 0.3s;
    opacity: 0;
}
.explore-info:hover{
    background: rgba(255, 255, 255, 0.7);
}
.explore-info:hover .explore-line-title{
    color: #0D3260;
}
.explore-info:hover .res-ex-wr{
    opacity: 0;
}
.explore-info:hover .res-ex-after{
    opacity: 1;
}
.page-quiz{
    display: block;
    margin-bottom: 40px;
}
.full-rad{
    border-radius: 30px 30px 30px 30px;
    margin: 0 auto 0 auto;
}
.send-modal-info p span{
    white-space: nowrap;
}
.btns-wisible{
    display: block;
}
.new-btn{
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
    transition: background-color 0.3s;
}
.red-new-btn .btn-text {
    background: #DD242F;
    text-align: center;
    transition: background-color 0.3s;
}
.red-new-btn .btn-ring{
    background: #DD242F;
    transition: background-color 0.3s;
}
.new-btn:hover{
    color: #fff;
}
.red-new-btn:hover .btn-text{
    color: #fff;
    background: #0d3260;
}
.red-new-btn:hover .btn-ring{
    background: #0d3260;
}
.blue-new-btn .btn-text {
    background: #0d3260;
    text-align: center;
    transition: background-color 0.3s;
}
.blue-new-btn .btn-ring{
    background: #0d3260;
    transition: background-color 0.3s;
}
.blue-new-btn:hover .btn-text{
    color: #fff;
    background: #DD242F;
}
.blue-new-btn:hover .btn-ring{
    background: #DD242F;
}
.btn-size-160{
    width: 160px;
    text-align: center;
}
.btn-ring.left-dot{
    float: left;
    margin-right: 10px;
    margin-left: 0;
}
.btn-ring.left-dot img{
    position: relative;
    right: 2px;
}
.btn-ring.right-dot img{
    position: relative;
    left: 2px;
}
.subm-btns{
    margin-bottom: 20px;
}
.btn-size-195{
    width: 195px;
}
.donate-btn a{
    color: #0D3260;
    font-size: 20px;
    font-weight: 500;
    border: 2px solid #0D3260;
    border-radius: 40px;
    display: inline-block;
    transition: all 0.3s;
    text-decoration: none;
    width: 210px;
    height: 80px;
    overflow: hidden;
    background: #f7f7f7;
}
.donate-btn a img{
    height: 100%;
    max-width: 1000px;
    position: relative;
    top: 2px;
    left: 3px;
}
.donate-btn a:hover{
    color: #DD242F;
    border: 2px solid #DD242F;
}
.form-page-padding{
    padding: 30px 0 120px 0;
}
.subm-mobile{
    display: none;
}
.photo-face{
    display: block;
}
.term-note{
    font-size: 22px;
    text-align: center;
    color: #0a3161;
    font-style: italic;
    margin-top: 30px;
}
.term-note-words{
    margin-top: 60px;
}
.term-note-quiz{
    margin: 20px auto 50px auto;
}
.movie-types {
    position: relative;
    bottom: 15px;
    margin-bottom: 30px;
}
.movie-type-link{
    margin: 0 5px;
}
.btn-mwrap{
    max-width: 170px;
    padding: 0;
}
.qquiz-pnote{
    text-align: center;
    font-size: 18px;
    margin-top: 5px;
}
.head-page-one sup{
    line-height: 1px;
    font-size: 34px;
    position: relative;
    top: -34px;
    left: -3px;
}
.movie-type-link .btn-text{
    padding: 0;
}
.btn-upload .btn-text{
    padding: 0;
}
.success-file{
    color: #0a3161;
    margin-bottom: 3px;
}
.error-file{
    color: #0a3161;
    margin-bottom: 3px;
}
.error-file span{
    color: #df2127;
}
.sign-btn .btn-text{
    padding: 0;
}
.sign-up-block{
    margin: 50px 0 60px 0;
}
.signup-single{
    padding: 30px 20px;
}
.signup-single .explore-note {
    font-size: 28px;
    font-weight: 700;
    margin-top: 0;
    color: #333;
}
.signup-single .explore-title {
    font-size: 18px;
    font-weight: 400;
}
.signup-single .btn-size-195 {
    width: 150px;
}
.locale-google {
    width: 390px;
    padding-top: 35px;
}
.locale-google::after {
    left: 240px;
}
.locale-block .google-langs li {
    width: auto;
    height: auto;
    text-align: left;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 500;
    cursor: auto;
    display: list-item;
}
.google-langs{
    margin: 5px 0 5px 0;
    list-style: circle inside;
}
.locale-block .ather-langs li {
    width: auto;
    height: auto;
    text-align: left;
    line-height: 1.4em;
    font-size: 16px;
    font-weight: 400;
    cursor: auto;
    display: inline;
}
.ather-langs{
    margin-top: 5px;
}
.go-note {
    font-size: 11px;
    margin-top: 10px;
    line-height: 1.2;
    text-align: right;
}
.lnote-go-close {
    width: 15px;
    height: 15px;
    padding: 0;
    color: #333;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.5em auto no-repeat;
    opacity: 0.5;
    display: block;
    position: absolute;
    right: 15px;
    cursor: pointer;
    top: 15px;
}
.lnote-go-close:hover{
    opacity: 1;
}
.back-to-en{
    font-size: 17px;
    font-weight: 700;
    color: #0d3260;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px;
}
.back-to-en:hover{
    text-decoration: underline;
}
.gogo-btn{
    color: #0D3260;
    font-size: 17px;
    font-weight: 500;
    border: 2px solid #0D3260;
    border-radius: 32px;
    display: inline-block;
    transition: all 0.3s;
    text-decoration: none;
    padding: 7px 0;
    width: 100px;
    text-align: center;
    cursor: pointer;
}
.gogo-btn:hover{
    color: #DD242F;
    border: 2px solid #DD242F;
}
.go-links-block{
    margin-top: 15px;
    margin-bottom: 15px;
}
/*Новые стили*/
.quest-number{
    margin-right: 5px;
}
header{
    border-bottom: 4px solid #333333;
    background: #fff;
}
.head-logo {
    width: 195px;
    display: block;
}
.head-container{
    display: flex;
    align-items: center;
    height: 80px;
    justify-content: space-between;
}
h1{
    font-weight: 600;
    color: #333333;
    font-size: clamp(24px, 3vw, 32px);
}
h2{
    font-weight: 600;
    color: #333333;
    font-size: clamp(20px, 3vw, 28px);
}
.test-info-bottom-block{
    margin-top: 50px;
}
.section-result-wrapper{
    margin-top: 20px;
}
.source-block{
    margin-top: 10px;
    display: none;
}
button{
    transition: all 0.3s ease-in-out;
}
.button:focus, .button:hover, button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
    background-color: #333333;
    border-color: #333333;
    color: #fff;
    outline: 0;
    transition: all 0.3s ease-in-out;
}
.enter-block{
    display: flex;
    align-items: center;
}
.login-name{
    font-weight: 600;
    margin-right: 20px;
}
.enter-block a:first-child{
    margin-right: 10px;
}
fieldset, input, select, textarea {
    margin-bottom: 0;
}
.error-message{
    color: darkred;
    font-size: 14px;
    margin-top: 3px;
}
.default-check .form-check-input[type="checkbox"] {
    border-radius: 3px;
    cursor: pointer;
}
.validate-sign{
    margin-top: 10px;
}
.sign-error{
    color: darkred;
    font-size: 14px;
    display: none;
}
.work-container{
    min-height: calc(100vh - 420px);
}
.clearfix{
    clear: both;
}
.timer-wrapper{
    text-align: center;
}
.timer{
    display: inline-block;
}
.timer__items {
    display: flex;
    font-size: clamp(16px, 3vw, 18px);
    color: #959698;
    font-weight: 600;
}
.timer__item {
    position: relative;
    min-width: 25px;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 0;
    text-align: center;
}
.timer__item::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    font-size: 14px;
    display: none;
}
.timer__item:not(:last-child)::after {
    content: ':';
    position: absolute;
    right: -7px;
}
.timer-media{
    width: 32px;
    height: 32px;
    background: #F5F7FF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.timer-block{
    display: flex;
    align-items: center;
}
.progress-wrapper{
    width: 200px;
    background: #F5F7FF;
    height: 12px;
    border-radius: 30px;
}
.timer-line{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;
}
.to-start{
    font-size: 18px;
    font-weight: 600;
    color: #959698;
}
.progress-proz{
    text-align: start;
    margin-left: 10px;
    color: #9A9A9A;
    font-weight: 600;
    font-size: 14px;
}
.timer-last{
    font-weight: 600;
    color: #959698;
    font-size: clamp(16px, 3vw, 18px);
}
.hide-quiz{
    display: none;
}
.right-answers, .right-answers-all{
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    display: none;
}
.right-show{
    display: block;
}
.right-count{
    display: inline-block;
}
.show-section{
    display: block;
}
.cover-block{
    margin-bottom: 40px;
}
.priz-one{
    background: #F5F7FF;
    border-radius: 16px;
    padding: 25px 30px;
    display: flex;
    justify-content: space-between;
}
.priz-media{
    order: 2;
}
.priz-body{
    order: 1;
}
.priz-title{
    color: #122E6A;
    font-size: 24px;
    font-weight: 600;
}
.priz-title span{
    font-size: 32px;
    font-weight: 800;
}
.priz-block{
    margin-top: 20px;
    margin-bottom: 40px;
}
.sign-right ul li a{
    display: flex;
    background: #122E6A;
    width: 41px;
    height: 41px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}
.sign-right ul{
    display: flex;
    align-items: center;
}
.sign-right ul li{
    margin: 0 0 0 20px;
}
.sign-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.test-section{
    color: #ff0000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.sigh-up-block{
    width: 520px;
    max-width: calc(100% - 30px);
}
.sign-up-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0 40px 0;
}
.step-count{
    color: #C2C8CF;
    font-weight: 600;
    text-align: center;
}
.step-title{
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 600;
    text-align: center;
    margin: 8px 0 25px 0;
}
.content .my-field{
    border: 0.1rem solid #C2C8CF;
    border-radius: 8px;
    box-sizing: border-box;
    height: 50px;
    padding: .6rem 16px .7rem;
    width: 100%;
    font-size: 16px;
}
.content .my-field:focus{
    border-color: #0d3260;
}
.content .my-select{
    border: 0.1rem solid #C2C8CF;
    border-radius: 8px;
    box-sizing: border-box;
    height: 50px;
    padding: .6rem 16px .7rem;
    width: 100%;
    font-size: 16px;
}
.content .my-select {
    -webkit-appearance: none; /* Для Safari */
    -moz-appearance: none;    /* Для Firefox */
    appearance: none;         /* Стандартный CSS */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpolygon points='0,0 20,0 10,10' style='fill:%23C2C8CF;'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) calc(50% + 5px);
    background-size: 1.5rem;
}
.content .my-select:focus{
    border-color: #0d3260;
}
.next-step-block{
    display: none;
}
.content .no-validate{
    border: 1px solid #ff0000;
}
.error-form{
    color: #ff0000;
    font-size: 12px;
    margin: 1px 0 0 8px;
    display: none;
}
.sigh-self ul li{
    margin: 0 20px 0 0;
}
.copy-block{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #efefef;
}
.copy-data{
    font-size: 14px;
}
.section-people h1{
    color: #122E6A;
    font-size: clamp(22px, 3vw, 30px);
}
.no-answer-block{
    color: darkred;
    text-align: center;
    margin-bottom: 20px;
    display: none;
}
.progress-line{
    background: #358ADE;
    height: 100%;
    border-radius: 30px;
    width: 0;
}
.source-block p a{
    font-weight: 600;
}
.underline{
    text-decoration: underline;
}
.small-h h2 {
    font-size: clamp(16px, 3vw, 18px);
    margin-bottom: 15px;
}
.blue-fon{
    background: #edf1f9;
    line-height: 1.4;
    margin: 20px 0 20px 0;
    color: #333;
    font-weight: 600;
    padding: 20px 25px 20px 30px;
    display: flex;
}
.quot-line {
    width: 4px;
    background: #122E6A;
    margin-right: 25px;
}
.test-info-block a{
    font-weight: 600;
}
.text-btn{
    display: inline-flex;
    color: #fff;
    border-radius: 8px;
    padding: 0 20px;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #ff0000;
    transition: all 0.3s ease;
    height: 35px;
    align-items: center;
    justify-content: center;
    background: #ff0000;
    margin: 0 5px;
}
.text-btn:hover{
    background-color: #0d3260;
    border-color: #0d3260;
    color: #fff;
    text-decoration: none;
}
.like-block{
    border-top: 1px solid rgba(0,0,0,0.3);
    padding-top: 30px;
}
.point-line{
    display: flex;
    align-items: center;
}
.point-line:before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 50%;
    margin-right: 7px;
}