@charset "UTF-8";
/*Поключение шрифтов*/
@import url("../fonts/ubuntu/ubuntu.css");
@import url("../fonts/firasans/firasans.css");
/*Обнуление стилей*/
/* Указываем box sizing */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
  background-color: transparent;
  color: #55545F;
  text-decoration: none;
  display: inline-block;
}
a:active,
a:hover {
  outline: 0;
}
input, button {
  border: none;
  outline: none;
  -webkit-border-radius: 0;
          border-radius: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0 !important;
  border: 1px solid #c0c0c0;
  *border-collapse: expression('collapse', cellSpacing = '0px');
  margin: 10px 0;
}
table th {
  border: 1px solid #c0c0c0;
  font-weight: bold;
  padding: 10px 0;
}
table td {
  border: 1px solid #c0c0c0;
  padding: 5px;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="checkbox"] + label {
  margin-bottom: 24px;
  display: inline-block;
}
input {
  outline: 0 !important;
}
button::-moz-focus-inner,
input::-moz-focus-inner,
input:focus, button:focus {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
  margin-top: 1em;
}
/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}
input::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0025em;
  color: #E0E0E0;
}
input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0025em;
  color: #E0E0E0;
}
input::-ms-input-placeholder {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0025em;
  color: #E0E0E0;
}
input::placeholder {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0025em;
  color: #E0E0E0;
}
select {
  border: none;
  outline: none;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ol {
  counter-reset: ol-numbers;
}
ol li {
  list-style: none;
  position: relative;
  padding: 0 0 0 40px;
}
ol li:before {
  counter-increment: ol-numbers;
  content: counter(ol-numbers);
  position: absolute;
  left: 13px;
  top: -webkit-calc(50% - 24px / 2);
  top: calc(50% - 24px / 2);
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #9F9EAE;
}
p {
  margin: 10px 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Ubuntu', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.0015em;
  color: #393840;
}
h1 {
  font-size: 32px;
  line-height: 38px;
}
h2 {
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: 0.0025em;
  color: #1D1D20;
}
h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.0015em;
}
h4 {
  font-size: 18px;
  line-height: 22px;
}
h5 {
  font-size: 16px;
  line-height: 20px;
}
h6 {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  color: #5C5653;
  font-weight: 500;
  letter-spacing: 0.001em;
}
hr {
  margin-top: 16px;
  margin-bottom: 16px;
  border: 0;
  border-top: 1px solid #E0DEDC;
  clear: both;
}
.thirdy-button {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.0125em;
  text-transform: uppercase;
  color: #55545F;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 11px 8px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  display: inline-block;
  text-decoration: none;
}
.thirdy-button:hover, .thirdy-button:focus {
  background: #ECF9FE;
}
.thirdy-button:active {
  background: #B1E6FB;
}
.thirdy-button.icon {
  position: relative;
  padding-left: 34px;
}

