body {
  -ms-text-size-adjust: none;
	-moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
    margin: 0;
    color: #fff;
    font: 15px 'MyriadPro', sans-serif;
    font-weight: 400;
    background: #fff;
    direction: ltr;
    width: -webkit-calc(100vw);
    overflow: hidden;
    position: relative;

}

/* **** START **** */
.page{
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.wrapper{
    margin: auto;
    display: table-row;
    width: 100%;
}

.header-video {
  max-width: 100%;
  max-height: 100%;

  margin: 0;
  padding: 0;

  -o-object-fit: fill;
  object-fit: fill;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* LOGO */
.logo {
  display: none;
  text-align: center;
  margin-top: 88px;
    margin-top: 12vh;

  margin-bottom: 109px;
    margin-bottom: 16vh;
}
.logo-img {
  height:40vmin;
  width: auto;
  max-height: 187px;
  -o-object-fit: contain;
  object-fit: contain;
  cursor: pointer;
  outline: none;
}

/* btn start */
.btn-wrap {
  display: none;
  text-align: center;
  margin: 15px auto;
  margin: 2.5vh auto;
}
.btn {
  background: #ca324d;
  
  display: block;

  margin-left: auto;
  margin-right: auto;
  padding: 16px 5px;
  
  width: 78vmin;
  max-width: 360px;

  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;

  color: #fff;
  font-weight: 500;
  font-size: 21.98px;
  font-size: 6vmin;
  line-height: 1.09;
  text-transform: uppercase;
  letter-spacing: .02em;
 
  border: 0;

  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}
.btn:active {
  -webkit-transform: scale(.97);
     -moz-transform: scale(.97);
      -ms-transform: scale(.97);
       -o-transform: scale(.97);
          transform: scale(.97);
}
/* btn end */


/* FOOTER */
.footer {
/*  display: table-row;
  width: 100%; 
  height: 1%;
  position: relative;
  z-index: 99;*/

    position: fixed;
  bottom: 0!important;
  left: 0;
  right: 0;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  
}
.footer__text {

  font-family: 'Arial Narrow';
  font-size: 11px;
  padding: 5px 10px;
  line-height: 1;
  text-align: center;

  color: #fff;

  background: #363636;
  /* background: rgb(54, 54, 54, 0.9); */
}
.tac {text-align: center; padding: 20px 5px 5px;}
.tr4, .footer__text a {
  font-family: 'Arial Narrow';
  color: inherit;
  text-decoration: none;
  display: inline;
  text-align: center;
  font-size: 11px;

  color: #ffffff52;
}
/* FOOTER END*/

.footer a{
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

/* MEDIA */

/* ПЛАНШЕТЫ И ПК */
@media (min-width: 659px)and (min-height:659px) {
  .logo {
    margin-top: 10vh;
    margin-bottom: 10vh;
  }
  .btn {
    font-size: 27.22px;
    padding: 20px 5px;
  }
  .footer__text {
    padding: 10px 10px;
  }
  .header-video {
    width: 100%;
    height: 100vh;
  
    max-width: 100%;
    max-height: 100%;
  
    margin: 0;
    padding: 0;
  
    -o-object-fit: contain;
    object-fit: contain;
  }
}
/* ПЛАНШЕТЫ И ПК  END */

@media (orientation: landscape) {
  .header-video {
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media (orientation: landscape) and (max-height: 500px){
  .header-video {
    -o-object-fit: fill;
    object-fit: fill;
  }
}


@font-face {
    font-family: 'SofiaProBlack';
    src: url('../fonts/SofiaProBlack.eot');
    src: url('../fonts/SofiaProBlack.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SofiaProBlack.woff2') format('woff2'),
    url('../fonts/SofiaProBlack.woff') format('woff'),
    url('../fonts/SofiaProBlack.ttf') format('truetype'),
    url('../fonts/SofiaProBlack.svg#SofiaProBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SofiaPro-Bold';
    src: url('../fonts/SofiaPro-Bold.eot');
    src: url('../fonts/SofiaPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SofiaPro-Bold.woff2') format('woff2'),
    url('../fonts/SofiaPro-Bold.woff') format('woff'),
    url('../fonts/SofiaPro-Bold.ttf') format('truetype'),
    url('../fonts/SofiaPro-Bold.svg#SofiaPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, p, div{
    padding: 0;
    margin: 0;
  
}
html,body{
  overflow-x:hidden;
  overflow-y:visible;
}
.page__wrap{
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.button__subtitle{
  font-family: 'SofiaPro-Bold';
  font-size: 17px;
  color: rgb(36, 31, 33);
  line-height: 1.578;
  text-align: center;
  margin-bottom: 1vh;
}
.page__input{
  font-family: 'SofiaPro-Bold';
  font-size: 35px;
  background-color: #fff;
  width: 100%;
  padding: 15px 0;
  outline: none;
  /*margin:0 auto;*/
  margin-bottom: 1vh;
  text-align: center;
  color: #928F90;
  border-color: black;
  border: 1px solid #000;
  border-radius: 10px;
}
.page__button{
  font-family: 'SofiaPro-Bold';
  font-size: 43px;
  text-decoration: none;
  text-align: center;
  background-color: #EF1248;
  color:#ffffff;
  display: block;
  width: 100%;
  padding: 15px 0;
  outline: none;
  border: none;
  margin:0 auto;
  cursor: pointer;
  border-radius: 10px;

}
/*ANO css*/
.popup_bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 2000;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  height: 130vh;
  padding-top: 30vh;
}

.popup{
  text-align: center;

}

.white{
  color: #fff;
}

.green{
  color: #43ea53;
}

.first,
.second,
.fourth{
  font-size: 42px;
}

.third,
.fifth{
  font-size: 30px;
}

#popup_wrapper{
  display: none;
}

.error{
  border: 1px solid #ff0000;
}
/*End ANO css*/


body{
  height: 100vh;
}

@media screen and (orientation:landscape) and (max-device-width: 900px) and (min-device-width: 300px) {
  html{
      -webkit-transform: rotate(-90deg);
         -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
           -o-transform: rotate(-90deg);
              transform: rotate(-90deg);
      -webkit-transform-origin: left top;
         -moz-transform-origin: left top;
          -ms-transform-origin: left top;
           -o-transform-origin: left top;
              transform-origin: left top;
      width: 100vmin;
      height: 100vw;
      position: fixed;
      top: 100%;
      left: 0;
      overflow: hidden; 
  }
  body {
    width: 100%;  
  }
  html,body{
    overflow-x:hidden;
    height: 100vw;
  }
  .logo {
    margin-top: 15.7vw;
  }

  .popup_bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 2000;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    height: 100vw;
    padding-top: 0;
  }
}



/*Windows 1366*768*/
@media screen and (max-width: 1367px)and (max-height:658px) {
    .logo{
      margin-bottom: 5vh;
      margin-top: 5vh;
    }
}

/*Samsung Galaxy Tab S6, Tab S5e, Tab S4 - album*/
@media screen and (max-width: 1152px)and (max-height:545px) {
/*.page__subtitle{
  font-size: 18px;
}*/
.page__button{
  font-size:30px;
}
.page__input{
  font-size: 25px;
}
.page__wrap {
    max-width: 450px;
}

}
/*Ipad 7th - Safary - album*/
@media screen and (max-width: 1081px)and (max-height:741px) {

.page__button{
    width: 90%;
  }
  .page__input{
    width: 90%;
  }
}
/*Ipad 7th - Chrome - album*/
@media screen and (max-width: 1081px)and (max-height:702px) {
  .page__button{
    width: 90%;
  }
  .page__input{
    width: 90%;
  }

}
/*Ipad Pro 12.9 2017 - Safary - portrait*/
@media screen and (max-width: 1025px)and (max-height:1297px) {
.page__wrap{
  max-width: 555px;
}
.button__subtitle{
  font-size: 18px;
}
.page__button{
  font-size: 32px;  
}
  .page__input{
    font-size: 24px;
  }

}

/*Samsung Galaxy Tab S3 - Chrome - album*/
/*Nexus 9 - Chrome - album*/
@media screen and (max-width: 1025px)and (max-height:600px) {
  .button__subtitle{
    font-size: 18px;
  }
.page__button{
  font-size: 22px;
  
}
  .page__input{
    font-size: 19px;
  }
}
/*Nexus 7 - Album - Chrome*/
@media screen and (max-width: 961px)and (max-height:527px) {
    .logo-img {
      height: 20vmin;
      max-height: 187px;
    }
    .logo {
        margin-top: 10vw;
        margin-bottom: 10vw;
    }
}

/*pixel 4 xl - Chrome - album*/
@media screen and (max-width: 870px)and (max-height:313px) {
.page__wrap{
  max-width: 350px;
}
  .button__subtitle{
    font-size: 10px;
  }
.page__button{
  font-size: 16px;  
}
  .page__input{
    font-size: 14px;
  }
  .logo {
      margin-top: 10vw;
      margin-bottom: 10vw;
  }
}
/*one plus 7T - Chrome - album*/
@media screen and (max-width: 842px)and (max-height:326px) {
.page__wrap{
  max-width: 350px;
}
  .button__subtitle{
    font-size: 10px;
  }
.page__button{
  font-size: 16px;  
}
  .page__input{
    font-size: 14px;
  }
  .logo {
      margin-top: 15.7vw;
      margin-bottom: 16vh;
  }
}
/*samsung galaxy S20 Ultra - Chrome - album*/
@media screen and (max-width: 840px)and (max-height:333px) {
.page__wrap{
  max-width: 350px;
}
  .button__subtitle{
    font-size: 10px;
  }
.page__button{
  font-size: 16px;  
}
  .page__input{
    font-size: 14px;
  }
  .logo {
      margin-top: 15.7vw;
      margin-bottom: 16vh;
  }
  

}
/*Ipad Pro 11 2018 - Safary - portrait*/
@media screen and (max-width: 835px)and (max-height:1121px) {
.page__button{
  width: 90%;
}
  .page__input{
    width: 90%;
  }
}

/*Pixel 4 - Chrome - album*/
@media screen and (max-width: 831px)and (max-height:292px) {
.page__wrap{
  max-width: 350px;
}
  .button__subtitle{
    font-size: 10px;
  }
.page__button{
  font-size: 18px;
  padding-top: 7px;
  padding-bottom: 7px;  
}
  .page__input{
    font-size: 16px;
    padding-top: 7px;
  padding-bottom: 7px;  
  }


}

/*Iphone 11 y, Album - Safary*/
@media screen and (max-width: 829px)and (max-height:415px) {
    .logo {
        margin-top: 15.7vw;
        margin-bottom: 16vw;
    }
}
/*Pixel 3a XL - Chrome - album*/
@media screen and (max-width: 817px)and (max-height:353px) {
.page__wrap{
  max-width: 350px;
}
  .button__subtitle{
    font-size: 12px;
  }
.page__button{
  font-size: 20px;
  padding-top: 7px;
  padding-bottom: 7px;  
}
  .page__input{
    font-size: 18px;
    padding-top: 7px;
  padding-bottom: 7px;  
  }
  .logo {
      margin-top: 15.7vw;
      margin-bottom: 16vw;
  }

}



/*iPhone 11, 11 Pro Max, XS Max, XR - Safary - album*/
@media screen and (max-width: 809px)and (max-height:415px) {
.page__wrap{
  max-width: 350px;
}
  .button__subtitle{
    font-size: 12px;
  }
.page__button{
  font-size: 20px;
  padding-top: 7px;
  padding-bottom: 7px;  
}
  .page__input{
    font-size: 18px;
    padding-top: 7px;
  padding-bottom: 7px;  
  }
  .logo {
      margin-top: 15.7vw;
      margin-bottom: 16vw;
  }
}


/*Pixel 3a - Chrome - album*/
@media screen and (max-width: 761px)and (max-height:314px) {
.page__wrap{
  max-width: 350px;
}
  .button__subtitle{
    font-size: 12px;
  }
.page__button{
  font-size: 20px;
  padding-top: 7px;
  padding-bottom: 7px;  
}
  .page__input{
    font-size: 18px;
    padding-top: 7px;
  padding-bottom: 7px;  
  }
}
/*Pixel 3 XL - Chrome - album*/
@media screen and (max-width: 750px)and (max-height:329px) {
.page__wrap{
  max-width: 350px;
}
  .button__subtitle{
    font-size: 12px;
  }
.page__button{
  font-size: 20px;
  padding-top: 7px;
  padding-bottom: 7px;  
}
  .page__input{
    font-size: 18px;
    padding-top: 7px;
  padding-bottom: 7px;  
  }
}

/*Samsung Galaxy S20 - Chrome - album*/
@media screen and (max-width: 727px)and (max-height:281px) {
  .button__subtitle{
    font-size: 10px;
  }

.page__button{
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}
  .page__input{
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

}
/*iPhone 11 Pro, XS, X - Safary - album*/
@media screen and (max-width: 725px)and (max-height:376px) {

.page__wrap{
  max-width: 400px;
}
  .button__subtitle{
    font-size: 12px;
  }

.page__button{
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
  .page__input{
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/*iPhone 11 Pro, XS - Chrome - album*/
/*iPhone X - Chrome - album*/
/*iPhone X - Firefox - album*/
/*Samsung Galaxy Tab S6, Tab S5e, Tab S4 - portrait*/
@media screen and (max-width: 713px)and (max-height:971px) {
.page__button{
  width: 90%;
}
  .page__input{
    width: 90%;
  }

}
/*Samsung Galaxy S9, S8, A8 - Chrome - album*/
@media screen and (max-width: 693px)and (max-height:281px) {
  .button__subtitle{
    font-size: 10px;
  }
.page__button{
  font-size: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
}
  .page__input{
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
.page__wrap{
  max-width: 300px;
}

}

/*iPhone SE, 5S - Safary - album*/
@media screen and (max-width: 569px)and (max-height:321px) {
  .button__subtitle{
    font-size: 9px;
  }

.page__button{
  font-size: 14px;
  padding-top: 7px;
  padding-bottom: 7px;
}
  .page__input{
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
.page__wrap{
  max-width: 300px;
}


}

/*Pixel 3a XL - Chrome - portrait*/
@media screen and (max-width: 433px)and (max-height:737px) {

.page__wrap{
  max-width: 350px;
}
.page__button{
  font-size: 26px;  
  
}
  .page__input{
    font-size: 20px;

  }
  .button__subtitle{
    font-size: 14px;
  }
  .button__subtitle {
      font-size: 15px;
  }
  .logo{
    margin-top: 7vh;
    margin-bottom: 7vh;
  }

}

/*Iphone Xs max, Iphone XR - Port - Safary*/
@media screen and (max-width: 415px)and (max-height:832px) {
  .button__subtitle {
      font-size: 15px;
  }
  .logo{
    margin-top: 10vh;
    margin-bottom: 10vh;
  }
}
/**/
@media screen and (max-width: 415px)and (max-height:725px) {
  .button__subtitle {
      font-size: 15px;
  }
}
/*Iphone 6+, 8+ - Port - Chrome*/
@media screen and (max-width: 415px)and (max-height:660px) {
    .logo{
      margin-top: 7vh;
      margin-bottom: 7vh;
    }
    .button__subtitle {
        font-size: 14px;
    }
    .footer{
      position: absolute;
      bottom: -30px!important;
    }
}

/*samsung galaxy S20 Ultra - Chrome - portrait*/
@media screen and (max-width: 413px)and (max-height:784px) {
.page__wrap{
  max-width: 350px;
}
  .button__subtitle{
    font-size: 14px;
  }
  .page__button{
  font-size: 24px;  
}
  .page__input{
    font-size: 20px;

  }
}


/*iPhone 11 Pro, XS, X - Chrome - portrait*/
@media screen and (max-width: 376px)and (max-height:639px) {
  .page__button{
  font-size: 20px;  
}
  .page__input{
    font-size: 18px;

  }
  .footer {
      position: absolute;
    }

}

/*iPhone 8, 7, 6S, 6 - Safary - portrait*/
@media screen and (max-width: 376px)and (max-height:554px) {
  .button__subtitle{
    font-size: 12px;
  }
.page__button{
  font-size: 18px;
}
  .page__input{
    font-size: 16px;
  }
  .logo-img {
      height: 30vmin;
    }
  .footer {
      position: absolute;
    }

}
/*iPhone 8, 7, 6S, 6 - Chrome - portrait*/

/*Samsung Galaxy S20 - Chrome - portrait*/
@media screen and (max-width: 361px)and (max-height:671px) {
  .page__wrap{
  max-width: 350px;
}
.page__button{
  font-size: 20px;
}
  .page__input{
    font-size: 18px;
  }
  .first, .second, .fourth {
      font-size: 36px;
  }
  .third, .fifth {
      font-size: 24px;
  }
  
}
/*Moto G7 Play, Samsung Galaxy S10e - Chrome - portrait*/
@media screen and (max-width: 361px)and (max-height:618px) {
  .page__button{
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}
  .page__input{
    font-size: 16px;
      padding-top: 10px;
  padding-bottom: 10px;

  }
}

/*Samsung Galaxy S9, S8, A8 - Chrome - portrait*/
@media screen and (max-width: 361px)and (max-height:613px) {
.page__button{
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}
  .page__input{
    font-size: 16px;
      padding-top: 10px;
  padding-bottom: 10px;

  }
}


/*Samsung Galaxy Note 3 - Chrome - portrait*/
@media screen and (max-width: 361px)and (max-height:593px) {
  .button__subtitle{
    font-size: 14px;
  }
.page__button{
  font-size: 20px;
}
  .page__input{
    font-size: 18px;
  }
  .logo-img {
      height: 30vmin;
    }
}

/*undefined*/
@media screen and (max-width: 321px)and (max-height:533px) {
  .button__subtitle {
      font-size: 13px;
  }
}
/*iPhone 5S - Chrome - portrait*/
@media screen and (max-width: 321px)and (max-height:493px) {
  .button__subtitle{
    font-size: 12px;
  }
  .page__button{
    font-size: 18px;
  }
  .page__input{
    font-size: 16px;
  }
  .logo {
      margin-top: 3vh;
      margin-bottom: 2vh;
  }
  .footer {
      position: absolute;
      bottom: -30px!important;

    }

}
/*iPhone 5S - Mozilla - portrait*/
@media screen and (max-width: 321px)and (max-height:447px) {

  .footer {
      position: absolute;
      bottom: -100px!important;

    }

}