@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@font-face {
  font-family: "CodaCaption";
  src: url("../fonts/CodaCaption-ExtraBold.eot?") format("eot"), url("../fonts/CodaCaption-ExtraBold.woff2") format("woff2"), url("../fonts/CodaCaption-ExtraBold.woff") format("woff"), url("../fonts/CodaCaption-ExtraBold.ttf") format("truetype"), url("../fonts/CodaCaption-ExtraBold.svg#CodaCaption") format("svg");
}

@font-face {
  font-family: "MavenPro";
  src: url("../fonts/MavenPro-VariableFont_wght.eot?") format("eot"), url("../fonts/MavenPro-VariableFont_wght.woff2") format("woff2"), url("../fonts/MavenPro-VariableFont_wght.woff") format("woff"), url("../fonts/MavenPro-VariableFont_wght.ttf") format("truetype"), url("../fonts/MavenPro-VariableFont_wght.svg#MavenPro") format("svg");
}

@font-face {
  font-family: "Antiqua";
  src: url("../fonts/philosopher.eot?") format("eot"), url("../fonts/philosopher.woff2") format("woff2"), url("../fonts/philosopher.woff") format("woff"), url("../fonts/philosopher.ttf") format("truetype"), url("../fonts/philosopher.svg#Antiqua") format("svg");
}

* {
  margin: 0;
  padding: 0;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  font-size: 18px;
  font-family: "Montserrat";
  background: url("../img/shapes1.png");
  max-width: 100vw;
  position: relative;
  background-repeat: no-repeat;
}

.mobile {
  display: none;
}

.cloud {
  position: absolute;
}

a {
  text-decoration: none;
  color: #777777;
}

._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.button {
  width: 30vw;
  height: 6vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #AC6BAD;
  -webkit-box-shadow: 0px 4px 38px rgba(154, 95, 155, 0.88);
          box-shadow: 0px 4px 38px rgba(154, 95, 155, 0.88);
  color: #fff;
  border: 1px solid #AC6BAD;
  border-radius: 1vw;
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}

.button span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 1.7vw;
}

.button:hover {
  background: #fff;
  color: #fff;
  -webkit-transition: all 150ms ease-in-out;
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  -webkit-box-shadow: 0px 4px 58px rgba(154, 95, 155, 0.88);
          box-shadow: 0px 4px 58px rgba(154, 95, 155, 0.88);
  color: #AC6BAD;
}

.title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 2.2vw;
}.main-conditions

.text-between {
  text-align: center;
  width: 100vw;
  margin-top: 8vw;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 1.8vw;
  text-align: center;
}

.header {
  position: relative;
  height: auto;
}