/*style body start*/
body {
 /* background: url(../img/labirint.svg) top right repeat;*/
  min-height: 100vh;
  font-family: 'Ubuntu', sans-serif;
  color: #3A2E03;
  z-index: -1;
  position: relative;
}
.container {
  background: url(../img/labirint_01.svg) top center repeat;
  width: 100%;
  height: 100%;
  padding: 16px;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
          position: relative;
          z-index: 1;
}
.container::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(237, 218, 212, 0.92);
  z-index: -1;
}
/*style header*/
.header {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  max-width: 1100px;
}
.header .thirdy-button::after {
  content: url(../img/info.svg);
  position: absolute;
  top: 8px;
  left: 8px;
}
.lang ul {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.lang ul li {
  text-transform: uppercase;
  font-family: 'Fira Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.0125em;
  text-transform: uppercase;
  color: #1D1D20;
  margin-left: 30px;
}
.lang ul li:first-child {
  margin-left: 0;
}
.lang ul li a {
  color: #1D1D20;
}

/*section main*/
.main-container {
  height: -webkit-calc(100vh - 14vh);
  height: calc(100vh - 14vh);
  min-height: -webkit-calc(640px - 90px);
  min-height: calc(640px - 90px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 1100px;
}
ul.travelling, ul.action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
  position: relative;
}
ul.travelling li {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}
ul.action li {
  font-family: 'Fira Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.004em;
  color: #3A2E03;
  padding: 0 2px;
}
ul.action li:nth-child(5) {
  padding: 0 6px;
}
ul.travelling li:nth-child(2n),
ul.action li:nth-child(2n) {
  font-size: 2rem;
  color: #E1C1B7;
}
@media screen and (max-width: 336px) {
  ul.action li {
    font-size: 10px;
  }
  ul.travelling li {
    font-size: 14px;
  }
}

/*Logo*/
.qr-logo {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 900px;
}
.qr-image {
  padding: 19px;
  background-color: #FFFFFF;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  min-width: 152px;
  min-height: 152px;
  width: 41%;
  -webkit-animation: color 8s ease infinite;
          animation: color 8s ease infinite;
}
.qr-image img {
  width: 100%;
  max-width: 100%;
}

/*Animation Logo*/
@-webkit-keyframes color {
  0% {
    background-color: #FFFFFF;
  }
  15% {
    background-color: #FFFFFF;
  }
  25% {
    background-color: #F3C316;
  }
  40% {
    background-color: #F3C316;
  }
  50% {
    background-color: #FF9161;
  }
  65% {
    background-color: #FF9161;
  }
  75% {
    background: #2EC5FF;
  }
  90% {
    background-color: #2EC5FF;
  }
  100% {
    background-color: #FFFFFF;
  }
}

/*Buttons style*/
.install-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  z-index: 100;
}
.install-buttons .android-fab {
  background-color: #a4c639;
  opacity: 1;
  width: -webkit-calc(50% - 8px);
  width: calc(50% - 8px);
  -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 8px;
          border-radius: 8px;
  text-align: center;
}
.install-buttons .ios-fab {
  width: -webkit-calc(50% - 8px);
  width: calc(50% - 8px);
  background-color: #FFFFFF;
  -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 8px;
          border-radius: 8px;
  text-align: center;
}
.install-buttons a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 16px 16px 34px;
  text-align: center;
  font-family: 'Fira Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0025em;
  color: #1D1D20;
  text-align: center;
  display: inline-block;
  position: relative;
}
.install-buttons .android-fab a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../img/android_icon.svg) no-repeat center;
  z-index: 100;
}
.install-buttons .ios-fab a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75rem;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../img/ios_icon.svg) no-repeat center;
  z-index: 100;
}

/*About style*/
.about {
  width: 100%;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}
.about h3 {
  color: #55545F;
}
.about img {
  position: absolute;
  right: 0;
  top: -8px;
}

