@charset "utf-8";
.shareIcons,.share_result,.test{position:relative}
.test{max-width:960px;margin:auto;padding:0;border:0;text-align:center;height:calc(50vmin - 10%);-webkit-transition:all .75s ease-in-out;-o-transition:all .75s ease-in-out;transition:all .75s ease-in-out;width:100%;background:0 0;overflow:visible}
.test .test-answer,.test .test-btn{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;cursor:pointer}
.test-score{text-transform:lowercase;color:rgba(255,255,255,.5)}
.test-score .test-score-val{font-weight:900;color:#fff}
.quiz .content{min-height:calc(100vh - 160px)}

.introtxt{border:1px solid rgba(0,0,0,.25);overflow:hidden;padding:120px 1em 1em;margin:0 0 1em;background-color:rgba(0,0,0,.15);background-image:url(https://m24.ru/special/tvm/t-clouds.png);background-position:center 8px;background-repeat:no-repeat;background-size:240px auto}
.quiz.content h2, .test-counter{
  
 background-image:url(https://tvm.m24.ru/2022/img/tbg.svg);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 background-clip:text;
 background-size:100% auto;
 display:block;
 -webkit-transition:all .5s linear .5s;
 -o-transition:all .5s linear .5s;
 transition:all .5s linear .5s;
  font-size: 2rem;
  margin:0 auto 30px;
  font-weight:900;
  text-transform: uppercase;
  


}
.test h2{margin:0 auto 30px;transform: none !important;
 background-image:url(https://tvm.m24.ru/2022/img/tbg.svg);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 background-clip:text;
 background-size:100% auto;
 display:block;
 -webkit-transition:all .5s linear .5s;
 -o-transition:all .5s linear .5s;
 transition:all .5s linear .5s;
  transform: translate(0,0) !important;
  opacity: 1 !important;
  font-size:2rem;
  text-indent:0;
  position: relative;
  margin: 1rem auto;
  font-weight: 800;
  
  

}
.test h3,.test p{margin:0 0 16px}
.test h3{text-shadow:0 1px 3px rgba(0,0,0,.25);font-weight:900}
.test .test-btn{display:inline-block;padding:15px 30px;background:0 0;border:none;border-radius:50px;color:#fff;transition:all .3s ease-in-out;border:3px solid rgba(255,255,255,.5);opacity:0}
.test .is-active .test-btn{-webkit-animation:Btn .75s ease-in-out;animation:Btn .75s ease-in-out;opacity:1}
@-webkit-keyframes Btn{0%{opacity:0;-webkit-transform:translate(0,50%);transform:translate(0,50%)}
100%{opcity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes Btn{0%{opacity:0;-webkit-transform:translate(0,50%);transform:translate(0,50%)}
100%{opcity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
.test .test-btn:hover{border-color:#fff}
.test .test-heading{display:none;margin:0 0 16px}
.test .test-section{display:none}
.test .is-active{display:block;min-height:280px}
.test .is-selected .test-section-answers,.test .test-section-result{display:none}
.test .test-answer{margin:0 auto 10px;padding:10px;background:rgba(255,255,255,.1);-webkit-transform:rotateX(90deg);transform:rotateX(90deg);transition:all .3s ease-in-out;visibility:hidden;width:80%}
.test .test-section.is-active .test-answer{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;visibility:visible;-webkit-animation:.75s ComeUp;animation:.75s ComeUp;color:rgba(255,255,255,.75)}
@-webkit-keyframes ComeUp{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}
100%{-webkit-transform:rotateX(0);transform:rotateX(0)}
}
@keyframes ComeUp{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}
100%{-webkit-transform:rotateX(0);transform:rotateX(0)}
}
.test-answer:nth-of-type(2){-webkit-animation-delay:.1s;animation-delay:.1s}
.test-answer:nth-of-type(3){-webkit-animation-delay:.2s;animation-delay:.2s}
.test-answer:nth-of-type(4){-webkit-animation-delay:.3s;animation-delay:.3s}
.test .is-active .test-answer:hover{background:rgba(255,255,255,.95);color:#255}
.test .test-result-points,.test-result-score{color:#252525;padding:0!important;text-align:center}
.test .is-selected .test-section-result{display:block}
.test .test-result-points{font-weight:200;background-color:#ebcb87;width:48px;height:48px;
  background-image:url(https://tvm.m24.ru/2022/img/tbg.svg);
  background-size:300%;
  margin:0 auto 16px;line-height:48px;border-radius:50%;font-size:30px;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.15);box-shadow:0 3px 3px rgba(0,0,0,.15);font-weight:800;}
.test .is-active .test-result-points{-webkit-animation:.5s Coin;animation:.5s Coin}
@-webkit-keyframes Coin{0%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
100%{-webkit-transform:rotateY(0);transform:rotateY(0)}
}
@keyframes Coin{0%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
100%{-webkit-transform:rotateY(0);transform:rotateY(0)}
}
.test-result-score{font-size:32px;font-weight:300;display:block;width:180px;height:64px;line-height:64px;margin:16px auto;background-color:#ebcb87;
  background-image:url(https://tvm.m24.ru/2022/img/tbg.svg);
  background-size:200% auto;
  font-weight:800;
  border-radius:32px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25);box-shadow:0 1px 3px rgba(0,0,0,.25)}
.promocode,h1.testTitle{text-transform:uppercase;font-weight:900}
.shareIcons{height:48px;width:auto;text-align:center;margin:1em auto;float:none}
.share_result{font-family:m24;height:48px;-ms-transform:scale(1);transform:scale(1);-webkit-transform:scale(1);-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;z-index:9999;margin:auto}
.share_result .social-likes__widget{display:inline-block;width:48px;height:48px;text-indent:-10000px;background-color:transparent;margin:0 2px 0 0;border-radius:50%;position:relative;text-align:center}
.share_result .social-likes__button{width:48px;height:48px;position:absolute;top:0;left:0;cursor:pointer;border-radius:3px;-webkit-box-shadow:0 3px 3px rgba(0,0,0,.1);box-shadow:0 3px 3px rgba(0,0,0,.1);-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;-webkit-transition:all .1s ease-in-out;overflow:hidden;background-color:#ebcb87}
.share_result .social-likes__button:hover{background-color:#c23d40}
.share_result .social-likes__button:hover .icn .icnPath{fill:#fff}
.share_result .social-likes__button:hover:before{color:#fff;text-shadow:6px 6px 3px rgba(0,0,0,.35)}
.share_result .social-likes__button svg{display:block;width:24px;height:24px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.share_result .icn .icnPath{fill:#0292dd}
.share_result .social-likes__button:before{text-shadow:3px 3px 1px rgba(0,0,0,.15);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.test-result-text{margin:8px auto;padding:2rem;background:rgba(0,0,0,.15);position:relative;-webkit-perspective:150px;perspective:300px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;max-width:100%}
.oscar,.testpartner a{background-repeat:no-repeat;width:100%;position:relative}
.test-result-text p{display:block;padding:0;margin:0;max-width:100%}
.test-result-text p.data-nb{font-style:italic;display:block;border-top:1px solid rgba(0,0,0,.25);padding:8px 0 0;margin:8px 0 0;color:#0292dd;-webkit-box-shadow:0 -1px 0 rgba(255,255,255,.5);box-shadow:0 -1px 0 rgba(255,255,255,.5)}
.is-active{-webkit-perspective:200px;perspective:200px;position:relative}
.is-active .test-result-text{-webkit-animation:2s Swinger;animation:2s Swinger;background-color: #fff;color: #252525;}
@-webkit-keyframes Swinger{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}
25%{-webkit-transform:rotateX(-30deg);transform:rotateX(-30deg)}
50%{-webkit-transform:rotateX(15deg);transform:rotateX(15deg)}
75%{-webkit-transform:rotateX(0);transform:rotateX(0)}
}
@keyframes Swinger{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}
25%{-webkit-transform:rotateX(-30deg);transform:rotateX(-30deg)}
50%{-webkit-transform:rotateX(15deg);transform:rotateX(15deg)}
75%{-webkit-transform:rotateX(0);transform:rotateX(0)}
}
h1.testTitle{text-align:center;font-size:calc(1rem + 6vmin);color:#fff;margin:0 auto 8px;padding:0;line-height:1em;letter-spacing: .2em;}
.oscar{font-size:14px;text-align:left;color:#353535;background-color:#ebcb87;padding:16px 120px 16px 16px;background-image:url(https://m24.ru/special/tvm/t-award.png);background-size:120px auto;background-position:98% center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:16px 0 auto;max-width:100%;border-radius:3px;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);box-shadow:0 3px 6px rgba(0,0,0,.25)}
.oscar p,.promocode,.testpartner{text-align:center}
.oscar p{line-height:1.3em;padding:0 0 1em}
.oscar p.award-info{line-height:1.8em}
.oscar a{display:inline-block;white-space:nowrap;padding:2px 8px 0;background-color:rgba(255,255,255,.5);border-radius:16px;line-height:1em}
.testpartner{color:rgba(255,255,255,.5);text-transform:uppercase;padding:16px 16px 40px;line-height:1em}
@media (max-width:640px){.oscar,.oscar p{font-size:12px}
.container{padding:0}
.oscar{padding:70px 8px 8px;background-position:center 8px;background-size:auto 60px}
.test-result-score{height:32px;line-height:32px;font-size:24px;}
}
.testpartner a{color:#fff;background-image:url(https://m24.ru/special/tvm/logo-bs-w.png);background-position:bottom;background-size:contain;display:block;overflow:hidden;text-indent:-10000px;height:24px;margin:auto;-webkit-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.testpartner a:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.promocode{display:inline-block;border-radius:3px;padding:3px 6px;line-height:1em;font-family:verdana;letter-spacing:2px;color:#027cbc;border:1px solid #027cbc;margin:0 6px}
@media (max-width:640px){.content{font-size:14px;line-height:1.1em}
.test-counter{font-size:18px}
.test .test-btn{text-transform:uppercase;font-weight:600;padding:8px 32px}
}


nav {
    position: absolute;
    width:100%;
    top:0
  }