.header__decoration-cloud1 {
  bottom: -20vw;
  -webkit-transform: translate(0px, 120px);
      -ms-transform: translate(0px, 120px);
          transform: translate(0px, 120px);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.header__decoration-cloud1._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.header__decoration-cloud2 {
  bottom: 0;
  right: -20vw;
  -webkit-transform: translate(120px, 0px);
      -ms-transform: translate(120px, 0px);
          transform: translate(120px, 0px);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.header__decoration-cloud2._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.header-top-info {
  margin-top: 4vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-top-info__delimiter {
  width: 1px;
  height: 7vw;
  background-color: #000;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.header-top-info__delimiter._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.header-top-info__text {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.8vw;
  -webkit-transform: translate(120px, 0px);
      -ms-transform: translate(120px, 0px);
          transform: translate(120px, 0px);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.header-top-info__text._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.header-top-info__logo {
  width: 18vw;
  -webkit-transform: translate(-120px, 0);
      -ms-transform: translate(-120px, 0);
          transform: translate(-120px, 0);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.header-top-info__logo img {
  width: 100%;
}

.header-top-info__logo._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.header-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: flex-start;
      -ms-flex-align: flex-start;
          align-items: flex-start;
  padding: 6vw;
  margin-top: 0;
}

.header-main__text {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 3vw;
  width: 50vw;
  margin-top: 2vw;
}

.header-main__button {
  margin-top: 4vw;
  margin-bottom: 1.5vw;
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  position: relative;
}

.header-main__button span {
  font-size: 1.6vw;
  font-family: Montserrat;
}

.header-main__description {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 1.8vw;
  margin-top: 2vw;
  width: 55%;
}

.header-main__decorate {
  position: absolute;
  width: 110%;
  left: -15px;
  top: -40px;
  z-index: -1;
  width: 29vw;
  opacity: 0;
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
}

.header-main__decorate._active {
  width: 34vw;
  opacity: 1;
}

.header-person-background {
  position: absolute;
  top: 4vw;
  right: 5vw;
  width: 25vw;
  -webkit-transform: translate(120px, 0);
      -ms-transform: translate(120px, 0);
          transform: translate(120px, 0);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.header-person-background._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.main-conditions {
  background-image: url("../img/b-back.png");
  background-size: 100vw;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 9vw;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-conditions__wrapper {
  width: 90vw;
  margin: 0 auto;
}

.main-conditions__title {
  text-align: center;
  -webkit-transform: translate(-10px, 0);
      -ms-transform: translate(-10px, 0);
          transform: translate(-10px, 0);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.main-conditions__title._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.main-conditions__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding: 0 auto;
  width: 80vw;
}

.main-conditions-item {
  width: 45%;
  margin-top: 10vh;
  -webkit-transform: translate(0px, 120px);
      -ms-transform: translate(0px, 120px);
          transform: translate(0px, 120px);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.main-conditions-item__img {
  width: 100%;
  margin-left: 1px;
}

.main-conditions-item__text {
  width: 100%;
  background-color: #fff;
  height: 7vw;
  margin-top: -5px;
  -webkit-box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
          box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-family: Montserrat;
  font-style: normal;
  font-size: 1.3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}

.main-conditions-item__text span {
  width: 90%;
  margin-left: 1vw;
}

.main-conditions-item._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.main-list {
  margin-top: 10vw;
  height: auto;
  width: 100vw;
}

.main-list__wrapper {
  width: 85vw;
  margin: 0 auto;
  display: block;
}

.main-list__title {
  margin: 0 auto;
  width: 80%;
  text-align: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 2vw;
}

.main-list-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -2vw;
  -webkit-transform: translate(0px, 10px);
      -ms-transform: translate(0px, 10px);
          transform: translate(0px, 10px);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.main-list-item:nth-child(2n) {
  margin-left: 30vw;
}

.main-list-item__img {
  width: 10vw;
}

.main-list-item__text {
    padding: 0.5vw 0;
  max-width: 45vw;
  height: 5.2vw;
  background: #FFFFFF;
  /* ф */
  -webkit-box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
          box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-list-item__text img {
  position: absolute;
  top: 0;
  left: 15vw;
  width: 5vw;
}

.main-list-item__text span {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 1.1vw;
  color: #252525;
  /* Drop Shadow */
  width: 85%;
}

.main-list-item._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.main-list__items {
  margin-top: 10vh;
}

.main-registration {
  position: relative;
  background-color: #B973BA;
  margin-top: 10vh;
  padding-bottom: 10vh;
  background-image: url("../img/p-back.png");
  background-size: 100vw;
  background-repeat: no-repeat;
  background-position: center;
}

.main-registration__wrapper {
  width: 80vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}

.main-registration__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 2.6vw;
  text-align: center;
  width: 65vw;
  color: #FFFFFF;
  margin-top: 4vh;
}

.main-registration-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  height: auto;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 20px;
  margin-top: 8vh;
  padding-right: 2vw;
  max-width: 100%;
  position: relative;
}

.main-registration-item__img {
  margin-left: 2vw;
  width: 30vw;
}

.main-registration-item__wrapper {
  margin-left: 4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*height: 30vw;*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
    align-items: center;
    padding: 1.5vw;
    box-sizing: border-box;
}

.main-registration-item__wrapper .timer-block{
    margin-top: 1.5vw;
}

.main-registration-item__description {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 1.8vw;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-registration-item__text {
  margin-top: 2vw;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 1.3vw;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-registration-item__button {
  margin-top: 2vw;
  width: 35vw;
}

.main-registration-item__button span {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5vw;
  /* identical to box height */
}

.main-registration-item__decoration-cloud1 {
  top: 0;
  width: 30vw;
  left: -10vw;
  -webkit-transform: translate(-120px, 0);
      -ms-transform: translate(-120px, 0);
          transform: translate(-120px, 0);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.main-registration-item__decoration-cloud1._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.main-registration-item__decoration-cloud2 {
  bottom: -5vw;
  width: 30vw;
  right: -10vw;
  -webkit-transform: translate(120px, 0);
      -ms-transform: translate(120px, 0);
          transform: translate(120px, 0);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.main-registration-item__decoration-cloud2._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.main-about {
  height: auto;
  background-image: url("../img/b-back.png");
  background-size: 100vw;
  background-repeat: no-repeat;
  background-position: center;
}

.main-about__wrapper {
  width: 80vw;
  margin: auto auto;
  position: relative;
  padding-top: 10%;
}

.main-about__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 2.2vw;
  /* or 125% */
  color: #000000;
}

.main-about__block {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 34px 74px rgba(172, 107, 173, 0.2);
          box-shadow: 0px 34px 74px rgba(172, 107, 173, 0.2);
  border-radius: 20px;
  width: 30vw;
  padding: 3vw;
  margin-top: -4vw;
}

.main-about__img {
  position: absolute;
  right: 0;
  top: 7vh;
  width: 28vw;
}

.main-about__items {
  margin-top: 5vh;
}

.main-about-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2vh;
}

.main-about-item__img {
  width: 2vw;
}

.main-about-item p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 1.3vw;
  /* or 125% */
  color: #252525;
  display: block;
  width: 40vw;
  margin-left: 1vw;
}

.main-galery {
  margin-top: 5.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 19vw;
}

.main-galery-item {
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  width: 15vw;
}

.main-galery-item:hover {
  padding-bottom: 2vw;
}

.footer {
  font-family: 'Montserrat', sans-serif;
  min-height: auto;
  margin-top: 6vw;
  padding-bottom: 5vw;
  background-image: url("../img/b-back.png");
  background-size: 100vw;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.footer__decoration-cloud1 {
  top: 5vw;
  width: 10vw;
  left: -40vw;
  -webkit-transform: translate(0px, 120px);
      -ms-transform: translate(0px, 120px);
          transform: translate(0px, 120px);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.footer__decoration-cloud1._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.footer__wrapper {
  width: 90vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__img {
  margin-top: 10vh;
  width: 34vw;
}

.footer-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 5vw;
}
.footer-form .timer-block{
    align-self: center;
}

.footer-form__input {
  margin-top: 2vh;
  width: 40vw;
  height: 6vw;
  background: #FFFFFF;
  border: 0.5px solid rgba(37, 37, 37, 0.6);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1vw;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-size: 1.3vw;
  padding-left: 1vw;
  font-family: 'Montserrat', sans-serif;
}

.footer-form__button {
  width: 40vw;
  height: 6vw;
  margin-top: 2vh;
  border: none;
}

.footer-form__button span {
  font-family: 'Montserrat', sans-serif;
}

.footer-form__title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  font-size: 2.5vw;
  width: 40vw;
  margin-bottom: 4vh;
  text-align: center;
}

.footer-form__check {
  width: 40vw;
  margin-top: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5vw !important;
}

.footer-form__check .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-form__check input {
  width: 7vw;
  margin-bottom: 2vw;
}

.footer-form__check input::after {
  content: '\2714';
  font-size: 13px;
  line-height: 17px;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0;
  right: 0;
  text-align: center;
  margin: auto;
  color: #000000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.info-about-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 8vw;
  background-color: #AC6BAD;
  color: #fff;
  font-size: 1.2vw;
  font-family: Montserrat;
  font-weight: 500;
}

.info-about-author a {
  color: #fff;
  font-weight: 700;
}

body#bonus * {
  margin: 0;
  padding: 0;
  font-family: Montserrat !important;
}

body#bonus body,
body#bonus html {
  overflow-x: hidden;
}

body#bonus body {
  font-size: 18px;
  font-family: "MavenPro";
  background-color: none;
  background-image: url("../img/bonus/shapes1.png");
  font-family: Montserrat !important;
}

body#bonus a {
  text-decoration: none;
  color: #777777;
}

body#bonus .header {
  padding: 3vw;
}

body#bonus .header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70vw;
  margin: 0 auto;
}

body#bonus .header__title {
  font-style: normal;
  font-weight: 600;
  font-size: 3vw;
  color: #000000;
}

body#bonus .header__description {
  font-style: normal;
  font-weight: normal;
  font-size: 1.34vw;
  text-align: center;
  color: #000000;
  margin-top: 2vw;
  width: 50vw;
}