/*describe project*/
.describe {
  background: url(../img/labirint_02.svg) top center repeat;
  position: relative;
}
.describe::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.85)), color-stop(77.4%, rgba(255, 249, 247, 0.97)), to(#fff7f5));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 249, 247, 0.97) 77.4%, #fff7f5 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 249, 247, 0.97) 77.4%, #fff7f5 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 249, 247, 0.97) 77.4%, #fff7f5 100%);
  z-index: -1;
}
.describe h2 {
  text-align: center;
  width: 100%;
  padding-bottom: 16px;
}
.wrapper {
  padding: 16px;
}
.wrapper ul {
  margin-top: 16px;
}
.what img {
  width: 50px;
  height: 50px;
}
.what ul {
  width: 100%;
}
.what ul li {
  width: 100%;
  background: #FFFFFF;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
}
.what ul li:last-child {
  background: transparent;
  padding-top: 28px;
  border-top: 1px solid #EDDAD4;
  margin-top: 24px;
  -webkit-border-radius: 0;
          border-radius: 0;
  margin-bottom: 0;
}
.what h3 {
  margin-top: 16px;
}
.what ol {
  padding: 0;
  width: 100%;
}
.what ol li {
  outline: 0;
  margin-bottom: 48px;
  margin-top: 16px;
  background: #FFFFFF;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  width: 100%;
  padding: 16px 16px 16px 53px;
  font-family: 'Fira Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #1D1D20;
}
.what ol li:last-child {
  background: #FFFFFF;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  border-top: none;
  margin-bottom: 0;
  padding-top: 16px;
}
.what ol li:last-child::after {
  display: none;
}
.what ol li::after {
  content: url(../img/right_48.svg);
  width: 48px;
  height: 48px;
  position: absolute;
  top: 100%;
  left: -webkit-calc(50% - 24px);
  left: calc(50% - 24px);
}
.what > h3 {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #393840;
  margin-top: 0;
}
@media screen and (max-width: 336px) {
  .what > h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

/*style useful*/
.useful {
  background: url(../img/labirint_03.svg) top center repeat;
  position: relative;
  width: 100%;
}
.useful::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 145, 97, 0.65)), to(#FFA680));
  background: -webkit-linear-gradient(top, rgba(255, 145, 97, 0.65) 0%, #FFA680 100%);
  background: -o-linear-gradient(top, rgba(255, 145, 97, 0.65) 0%, #FFA680 100%);
  background: linear-gradient(180deg, rgba(255, 145, 97, 0.65) 0%, #FFA680 100%);
  z-index: -1;
}
.useful h2 {
  padding: 0 16px;
  text-align: center;
  color: #491C08;
}
.useful ul li {
  background: #F9D7C8;
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 16px;
}
.useful h3 {
  color: #491C08;
}
.questions {
  background: #F9F3F1;
}
.questions h2 {
  color: #1D1D20;
  text-align: center;
}
.questions li {
  padding: 16px;
  background: #FFFFFF;
  border-radius: 16px;
  margin-bottom: 16px;
}
.questions li h3 {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #55545F;
  margin-bottom: 18px;
}
.phone-block p {
  font-family: 'Fira Sans', sans-serif;
  margin: 0;
  text-align: center;
}
.phone-block p:last-child a {
  position: relative;
  display: inline-block;
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 8px;
}
.phone-block p:last-child a::after {
  content: url(../img/phone-message.svg);
  position: absolute;
  bottom: -4px;
  left: -74px;
}
@media screen and (max-width: 336px) {
  .questions > h3 {
    font-size: 20px;
    line-height: 24px;
  }
}
.phone-block p a {
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: 1px solid #F9F3F1;
  color: #1D1D20;
}
.mail-block p {
  padding: 8px 0;
  font-family: 'Fira Sans', sans-serif;
  text-align: center;
}
.mail-block p a {
  position: relative;
  color: #1D1D20;
}
.mail-block p a::after {
  content: url(../img/icons8-email-48.svg);
  position: absolute;
  bottom: -18px;
  left: -74px;
}

/*section subscribe*/
.subscribe {
  width: 100%;
  background: url(../img/labirint_04.svg) top center repeat;
  position: relative;
  z-index: 2;
}
.subscribe::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(97, 211, 255, 0.8)), color-stop(59.17%, #47CCFF), to(rgba(46, 197, 255, 0.8)));
  background: -webkit-linear-gradient(top, rgba(97, 211, 255, 0.8) 0%, #47CCFF 59.17%, rgba(46, 197, 255, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(97, 211, 255, 0.8) 0%, #47CCFF 59.17%, rgba(46, 197, 255, 0.8) 100%);
  background: linear-gradient(180deg, rgba(97, 211, 255, 0.8) 0%, #47CCFF 59.17%, rgba(46, 197, 255, 0.8) 100%);
  z-index: -1;
}
.subscribe h2 {
  text-align: center;
  color: #032B3A;
}
.subscribe input, .subscribe label {
  display: block;
}
.subscribe form {
  padding-bottom: 8px;
}
.subscribe form div.button-row {
  text-align: center;
  margin-top: 24px;
  background: #E1C1B7;
  -webkit-box-shadow: 0px 2px 4px rgba(29, 29, 32, 0.15), 0px 1px 2px rgba(29, 29, 32, 0.3);
          box-shadow: 0px 2px 4px rgba(29, 29, 32, 0.15), 0px 1px 2px rgba(29, 29, 32, 0.3);
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.subscribe form div.button-row button {
  text-transform: uppercase;
  background: transparent;
  padding: 12px 11px 10px 38px;
  font-family: 'Fira Sans', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.0125em;
  text-transform: uppercase;
  color: #1D1D20;
  position: relative;
}
.subscribe form div button::after {
  content: url(../img/open-envelope.svg);
  position: absolute;
  left: 9px;
  top: 8px;
}
.subscribe form input {
  margin-top: 12px;
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.0025em;
  color: #55545F;
  height: 48px;
  background: #FFFFFF;
  border-radius: 6px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}
.subscribe form label {
  font-family: 'Fira Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.004em;
  color: #032B3A;
  padding-left: 16px;
  margin-top: 3px;
}
.social-block {
    display: flex;
    justify-content: center;
    gap: 64px;
    padding:8px 0 0 32px;
}
.instagram,
.telegram {
	position:relative;
}
.instagram:before {
    content: url(../img/instagram.svg);
    position: absolute;
    left: -32px;
}
.telegram:before {
    content: url(../img/telegram.svg);
    position: absolute;
    left: -32px;
}
@media screen and (min-width: 480px) {
  .qr-logo {
    width: 75%;
  }
  .what ol li {
    font-size: -webkit-calc(16px + 0.3vw);
    font-size: calc(16px + 0.3vw);
    line-height: -webkit-calc(20px + 0.3vw);
    line-height: calc(20px + 0.3vw);
    padding: 16px 16px 16px 53px;
  }
  ul.travelling li {
    font-size: -webkit-calc(16px + 0.3vw);
    font-size: calc(16px + 0.3vw);
    line-height: -webkit-calc(20px + 0.3vw);
    line-height: calc(20px + 0.3vw);
  }
  ul.action li {
    font-size: -webkit-calc(12px + 0.3vw);
    font-size: calc(12px + 0.3vw);
    line-height: -webkit-calc(14px + 0.3vw);
    line-height: calc(14px + 0.3vw);
  }
  ul.action li {
    padding: 0 4px;
  }
  ul.action li:nth-child(5) {
    padding: 0 8px;
  }
  h3 {
    font-size: -webkit-calc(20px + 0.3vw);
    font-size: calc(20px + 0.3vw);
    line-height: -webkit-calc(24px + 0.3vw);
    line-height: calc(24px + 0.3vw);
  }
  .what h3 {
    font-size: -webkit-calc(24px + 0.3vw);
    font-size: calc(24px + 0.3vw);
    line-height: -webkit-calc(28px + 0.3vw);
    line-height: calc(28px + 0.3vw);
  }
  .questions li h3, .what-item>h3 {
    font-size: -webkit-calc(20px + 0.3vw);
    font-size: calc(20px + 0.3vw);
    line-height: -webkit-calc(24px + 0.3vw);
    line-height: calc(24px + 0.3vw);
  }
  h2 {
    font-size: -webkit-calc(30px + 0.3vw);
    font-size: calc(30px + 0.3vw);
    line-height: -webkit-calc(38px + 0.3vw);
    line-height: calc(38px + 0.3vw);
  }
  p {
    font-size: -webkit-calc(16px + 0.3vw);
    font-size: calc(16px + 0.3vw);
    line-height: -webkit-calc(20px + 0.3vw);
    line-height: calc(20px + 0.3vw);
  }
  .thirdy-button,
  .subscribe form div button {
    font-size: -webkit-calc(14px + 0.3vw);
    font-size: calc(14px + 0.3vw);
  }
  .install-buttons a {
    font-size: -webkit-calc(14px + 0.3vw);
    font-size: calc(14px + 0.3vw);
    line-height: -webkit-calc(16px +0.3vw);
    line-height: calc(16px +0.3vw);
    padding-top: -webkit-calc(16px + 0.3vw);
    padding-top: calc(16px + 0.3vw);
    padding-bottom: -webkit-calc(16px + 0.3vw);
    padding-bottom: calc(16px + 0.3vw);
  }
}
@media screen and (min-width: 576px) {
  .what img {
    width: 60px;
    height: 60px;
  }
  .qr-logo {
    width: 70%;
  }
}
@media screen and (min-width: 767px) {
  .what img {
    width: 70px;
    height: 70px;
  }
  .container{
    min-height: 852px;
  }
  .main-container{
    height: 752px;
  }
  .install-buttons{
    width: 440px;
  }
  .what>ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .what li.what-item:last-child{
  width: 100%;
  margin-top: 24px;
  /*padding-top: 48px;*/
  }
  .what li.what-item{
    width: calc(50% - 10.66px);
    margin-bottom: 0;
    margin-bottom: 16px;
  /* margin-bottom: 48px;*/
  }
  .what-item>h3{
    font-weight: 400;
  }
  .subscribe form{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .subscribe form .form-row{
  width: calc(33.33% - 10.66px);
  
  }
  .subscribe form label{
    display: inline-block;
  }
  .subscribe form div.button-row{
    width: 100%;
    display: block;
  }
}
@media screen and (min-width: 991px) {
  ul.travelling li:nth-child(2n), ul.action li:nth-child(2n) {
    font-size: 3rem;
    color: #E1C1B7;
}
  .qr-image{
    width: 240px;
    height: 240px;
  }
 .wrapper{
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    margin: auto;
  }
  .describe h2,
  .useful h2, .questions h2,
  .subscribe h2 {
    font-weight: 300;
    font-size: 61px;
    line-height: 86px;
    margin-top: 16px;
  }
  .useful h2, .questions h2,
  .subscribe h2{
    margin-top: 0;
    margin-bottom: 48px;
  }
  .what>h2{
    margin-bottom: 60px;
  }
  .what>ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 64px;
   /* padding-bottom: 48px;*/
  }
  .what li.what-item:last-child{
    width: 100%;
    margin-top: 24px;
    padding-top: 48px;
  }
  .what li.what-item{
    width: calc(25% - 12px);
    margin-bottom: 0;
    margin-bottom: 48px;
  }
  .what li.what-item img{
    width: 50px;
    height: 50px;
  }
  li.what-item>h3{
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #55545F;
  }
  .what ol.places{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 48px;
    margin-bottom: 24px;
  }
  .what ol.places>li{
    width: calc(33.33% - 42.6px);
    display: flex;
    align-items: center;
    flex-direction: row;
    min-height: 112px;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #1D1D20;
  }
  .what ol li::after{
    top: calc(50% - 24px);
    right: -56px;
    left: auto;
    transform: rotate(-90deg);
  }
  .useful ul{
    flex-direction: row;
    justify-content: space-between;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 58px;
  }
  .useful ul>li{
    width: calc(33.33% - 10.67px);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    height: 116px;
  }
  .useful ul>li h3{
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
  }
  .questions ul{
    display: flex;
    flex-direction: row;
	gap: 32px;
    justify-content: space-between;
    align-items:center;
  }
  .questions ul>li{
    width: calc(50% - 8px);
    height: 100%;
    min-height: 136px;
  }
  .questions li>h3{
    font-size: 24px;
    line-height: 28px;
    color: #55545F;
  }
  .questions li p{
    font-size: 16px;
    line-height: 20px;
  }
  .mail-block{
    margin-top: 36px;
  }
  .subscribe{
    padding-bottom: 48px;
  }

  .install-buttons a{
    font-size: 14px;
    line-height: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  /*убираем подсказку о приложении*/
  .about{
    display: none;
  }
  ul.action{
    order: 2;
    margin-bottom: 24px;
  }
  .continue, .install-buttons{
    order: 1;
  }
  ul.action li{
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
  }
  ul.travelling li{
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .what ol.places>li{
    min-height: 92px;
  }
  .container{
    min-height: 768px;
  }

  .main-container{
    height: 668px;
  }
  h3, .what>h3{
    font-size: 30px;
    line-height: 38px;
  }
  .questions ul{
    max-width: 979px;
    margin: auto;
  }
  .what>h2{
    margin-top: 0;
    padding-bottom: 0;
  }
  .useful h2, .questions h2 /*, .subscribe h2*/{
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 1300px) {
  .what ol.places>li{
   min-height: 72px;
  }
}

/* Video */
.container:has(.video) {
  min-height: auto;
  padding-bottom: 32px;
}
.container:has(.video) .header {
  margin-bottom: 16px;
  justify-content: space-between;
  max-width: 1519px;
}
.video {
  position: relative;
}
.video .wrapper {
  padding: 0 16px;
}
.video h2 {
  font-weight: 300;
  font-size: 61px;
  line-height: 141%;
  letter-spacing: -0.01em;
  color: #1d1d20;
  margin: 21px 0;
  text-align: center;
}
.curtain {
  width: 889px;
  height: 499px;
  position: absolute;
  left: calc(50% - 444px);
}
.curtain::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #393840;
  opacity: 0.5;
}
.curtain img:first-child {
  width: 100%;
  height: 100%;
	object-fit: cover;
}
.curtain img:last-child {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  cursor: pointer;
}
.video__container {
  width: 888px;
  height: 498px;
  margin: 0 auto;
}
.video__container iframe {
  width: 100%;
  height: 100%;
	object-fit: cover;
}
@media (max-width:992px) {
 .video h2 {
    font-size: calc(30px + 0.3vw);
    line-height: calc(38px + 0.3vw);
 }
 .video__container {
    width: 688px;
    height: 298px;
  }
  .curtain {
    width: 689px;
    height: 299px;
    left: calc(50% - 344px);
  }
}
@media (max-width:768px) {
  .video__container {
    width: 450px;
    height: 250px;
   }
  .curtain {
    width: 451px;
    height: 251px;
    left: calc(50% - 225px);
  }
}
@media (max-width:500px) {
  .video__container {
    width: 330px;
    height: 185px;
   }
  .curtain {
    width: 331px;
    height: 186px;
    left: calc(50% - 165px);
  }
 }
  .delete-title {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    margin-top: 16px;
  }
  .delete-text {
    display: flex;
    justify-content: center; 
margin-bottom:32px; 
}
.delete {
padding: 0 16px;
}
.delete p {
    text-align: center;
  }
.delete h2 {
    margin-bottom: 16px;
}
.delete ul li {
list-style: initial;
margin: 6px 0;
}
.main-container.new {
height: auto;
min-height: auto;
}
.container.new {
height: auto;
min-height: auto;
}
.main-container.new .qr-logo {
margin: 32px 0;
}
@media (max-width:768px) {
.delete-title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 16px;
}
}
.cookie {
  position: fixed;
  bottom: 15px;
  max-width: 800px;
  left: calc(50% - 400px);
  background: #f4f4f4;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.3),
    0px 0px 16px 0px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  font-family: "Source Sans Pro", sans-serif;
  animation: anim 2s;
  animation-duration: 2s;
border-radius: 2px;
}
@keyframes anim {
  from {
    bottom: -100%;
  }
  to {
    bottom: 15px;
  }
}
.cookie__container {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 14px 16px;
}
.cookie__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.085px;
}
.cookie__text a {
    display: inline;
  color: #bf7047;
}
.cookie__btns {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.cookie__btn {
  border-radius: 4px;
  padding: 10px 16px;

  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 0.188px;
  text-transform: uppercase;
  color: #bf7047;
  cursor: pointer;
}
.cookie__btn:hover {
background-color: #cfc9c27a;
  transition: all 0.4s ease-in-out;
}
.cookie__btn.submit {
  border: 1px solid #bf7047;
}
@media (max-width: 768px) {
  .cookie {
    margin: 0 32px;
    left: 0;
    bottom: 15px;
  }
  .cookie__btns {
    justify-content: flex-start;
  }
}
.politics {
display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
    margin-bottom: 12px;

}
.politics a {
    color: #1b1b1b;
}
.copyright__text {
text-align: center;
    font-size: 18px;
}
.subscribe .check {
    display: flex !important;
    gap: 8px;
    flex-direction: row-reverse;
    margin: 0 auto;
    margin-top: 16px;
    align-items: center;
    padding: 0 !important;
    margin-bottom: -10px;
}
.subscribe .check input {
    width: 18px;
    height: 18px;
    margin: 0;
}