@font-face {
  font-family: 'albertusnova';
  font-weight: 700;
  src: 
    url('../fonts/albertusnovablack.woff2') format('woff2'),
    url('../fonts/albertusnovablack.woff') format('woff'),
    url('../fonts/albertusnovablack.ttf') format('truetype'),
    url('../fonts/albertusnovablack.otf') format('otf');
}


@font-face {
  font-family: 'albertusnova';
  font-weight: 600;
  src: 
    url('../fonts/albertusnova_bold.woff2') format('woff2'),
    url('../fonts/albertusnova_bold.woff') format('woff'),
    url('../fonts/albertusnova_bold.ttf') format('truetype'),
    url('../fonts/albertusnova_bold.otf') format('otf');
}


@font-face {
  font-family: 'albertusnova';
  font-weight: 400;
  src: 
    url('../fonts/albertusnova.woff2') format('woff2'),
    url('../fonts/albertusnova.woff') format('woff'),
    url('../fonts/albertusnova.ttf') format('truetype'),
    url('../fonts/albertusnova.otf') format('otf');
}


@font-face {
  font-family: 'gillsans';
  font-weight: 400;
  src: 
    url('../fonts/gillsans.woff') format('woff'),
    url('../fonts/gillsans.ttf') format('truetype'),
    url('../fonts/gillsans.otf') format('otf');
}





*{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;

}
input{
  outline: none;
  }

