* {
    box-sizing: border-box;
}
html, body {
    padding: 0;
    margin : 0;
    height : 100dvh;
    overflow:hidden;
}

.nt-wrapper {

    width: 100dvw;
    height: 100dvh;
    background-color: #000000;

    display: flex;
    justify-content: center;
    align-items: center;
    
}

.nt-progress-bar-cont {
    width: 45%;
    max-width: 250px;
    height : 7px;
    /* border : 1px solid red; */
    position: relative;
}

.nt-progress-bar {

    width: 100%;
    height : 100%;
    border : 1px solid #333;
    border-radius: 3px;
    overflow: hidden;
    position: absolute;
}

.nt-progress {
    width : 1%;
    height : 100%;
    background-color: white;
    position: absolute;
}

.nt-ad-container {

    width: auto;
    height : auto;
    overflow: hidden;
    background-color: #ffffff;
    position: absolute;
    display: none;
}


.nt-ad-container * {
    width: 100%;
    height : 100%;
    position:absolute;
    pointer-events: none;
}

.border {
    border : 1px solid #000;
    z-index: 999;
    pointer-events: none;
}
.close-btn{
		    display: none; /*dwadada*/
		    position: absolute;
		    width:20px;
		    height: 20px;
		    top:5px;
		    right:5px;
		    color:#fff;
		    border:1px #fff solid;
		    background-color: #000000;
		    border-radius: 10px;
		    text-align: center;
		    pointer-events: all;
		    line-height: 17px;
}
.hs{
   /*background-color: #ff000090;*/
   pointer-events: all;
   width:100%;
   left:50%;
   transform: translateX(-50%);
}

.hs-bgclick{
    display:none;
}

.hs-frame2{
    /* background-color: #ff000040; */
    width:90%;
    height:4.5%;
}

.hs-frame2a{
    top:38%;
}
.hs-frame2b{
    top:43%;
}
.hs-frame2c{
    top:47%;
}
.hs-frame2d{
    top:52%;
}
.hs-frame2e{
    top:59%;
}
.hs-frame2-correct{
    /* background-color: #ff000040; */
   width: 90%;
    height: 6.5%;
    top: 70%;
}


.hs-frame4{
    /* background-color: #ff000040; */
    width:90%;
    height:3.5%;
}

.hs-frame4a{
    top:48%;
}
.hs-frame4b{
    top:52%;
}
.hs-frame4c{
    top:56%;
}
.hs-frame4d{
    top:60%;
}
.hs-frame4e{
    top:64%;
}

.hs-frame4f{
    top:68%;
}
.hs-frame4-correct{
    /* background-color: #ff000040; */
   width: 90%;
    height: 6.5%;
    top: 72%;
}

.hs-frame6{
    /* background-color: #ff000040; */
    width:90%;
    height:4.5%;
}

.hs-frame6a{
    top:37%;
}
.hs-frame6b{
    top:43%;
}
.hs-frame6c{
    top:49%;
}
.hs-frame6d{
    top:55%;
}

.hs-frame6-correct{
    /* background-color: #ff000040; */
   width: 90%;
    height: 6.5%;
    top: 68%;
}

.hs-frame8{
    /* background-color: #ff000040; */
    width:90%;
    height:6%;
}

.hs-frame8a{
    top:37%;
}
.hs-frame8b{
    top:45%;
}
.hs-frame8c{
    top:52%;
}
.hs-frame8d{
    top:59%;
}
.hs-frame8e{
    top:66%;
}
.hs-frame8-correct{
    /* background-color: #ff000040; */
   width: 90%;
    height: 6.5%;
    top: 75%;
}

.frame1copy1{
    /* background-color:#ff000050; */
    clip-path: inset(19% 0% 12% 0%)
}

.frame1bg,.frame1copy1,.frame1copy2,.frame1cta,.frame1white,.frame2-correct,
.frame2a-ch,.frame2a-ye,.frame2a,.frame2b-ch,.frame2b-ye,.frame2b,
.frame2bg,.frame2c-ch,.frame2c-ye,.frame2c,.frame2d-ch,.frame2d-ye,
.frame2d,.frame2e-ch,.frame2e-ye,.frame2e,.frame2q,.frame2show,
.frame2white,.frame3-bg,.frame3-copy,.frame3-cta,.frame3-white,.logo
{ max-width: 100%; background-size: 100%; background-image: url('images/sprite.png'); }

