* {
  box-sizing: border-box;
}
body {
  font-size: 16px;
  min-width: 320px;
  position: relative;
  line-height: 1.2;
  font-family: "Gerbera", sans-serif;
  font-weight: 300;
  overflow-x: hidden;
  margin: 0;
  color: #fff;
  background: #002b54;
}
/* prevent scroll while loader visible */
body.is-loading {
  overflow: hidden;
}
#wrapper {
  overflow: hidden;
  width: 100%;
  background: url(../img/bg-pattern.svg) 50% 0 repeat-y;
  padding-top: calc((150 / 1920) * 100vw);
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a,
:after,
:before,
.owl-nav > div,
input,
svg path,
svg rect,
button {
  transition: ease 0.3s all;
}
.header {
  padding: calc((40 / 1920) * 100vw) 0;
  background: #002b541a;
  border: 1px solid #ffe69c0d;
  box-shadow: 0px 4px 4px 0px #00000040;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  backdrop-filter: blur(10px);
}
.logo {
  width: calc((262 / 1920) * 100vw);
}
.flogo {
  width: calc((262 / 1920) * 100vw);
  display: block;
}
.soc img {
  width: calc((41 / 1920) * 100vw);
  display: block;
}
.logo img {
  width: 100%;
  display: block;
}
.btn-lang {
  width: calc((81 / 1920) * 100vw);
}
.btn-lang img {
  width: 100%;
  display: block;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-beetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex {
  display: flex;
  align-items: center;
}
.container {
  width: calc((1545 / 1920) * 100vw);
  margin: 0 auto;
  padding: 0 calc((15 / 1920) * 100vw);
}
.header__btns {
  gap: calc((34 / 1920) * 100vw);
}
.header .bt {
  background: linear-gradient(171.49deg, #1e365c 18.15%, #000000 121.17%);
  width: calc((203 / 1920) * 100vw);
  height: calc((50 / 1920) * 100vw);
  border-radius: calc((15 / 1920) * 100vw);
  font-family: "PP Gosha Sans";
  font-weight: 700;
  font-size: calc((23 / 1920) * 100vw);
  text-transform: uppercase;
  text-decoration: none;
  color: #fce092;
}
.header .bt:hover {
  opacity: 0.9;
}
.header .bt2 {
  background: linear-gradient(162.47deg, #fff7d6 0.02%, #d1c38a 99.98%);
  color: #070a0f;
}
.toping {
  border: 3px solid #968557;
  border-radius: calc((62 / 1920) * 100vw);
  padding: calc((30 / 1920) * 100vw);
  position: relative;
  background: url(../img/bg-top-pc.jpg) 50% / cover no-repeat;
  height: calc((752 / 1920) * 100vw);
}
.toping__title {
  font-family: Mak;
  font-weight: 300;
  font-size: calc((138 / 1920) * 100vw);
  line-height: 1;
  letter-spacing: -4.38px;
  margin: 0 0 calc((50 / 1920) * 100vw);
  color: #fff;
}
.toping__info {
  position: absolute;
  top: calc((70 / 1920) * 100vw);
  right: calc((30 / 1920) * 100vw);
  text-align: right;
  font-weight: 400;
  font-size: calc((30 / 1920) * 100vw);
  line-height: 130%;
  color: #fff;
}
.toping__info span {
  color: #ffe69c;
  gap: calc((15 / 1920) * 100vw);
}
.toping__btns {
  gap: calc((30 / 1920) * 100vw);
  margin-bottom: calc((132 / 1920) * 100vw);
}
.btn-blue,
.btn-orange {
  text-align: center;
  background: linear-gradient(171.49deg, #1e365c 18.15%, #000000 121.17%);
  height: calc((54 / 1920) * 100vw);
  padding: 0 calc((36 / 1920) * 100vw);
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  font-size: calc((14 / 1920) * 100vw);
  line-height: 1;
  text-transform: uppercase;
  border-radius: calc((27 / 1920) * 100vw);
}
.btn-orange {
  background: linear-gradient(
    162.47deg,
    #d88d70 0.02%,
    #db6031 42.31%,
    #982105 98.06%
  );
}
.btn-blue:hover,
.btn-orange:hover {
  opacity: 0.9;
}
.toping__text {
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 400;
  font-size: calc((29 / 1920) * 100vw);
  line-height: 1;
  color: #fff;
}
.toping__text span {
  color: #ffe69c;
}
.text-line {
  background: #fce092;
  padding: calc((10 / 1920) * 100vw) 0;
  margin: calc((50 / 1920) * 100vw) 0;
}
.text-line__wrap {
  border-top: 2px solid #002b54;
  border-bottom: 2px solid #002b54;
}
/* CSS-based marquee used for predictable slow animation */
.marquee {
  overflow: hidden;
  position: relative;
}
.marquee__inner {
  display: flex;
  width: 200%;
  white-space: nowrap;
  will-change: transform;
  animation: marquee-slow 20s linear infinite;
  text-transform: uppercase;
  color: #002a53;
  font-weight: 400;
  font-size: calc((46 / 1920) * 100vw);
  line-height: 1;
  letter-spacing: -1.46px;
  text-transform: uppercase;
  color: #002a53;
}
.marquee__inner > * {
  flex: 0 0 auto;
}
.marquee__copy {
  padding-right: 4rem;
}
@keyframes marquee-slow {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .marquee__inner {
    animation: marquee-slow 10s linear infinite;
    font-size: calc((16 / 375) * 100vw);
  }

  input::placeholder {
    font-size: 12px;
  }

  /* Show labels on mobile, hide by default on desktop */
  #formx2 label {
    display: block;
    margin-bottom: calc((8 / 375) * 100vw);
    font-size: calc((14 / 375) * 100vw);
    color: #fff;
  }

  #formx2 input {
    margin-top: calc((6 / 375) * 100vw);
  }
}

/* Desktop: hide labels, inputs will use placeholders */
@media (min-width: 768px) {
  #formx2 label {
    display: none;
  }
}
marquee {
  font-weight: 400;
  font-size: calc((46 / 1920) * 100vw);
  line-height: 1;
  letter-spacing: -1.46px;
  text-transform: uppercase;
  color: #002a53;
}
.fixed-info-line {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  background: #ffe69c;
  padding: calc((10 / 1920) * 100vw) 0;
  border-radius: calc((40 / 1920) * 100vw) calc((40 / 1920) * 100vw) 0 0;
  gap: calc((40 / 1920) * 100vw);
}
.fixed-info-line__text {
  font-weight: 700;
  font-size: calc((18 / 1920) * 100vw);
  color: #000000;
}
.video-block {
  margin-bottom: calc((80 / 1920) * 100vw);
}
.video-block__text {
  margin-bottom: calc((80 / 1920) * 100vw);
  height: calc((225 / 1920) * 100vw);
  position: relative;
  background: url(../img/lines.svg) calc((289 / 1920) * 100vw)
    calc((-22 / 1920) * 100vw) / calc((1183 / 1920) * 100vw)
    calc((245 / 1920) * 100vw) no-repeat;
}
.video-block__title {
  font-family: Mak;
  font-weight: 300;
  font-size: calc((78 / 1920) * 100vw);
  line-height: 106%;
  letter-spacing: -2px;
  color: #f6d16f;
}
.video-block__t {
  font-weight: 400;
  font-size: calc((20 / 1920) * 100vw);
  line-height: 116%;
  color: #ffe69c;
  position: absolute;
}
.video-block__t1 {
  color: #fff;
  top: 0;
  left: calc((630 / 1920) * 100vw);
}
.video-block__t2 {
  top: calc((150 / 1920) * 100vw);
  left: calc((630 / 1920) * 100vw);
}
.video-block__t3 {
  top: calc((150 / 1920) * 100vw);
  left: calc((1180 / 1920) * 100vw);
}
.video-block__video {
  border-radius: calc((26 / 1920) * 100vw);
  overflow: hidden;
  padding-top: 56%;
  position: relative;
}
.video-block__video > iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.info-block {
  margin-bottom: calc((80 / 1920) * 100vw);
}
.info-block__title {
  height: calc((200 / 1920) * 100vw);
  position: relative;
  font-family: Mak;
  font-weight: 300;
  font-size: calc((78 / 1920) * 100vw);
  line-height: 116%;
  letter-spacing: -2px;
  text-align: center;
  color: #f6d16f;
  background: url(../img/line2.svg) 50% -50px / calc((1550 / 1920) * 100vw) calc(
      (236 / 1920) * 100vw
    ) no-repeat;
  margin-bottom: 80px;
}
.info-block__item {
  background: linear-gradient(162.47deg, #000000 0.02%, #1e365c 99.98%);
  border: 1px solid #fff7d6;
  border-radius: calc((52 / 1920) * 100vw);
  padding: calc((210 / 1920) * 100vw) calc((15 / 1920) * 100vw)
    calc((30 / 1920) * 100vw);
  position: relative;
  width: calc(25% - calc((30 / 1920) * 100vw));
  text-align: center;
}
.info-block__wrap {
  align-items: flex-start;
  gap: calc((30 / 1920) * 100vw);
}
.info-block__item-ico {
  width: calc((260 / 1920) * 100vw);
  height: calc((260 / 1920) * 100vw);
  position: absolute;
  left: 50%;
  top: calc((-50 / 1920) * 100vw);
  margin-left: calc((-130 / 1920) * 100vw);
}
.info-block__item-ico img {
  max-width: 100%;
  max-height: 100%;
}
.info-block__item-t1 {
  font-weight: 700;
  font-size: calc((94 / 1920) * 100vw);
  line-height: 100%;
  text-align: center;
  color: #fff7d6;
  margin-bottom: calc((10 / 1920) * 100vw);
}
.info-block__item-t2 {
  font-weight: 300;
  font-size: calc((21 / 1920) * 100vw);
  line-height: 100%;
  text-align: center;
  color: #fff;
}
.how-block {
  margin-bottom: calc((80 / 1920) * 100vw);
}
.how-block__title {
  height: calc((200 / 1920) * 100vw);
  position: relative;
  font-family: Mak;
  font-weight: 300;
  font-size: calc((78 / 1920) * 100vw);
  line-height: 116%;
  letter-spacing: -2px;
  text-align: center;
  color: #f6d16f;
  background: url(../img/line3.svg) 50% -50px / calc((1550 / 1920) * 100vw) calc(
      (230 / 1920) * 100vw
    ) no-repeat;
  margin-bottom: calc((80 / 1920) * 100vw);
}
.slider-block {
  margin-bottom: calc((80 / 1920) * 100vw);
}
.slider-block__title {
  position: relative;
  font-family: Mak;
  font-weight: 300;
  font-size: calc((78 / 1920) * 100vw);
  line-height: 116%;
  letter-spacing: -2px;
  text-align: center;
  color: #f6d16f;
  margin-bottom: calc((80 / 1920) * 100vw);
  background: url(../img/line4.svg) 87% calc((-7 / 1920) * 100vw) /
    calc((237 / 1920) * 100vw) calc((180 / 1920) * 100vw) no-repeat;
}
.slider-block__wrap {
  padding: calc((50 / 1920) * 100vw) calc((70 / 1920) * 100vw)
    calc((120 / 1920) * 100vw);
  background: linear-gradient(162.47deg, #000000 0.02%, #1e365c 99.98%);
  border: 1px solid #fff7d6;
  border-radius: calc((70 / 1920) * 100vw);
}
.slider__item-text {
  font-weight: 300;
  font-size: calc((29 / 1920) * 100vw);
  line-height: 110%;
  letter-spacing: -1.16px;
  margin-bottom: calc((30 / 1920) * 100vw);
  color: #fff;
}
.slider__item-author {
  gap: calc((10 / 1920) * 100vw);
}
.slider__item-ic {
  width: calc((116 / 1920) * 100vw);
}
.slider__item-t {
  font-weight: 300;
  font-size: calc((20 / 1920) * 100vw);
  line-height: 90%;
  letter-spacing: -0.49px;
}
.slider__item-t b {
  font-weight: 700;
  font-size: calc((25 / 1920) * 100vw);
  line-height: 100%;
  letter-spacing: -0.49px;
  margin-bottom: calc((5 / 1920) * 100vw);
  display: inline-block;
}
/* Prevent initial owl stage collapse before images/fonts load */
.slider .owl-stage-outer {
  min-height: calc((320 / 1920) * 100vw);
}
.owl-nav {
  bottom: calc((-76 / 1920) * 100vw);
  left: 0;
  display: flex;
  gap: calc((17 / 1920) * 100vw);
  position: absolute;
}
.owl-nav > div {
  width: calc((41 / 1920) * 100vw);
  height: calc((41 / 1920) * 100vw);
  border-radius: 50%;
  background: url(../img/arr.svg) 50% no-repeat;
  border: 1px solid #d1c38a;
  text-indent: -9999px;
  overflow: hidden;
}
.owl-nav > div:last-child {
  transform: rotate(180deg);
}
.owl-dots {
  width: calc((450 / 1920) * 100vw);
  right: calc((70 / 1920) * 100vw);
  bottom: calc((-62 / 1920) * 100vw);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  position: absolute;
}
.owl-dots > div {
  height: calc((5 / 1920) * 100vw);
  background: #aaa;
}
.owl-dots > div.active {
  background: #fce092;
}
.brands__title {
  height: calc((200 / 1920) * 100vw);
  position: relative;
  font-family: Mak;
  font-weight: 300;
  font-size: calc((78 / 1920) * 100vw);
  line-height: 116%;
  letter-spacing: -2px;
  text-align: center;
  color: #f6d16f;
  align-items: flex-start;
  background: url(../img/line5.svg) 50% 100% / calc((1163 / 1920) * 100vw)
    calc((158 / 1920) * 100vw) no-repeat;
  margin-bottom: calc((40 / 1920) * 100vw);
}
.brands {
  margin-bottom: calc((80 / 1920) * 100vw);
}
.brands__wrap {
  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    minmax(calc((350 / 1920) * 100vw), 1fr)
  );
  gap: calc((30 / 1920) * 100vw);
}
.brands__item {
  background: linear-gradient(162.47deg, #000000 0.02%, #1e365c 99.98%);
  border: 1px solid #d1c38a;
  height: calc((200 / 1920) * 100vw);
  border-radius: calc((16 / 1920) * 100vw);
}
.brands__item img {
  width: 100%;
}
.prices {
  margin-bottom: calc((80 / 1920) * 100vw);
}
.prices__title {
  height: calc((180 / 1920) * 100vw);
  position: relative;
  font-family: Mak;
  font-weight: 300;
  font-size: calc((78 / 1920) * 100vw);
  line-height: 116%;
  letter-spacing: -2px;
  text-align: center;
  color: #f6d16f;
  align-items: flex-start;
  background: url(../img/line6.svg) 90% calc((-15 / 1920) * 100vw) /
    calc((1163 / 1920) * 100vw) calc((180 / 1920) * 100vw) no-repeat;
  margin-bottom: calc((80 / 1920) * 100vw);
}
.prices__wrap {
  gap: calc((30 / 1920) * 100vw) calc((210 / 1920) * 100vw);
  flex-wrap: wrap;
}
.prices__item {
  width: calc((533 / 1920) * 100vw);
  height: calc((754 / 1920) * 100vw);
  background: url(../img/card.png) 50% 0 / contain no-repeat;
  padding-top: calc((25 / 1920) * 100vw);
}
.prices__item-t1 {
  font-weight: 300;
  font-size: calc((34 / 1920) * 100vw);
  line-height: 100%;
  text-align: center;
  color: #fff;
}
.prices__item-t2 {
  font-weight: 700;
  font-size: calc((51 / 1920) * 100vw);
  line-height: 100%;
  text-align: center;
  color: #f6d16f;
  margin-bottom: calc((75 / 1920) * 100vw);
}
.prices__item-t2 span {
  font-size: calc((30 / 1920) * 100vw);
}
.prices__item-list {
  padding: 0 calc((50 / 1920) * 100vw);
  margin-bottom: calc((50 / 1920) * 100vw);
  min-height: calc((400 / 1920) * 100vw);
}
.prices__item-list li {
  padding-left: calc((37 / 1920) * 100vw);
  background: url(../img/li.svg) 0 calc((3 / 1920) * 100vw) /
    calc((26 / 1920) * 100vw) no-repeat;
  margin-bottom: calc((16 / 1920) * 100vw);
  font-weight: 300;
  font-size: calc((30 / 1920) * 100vw);
  line-height: 100%;
  color: #f6d16f;
}
.prices__item .btn-orange {
  width: calc((260 / 1920) * 100vw);
  margin: 0 auto;
}
.photos {
  margin-bottom: calc((80 / 1920) * 100vw);
}
.photos__title {
  height: calc((200 / 1920) * 100vw);
  position: relative;
  font-family: Mak;
  font-weight: 300;
  font-size: calc((78 / 1920) * 100vw);
  line-height: 116%;
  letter-spacing: -2px;
  text-align: center;
  color: #f6d16f;
  align-items: flex-start;
  background: url(../img/line7.svg) 50% 100% / calc((1436 / 1920) * 100vw)
    calc((158 / 1920) * 100vw) no-repeat;
  margin-bottom: calc((20 / 1920) * 100vw);
}
.photos__wrap {
  gap: calc((54 / 1920) * 100vw);
}
.photos__bx {
  width: calc((338 / 1920) * 100vw);
  display: flex;
  gap: calc((30 / 1920) * 100vw);
  flex-direction: column;
}
.photos__bx img {
  width: 100%;
  display: block;
}
.photos__wrap {
  height: calc((870 / 1920) * 100vw);
  position: relative;
  overflow: hidden;
}
.photos__wrap:before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc((150 / 1920) * 100vw);
  left: 0;
  z-index: 3;
  top: 0;
  background: linear-gradient(360deg, rgba(0, 43, 84, 0) 0%, #002b54 90.92%);
}
.photos__wrap:after {
  content: "";
  z-index: 3;
  position: absolute;
  width: 100%;
  height: calc((150 / 1920) * 100vw);
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 43, 84, 0) 0%, #002b54 85.94%);
}
@keyframes slide {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(calc((-1100 / 1920) * 100vw));
  }
}
.photos__bx1 {
  animation: slide 11s infinite alternate;
}
.photos__bx2 {
  animation: slide 14s infinite alternate;
}
.photos__bx3 {
  animation: slide 9s infinite alternate;
}
.bottom__bg {
  position: relative;
  margin-top: calc((50 / 1920) * 100vw);
  height: calc((500 / 1920) * 100vw);
  overflow: hidden;
}
.bottom__bg img {
  display: block;
  width: 100%;
  margin-top: calc((-140 / 1920) * 100vw);
}
/* .bottom__bg:after {
	content: '';
	z-index: 3;
	position: absolute;
	width: 100%;
	height: 100px;
	left: 0;
	top: -100px;
	background: linear-gradient(180deg, rgba(0, 43, 84, 0) 0%, #002B54 85.94%);
} */
.bottom__title {
  height: calc((180 / 1920) * 100vw);
  position: relative;
  font-family: Mak;
  font-weight: 300;
  font-size: calc((78 / 1920) * 100vw);
  line-height: 116%;
  letter-spacing: -2px;
  text-align: center;
  color: #f6d16f;
  align-items: flex-start;
  background: url(../img/line6.svg) 90% calc((-15 / 1920) * 100vw) /
    calc((1163 / 1920) * 100vw) calc((180 / 1920) * 100vw) no-repeat;
  margin-bottom: calc((40 / 1920) * 100vw);
}
.bottom__btns {
  gap: calc((116 / 1920) * 100vw);
  margin-bottom: calc((70 / 1920) * 100vw);
}
.bottom__btns .btn-blue,
.bottom__btns .btn-orange {
  font-size: calc((23 / 1920) * 100vw);
  height: calc((90 / 1920) * 100vw);
  border-radius: calc((45 / 1920) * 100vw);
}
.footer {
  background: #0d0d0d;
  padding: calc((94 / 1920) * 100vw) 0;
}
.footer .wr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.soc {
  margin-top: calc((30 / 1920) * 100vw);
  gap: calc((10 / 1920) * 100vw);
}
.footer .text {
  font-weight: 300;
  font-size: calc((16 / 1920) * 100vw);
  line-height: 163%;
  color: #ffffffcc;
  width: calc((500 / 1920) * 100vw);
}
.copy {
  margin-top: calc((42 / 1920) * 100vw);
  padding-top: calc((42 / 1920) * 100vw);
  font-weight: 500;
  font-size: calc((16 / 1920) * 100vw);
  line-height: calc((26 / 1920) * 100vw);
  border-top: 1px solid #ffffff80;
  color: #ffffff80;
  text-align: center;
}
.countdown {
  gap: calc((30 / 1920) * 100vw);
}
.countdown > span {
  width: calc((185 / 1920) * 100vw);
  height: calc((174 / 1920) * 100vw);
  font-weight: 300;
  position: relative;
  font-size: calc((100 / 1920) * 100vw);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/timer.svg) 50% / contain no-repeat;
}
.countdown > span > span {
  position: absolute;
  bottom: calc((-40 / 1920) * 100vw);
  width: 100%;
  text-align: center;
  left: 0;
  color: #fff;
  font-size: calc((28 / 1920) * 100vw);
}
.countdown-white {
  padding-bottom: calc((10 / 1920) * 100vw);
  gap: calc((10 / 1920) * 100vw);
}
.countdown-white > span {
  width: calc((49 / 1920) * 100vw);
  height: calc((46 / 1920) * 100vw);
  font-size: calc((30 / 1920) * 100vw);
  color: #002b54;
  background: url(../img/timer.svg) 50% / contain no-repeat;
}
.countdown-white > span > span {
  bottom: calc((-10 / 1920) * 100vw);
  width: 100%;
  text-align: center;
  color: #002b54;
  font-size: calc((14 / 1920) * 100vw);
}
.how-block__wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: calc((20 / 1920) * 100vw);
}
.how-block__item {
  position: relative;
  height: calc((745 / 1920) * 100vw);
  border-radius: calc((85 / 1920) * 100vw);
  overflow: hidden;
  cursor: pointer;
  transition: 0.3s ease-in-out all;
  width: calc((171 / 1920) * 100vw);
}
.how-block__item:hover .how-block__item-bg img {
  filter: grayscale(0);
}
.how-block__item.active {
  width: calc((748 / 1920) * 100vw);
}
.how-block__item-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.how-block__item-bg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  object-fit: cover;
  transition: 0.3s ease-in-out all;
  filter: grayscale(0.8);
}
.how-block__item-vid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.how-block__item-vid video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.active .how-block__item-vid {
  opacity: 1;
}
.how-block__item-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc((70 / 1920) * 100vw);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
  width: 100%;
}
.how-block__item-link img {
  width: calc((49 / 1920) * 100vw);
  display: block;
}
.active .how-block__item-panel {
  opacity: 1;
}
.how-block__item-tags {
  display: flex;
  gap: calc((26 / 1920) * 100vw);
}
.how-block__item-tag {
  border: 1px solid #fff;
  padding: calc((12 / 1920) * 100vw) calc((32 / 1920) * 100vw);
  border-radius: calc((30 / 1920) * 100vw);
  font-weight: 400;
  font-size: calc((25 / 1920) * 100vw);
  line-height: 100%;
  text-align: center;
  color: #fff;
}
.overlay {
  position: fixed;
  z-index: 6;
  left: 0;
  top: 0;
  background: #101b30cc;
  backdrop-filter: blur(10px);
  width: 100%;
  height: 100%;
  display: none;
}
.popup {
  background: linear-gradient(162.47deg, #000000 0.02%, #1e365c 99.98%);
  border: 1px solid #d1c38a;
  padding: calc((60 / 1920) * 100vw);
  border-radius: calc((62 / 1920) * 100vw);
  position: fixed;
  z-index: 7;
  width: calc((1520 / 1920) * 100vw);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.popup__title {
  height: calc((200 / 1920) * 100vw);
  position: relative;
  font-family: Mak;
  font-weight: 300;
  font-size: calc((78 / 1920) * 100vw);
  line-height: 116%;
  letter-spacing: -2px;
  text-align: center;
  color: #f6d16f;
  align-items: flex-start;
  background: url(../img/line2.svg) 50% -50px / calc((1550 / 1920) * 100vw) calc(
      (236 / 1920) * 100vw
    ) no-repeat;
  margin-bottom: calc((20 / 1920) * 100vw);
}
.popup__close {
  position: absolute;
  right: calc((30 / 1920) * 100vw);
  top: calc((30 / 1920) * 100vw);
  cursor: pointer;
}
.popup-form .wr {
  gap: calc((20 / 1920) * 100vw);
}
.popup-form .bx {
  width: calc(50% - calc((10 / 1920) * 100vw));
}
.popup-form .bx3 {
  width: calc(33.3333% - calc((10 / 1920) * 100vw));
}
.popup-form input[type="text"] {
  border: 1px solid #d1c38a;
  height: calc((46 / 1920) * 100vw);
  border-radius: calc((23 / 1920) * 100vw);
  padding: 0 calc((15 / 1920) * 100vw);
  font-family: Gerbera;
  font-weight: 400;
  font-size: calc((20 / 1920) * 100vw);
  line-height: 100%;
  color: #fff;
  background: transparent;
  display: block;
  width: 100%;
  margin-bottom: calc((14 / 1920) * 100vw);
}
.popup-form .btn {
  background: linear-gradient(162.47deg, #fff7d6 0.02%, #d1c38a 99.98%);
  height: calc((54 / 1920) * 100vw);
  border-radius: calc((27 / 1920) * 100vw);
  border: 0;
  cursor: pointer;
  font-weight: 400;
  font-size: calc((24 / 1920) * 100vw);
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #002b54;
  width: 100%;
  margin-top: calc((30 / 1920) * 100vw);
}
.popup-form .btn:hover {
  opacity: 0.9;
}

/* WebP background overrides (use when browser supports WebP) */
.webp .toping { background-image: url(../img/bg-top-pc.webp); }
.webp .prices__item { background-image: url(../img/card.webp); }

/* Page loader */
.page-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(14,35,66,1);
  backdrop-filter: blur(6px);
  transition: opacity .35s ease, visibility .35s ease;
}
.page-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.page-loader__inner {
  text-align: center;
}
.page-loader__logo {
  width: calc((200 / 1920) * 100vw);
  max-width: 220px;
  min-width: 90px;
  margin: 0 auto calc((20 / 1920) * 100vw);
  display: block;
  filter: drop-shadow(0 6px 20px rgba(0,0,0,.35));
}
.page-loader__spinner {
  width: 56px;
  height: 56px;
  border: 3px solid rgba(252,224,146,.25);
  border-top-color: #fce092;
  border-radius: 50%;
  margin: 0 auto 12px;
  animation: pl-spin 1s linear infinite;
}
.page-loader__text {
  color: #fce092;
  font-weight: 500;
  letter-spacing: .02em;
}
@keyframes pl-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 767px) {
  .fixed-info-line {
    padding: calc((10 / 375) * 100vw) 0;
    border-radius: calc((20 / 375) * 100vw) calc((20 / 375) * 100vw) 0 0;
    gap: calc((20 / 375) * 100vw);
  }
  .fixed-info-line__text,
  .fixed-info-line__timer {
    display: none;
  }
  .btn-blue,
  .btn-orange {
    height: calc((40 / 375) * 100vw);
    padding: 0 calc((20 / 375) * 100vw);
    font-size: calc((14 / 375) * 100vw);
    border-radius: calc((16 / 375) * 100vw);
  }
  .container {
    width: auto;
    padding: 0 calc((10 / 375) * 100vw);
  }
  .logo {
    width: calc((30 / 375) * 100vw);
    overflow: hidden;
  }
  .btn-lang {
    width: auto;
  }
  .btn-lang img {
    width: auto;
    height: calc((30 / 375) * 100vw);
  }
  .logo img {
    width: auto;
    height: calc((30 / 375) * 100vw);
  }
  .header {
    padding: calc((10 / 375) * 100vw) 0;
  }
  .header .bt {
    width: calc((120 / 375) * 100vw);
    height: calc((30 / 375) * 100vw);
    border-radius: calc((15 / 375) * 100vw);
    font-size: calc((13 / 375) * 100vw);
  }
  .header__btns {
    gap: calc((10 / 375) * 100vw);
  }
  #wrapper {
    padding-top: calc((60 / 375) * 100vw);
  }
  .toping {
    border: 1px solid #968557;
    border-radius: calc((20 / 375) * 100vw);
    padding: calc((15 / 375) * 100vw);
    height: auto;
  }
  .toping__title {
    font-size: calc((48 / 375) * 100vw);
    margin: 0 0 calc((20 / 375) * 100vw);
  }
  .toping__info {
    top: 0;
    right: 0;
    font-size: calc((16 / 375) * 100vw);
    text-align: left;
    position: static;
    margin: 0 0 calc((20 / 375) * 100vw);
  }
  .toping__text {
    font-size: calc((18 / 375) * 100vw);
    line-height: 1.2;
  }
  .video-block__title {
    text-align: center;
    font-size: calc((40 / 375) * 100vw);
    margin: 0 0 calc((30 / 375) * 100vw);
  }
  .video-block__t {
    font-size: calc((16 / 375) * 100vw);
    width: auto;
    position: static;
    margin: 0 0 calc((20 / 375) * 100vw);
  }
  .video-block__t br {
    display: none;
  }
  .video-block__text {
    margin-bottom: calc((30 / 375) * 100vw);
    height: auto;
    background: none;
  }
  .text-line {
    padding: calc((5 / 375) * 100vw) 0;
    margin: calc((30 / 375) * 100vw) 0;
  }
  marquee {
    font-size: calc((16 / 375) * 100vw);
  }
  .video-block,
  .info-block,
  .slider-block,
  .brands,
  .photos {
    margin-bottom: calc((50 / 375) * 100vw);
  }
  .video-block__video {
    border-radius: calc((16 / 375) * 100vw);
  }
  .info-block__title,
  .how-block__title,
  .slider-block__title,
  .brands__title,
  .prices__title,
  .photos__title,
  .bottom__title,
  .popup__title {
    width: auto;
    background: none;
    height: auto;
    margin: 0 0 calc((30 / 375) * 100vw);
    font-size: calc((40 / 375) * 100vw);
  }
  .info-block__wrap {
    flex-wrap: wrap;
    gap: calc((20 / 375) * 100vw);
  }
  .info-block__item {
    border-radius: calc((16 / 375) * 100vw);
    padding: calc((100 / 375) * 100vw) calc((15 / 375) * 100vw)
      calc((15 / 375) * 100vw);
    width: calc(50% - calc((10 / 375) * 100vw));
  }
  .info-block__item-ico {
    width: calc((130 / 375) * 100vw);
    height: calc((130 / 375) * 100vw);
    top: calc((-30 / 375) * 100vw);
    margin-left: calc((-65 / 375) * 100vw);
  }
  .info-block__item-t1 {
    font-size: calc((30 / 375) * 100vw);
    margin-bottom: calc((10 / 375) * 100vw);
  }
  .info-block__item-t2 {
    font-size: calc((11 / 375) * 100vw);
  }
  .how-block__item-link img {
    width: calc((30 / 375) * 100vw);
  }
  .how-block__item-panel {
    padding: calc((10 / 375) * 100vw);
  }
  .how-block__item-tag {
    padding: calc((8 / 375) * 100vw) calc((20 / 375) * 100vw);
    border-radius: calc((16 / 375) * 100vw);
    font-size: calc((14 / 375) * 100vw);
  }
  .how-block__item-tag + .how-block__item-tag {
    display: none;
  }
  .how-block__item {
    height: calc((250 / 375) * 100vw);
    border-radius: calc((16 / 375) * 100vw);
    width: calc((40 / 375) * 100vw);
  }
  .how-block__wrap {
    gap: calc((10 / 375) * 100vw);
  }
  .how-block__item.active {
    width: calc((150 / 375) * 100vw);
  }
  .slider-block__wrap {
    padding: calc((15 / 375) * 100vw) calc((15 / 375) * 100vw)
      calc((50 / 375) * 100vw);
    border-radius: calc((16 / 375) * 100vw);
  }
  .slider__item-text {
    font-size: calc((14 / 375) * 100vw);
    margin-bottom: calc((15 / 375) * 100vw);
  }
  .slider__item-author {
    gap: calc((10 / 375) * 100vw);
  }
  .slider__item-ic {
    width: calc((40 / 375) * 100vw);
  }
  .slider__item-t {
    font-size: calc((14 / 375) * 100vw);
  }
  .owl-nav > div {
    width: calc((30 / 375) * 100vw);
    height: calc((30 / 375) * 100vw);
  }
  .owl-nav {
    bottom: calc((-40 / 375) * 100vw);
    gap: calc((10 / 375) * 100vw);
  }
  .slider__item-t b {
    font-size: calc((16 / 375) * 100vw);
    margin-bottom: calc((5 / 375) * 100vw);
  }
  .slider .owl-stage-outer { min-height: calc((120 / 375) * 100vw); }
  .owl-dots {
    width: calc((150 / 375) * 100vw);
    right: calc((15 / 375) * 100vw);
    bottom: calc((-25 / 375) * 100vw);
  }
  .owl-dots > div {
    height: calc((4 / 375) * 100vw);
  }
  .brands__item img {
    max-width: 100%;
  }
  .brands__wrap {
    grid-template-columns: repeat(
      auto-fit,
      minmax(calc((100 / 375) * 100vw), 1fr)
    );
    gap: calc((10 / 375) * 100vw);
  }
  .brands__item {
    height: calc((70 / 375) * 100vw);
    border-radius: calc((16 / 375) * 100vw);
  }
  .prices__wrap {
    gap: calc((30 / 375) * 100vw);
  }
  .prices__item {
    width: calc((320 / 375) * 100vw);
    height: calc((450 / 375) * 100vw);
    padding-top: calc((17 / 375) * 100vw);
  }
  .prices__item-t1 {
    font-size: calc((18 / 375) * 100vw);
  }
  .prices__item-t2 {
    font-size: calc((30 / 375) * 100vw);
    margin-bottom: calc((45 / 375) * 100vw);
  }
  .prices__item-list {
    padding: 0 calc((15 / 375) * 100vw);
    margin-bottom: calc((30 / 375) * 100vw);
    min-height: calc((230 / 375) * 100vw);
  }
  .prices__item-list li {
    padding-left: calc((25 / 375) * 100vw);
    background: url(../img/li.svg) 0 calc((1 / 375) * 100vw) /
      calc((15 / 375) * 100vw) no-repeat;
    margin-bottom: calc((10 / 375) * 100vw);
    font-size: calc((16 / 375) * 100vw);
  }
  .prices__item .btn-orange {
    width: calc((260 / 375) * 100vw);
  }
  .photos__wrap {
    height: calc((500 / 375) * 100vw);
    gap: calc((10 / 375) * 100vw);
  }
  .photos__bx {
    width: calc((120 / 375) * 100vw);
    gap: calc((10 / 375) * 100vw);
  }
  .photos__wrap:before,
  .photos__wrap:after {
    height: calc((100 / 375) * 100vw);
  }
  .bottom__btns {
    gap: calc((30 / 375) * 100vw);
    margin-bottom: calc((40 / 375) * 100vw);
    flex-wrap: wrap;
  }
  .bottom__btns .btn-blue,
  .bottom__btns .btn-orange {
    font-size: calc((16 / 375) * 100vw);
    height: calc((50 / 375) * 100vw);
    width: 100%;
    border-radius: calc((16 / 375) * 100vw);
  }
  .countdown {
    gap: calc((10 / 375) * 100vw);
  }
  .countdown > span {
    width: calc((60 / 375) * 100vw);
    height: calc((54 / 375) * 100vw);
    font-size: calc((35 / 375) * 100vw);
  }
  .countdown > span > span {
    bottom: calc((-20 / 375) * 100vw);
    font-size: calc((14 / 375) * 100vw);
  }
  .bottom__bg {
    margin-top: calc((50 / 375) * 100vw);
    height: calc((120 / 375) * 100vw);
  }
  .footer {
    padding: calc((30 / 375) * 100vw) 0 calc((70 / 375) * 100vw);
  }
  .flogo {
    width: calc((100 / 375) * 100vw);
  }
  .soc img {
    width: calc((30 / 375) * 100vw);
  }
  .soc {
    margin-top: calc((20 / 375) * 100vw);
    gap: calc((10 / 375) * 100vw);
  }
  .footer .text {
    font-size: calc((10 / 375) * 100vw);
    width: calc((235 / 375) * 100vw);
    line-height: 1.2;
  }
  .prices {
    margin-bottom: calc((50 / 375) * 100vw);
  }
  .copy {
    margin-top: calc((20 / 375) * 100vw);
    padding-top: calc((20 / 375) * 100vw);
    font-size: calc((14 / 375) * 100vw);
    line-height: 1.2;
  }
  .popup {
    border-radius: 0;
    left: 0;
    top: 0;
    transform: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: calc((15 / 375) * 100vw);
  }
  .popup-form .wr {
    display: block;
  }
  .popup-form .bx,
  .popup-form .bx3 {
    width: auto;
  }
  .popup-form input[type="text"] {
    height: calc((40 / 375) * 100vw);
    border-radius: calc((23 / 375) * 100vw);
    padding: 0 calc((15 / 375) * 100vw);
    font-size: calc((16 / 375) * 100vw);
    margin-bottom: calc((15 / 375) * 100vw);
  }
  .popup-form .btn {
    height: calc((50 / 375) * 100vw);
    border-radius: calc((16 / 375) * 100vw);
    font-size: calc((20 / 375) * 100vw);
    margin-top: calc((20 / 375) * 100vw);
  }
}

.popup-done {
  height: 80%;
}

.popup-done .wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.popup-done .popup__title {
  width: 100%;
}

.popup-done .popup__text {
  width: 100%;
  font-size: 35px;
  color: #fff;
  margin-top: -100px;
}

@media screen and (max-width: 768px) {
  .popup-done {
    height: 100%;
  }
  .popup-done .popup__text {
    font-size: 20px;
    margin-top: -20px;
  }
}