body#bonus .header__img {
  margin-top: 4vw;
  width: 40vw;
}

body#bonus .header__comment {
  font-size: 1vw;
  font-weight: 300;
  text-align: center;
  margin-top: 1vw;
}

body#bonus .main-question__wrapper {
  width: 90vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body#bonus .main-question__title {
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 1.7vw;
  text-align: center;
  width: 70%;
  margin: 0 auto;
}

body#bonus .main-question__description {
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 1.1vw;
  text-align: center;
  width: 50%;
  color: #000000;
  margin: 0 auto;
  margin-top: 2vw;
}

body#bonus .main-question__items {
  padding: 3vw;
}

body#bonus .main-question-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3vw;
}

body#bonus .main-question-item img {
  width: 2vw;
}

body#bonus .main-question-item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40vw;
  font-weight: 300;
  font-size: 1.3vw;
  color: #000000;
  padding: 1.5vw 1vw;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
          box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
  border-radius: 10px;
}

body#bonus .main-question-item p {
  margin-left: 2vw;
}

body#bonus .main-question-item__second {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body#bonus .main-question-item__third {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

body#bonus .main-know {
  width: 100vw;
  background-color: #B973BA;
  margin-top: 7vw;
  position: relative;
}

body#bonus .main-know__wrapper {
  width: 80vw;
  height: 13vw;
}