.frame1bg {  background-position: 0 0.00%;  background-size: 100%;}
.frame1copy1 {  background-position: 0 3.45%;  background-size: 100%;}
.frame1copy2 {  background-position: 0 6.90%;  background-size: 100%;}
.frame1cta {  background-position: 0 10.34%;  background-size: 100%;}
.frame1white {  background-position: 0 13.79%;  background-size: 100%;}
.frame2-correct {  background-position: 0 17.24%;  background-size: 100%;}
.frame2a-ch {  background-position: 0 20.69%;  background-size: 100%;}
.frame2a-ye {  background-position: 0 24.14%;  background-size: 100%;}
.frame2a {  background-position: 0 27.59%;  background-size: 100%;}
.frame2b-ch {  background-position: 0 31.03%;  background-size: 100%;}
.frame2b-ye {  background-position: 0 34.48%;  background-size: 100%;}
.frame2b {  background-position: 0 37.93%;  background-size: 100%;}
.frame2bg {  background-position: 0 41.38%;  background-size: 100%;}
.frame2c-ch {  background-position: 0 44.83%;  background-size: 100%;}
.frame2c-ye {  background-position: 0 48.28%;  background-size: 100%;}
.frame2c {  background-position: 0 51.72%;  background-size: 100%;}
.frame2d-ch {  background-position: 0 55.17%;  background-size: 100%;}
.frame2d-ye {  background-position: 0 58.62%;  background-size: 100%;}
.frame2d {  background-position: 0 62.07%;  background-size: 100%;}
.frame2e-ch {  background-position: 0 65.52%;  background-size: 100%;}
.frame2e-ye {  background-position: 0 68.97%;  background-size: 100%;}
.frame2e {  background-position: 0 72.41%;  background-size: 100%;}
.frame2q {  background-position: 0 75.86%;  background-size: 100%;}
.frame2show {  background-position: 0 79.31%;  background-size: 100%;}
.frame2white {  background-position: 0 82.76%;  background-size: 100%;}
.frame3-bg {  background-position: 0 86.21%;  background-size: 100%;}
.frame3-copy {  background-position: 0 89.66%;  background-size: 100%;}
.frame3-cta {  background-position: 0 93.10%;  background-size: 100%;}
.frame3-white {  background-position: 0 96.55%;  background-size: 100%;}
.logo {  background-position: 0 100.00%;  background-size: 100%;}



.frame4-correct,.frame4a-ch,.frame4a-ye,.frame4a,.frame4b-ch,.frame4b-ye,
.frame4b,.frame4bg,.frame4c-ch,.frame4c-ye,.frame4c,.frame4d-ch,
.frame4d-ye,.frame4d,.frame4e-ch,.frame4e-ye,.frame4e,.frame4f-ch,
.frame4f-ye,.frame4f,.frame4q,.frame4show,.frame4white,.frame5copy,
.frame5cta,.frame5white,.frame6-correct,.frame6a-ch,.frame6a-ye,.frame6a,
.frame6b-ch,.frame6b-ye,.frame6b,.frame6bg,.frame6c-ch,.frame6c-ye,
.frame6c,.frame6d-ch,.frame6d-ye,.frame6d,.frame6q,.frame6show,
.frame6white,.frame7copy,.frame7cta,.frame7white
{ max-width: 100%; background-size: 100%; background-image: url('images/sprite2.png'); }