/* width */
::-webkit-scrollbar {
  width: 5rem;
  height: 2rem;
  border-radius: 5rem;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5rem;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #016E7B;
    border-radius: 5rem;
    font-weight: 400;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #242b3d;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
a{
  text-decoration: none;
}

.clear{
  clear: both;
  }
.disabled{
  opacity: 0.5;
  pointer-events: none;
  }


.ico_menu{
  height: 0rem;
  }

html{
  margin: 0;
  padding: 0;
  margin: 0rem;
  height: 100%;
  width: 100%;
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  overscroll-behavior-y: none;
  font-size: 1px;
  overflow-x: hidden;
  }
body{
  margin: 0px;
  background-color: #fff;
  background: url(../img/bg.jpg?2);
  background-position: top center;
  background-size: auto 1405rem;
  font-family: 'albertusnova', sans-serif;
  font-weight: 400;
  color: #000;
  overflow-y: auto;
  overflow-x: hidden; 
  padding-top: 90rem;
  background-repeat: repeat;
    background-color: #2d4b7a;
  }
body.main{
  background-size: auto 1098rem;
  background-image: url(../img/bg_main.jpg);
  background-repeat: no-repeat;
  }

body.noscroll{
  overflow: hidden;
  }

.content{
  width: 1300rem;
  margin: auto;
  height: auto;
  position: relative;
  min-height: 100%;
  }
.menu_outer{
  height: 90rem;
  position: fixed;
  top: 0rem;
  width: 100%;
  background-color: #1A3663;
  z-index: 3;
  color: #fff;
  }

.menu_outer .logo{
  position: absolute;
  width: 165rem;
  height: 59rem;
  top: 19rem;
  background: url(../img/logo.png);
  background-position: top center;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 2;
  }
.profile{
  display: inline-block;
  margin-right: 7rem;
  margin-bottom: -1rem;
  }
.btn{
  display: inline-block;
  padding: 0rem 52rem;
  font-size: 14rem;
  line-height: 50rem;
  font-family: 'albertusnova';
  font-weight: 600;
  background: #FFC425;
  text-align: center;
  color: #091F43;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 30rem;
  transition: all 0.2s ease-in;
  }
.btn:hover{
  background: #1A3663;
  color: #fff;
  box-shadow:0rem 0rem 0rem 1rem #fff inset;
  }
.btn_small{
  display: inline-block;
  font-size: 12rem;
  line-height: 39rem;
  font-family: 'albertusnova';
  font-weight: 600;
  text-align: center;
  color: #fff;
  width: 187rem;
  text-transform: uppercase;
  cursor: pointer;
  border: 2px solid #1A3663;
  border-radius: 30rem;
  transition: all 0.2s ease-in;
  }
.btn_small:hover{
  background: #091F43;
  color: #FFC425;
  }
.title_page{
  font-family: 'albertusnova';
  font-size: 52rem;
  line-height: 62.4rem;
  text-align: center;
  color: #000;
  }


.menu{
  position: absolute;
  width: 100%;
  text-align: right;
  margin-top: 35rem;
  }
.menu .item{
  display: inline-block;
  text-align: right;
  font-family: 'albertusnova';
  font-weight: 400;
  font-size: 18rem;
  line-height: 27rem;
  margin-left: 72rem;
  position: relative;
  color: #FFC425;
  }
.menu .item span{
  cursor: pointer;
  transition: all 0.2s ease-in;
  }
.menu .item span:hover{
  color: #93CCE6;
  } 

.hw{
  position: absolute;
  width: 82rem;
  height: 853rem;
  max-height: calc(100vh - 116rem);
  top: 103rem;
  right: 0rem;
  background-image: url(../img/hw.png);
  background-size: 100% 100%; 
  z-index: 3;
  }


.block_age{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #091932F2;
  z-index: 3;
  top: 0rem;
  }
.block_age .logo{
  width: 267rem;
  height: 124rem;
  margin: auto;
  margin-top: 187rem;
  right: 0rem;
  background-image: url(../img/logo_start.png);
  background-size: 100% 100%;  
  }
.block_age .text{
  margin-top: 60rem;
  color: #FFF;
  text-align: center;
  font-size: 36rem;
  font-weight: 900;
  text-transform: uppercase; 
  }

.block_age .btns{
  margin: auto;
  text-align: center;
  margin-top: 40rem;
  }
.block_age .btn{
  margin-left: 36rem;
  margin-right: 36rem;
  }




.block_age_fail{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #091932F2;
  z-index: 3;
  top: 0rem;
  }
.block_age_fail .logo{
  width: 267rem;
  height: 124rem;
  margin: auto;
  margin-top: 187rem;
  right: 0rem;
  background-image: url(../img/logo_start.png);
  background-size: 100% 100%;  
  }
.block_age_fail .text{
  margin-top: 60rem;
  color: #FFF;
  text-align: center;
  font-size: 36rem;
  font-weight: 400;
  }


.block1{
  width: 100%;
  height: calc(100vh - 90rem);
  min-height: 650rem;
  }
.block1 .content{
  height: calc(100vh - 90rem);
  position: absolute;
  left: 50%;
  margin-left: -650rem;
  min-height: 701rem;
  }

.block1 .text1{
  position: absolute;
  top: 46%;
  left: 0rem;
  font-family: 'albertusnova';
  font-weight: 600;
  font-size: 96rem;
  line-height: 110rem;
  color: #FFC425;
  }
.block1 .text1:after{
  position: absolute;
  content: ' ';
  width: 245rem;
  height: 251rem;
  margin-left: -128rem;
  margin-top: -92rem;  
  background-image: url(../img/title_top.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;  
  }
.block1 .text2{
  position: absolute;
  top: 61%;
  left: 0rem;
  width: 717rem;
  font-family: 'gillsans', sans-serif;
  font-weight: 400;
  font-size: 20rem;
  color: #fff;
  }


@keyframes MoveUpDown { 0%, 100% {margin-top: 0;}50% {margin-top: 10px;}}

.block1 .roud{
  position: absolute;
  width: 152rem;
  height: 152rem;
  border-radius: 152rem;
  background-color: #FFC425;
  background-position: center;
  background-repeat: no-repeat;
  animation: MoveUpDown 1s ease-in infinite;
  }
.block1 .roud .count{
  position: absolute;
  display: flex;
  width: 176rem;
  height: 174rem;
  padding-right: 7rem;
  padding-bottom: 8rem;
  top: 23rem;
  left: 48rem;
  font-size: 18rem;
  color: #fff;
  background-image: url(../img/round_count.png);
  background-repeat: no-repeat;
  background-position: center;
  align-items: center;
  justify-content: center;
  }

.block1 .roud.r1{
  top: 22%;
  left: -35rem; 
  background-image: url(../img/prize1.png);
  background-size: 85rem 102rem;
  animation-delay: 0s;
  }
.block1 .roud.r2{
  top: 7%;
  left: 152rem; 
  background-image: url(../img/prize2.png);
  background-size: 107rem 107rem;
  animation-delay: 0.2s;
  }
.block1 .roud.r3{
  top: 22%;
  left: 330rem; 
  background-image: url(../img/prize3.png);
  background-size: 114rem 113rem;
  animation-delay: 0.4s;
  }
.block1 .roud.r4{
  top: 7%;
  left: 514rem; 
  background-image: url(../img/prize4.png);
  background-size: 99rem 117rem;
  animation-delay: 0.6s;
  }  
.block1 .roud.r5{
  top: 22%;
  left: 698rem;
  background-image: url(../img/prize5.png);
  background-size: 113rem 112rem;
  animation-delay: 0.8s;
  }


.block1 .btn{
  position: absolute;
  top: 83%;
  }

.block2{
  width: 100%;
  height: 883rem;
  }
.block2 .title{
  position: absolute;
  width: 100%;
  top: 60rem;
  color: #FFC425;
  text-align: center;
  text-shadow: 0rem 4rem 4rem 0rem rgba(0, 0, 0, 0.15);
  font-size: 48rem;
  font-weight: 400;
  }
.block2 .text{
  position: absolute;
  top: 202rem;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 20rem;
  font-style: normal;
  font-weight: 400;
  font-family: 'gillsans', sans-serif;
  }

.block2 .tryes{
  position: absolute;
  top: 43rem;
  color: #fff;
  text-align: center;
  font-size: 16rem;
  font-weight: 700;
  }
.block2 .prizes{
  width: 100%;
  position: absolute;
  top: 306rem;
  display: flex;
  justify-content: space-between;
  }
.block2 .prizes .item{
  width: 244rem;
  height: 520rem;  
  position: relative;
  border-radius: 4px;
  background: #091932;
  }
.block2 .prizes .item:nth-child(1) img{
  position: absolute;
  width: 150rem;
  height: 180rem;  
  top: 88rem;
  left: 42rem;
  }
.block2 .prizes .item:nth-child(2) img{
  position: absolute;
  width: 222rem;
  height: 222rem;  
  top: 65rem;
  left: 10rem;
  }
.block2 .prizes .item:nth-child(3) img{
  position: absolute;
  width: 204rem;
  height: 204rem;  
  top: 74rem;
  left: 20rem;
  }
.block2 .prizes .item:nth-child(4) img{
  position: absolute;
  width: 174rem;
  height: 204rem;  
  top: 74rem;
  left: 36rem;
  }
.block2 .prizes .item:nth-child(5) img{
  position: absolute;
  width: 199rem;
  height: 207rem;  
  top: 72rem;
  left: 19rem;
  }
.block2 .prizes .item .round{
  position: absolute;
  width: 55rem;
  height: 55rem;
  border-radius: 55rem;
  background-color: #FFC425;
  margin-left: 199rem;
  top: -10rem;
  color: #091F43;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 55rem;
  }
.block2 .prizes .item .btn.kqiz{
  position: absolute;
  top: 390rem;
  left: 31rem;
  width: 184rem;
  padding: 0rem;
  }
.block2 .prizes .item .btn_small.result{
  position: absolute;
  top: 452rem;
  left: 29rem;
  }

.block2 .prizes .item .name{
  position: absolute;
  top: 328rem;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 14rem;
  font-weight: 700; 
  color: #fff;
  }


.block3{
  width: 100%;
  height: 883rem;
  }
.block3 .time{
  position: absolute;
  top: 49rem;
  color: #fff;
  font-size: 20rem;
  font-weight: 700;
  }
.block3 .timer{
  font-size: 50rem;
  margin-left: 10rem;
  }
.block3 .count_qw{
  position: absolute;
  top: 69rem;
  right: 0rem;
  color: #fff;
  font-size: 24rem;
  font-weight: 400;
  font-family: 'gillsans', sans-serif;
  }
.block3 .qw_title{
  margin: auto;
  padding-top: 100rem;
  width: 772rem;
  color: #FFC425;
  text-align: center;
  text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  font-size: 36rem;
  font-weight: 700;
  }
.block3 .qw_title2{
  position: absolute;
  bottom: 19rem;
  font-size: 16rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  width: 100%;
  }


.block3 .qw_text{
  margin: auto;
  padding-top: 10rem;
  width: 772rem;
  color: #fff;
  text-align: center;
  font-size: 26rem;
  font-weight: 400;
  margin-bottom: 66rem;
  font-family: 'gillsans', sans-serif;
  }
.block3 .answers{
  width: 1100rem;
  margin: auto;
  font-size: 24rem;
  color: #fff;
  font-weight: 400;
  display: flex;
  justify-content: space-around;
  font-family: 'gillsans', sans-serif;
  }
.block3 .answers .item{
  width: calc(25% - 20rem);
  cursor: pointer;
  overflow-wrap: break-word;
  }
.block3 .answers .item input[type="radio"]{
  width: 20rem;
  height: 20rem;
  appearance: none;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-top: 2rem;
  margin-right: 16rem;
  }
.block3 .answers .item input[type="radio"]:checked:after {
  content: '✔';
  position: absolute;
  color: #000;
  font-size: 13rem;
  margin-top: -4rem;
  margin-left: 2rem;
  font-weight: 700;
  font-family: 'albertusnova', sans-serif;
  }
.block3 .answers .item input[type="text"]{
  width: 112rem;
  height: 48rem;
  border-radius: 4rem;
  border: 2px solid #FFC425;
  background: #FFF;
  font-family: 'gillsans', sans-serif;
  font-size: 22rem;
  font-weight: 400;
  text-align: center;
  margin-right: 20rem;
  }



.block3 .answers .item label{
  display: flex;
  }
.block3 .answers .item span{
  width: calc(100% - 42rem);
  }
.block3 .answers .item input:checked {
  background-color: #FFC425;
  border: 2px solid #FFC425;
  }


.block4{
  width: 100%;
  height: 883rem;
  overflow: hidden;
  }

.block4 .title{
  margin: auto;
  padding-top: 113rem;
  color: #FFC425;
  text-align: center;
  text-shadow: 0rem 4rem 4rem 0rem rgba(0, 0, 0, 0.15);
  font-size: 64rem;
  font-weight: 700;
  text-transform: uppercase;  
  }

.block4 .text1{
  margin: auto;
  margin-top: 40rem;
  text-align: center;
  color: #FFF;
  font-size: 24rem;
  font-weight: 700;
  text-transform: uppercase;
  }
.block4 .text2{
  margin: auto;
  margin-top: 35rem;
  text-align: center;
  color: #FFF;
  font-size: 20rem;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'gillsans', sans-serif;
  }
.block4 .text3{
  margin: auto;
  margin-top: 30rem;
  text-align: center;
  color: #FFC425;
  font-size: 20rem;
  font-weight: 400;
  text-transform: uppercase;
  font-family: 'gillsans', sans-serif;
  }
.block4 .btn{
  margin: auto;
  margin-top: 76rem;
  display: block;
  width: 238rem;
  }
.block4 .finish{
  position: absolute;
  width: 800rem;
  height: 1028rem;
  top: -47rem;
  right: 788rem;
  background: url(../img/finish.png?2);
  background-position: top center;
  background-size: 100% 100%;
  }




.block5{
  width: 100%;
  height: auto;
  min-height: 883rem;
  }
.block5 .ico_back{
  position: absolute;
  width: 16rem;
  height: 16rem;
  top: 43rem;
  }
.block5 .back_text{
  position: absolute;
  top: 43rem;
  left: 25rem;
  color: #93CCE6;
  font-size: 16rem;
  font-weight: 400;
  font-family: 'gillsans', sans-serif;
  }
.block5 .result{
  position: absolute;
  top: 100rem;
  color: #fff;
  font-size: 16rem;
  font-weight: 400;
  font-family: 'gillsans', sans-serif;
  }
.block5 .prizes{
  width: 100%;
  padding-top: 161rem;
  display: flex;
  justify-content: space-between;  
  }
.block5 .prizes .item{
  width: 244rem;
  color: #fff;
  font-size: 14rem;
  font-weight: 700;
  text-transform: uppercase;  
  text-align: center;
  transition: all 0.2s ease-in;
  cursor: pointer;
  }
.block5 .prizes .item .img{
  width: 244rem;
  height: 100rem;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25rem;
  opacity: 0.6;
  transition: all 0.2s ease-in;
  }

.block5 .prizes .item.active{
  color: #FFC425;
  }
.block5 .prizes .item.active .img{
  opacity: 1;
  }

.block5 .prizes .item:nth-child(1) img{
  width: 80rem;
  height: 94rem;  
  }
.block5 .prizes .item:nth-child(2) img{
  width: 104rem;
  height: 104rem;  
  }
.block5 .prizes .item:nth-child(3) img{
  width: 98rem;
  height: 98rem;  
  }
.block5 .prizes .item:nth-child(4) img{
  width: 81rem;
  height: 95rem;  
  }
.block5 .prizes .item:nth-child(5) img{
  width: 91rem;
  height: 95rem;  
  }

.block5 .grid{
  width: 100%;
  margin-top: 65rem;
  font-family: 'gillsans', sans-serif;
  margin-bottom: 20rem;
  }
.block5 .row{
  clear: both;
  width: 100%;
  height: 36rem;
  }
.block5 .row_head{
  clear: both;
  width: 100%;
  height: 57rem;
  }
.block5 .cell{
  display: flex;
  justify-content: center;
  align-items: center;  
  width: 16.66%;
  float: left;
  height: 36rem;
  border-right: 1px solid #2D4B7A;
  color: #FFF;
  font-size: 16rem;
  font-weight: 400;
  }
.block5 .row_head .cell{
  height: 57rem;
  background-color: #2D4B7A;
  }
.block5 .cell:last-child{
  border-right: none;
  }
.block5 .grid .row:nth-child(2n+1){
  background: rgba(45, 75, 122, 0.20);
  }



.footer{
  width: 100%;
  height: 112rem;
  background-color: #2D4B7A;  
  color: #fff;
  }
.footer .logo{
  position: absolute;
  width: 169rem;
  height: 79rem;
  top: 19rem;
  background: url(../img/logo2.png);
  background-position: top center;
  background-size: 100% 100%;
  cursor: pointer;
  }
.footer .rules{
  position: absolute;
  top: 42rem;
  left: 341rem;
  font-size: 14rem;
  color: #fff;
  }
.footer .phone{
  position: absolute;
  top: 28rem;
  left: 660rem;
  font-size: 28rem;
  }
.footer .workhours{
  position: absolute;
  top: 64rem;
  left: 660rem;
  font-size: 11rem;
  }
.footer .copyright{
  position: absolute;
  top: 15rem;
  right: 0rem;
  font-size: 11rem;
  text-align: right;
  }



.popup_outer{
  position: fixed;
  width: 100%;
  height: calc(100vh + 100rem);
  background-color: #091932F2;
  z-index: 4;
  top: 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in;
  margin-top: -100rem;
  }
.popup_outer.active{
  visibility: visible;
  opacity: 1;
  margin-top: 0rem;
  }

.popup{
  position: relative;
  width: 446rem;
  height: auto;
  padding-top: 100rem;
  padding-bottom: 83rem;
  padding-left: 73rem;
  padding-right: 73rem;
  background-color: #fff;
  text-align: center;
  font-size: 12rem;
  font-weight: 400;
  color: #353535;
  transition: all 0.2s ease-in;
  margin-top: -100rem;
  }


.btn_tab{
  border-radius: 30rem 0rem 0rem 30rem;
  background: #fff;  
  color: #091F43;
  text-align: right;
  font-size: 14rem;
  font-weight: 700;
  width: 150rem;
  height: 36rem;
  line-height: 36rem;
  padding-right: 34rem;
  box-sizing: border-box;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease-in;
  }
.btn_tab.left{
  border-radius: 0rem 30rem 30rem 0rem;
  text-align: left;
  font-size: 14rem;
  font-weight: 700;
  width: 150rem;
  height: 36rem;
  line-height: 36rem;
  padding-left: 17rem;
  box-sizing: border-box;
  float: left;
  }
.btn_tab.active{
  background: #091F43;  
  color: #FFF;
  }

.btn_tab:hover{
  color: #FFC425;
  }
.btn_tab.active:hover{
  color: #fff;
  }




.popup input[type="text"],.popup input[type="date"]{
  height: 33rem;
  width: 280rem;
  font-size: 16rem;
  font-weight: 400;
  border: none;
  border-bottom: 1rem solid #353535;
  font-family: 'gillsans', sans-serif;
  }

.popup input[type="text"],.popup input[type="date"]{
  margin-top: 12rem;
  }
.popup input[type="text"]:first-child{
  margin-top: 26rem;
  }
.popup.login input[type="text"]:first-child{
  margin-top: 95rem;
  }

.popup .btn{
  width: 270rem;
  height: 39rem;
  line-height: 37rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 12rem;
  font-weight: 700;
  background-color: #fff;
  border-radius: 30rem;
  border: 2rem solid #1A3663;  
  margin-top: 30rem;
  }
.popup .btn:hover{
  background: #1A3663;
  }
.popup .text{
  font-size: 16rem;
  font-weight: 400; 
  margin-top: 40rem;
  margin-bottom: 30rem; 
  }
.popup .snoska{
  display: block;
  width: 270rem;
  margin: auto;
  text-align: left;
  margin-bottom: 31rem;
  margin-top: 12rem;
  font-family: 'gillsans', sans-serif;
  } 
.popup label{
  display: block;
  width: 325rem;
  margin: auto;
  margin-top: 16rem;
  text-align: left;
  padding: 0rem;
  padding-left: 13rem;
  font-family: 'gillsans', sans-serif;
  } 
.popup label a{
  color: #353535;
  text-decoration: underline;
  } 

.popup .close{
  position: absolute;
  width: 20rem;
  height: 20rem;
  top: 16rem;
  right: 20rem; 
  background-image: url(../img/ico_close.png);
  background-size: 100% 100%;
  cursor: pointer;
  }

.popup .title{
  color: #000;
  text-align: center;
  font-size: 24rem;
  font-weight: 700;
  }
.popup input[type="checkbox"]{
  width: 18rem;
  height: 18rem;
  appearance: none;
  border: 2px solid #091F43;
  margin-bottom: -4rem;
  margin-right: 10rem;
  }
.popup input[type="checkbox"]:checked {
  background-color: #091F43;
  border: 2px solid #091F43;
  }
.popup input[type="checkbox"]:checked:after {
  content: '✔';
  position: absolute;
  color: #fff;
  font-size: 12rem;
  margin-top: -2rem;
  margin-left: 2rem;
  }

.popup .img_captcha{
  width: 106rem;
  margin-bottom: -17rem;
  }
.popup input[type="text"].captcha{
  width: 166rem;
  font-size: 13rem;
  }

.error{
  background-color: #ffc5c5;
  }

.lnk_back{
  cursor: pointer;
  }

.stat_pages{
  font-size: 15rem;
  color: #fff;
  margin: auto;
  width: 100%;
  text-align: center;
  margin-bottom: 18rem;
  }
.stat_pages .page{
  display: inline-block;
  width: 35rem;
  line-height: 35rem;
  text-align: center;
  background-color: #2d4b7a;
  margin: 10rem;
  cursor: pointer;
  }
.stat_pages .page:hover{
  color: #FFC425;
  }
.stat_pages .page.active{
  background-color: #FFC425;
  color:#333;
  font-weight: bold;
  }

.mob{display: none;}
.menu .item.mob{
  display: none;
  }


@media (max-width: 1490px) {
  html{
    font-size: 0.9px;
    }
  }


@media (max-width: 1471px) {
  html{
    font-size: 0.8px;
    }
  }

@media (max-width: 1350px) {
  html{
    font-size: 0.8px;
    }
  }

@media (max-width: 1263px) {
  html{
    font-size: 0.7px;
    }
  }

@media (max-width: 1076px) {
  html{
    font-size: 0.6px;
    }
  }

@media (max-width: 900px) {

html{
  font-size: calc(100vw / 360);
  }



body {
    margin: 0px;
    background-color: #fff;
    background: #1A3663;
    background-position: top center;
    background-size: auto 1573rem;
    font-family: 'albertusnova', sans-serif;
    font-weight: 400;
    color: #000;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 60rem;
}

body.main {
    background-size: 100vw auto;
    background-image: url(../img/bg_main_mob.jpg);
    background-repeat: repeat;
}


.content {
    width: 100vw;
    margin: auto;
    height: auto;
    position: relative;
}
.block3 .content{
  min-height: 600rem;
  }
.block3 .qw_title2 {
    position: absolute;
    bottom: 19rem;
    font-size: 13rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    width: 100%;
}

.btn {
    display: inline-block;
    padding: 0rem 50rem;
    font-size: 14rem;
    line-height: 50rem;
    font-family: 'albertusnova';
    font-weight: 600;
    background: #FFC425;
    text-align: center;
    color: #091F43;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 30rem;
}

.menu_outer {
    height: 60rem;
    position: fixed;
    top: 0rem;
    width: 100%;
    background-color: #1A3663;
    z-index: 2;
    color: #fff;
}

.menu_outer .logo {
    position: absolute;
    width: 112rem;
    height: 40rem;
    top: 10rem;
    left: 10rem;
    background: url(../img/logo.png);
    background-position: top center;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 2;
}

.menu_outer .ico_menu {
    position: absolute;
    width: 37rem;
    height: 23rem;
    left: 313rem;
    top: 19rem;
    display: none;
  }
.menu_outer .ico_menu.na{
  display: block;
  }


.menu {
    position: absolute;
    width: 320rem;
    right: -320rem;
    height: 100vh;
    text-align: right;
    margin-top: 0rem;
    background-color: #1A3663;
    top: 60rem;
    padding-top: 34rem;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in;
    background-image: url(../img/menu_bottle.png);
    background-position: top right;
    background-size: 221rem 530rem;
    background-repeat: no-repeat;
}
.menu_black{
  position: fixed;
  top: 0rem;
  left: 0rem;
  width: 100vw;
  height: 100vh;
  background-color: #091932F2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in;
  }

.loginitems{
  visibility: hidden;
  }
.loginitems.mob.active{
  visibility: visible;
  color: #fff;
  }


.menu_black.active{
  opacity: 1;
  visibility: visible;
  }
.menu.active{
  right: 0rem;
  opacity: 1;
  visibility: visible;
  }
.menu .btn{
  position: relative;
  left: 10rem;
  top: 23rem;
  line-height: 38rem;
  font-size: 12rem;
  margin-top: -62rem;
  margin-bottom: 49rem;
  width: 200rem;
  padding: 0rem;
  }
.menu .btn.hidden{
  display: none;
  }
.menu .item {
    display: block;
    text-align: left;
    font-family: 'albertusnova';
    font-weight: 400;
    font-size: 18rem;
    line-height: 27rem;
    margin-left: 15rem;
    position: relative;
    color: #FFC425;
    margin-bottom: 35rem;
}


.block1 {
    width: 100%;
    height: 583rem;
    min-height: auto;
}
.block1 .content {
    height: auto;
    position: relative;
    left: 0rem;
    margin-left: 0rem;
    min-height: auto;
}
.block1 .roud {
    position: absolute;
    width: 73rem;
    height: 73rem;
    border-radius: 152rem;
    background-color: #FFC425;
    background-position: center;
    background-repeat: no-repeat;
}

.block1 .roud .count {
    position: absolute;
    display: flex;
    width: 90rem;
    height: 90rem;
    padding-right: 4rem;
    padding-bottom: 8rem;
    top: 11rem;
    left: 24rem;
    font-size: 12rem;
    color: #fff;
    background-image: url(../img/round_count.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    align-items: center;
    justify-content: center;
}
.block1 .roud.r1 {
    top: 109rem;
    left: 10rem;
    background-image: url(../img/prize1.png);
    background-size: 40rem 49rem;
}
.block1 .roud.r2 {
    top: 27rem;
    left: 79rem;
    background-image: url(../img/prize2.png);
    background-size: 51rem 51rem;
}
.block1 .roud.r3 {
    top: 109rem;
    left: 134rem;
    background-image: url(../img/prize3.png);
    background-size: 54rem 54rem;
}
.block1 .roud.r4 {
    top: 27rem;
    left: 203rem;
    background-image: url(../img/prize4.png);
    background-size: 47rem 56rem;
}
.block1 .roud.r5 {
    top: 109rem;
    left: 256rem;
    background-image: url(../img/prize5.png);
    background-size: 54rem 53rem;
}


.block1 .text1 {
    position: absolute;
    top: 248rem;
    left: 15rem;
    font-family: 'albertusnova';
    font-weight: 600;
    font-size: 44rem;
    line-height: normal;
    color: #FFC425;
}
.block1 .text1:after {
    position: absolute;
    content: ' ';
    width: 104rem;
    height: 104rem;
    margin-left: -46rem;
    margin-top: -35rem;
    background-image: url(../img/title_top.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.block1 .text2 {
    position: absolute;
    top: 309rem;
    left: 10rem;
    width: calc(100vw - 20rem);
    font-family: 'gillsans', sans-serif;
    font-weight: 400;
    font-size: 15rem;
    text-align: center;
    color: #fff;
}

.block1 .btn_outer {
    position: absolute;
    top: 490rem;
    left: 0rem;
    text-align: center;
    width: 100vw;
  }
.block1 .btn {
    margin: auto;
    position: relative;
    top: 0rem;
}



.block2 {
    width: 100%;
    height: 682rem;
}
.block2 .tryes {
    position: absolute;
    top: 10rem;
    color: #fff;
    text-align: center;
    font-size: 16rem;
    font-weight: 700;
    text-align: center;
    width: 100vw;
}
.block2 .title {
    position: absolute;
    width: 100vw;
    top: 44rem;
    color: #FFC425;
    text-align: center;
    text-shadow: 0rem 4rem 4rem 0rem rgba(0, 0, 0, 0.15);
    font-size: 20rem;
    font-weight: 400;
}
.block2 .text {
    position: absolute;
    top: 120rem;
    left: 10rem;
    width: calc(100vw - 20rem);
    text-align: center;
    color: #FFF;
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    font-family: 'gillsans', sans-serif;
}
.block2 .prizes {
    width: 100%;
    position: absolute;
    top: 254rem;
    display: block;
    justify-content: space-between;
}
.block2 .prizes .item {
    width: 244rem;
    height: 392rem;
    position: relative;
    border-radius: 4px;
    background: #091932;
    position: absolute;
    left: 58rem;
    visibility: hidden;
    opacity: 0;
    }
.block2 .prizes .item.active {
    visibility: visible;
    opacity: 1;
  }
.block2 .prizes .item:nth-child(1) img {
    top: 22rem;
    left: 42rem;
  }
.block2 .prizes .item:nth-child(2) img {
    top: 22rem;
    left: 10rem;
  }
.block2 .prizes .item:nth-child(3) img {
    top: 22rem;
    left: 20rem;
  }
.block2 .prizes .item:nth-child(4) img {
    top: 22rem;
    left: 36rem;
  }
.block2 .prizes .item:nth-child(5) img {
    top: 22rem;
    left: 19rem;
  }

.block2 .prizes .item .name {
    position: absolute;
    top: 220rem;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 14rem;
    font-weight: 700;
    color: #fff;
}
.block2 .prizes .item .btn.kqiz {
    position: absolute;
    top: 272rem;
    left: 31rem;
    width: 184rem;
    padding: 0rem;
}
.block2 .prizes .item .btn_small.result {
    position: absolute;
    top: 334rem;
    left: 29rem;
}
.block2 .arrow_back{
  position: absolute;
  top: 420rem;
  left: 10rem;
  width: 20rem;
  height: 38rem;
  cursor: pointer;
  }
.block2 .arrow_next{
  position: absolute;
  top: 420rem;
  left: 330rem;
  width: 20rem;
  height: 38rem;
  cursor: pointer;
  }


.block3 {
    width: 100vw;
        height: auto;
    min-height: 500rem;

}

.block3 .time {
    position: absolute;
    top: 20rem;
    left: 10rem;
    color: #fff;
    font-size: 13rem;
    font-weight: 700;
}
.block3 .timer {
    font-size: 20rem;
    margin-left: 10rem;
}
.block3 .count_qw {
    position: absolute;
    top: 20rem;
    right: 10rem;
    color: #fff;
    font-size: 20rem;
    font-weight: 400;
    font-family: 'gillsans', sans-serif;
}
.block3 .qw_title {
    margin: auto;
    padding-top: 55rem;
    width: 100vw;
    color: #FFC425;
    text-align: center;
    text-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
    font-size: 20rem;
    font-weight: 700;
    padding-right: 10rem;
    padding-left: 10rem;
}
.block3 .qw_text {
    margin: auto;
    padding-top: 10rem;
    width: 100vw;
    color: #fff;
    text-align: center;
    font-size: 16rem;
    font-weight: 400;
    margin-bottom: 40rem;
    font-family: 'gillsans', sans-serif;
    padding-right: 10rem;
    padding-left: 10rem;
}
.block3 .answers {
    width: 100vw;
    margin: auto;
    font-size: 16rem;
    color: #fff;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    font-family: 'gillsans', sans-serif;
    flex-wrap: wrap;
    padding-left: 10rem;
    padding-bottom: 10rem;
}
.block3 .answers .item {
width: calc(50vw - 10rem);
    cursor: pointer;
    margin-bottom: 38rem;
}
.block3 .answers .item input {
    width: 20rem;
    height: 20rem;
    appearance: none;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-top: 0rem;
    margin-right: 16rem;
}
.block3 .answers .item input:checked:after {
    content: '✔';
    position: absolute;
    color: #000;
    font-size: 13rem;
    margin-top: -3rem;
    margin-left: 3rem;
    font-weight: 700;
    font-family: 'albertusnova', sans-serif;
}

.block4 {
    width: 100%;
    height: 555rem;
    overflow: hidden;
}

.block4 .finish {
    position: absolute;
    width: 531rem;
    height: 618rem;
    top: -11rem;
    left: -236rem;
    background: url(../img/finish.png);
    background-position: top center;
    background-size: 100% 100%;
}
.block4 .title {
    margin: auto;
    padding-top: 30rem;
    color: #FFC425;
    text-align: right;
    padding-right: 15rem;
    text-shadow: 0rem 4rem 4rem 0rem rgba(0, 0, 0, 0.15);
    font-size: 32rem;
    font-weight: 700;
    text-transform: uppercase;
}
.block4 .text1 {
    margin: auto;
    margin-top: 26rem;
    text-align: right;
    color: #FFF;
    font-size: 20rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 15rem;
}
.block4 .text2 {
    margin: auto;
    margin-top: 21rem;
    text-align: right;
    color: #FFF;
    font-size: 18rem;
    font-weight: 400;
    text-transform: none;
    font-family: 'gillsans', sans-serif;
    padding-right: 15rem;
}
.block4 .text3 {
    margin: auto;
    margin-top: 19rem;
    text-align: right;
    color: #FFC425;
    font-size: 15rem;
    font-weight: 400;
    text-transform: none;
    font-family: 'gillsans', sans-serif;
    padding-right: 15rem;
}
.block4 .btn {
    position: absolute;
    margin: auto;
    margin-top: 36rem;
    display: block;
    width: 140rem;
    padding: initial;
    right: 0rem;
    margin-right: 10rem;
}


.block5 {
    width: 100%;
    height: auto;
}
.block5 .ico_back {
    position: absolute;
    width: 16rem;
    height: 16rem;
    top: 20rem;
    left: 10rem;
}
.block5 .back_text {
    position: absolute;
    top: 20rem;
    left: 35rem;
    color: #93CCE6;
    font-size: 16rem;
    font-weight: 400;
    font-family: 'gillsans', sans-serif;
}
.block5 .result {
    position: absolute;
    top: 67rem;
    left: 10rem;
    color: #fff;
    font-size: 15rem;
    font-weight: 400;
    font-family: 'gillsans', sans-serif;
}
.block5 .prizes {
    width: 100vw;
    padding-top: 124rem;
    display: block;
    height: 300rem;
    justify-content: space-between;
}
.block5 .prizes .item {
    position: absolute;
    left: calc(50vw - 117rem);
    width: 234rem;
    color: #fff;
    font-size: 14rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.2s ease-in;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
}
.block5 .prizes .item.show{
    visibility: visible;
    opacity: 1;  
  }

.block5 .arrow_back{
  position: absolute;
  top: 160rem;
  left: 10rem;
  width: 20rem;
  height: 38rem;
  cursor: pointer;
  }
.block5 .arrow_next{
  position: absolute;
  top: 160rem;
  left: 330rem;
  width: 20rem;
  height: 38rem;
  cursor: pointer;
  }

.grid_outer{
    width: 100vw;
    overflow: auto;
     margin-bottom: 29rem;
  }
.block5 .grid {
width: 215vw;
    margin-top: 4rem;
    font-family: 'gillsans', sans-serif;
   
}
.block5 .cell {
    width: 17.9%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: center;
}
.block5 .cell:nth-child(1){
  width: 10%;
  }




.footer {
    width: 100%;
    height: 310rem;
    background-color: #2D4B7A;
    color: #fff;
}
.footer .logo {
    position: absolute;
    width: 83rem;
    height: 31rem;
    top: 23rem;
    left: 10rem;
    background: url(../img/logo2.png);
    background-position: top center;
    background-size: 100% 100%;
    cursor: pointer;
}
.footer .rules {
    position: absolute;
    top: 83rem;
    left: 10rem;
    font-size: 14rem;
    color: #fff;
    text-decoration: underline;
}
.footer .phone {
    position: absolute;
    top: 20rem;
    left: 170rem;
    font-size: 22rem;
}
.footer .workhours {
    position: absolute;
    top: 48rem;
    left: 176rem;
    font-size: 9rem;
}
.footer .copyright {
    position: absolute;
    top: 113rem;
    left: 10rem;
    right: auto;
    font-size: 11rem;
    text-align: left;
}
.footer .hw {
    position: absolute;
    width: 341rem;
    height: 107rem;
    top: 197rem;
    left: 10rem;
    background-image: url(../img/hw_mob.svg);
    background-size: 100%;
    z-index: 0;
}


.popup {
    width: 100vw;
    padding-top: 100rem;
    padding-bottom: 83rem;
    padding-left: 0rem;
    padding-right: 0rem;
    max-height: 100vh;
    overflow-y: auto;
}
.popup input[type="text"], .popup input[type="date"]{
  width: 270rem;
  }
.popup input[type="text"].captcha {
    width: 158rem;
    font-size: 13rem;
}


.block_age .logo {
    width: 201rem;
    height: 93rem;
    margin: auto;
    margin-top: 73rem;
    right: 0rem;
    background-image: url(../img/logo_start.png);
    background-size: 100% 100%;
}
.block_age .text {
    margin-top: 60rem;
    color: #FFF;
    text-align: center;
    font-size: 32rem;
    font-weight: 900;
    text-transform: uppercase;
}
.block_age .btns {
    margin: auto;
    text-align: center;
    margin-top: 57rem;
}
.block_age .btn {
    margin-left: 12rem;
    margin-right: 12rem;
}


.block_age_fail .logo {
    width: 201rem;
    height: 93rem;
    margin: auto;
    margin-top: 73rem;
    right: 0rem;
    background-image: url(../img/logo_start.png);
    background-size: 100% 100%;
}
.block_age_fail .text {
    margin-top: 60rem;
    color: #FFF;
    text-align: center;
    font-size: 20rem;
    font-weight: 400;
    padding-left: 12rem;
    padding-right: 12rem;
}


.pc{
  display: none!important;
  }
.mob{
  display: block;
  }
.menu .item.mob{
  display: block;
  }




  }