body#bonus .main-know-item {
  position: absolute;
  width: 40vw;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
          box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
  border-radius: 20px;
  left: 5vw;
  bottom: 3vw;
  padding: 2vw 3vw;
}

body#bonus .main-know-item__title {
  font-style: normal;
  font-weight: 500;
  font-size: 1.8vw;
  margin-bottom: 3vw;
  color: #000000;
}

body#bonus .main-know-item__description {
  font-style: normal;
  font-weight: 300;
  font-size: 1.1vw;
  color: #000000;
}

body#bonus .main-example__wrapper {
  width: 90vw;
  margin: 0 auto;
}

body#bonus .main-example__title {
  font-style: normal;
  font-weight: 500;
  font-size: 1.7vw;
  text-align: center;
  width: 45vw;
  margin: 0 auto;
  color: #000000;
  margin-top: 5vw;
}

body#bonus .main-example__description {
  font-style: normal;
  font-weight: 300;
  font-size: 1.5vw;
  text-align: center;
  color: #000000;
  width: 45vw;
  margin: 0 auto;
  margin-top: 4vw;
}

body#bonus .main-example-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 5vw;
  border-bottom: 1px solid #000;
  padding-bottom: 2vw;
  font-family: Montserrat;
}

body#bonus .main-example-item__title {
  font-style: normal;
  font-weight: 400;
  position: relative;
  font-size: 1.4vw;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  color: #fff;
  font-family: Montserrat;
}

body#bonus .main-example-item__title::after {
  content: "";
  height: 3vw;
  width: 70vw;
  background-color: #AC6BAD;
  position: absolute;
  z-index: -1;
  left: -30vw;
}

body#bonus .main-example-item__title-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body#bonus .main-example-item__title-right::after {
  left: -2vw;
}

body#bonus .main-example-item__description {
  margin-top: 2vw;
  font-style: normal;
  font-weight: 300;
  font-size: 1.1vw;
  width: 40vw;
}

body#bonus .main-example-item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

body#bonus .main-example-item__video iframe {
  max-width: 30vw !important;
  max-height: 15vw !important;
}

body#bonus .footer {
  margin-top: 1vw !important;
  height: 16vw;
  background: none;
  background-color: #AC6BAD;
}