.frame4-correct {  background-position: 0 0.00%;  background-size: 100%;}
.frame4a-ch {  background-position: 0 2.22%;  background-size: 100%;}
.frame4a-ye {  background-position: 0 4.44%;  background-size: 100%;}
.frame4a {  background-position: 0 6.67%;  background-size: 100%;}
.frame4b-ch {  background-position: 0 8.89%;  background-size: 100%;}
.frame4b-ye {  background-position: 0 11.11%;  background-size: 100%;}
.frame4b {  background-position: 0 13.33%;  background-size: 100%;}
.frame4bg {  background-position: 0 15.56%;  background-size: 100%;}
.frame4c-ch {  background-position: 0 17.78%;  background-size: 100%;}
.frame4c-ye {  background-position: 0 20.00%;  background-size: 100%;}
.frame4c {  background-position: 0 22.22%;  background-size: 100%;}
.frame4d-ch {  background-position: 0 24.44%;  background-size: 100%;}
.frame4d-ye {  background-position: 0 26.67%;  background-size: 100%;}
.frame4d {  background-position: 0 28.89%;  background-size: 100%;}
.frame4e-ch {  background-position: 0 31.11%;  background-size: 100%;}
.frame4e-ye {  background-position: 0 33.33%;  background-size: 100%;}
.frame4e {  background-position: 0 35.56%;  background-size: 100%;}
.frame4f-ch {  background-position: 0 37.78%;  background-size: 100%;}
.frame4f-ye {  background-position: 0 40.00%;  background-size: 100%;}
.frame4f {  background-position: 0 42.22%;  background-size: 100%;}
.frame4q {  background-position: 0 44.44%;  background-size: 100%;}
.frame4show {  background-position: 0 46.67%;  background-size: 100%;}
.frame4white {  background-position: 0 48.89%;  background-size: 100%;}
.frame5copy {  background-position: 0 51.11%;  background-size: 100%;}
.frame5cta {  background-position: 0 53.33%;  background-size: 100%;}
.frame5white {  background-position: 0 55.56%;  background-size: 100%;}
.frame6-correct {  background-position: 0 57.78%;  background-size: 100%;}
.frame6a-ch {  background-position: 0 60.00%;  background-size: 100%;}
.frame6a-ye {  background-position: 0 62.22%;  background-size: 100%;}
.frame6a {  background-position: 0 64.44%;  background-size: 100%;}
.frame6b-ch {  background-position: 0 66.67%;  background-size: 100%;}
.frame6b-ye {  background-position: 0 68.89%;  background-size: 100%;}
.frame6b {  background-position: 0 71.11%;  background-size: 100%;}
.frame6bg {  background-position: 0 73.33%;  background-size: 100%;}
.frame6c-ch {  background-position: 0 75.56%;  background-size: 100%;}
.frame6c-ye {  background-position: 0 77.78%;  background-size: 100%;}
.frame6c {  background-position: 0 80.00%;  background-size: 100%;}
.frame6d-ch {  background-position: 0 82.22%;  background-size: 100%;}
.frame6d-ye {  background-position: 0 84.44%;  background-size: 100%;}
.frame6d {  background-position: 0 86.67%;  background-size: 100%;}
.frame6q {  background-position: 0 88.89%;  background-size: 100%;}
.frame6show {  background-position: 0 91.11%;  background-size: 100%;}
.frame6white {  background-position: 0 93.33%;  background-size: 100%;}
.frame7copy {  background-position: 0 95.56%;  background-size: 100%;}
.frame7cta {  background-position: 0 97.78%;  background-size: 100%;}
.frame7white {  background-position: 0 100.00%;  background-size: 100%;}




.frame8-correct,.frame8a-ch,.frame8a-ye,.frame8a,.frame8b-ch,.frame8b-ye,
.frame8b,.frame8bg,.frame8c-ch,.frame8c-ye,.frame8c,.frame8d-ch,
.frame8d-ye,.frame8d,.frame8e-ch,.frame8e-ye,.frame8e,.frame8q,
.frame8show,.frame8white,.frame9copy,.frame9cta,.frame9white
{ max-width: 100%; background-size: 100%; background-image: url('images/sprite3.png'); }

.frame8-correct {  background-position: 0 0.00%;  background-size: 100%;}
.frame8a-ch {  background-position: 0 4.55%;  background-size: 100%;}
.frame8a-ye {  background-position: 0 9.09%;  background-size: 100%;}
.frame8a {  background-position: 0 13.64%;  background-size: 100%;}
.frame8b-ch {  background-position: 0 18.18%;  background-size: 100%;}
.frame8b-ye {  background-position: 0 22.73%;  background-size: 100%;}
.frame8b {  background-position: 0 27.27%;  background-size: 100%;}
.frame8bg {  background-position: 0 31.82%;  background-size: 100%;}
.frame8c-ch {  background-position: 0 36.36%;  background-size: 100%;}
.frame8c-ye {  background-position: 0 40.91%;  background-size: 100%;}
.frame8c {  background-position: 0 45.45%;  background-size: 100%;}
.frame8d-ch {  background-position: 0 50.00%;  background-size: 100%;}
.frame8d-ye {  background-position: 0 54.55%;  background-size: 100%;}
.frame8d {  background-position: 0 59.09%;  background-size: 100%;}
.frame8e-ch {  background-position: 0 63.64%;  background-size: 100%;}
.frame8e-ye {  background-position: 0 68.18%;  background-size: 100%;}
.frame8e {  background-position: 0 72.73%;  background-size: 100%;}
.frame8q {  background-position: 0 77.27%;  background-size: 100%;}
.frame8show {  background-position: 0 81.82%;  background-size: 100%;}
.frame8white {  background-position: 0 86.36%;  background-size: 100%;}
.frame9copy {  background-position: 0 90.91%;  background-size: 100%;}
.frame9cta {  background-position: 0 95.45%;  background-size: 100%;}
.frame9white {  background-position: 0 100.00%;  background-size: 100%;}