body#bonus .footer-know-item {
  left: 0;
  right: 1vw;
  font-style: normal;
  font-weight: 300;
  font-size: 1.1vw;
  left: 50vw;
}

.thanks {
  height: 120vh;
}

.thanks-top-info {
  margin-top: 4vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.thanks-top-info__delimiter {
  width: 1px;
  height: 5vw;
  background-color: #000;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.thanks-top-info__delimiter._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.thanks-top-info__text {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.3vw;
  -webkit-transform: translate(120px, 0px);
      -ms-transform: translate(120px, 0px);
          transform: translate(120px, 0px);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.thanks-top-info__text._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.thanks-top-info__logo {
  width: 15vw;
  -webkit-transform: translate(-120px, 0);
      -ms-transform: translate(-120px, 0);
          transform: translate(-120px, 0);
  -webkit-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  opacity: 0;
}

.thanks-top-info__logo img {
  width: 100%;
}

.thanks-top-info__logo._active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.thanks__title {
  font-size: 3vw;
  margin: 0 auto;
  text-align: center;
  margin-top: 2vw;
}

.thanks__description {
  text-align: center;
  font-size: 1.3vw;
  margin-top: 2vw;
}

.thanks__description span {
  font-weight: 700;
}

.thanks-img {
  position: absolute;
  top: 13vw;
  left: 0;
  z-index: -1;
  width: 35vw;
}

.thanks-email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60vw;
  margin-left: 30vw;
  margin-top: 3vw;
}

.thanks-email__text {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
          box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
  border-radius: 20px;
  margin-left: 2vw;
  padding: 2vw;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  font-size: 1vw;
}

.thanks-email__img {
  width: 5vw;
}

.thanks-guide {
  position: relative;
  margin-left: 40vw;
  margin-top: 8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.thanks-guide__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32vw;
  padding: 3vw;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
          box-shadow: 0px 4px 74px rgba(172, 107, 173, 0.2);
  border-radius: 20px;
  font-size: 1.2vw;
}

.thanks-guide__img {
  position: absolute;
  right: 15vw;
  top: -6vw;
  width: 20vw;
}

.thanks-guide__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vw;
}

.thanks-guide-button {
  min-width: 12vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #4FAEE6;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3vw 1vw;
  background: #4FAEE6;
  border-radius: 10px;
}

.thanks-guide-button img {
  width: 2vw;
}

.thanks-guide-button span {
  font-style: normal;
  font-weight: normal;
  font-size: 1.2vw;
  margin-left: -2vw;
  color: #FFFFFF;
}

.thanks-guide-button:last-child {
  margin-left: 2vw;
  background: #966BAD;
}

.thanks-guide-button:last-child img {
  width: 3vw;
  margin-left: -3vw;
}

.thanks-guide-button:last-child span {
  margin-left: -7vw;
}








.timer-and-book{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.timer-and-book .left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.timer-and-book .left > .text{
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.6;
    position: relative;
}
.timer-and-book .left > .text::after{
    content: "";
    position: absolute;
    right: -20px;
    bottom: -14px;
    height: 56px;
    width: 112px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/arrow.png");
}
.timer-and-book .blocknote{
    height: 166px;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.timer-block{
    width: 280px;
    padding: 6px 0;
    border: 1px solid #9A5F9B;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    border-radius: 10px;
    background-color: #ffffff;
}
.timer-block p{
    color: #4A4A4A;
    font-weight: 500;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}
.timer-block .timer span{
    font-size: 46px;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    color: #9A5F9B;
}


.main-conditions-btn-block{
    margin-top: 4vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-conditions-btn-block > p {
    font-weight: 600;
    margin-bottom: 2.5vw;
    text-align: center;
}






@media screen and (max-width: 1600px) {
  .cloud {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .text-between {
    font-size: 3.5vw;
    width: 90vw;
    margin: 0 auto;
    margin-top: 15vw;
  }

  .info-about-author {
    height: 30vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 3vw;
  }

  .cloud {
    display: none;
  }

  body {
    background: none;
  }

  .title {
    font-size: 4vw;
  }

  .button {
    width: 67vw;
    height: 15vw;
  }

  .button span {
    font-size: 3.5vw;
    font-weight: 400;
  }

  .header-top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 5vw;
  }

  .header-top-info__logo {
    width: 60vw;
  }

  .header-top-info__text {
    font-size: 4vw;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 60vw;
    margin-left: -30vw;
    margin-top: 5vw;
  }

  .header-top-info__text .bk {
    font-weight: 700;
  }

  .header-top-info__text .mr {
    margin-top: -3vw;
  }

  .header-top-info__delimiter {
    display: none;
  }

  .header-main {
    margin-top: 4vw;
    padding: 0;
  }

  .header-main__text {
    font-size: 5vw;
    text-align: left;
    margin-top: 4vw;
    font-family: "Montserrat";
    font-weight: 700;
    width: 63vw;
    margin: 0 auto;
    margin-top: 6vw;
    margin-left: 4vw;
  }

  .header-main__text-mobile {
    font-weight: 700;
    font-size: 7vw;
    display: block;
    margin-bottom: -1vw;
  }

  .header-main__decorate {
    display: none;
  }

  .header-main__button {
    margin: 0 auto;
    margin-top: 10vw;
  }

  .header-main__description {
    font-size: 4.5vw;
    text-align: center;
    width: 90vw;
    font-family: "Montserrat";
    margin: 0 auto;
    margin-top: 18vw;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding-top: 3vw;
    padding-bottom: 3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .header-main__description span {
    text-align: center;
    width: 90vw;
  }

  .header-person-background {
    position: absolute;
    width: 41.8vw;
    bottom: 0;
    left: 54vw;
    display: none;
    margin-top: 17vw;
  }

  .mobile {
    display: block !important;
  }

  .main-conditions__title {
    font-size: 5.6vw;
    text-align: center;
    margin-left: 0;
    font-family: "Montserrat";
    font-weight: 500;
    width: 80vw;
    margin: 0 AUTO;
  }

  .main-conditions__items {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .main-conditions-item {
    margin-top: 8vw;
    width: 70vw;
  }

  .main-conditions-item__text {
    height: 20vw;
    font-size: 3vw;
  }

  .main-list {
    margin-top: 15vw;
  }

  .main-list__title {
    font-size: 5vw;
    font-weight: 500;
    width: 100%;
  }

  .main-list__items {
    margin-top: 4vw;
  }

  .main-list-item {
    margin-top: 10vw;
  }

  .main-list-item__img {
    width: 20vw;
  }

  .main-list-item:nth-child(2n) {
    margin-left: 10vw;
  }

  .main-list-item__text {
      padding: 2vw 0;
    min-width: 75vw;
    height: auto;
  }

  .main-list-item__text span {
    font-size: 4vw;
  }
.main-list-item picture {
    display: none;
}
  .main-list-item__text img {
    width: 10vw;
    top: -2vw;
    left: 17vw;
  }

  .main-registration {
    position: relative;
    z-index: 10;
  }

  .main-registration__title {
    font-size: 5.4vw;
    font-weight: 500;
    width: 100%;
  }

  .main-registration-item {
    height: auto;
    margin-top: 5vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .main-registration-item__wrapper {
    padding: 4vw 3vw;
    padding-top: 0;
    padding-bottom: 5vw;
    height: auto;
    margin-bottom: 3vw;
    margin-top: -10vw;
  }

  .main-registration-item__img {
    width: 70vw !important;
  }

  .main-registration-item__img img {
    width: 100%;
  }

  .main-registration-item__description {
    font-size: 5vw;
    text-align: center;
    width: 100%;
    margin-top: 16vw;
  }

  .main-registration-item__text {
    width: 100%;
    font-size: 4vw;
    text-align: center;
    margin-top: 3vw;
  }

  .main-registration-item__button {
    font-size: 2.5vw;
    margin-top: 5vw;
    height: 15vw;
  }

  .main-about__title {
    font-size: 5.4vw;
    font-weight: 500;
    width: 100%;
    font-family: Montserrat;
    text-align: center;
  }

  .main-about__items {
    margin-top: 8vw !important;
  }

  .main-about__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .main-about__block {
    width: 74vw;
    height: auto;
    margin-top: 7vw;
    padding: 3vw;
    padding-bottom: 7vw;
  }

  .main-about-item {
    margin-top: 3vw;
  }

  .main-about-item__img {
    width: 6vw;
    margin-top: 1.5vw;
  }

  .main-about-item__text {
    width: 110% !important;
    font-size: 3vw !important;
  }

  .main-about__img {
    width: 65vw;
    margin-top: -6vw;
    margin-left: vw;
    position: relative;
  }

  .main-about__items {
    margin-top: 12vw;
  }

  .footer__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .footer-form {
    margin-left: 0;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .footer-form__title {
    width: 90vw;
    text-align: center;
    margin-top: 3vw;
    font-size: 5.4vw;
    font-family: "Montserrat";
    font-weight: 500;
  }

  .footer-form__input {
    width: 70vw;
    height: 12vw;
    font-size: 3vw;
  }

  .footer-form__check {
    margin: 3vw auto;
    width: 72vw;
  }

  .footer-form__check .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .footer-form__check input {
    width: 12vw;
  }

  .footer-form__check label {
    font-size: 2.6vw !important;
    margin-left: 2vw;
  }

  .footer__img {
    width: 80vw;
    margin-top: 8vw;
  }

  body#bonus .header {
    font-family: 'Montserrat', sans-serif !important;
  }

  body#bonus .header__wrapper {
    width: 90vw;
  }

  body#bonus .header__title {
    font-size: 5vw;
  }

  body#bonus .header__description {
    font-size: 3.5vw;
    width: 80vw;
  }

  body#bonus .header__img {
    width: 60vw;
  }

  body#bonus .header__comment {
    font-size: 3vw;
  }

  body#bonus .main-question {
    margin-top: 5vw;
    font-family: 'Montserrat', sans-serif !important;
  }

  body#bonus .main-question__title {
    font-size: 3.5vw;
    width: 80vw;
  }

  body#bonus .main-question__description {
    font-size: 3vw;
    margin-top: 4vw;
  }

  body#bonus .main-question__items {
    margin-top: 5vw;
  }

  body#bonus .main-question-item img {
    width: 5vw;
  }

  body#bonus .main-question-item__text {
    width: 50vw;
    height: 12vw;
    border-radius: 1vw;
  }

  body#bonus .main-question-item__text {
    font-size: 2.7vw;
  }

  body#bonus .main-know {
    margin-top: 20vw;
    height: 25vw;
    font-family: 'Montserrat', sans-serif !important;
  }

  body#bonus .main-know-item {
    width: 60vw;
    border-radius: 1vw;
  }

  body#bonus .main-know-item__title {
    font-size: 3.5vw;
  }

  body#bonus .main-know-item__description {
    font-size: 2.7vw;
  }

  body#bonus .main-example {
    font-family: Montserrat;
  }

  body#bonus .main-example__title {
    font-family: 'Montserrat', sans-serif !important;
       font-size: 4vw;
    font-weight: 700;
    width: 80vw;
  }

  body#bonus .main-example__description {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.3vw;
    width: 70vw;
    font-weight: 500;
  }

  body#bonus .main-example__items {
    margin-top: 10vw;
  }

  body#bonus .main-example-item {
    margin-top: 15vw;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  body#bonus .main-example-item__title {
    font-size: 4vw !important;
    text-align: center;
    margin-top: 2vw;
    font-size: 2.7vw;
  }

  body#bonus .main-example-item__title::after {
    width: 120vw;
    left: -25vw;
    height: 6vw;
  }

  body#bonus .main-example-item__description {
    font-size: 3.7vw !important;
    width: 90vw;
    margin: 0 auto;
    margin-top: 3vw;
  }

  body#bonus .main-example-item__wrapper {
    width: 100vw;
  }

  body#bonus .main-example-item__title {
    font-size: 3vw;
  }

  body#bonus .main-example-item__description {
    font-size: 1.8vw;
  }

  body#bonus .main-example-item__video iframe {
    margin-top: 2vw;
    max-width: 90vw !important;
    max-height: 50vw !important;
  }

  body#bonus .footer {
    height: 28vw !important;
    margin-top: 2vw !important;
    left: 0;
  }

  body#bonus .footer-know {
    margin-top: 35vw;
    display: none;
  }

  body#bonus .footer-know-item {
width: 85vw;
    right: 20vw!important;
    font-size: 3vw!important;
    left: 5vw;
    bottom: 4vw;
    font-family: 'Montserrat', sans-serif !important;
  }

  .thanks {
    min-height: 120vw;
  }

  .thanks-top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .thanks-top-info__logo {
    width: 65vw;
  }

  .thanks-top-info__text {
    font-size: 4.5vw;
    text-align: center;
  }

  .thanks-top-info__delimiter {
    display: none;
  }

  .thanks__title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 6vw;
    margin-top: 15vw;
  }

  .thanks__description {
    font-family: 'Montserrat', sans-serif !important;
    margin-top: 5vw;
    font-size: 4vw;
  }

  .thanks-email {
    width: 95vw;
    margin: 0 auto;
    margin-top: 10vw;
    font-size: 3vw;
  }

  .thanks-email__text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 4vw;
    padding: 3.5vw;
    border-radius: 1vw;
  }

  .thanks-email__img {
    width: 18vw;
  }

  .thanks-guide {
    width: 90vw;
    margin: 0 auto;
    margin-top: 15vw;
    font-size: 3.5vw;
  }

  .thanks-guide__img {
    width: 32vw;
    right: -5vw;
    top: -10vw;
  }

  .thanks-guide__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 1vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 5vw;
  }

  .thanks-guide-button {
    width: 85vw;
    height: 14vw;
    border-radius: 1vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4vw;
  }

  .thanks-guide-button img {
    width: 5vw;
  }

  .thanks-guide-button span {
    font-size: 4.5vw !important;
    margin-left: 3vw;
  }

  .thanks-guide-button:last-child {
    margin-left: 0;
  }

  .thanks-guide-button:last-child img {
    width: 7vw;
  }

  .thanks-guide-button:last-child span {
    font-size: 4.5vw !important;
    margin-left: 3vw;
  }

  .thanks-guide__text {
    width: 70vw;
    padding: 3vw;
    border-radius: 1vw;
  }

  .thanks-guide__text span {
    font-family: Montserrat;
    font-weight: 300;
    font-size: 3.5vw;
  }

  .thanks-img {
    top: 140vw;
    bottom: 0;
    left: 40vw;
    width: 70vw;
    display: none;
  }

  .timer-and-book {
      margin: 20px auto 0;
  }
}

@media (max-width: 540px) {
    .br-for-desktop{
        display: none;
    }

    .main-conditions-btn-block > p{
        font-size: 3.5vw;
    }

  .main-registration-item {
    min-height: 800px;
  }

  .main-registration-item__img {
    width: 50vw;
  }

    .timer-block{
        width: 190px;
        border-radius: 6px;
    }

    .timer-block p {
        font-size: 12px;
    }

    .timer-block .timer span{
        font-size: 36px;
    }

    .timer-and-book .blocknote{
        height: 106px;
    }

    .timer-and-book .left > .text {
        font-size: 13px;
        line-height: 1.4;
    }

    .timer-and-book .left > .text::after{
        right: -59px;
        bottom: -3px;
        height: 36px;
        width: 68px;
    }

    .main-conditions .timer-and-book{
        margin-top: 40px;
    }

    .footer-form .timer-block{
        width: 70vw;
    }

    .footer-logo{
        display: none;
    }

    .header-main__button{
        width: 303px;
    }
}

@media screen and (max-width: 414px) {


  .main-registration-item {
    /*min-height: 25vw;*/
  }

  .main-registration-item__img {
    width: 50vw;
  }


}

.webp body{ background: url(../img/shapes1.webp); }

.webp .main-conditions{ background-image: url(../img/b-back.webp); }

.webp .main-registration{ background-image: url(../img/p-back.webp); }

.webp .main-about{ background-image: url(../img/b-back.webp); }

.webp .footer{ background-image: url(../img/b-back.webp); }

.webp body#bonus body{ background-image: url(../img/bonus/shapes1.webp); }