* {
  box-sizing: border-box;
}

.hide {
  display: none;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  font-family: "Montserrat", sans-serif;
  padding: 0 7.9166666667vw;
  color: #122632;
  line-height: normal;
}

img {
  max-width: 100%;
}

.btn {
  border-radius: 1.6666666667vw;
  border: none;
  font-size: 5.8333333333vw;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #122632;
  color: #fff;
  padding: 5vw 17.2916666667vw 4.1666666667vw;
  min-width: 59.375vw;
  transition: 0.35s;
}
.btn.disabled {
  pointer-events: none;
  background-color: rgba(18, 38, 50, 0.2);
}

a.btn {
  display: inline-flex;
  text-decoration: none;
}

.input {
  width: 100%;
  border-radius: 1.6666666667vw;
  border: 1px solid #888f95;
  padding: 5vw 4.5833333333vw 4.1666666667vw;
  text-align: center;
  font-size: 5vw;
  transition: 0.3s;
}
.input + .input {
  margin-top: 4.5833333333vw;
}
.input-invalid {
  color: #ed1c24;
  border-color: #ed1c24;
}
.input-error {
  margin-top: 2.0833333333vw;
  font-size: 3.125vw;
  font-weight: 300;
  color: #ed1c24;
}

h1 {
  margin: 0;
}

.text-center {
  text-align: center;
}

.full-width {
  margin: 0 -7.9166666667vw;
}

.divider {
  position: relative;
}
.divider:before {
  content: "";
  position: absolute;
  top: 0;
  left: -7.9166666667vw;
  right: -7.9166666667vw;
  height: 1px;
  background-color: #dadada;
}

a {
  color: currentColor;
}

.header {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 4.5833333333vw;
}
.header__home {
  line-height: 0;
}
.header__home img {
  height: 10.4166666667vw;
}
.header__logo {
  line-height: 0;
  margin-left: auto;
}
.header__logo img {
  height: 10.4166666667vw;
}
.header__close {
  line-height: 0;
  margin-left: auto;
}
.header__close img {
  width: 6.25vw;
}

.home__title {
  margin-top: 12.5vw;
  text-transform: uppercase;
  font-size: 9.7916666667vw;
  font-weight: 700;
  line-height: 1.1;
}
.home__subtitle {
  text-transform: uppercase;
  font-size: 5.625vw;
  font-weight: 600;
  margin-top: 1.0416666667vw;
}
.home__caption {
  color: #636d74;
  margin-top: 4.375vw;
  font-size: 4.1666666667vw;
  line-height: 1.2;
}
.home__list {
  margin-top: 7.9166666667vw;
}
.home__item {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 7.0833333333vw 4px rgba(0, 0, 0, 0.08);
  height: 22.5vw;
  border-radius: 1.6666666667vw;
}
.home__item:last-child img {
  max-width: 41.6666666667vw;
}
.home__item img {
  max-height: 70%;
  max-width: 60%;
}
.home__item + .home__item {
  margin-top: 2.9166666667vw;
}
.home__scroll {
  margin-top: 6.4583333333vw;
  margin-bottom: 7.2916666667vw;
}
.home__scroll img {
  width: 9.1666666667vw;
}

.tech__header {
  margin-bottom: 13.5416666667vw;
}
.tech__caption {
  color: #636d74;
  font-size: 4.1666666667vw;
  line-height: 1.2;
  padding-top: 11.0416666667vw;
}
.tech__list {
  margin-top: 7.5vw;
}
.tech__item {
  display: block;
  text-decoration: none;
  box-shadow: 0 0 7.0833333333vw 4px rgba(0, 0, 0, 0.08);
  padding: 6.25vw;
  border-radius: 1.6666666667vw;
}
.tech__item:first-child img {
  width: 11.25vw;
}
.tech__item:nth-child(2) img {
  width: 13.9583333333vw;
}
.tech__item:nth-child(3) img {
  width: 16.875vw;
}
.tech__item:nth-child(4) img {
  width: 14.7916666667vw;
}
.tech__item + .tech__item {
  margin-top: 2.9166666667vw;
}
.tech__item-title {
  font-weight: 500;
  font-size: 5.8333333333vw;
  margin-top: 3.3333333333vw;
}
.tech__scroll {
  margin-top: 8.5416666667vw;
  margin-bottom: 8.3333333333vw;
}
.tech__scroll img {
  width: 9.1666666667vw;
}

.updates {
  padding-bottom: 16.25vw;
  padding-top: 12.9166666667vw;
}
.updates__plate {
  padding: 13.125vw 6.6666666667vw 8.75vw;
  border-radius: 1.6666666667vw;
  box-shadow: 0 0 7.0833333333vw 4px rgba(0, 0, 0, 0.13);
}
.updates__icon {
  width: 45.4166666667vw;
}
.updates__descr {
  margin-top: 6.25vw;
  font-size: 4.1666666667vw;
  line-height: 5.8333333333vw;
  color: #636d74;
}
.updates__btn {
  margin-top: 13.5416666667vw;
}

.age {
  padding-bottom: 16.6666666667vw;
}
.age__title {
  margin-top: 17.2916666667vw;
  text-transform: uppercase;
  font-size: 5.8333333333vw;
  font-weight: 600;
}
.age__confirm {
  display: inline-flex;
  flex-flow: column;
  margin-top: 18.9583333333vw;
}
.age__confirm-item {
  height: 12.2916666667vw;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 4.1666666667vw;
  line-height: 5vw;
  text-align: left;
  font-weight: 500;
  color: #636d74;
  padding-left: 17.0833333333vw;
  letter-spacing: 0.5px;
}
.age__confirm-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  width: 12.0833333333vw;
  height: 12.0833333333vw;
  border: 1px solid #888f95;
}
.age__confirm-item.active:after {
  content: "";
  position: absolute;
  left: 3.2291666667vw;
  top: 3.2291666667vw;
  border-radius: 50%;
  background-color: #122632;
  width: 6.25vw;
  height: 6.25vw;
}
.age__confirm-item + .age__confirm-item {
  margin-top: 7.0833333333vw;
}
.age__btn {
  margin-top: 18.125vw;
  min-width: 59.5833333333vw;
}
.age__warning {
  display: none;
  margin-top: 17.2916666667vw;
  font-size: 5vw;
  font-weight: 600;
}
.age__warning.active {
  display: block;
}

.rules {
  margin-top: 13.9583333333vw;
  padding-bottom: 11.0416666667vw;
}
.rules__subtitle {
  font-size: 5.8333333333vw;
  line-height: 6.6666666667vw;
  font-weight: 700;
}
.rules__descr {
  text-align: left;
  margin-top: 7.2916666667vw;
  color: #636d74;
  font-size: 3.3333333333vw;
  line-height: 1.3;
}
.rules__confirm {
  position: relative;
  margin-top: 8.125vw;
  font-size: 3.75vw;
  letter-spacing: 0.1041666667vw;
  padding-left: 17.7083333333vw;
  text-align: left;
}
.rules__confirm:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.0416666667vw;
  width: 11.875vw;
  height: 11.875vw;
  border-radius: 1.6666666667vw;
  border: 1px solid #888f95;
}
.rules__confirm.active::after {
  content: "";
  width: 6.6666666667vw;
  height: 6.0416666667vw;
  left: 2.9166666667vw;
  top: 4.1666666667vw;
  position: absolute;
  background: url("../img/icons/check.png") center no-repeat;
  background-size: cover;
}
.rules__btn {
  margin-top: 10.625vw;
  letter-spacing: 0.52px;
}

.reg__form {
  margin-top: 10.4166666667vw;
}
.reg__form-inner {
  margin-top: 15.4166666667vw;
  padding-bottom: 15.4166666667vw;
}
.reg__title {
  font-weight: 700;
  font-size: 9.1666666667vw;
  line-height: 9.5833333333vw;
  text-transform: uppercase;
}
.reg__subtitle {
  font-size: 5.4166666667vw;
  line-height: 6.25vw;
  font-weight: 700;
  margin-top: 3.125vw;
}
.reg__input {
  text-transform: uppercase;
}
.reg__input-group + .reg__input-group {
  margin-top: 4.5833333333vw;
}
.reg__btn {
  width: 100%;
  margin-top: 4.5833333333vw;
  letter-spacing: 0.52px;
}
.reg__code {
  position: relative;
  margin-top: 4.5833333333vw;
}
.reg__code-label {
  position: absolute;
  top: 3.5vw;
  left: 0;
  right: 0;
  font-size: 3.3333333333vw;
  text-transform: uppercase;
  color: #636d74;
  letter-spacing: 0.1354166667vw;
}
.reg__thanks {
  padding: 6.25vw 0;
}
.reg__thanks-caption {
  text-align: left;
  margin-top: 5vw;
  font-size: 4.1666666667vw;
  font-weight: 300;
  line-height: 6.25vw;
  color: #636d74;
}
.reg__graph {
  position: relative;
}
.reg__graph-info {
  position: absolute;
  line-height: 6.875vw;
  left: 0;
  right: 0;
  top: 45%;
  transform: translateY(-50%);
}
.reg__graph-title {
  font-size: 5.4166666667vw;
  font-weight: 700;
}
.reg__graph-caption {
  font-size: 4.1666666667vw;
  letter-spacing: 0.2375vw;
  font-weight: 700;
}

.brand {
  padding-top: 12.5vw;
  padding-bottom: 14.5833333333vw;
}
.brand__descr {
  margin-top: 6.6666666667vw;
  color: #636d74;
  font-size: 4.1666666667vw;
  line-height: 5vw;
}
.brand__logo {
  line-height: 0;
}
.brand__logo-winston {
  width: 46.6666666667vw;
}
.brand__logo-sobranie {
  width: 69.375vw;
}
.brand__logo-ld {
  width: 16.6666666667vw;
}
.brand__logo-winchester {
  width: 50.4166666667vw;
}
.brand__list {
  margin-top: 8.3333333333vw;
}
.brand__list-winston {
  color: #0e3087;
}
.brand__list-sobranie {
  color: #ad9768;
}
.brand__list-ld {
  color: #d02030;
}
.brand__list-winchester {
  color: #35365a;
}
.brand__product {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 33.5416666667vw;
  border-radius: 1.6666666667vw;
  box-shadow: 0 0 7.0833333333vw 0.8333333333vw rgba(0, 0, 0, 0.08);
  overflow: hidden;
  text-decoration: none;
}
.brand__product:before {
  content: "";
  position: absolute;
  width: 47.9166666667vw;
  height: 47.9166666667vw;
  border-radius: 50%;
  top: 2.0833333333vw;
  left: -10.8333333333vw;
}
.brand__list-winston .brand__product:before {
  background-color: #0e3087;
}
.brand__list-sobranie .brand__product:before {
  background-color: #ad9768;
}
.brand__list-camel .brand__product:before {
  background-color: #f2bc0f;
}
.brand__list-montecarlo .brand__product:before {
  background-color: #028cd2;
}
.brand__list-dontabak .brand__product:before {
  background-color: #b74316;
}
.brand__list-ld .brand__product:before {
  background-color: #c0c9d0;
}
.brand__list-winchester .brand__product:before {
  background-color: #333456;
}
.brand__product + .brand__product {
  margin-top: 2.9166666667vw;
}
.brand__product-image {
  position: absolute;
  left: 5.8333333333vw;
  top: 5.2083333333vw;
  z-index: 1;
}
.brand__product-image img {
  width: 26.6666666667vw;
  box-shadow: -8px 9px 16px rgba(0, 0, 0, 0.36);
}
.brand__product-image .pr-sm {
  width: 23.9583333333vw;
}
.brand__product-image .pr-laube {
  width: 32.5vw;
}
.brand__product-image .pr-s-ks {
  width: 27.0833333333vw;
}
.brand__product-image .pr-camel {
  font-size: 25.2083333333vw;
}
.brand__product-name {
  font-size: 5vw;
  line-height: 6.6666666667vw;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 3.5416666667vw;
  padding-bottom: 4.5833333333vw;
  text-align: right;
}

.product {
  padding-top: 14.5833333333vw;
  padding-bottom: 11.4583333333vw;
}
.product__title {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 8.75vw;
  line-height: 10vw;
}
.product-winston .product__title {
  color: #0e3087;
}
.product-sobranie .product__title {
  color: #ad9768;
}
.product-ld .product__title {
  color: #d02030;
}
.product__title.product__title-caster {
  color: #c8a977;
}
.product__caption {
  margin-top: 6.25vw;
  font-size: 6.25vw;
  color: #636d74;
  font-weight: 700;
}
.product__inner {
  margin-top: 12.9166666667vw;
  display: flex;
}
.product__image {
  width: 44.7916666667vw;
  flex-shrink: 0;
  margin-right: 4.1666666667vw;
  position: relative;
}
.product__image img {
  vertical-align: middle;
}
.product__image.sticker::after {
  content: "";
  display: none;
  position: absolute;
  top: -5.2083333333vw;
  right: -4.1666666667vw;
  z-index: 1;
  width: 22.9166666667vw;
  height: 100%;
}
.product__image.sticker-1::after {
  background: url("../img/sticker-1.png") top no-repeat;
  background-size: contain;
}
.product__image.sticker-2::after {
  background: url("../img/sticker-2.png") top no-repeat;
  background-size: contain;
}
.product__image.sticker-3::after {
  background: url("../img/sticker-3.png") top no-repeat;
  background-size: contain;
}
.product__benefit {
  display: flex;
  align-items: center;
}
.product__benefit + .product__benefit {
  margin-top: 8.3333333333vw;
}
.product__benefit-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 2.5vw;
  width: 13.9583333333vw;
}
.product__benefit-image.sm {
  margin-right: 3.9583333333vw;
  width: 12.5vw;
}
.product__benefit-capsule {
  width: 7.7083333333vw;
  height: 7.7083333333vw;
}
.product__benefit-title {
  color: #636d74;
  font-size: 2.7083333333vw;
  text-transform: uppercase;
}
.product__benefit--border {
  justify-content: center;
  border: 1px solid #636d74;
  padding: 1.4583333333vw 1.25vw;
  text-align: center;
}
.product__benefit--border .product__benefit-title {
  font-size: 3.0208333333vw;
}
.product__benefit--border .product__benefit-title span {
  font-size: 0.9em;
}
.product__benefit--spaces {
  white-space: nowrap;
}
.product__benefits-five .product__benefit + .product__benefit {
  margin-top: 3.125vw;
}
.product__meta {
  display: flex;
  justify-content: space-between;
  margin-top: 7.7083333333vw;
}
.product__meta-block {
  display: flex;
  align-items: flex-end;
  color: #636d74;
  line-height: 0.5;
}
.product__meta-block:nth-child(2) {
  line-height: 1.1;
  margin-bottom: -0.8333333333vw;
}
.product__meta-key {
  font-size: 8.3333333333vw;
}
.product__meta-key img {
  position: relative;
  top: 0.8333333333vw;
  width: 11.4583333333vw;
}
.product__meta-value {
  margin-left: 1.4583333333vw;
  font-size: 3.75vw;
}
.product__meta-block:nth-child(2) .product__meta-value {
  font-size: 3.3333333333vw;
}
.product__meta-block:nth-child(3) .product__meta-value {
  font-size: 5.8333333333vw;
}
.product__colors {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4.1666666667vw;
  margin-top: 15.2083333333vw;
}
.product__colors-two {
  grid-template-columns: 1fr 1fr;
}
.product__colors-four {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 3.125vw;
}
.product__color {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(194, 203, 210, 0.5);
  text-decoration: none;
  padding-bottom: 1.6666666667vw;
  font-size: 3.3333333333vw;
}
.product__color.active {
  border-bottom: 3px solid #636d74;
}
.product__color-picker {
  width: 5.8333333333vw;
  height: 5.8333333333vw;
  border-radius: 50%;
  margin-right: 2.5vw;
  flex-shrink: 0;
}
.product__color-blue {
  background-color: #0e3087;
}
.product__color-silver {
  background-color: #c5d0d5;
}
.product__color-white {
  border: 1px solid #888f95;
}
.product__color-caster {
  background-color: #c8a977;
}
.product__color-black {
  background-color: black;
}
.product__color-gold {
  background-color: #c7b058;
}
.product__color-intrigue {
  background-color: #1a9bd3;
}
.product__color-fantasy {
  background-color: #be0d79;
}
.product__color-platinum {
  background-color: #E5E4E2;
}
.product__color-silk {
  background-color: #e4a543;
}
.product__color-rich {
  background-color: #d89d69;
}
.product__color-5 {
  background-color: #fae8af;
}
.product__color-7 {
  background-color: #642005;
}
.product__color-lab {
  display: flex;
  transform: rotate(55deg);
}
.product__color-lab span {
  display: flex;
}
.product__color-lab .left {
  width: 50%;
  height: 100%;
  border-radius: 100% 0 0 100%/50% 50% 50% 50%;
  background: #8d399c;
  border-right: none;
  position: relative;
  left: 1px;
}
.product__color-lab .right {
  width: 50%;
  height: 100%;
  background: #1967b2;
  border-radius: 0 100% 100% 0%/50% 50% 50% 50%;
  border-left: none;
}
.product__note {
  font-size: 2.0833333333vw;
  font-weight: 300;
  color: #636d74;
  margin-top: 10.4166666667vw;
}

.format {
  padding-top: 13.5416666667vw;
  padding-bottom: 18.75vw;
}
.format__title {
  font-size: 7.5vw;
  font-weight: 700;
}
.format__caption {
  margin-top: 5.8333333333vw;
  font-size: 4.1666666667vw;
  color: #636d74;
}
.format__image {
  margin-top: 11.0416666667vw;
}
.format__tech {
  margin-top: 4.1666666667vw;
}
.format__list {
  margin-top: 11.0416666667vw;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.format__item {
  transition: 0.35s;
}
.format__item:before {
  content: "";
  display: none;
  position: absolute;
  z-index: 99;
  background: white;
  width: 3.75vw;
  height: 3.75vw;
  transform: translate(0.625vw, -161%) rotate(45deg);
  border: 1px solid rgba(99, 109, 116, 0.5);
  border-left-color: transparent;
  border-top-color: transparent;
}
.format__item.active:before {
  display: block;
}
.format__item:nth-child(1) {
  width: 6.875vw;
}
.format__item:nth-child(2) {
  width: 6.4583333333vw;
}
.format__item:nth-child(3) {
  width: 5.2083333333vw;
}
.format__item:nth-child(4) {
  width: 4.7916666667vw;
}
.format__item:nth-child(5) {
  width: 5.8333333333vw;
}
.format__item:nth-child(6) {
  width: 5.2083333333vw;
}
.format__item:nth-child(6):before {
  transform: translate(0.625vw, -170%) rotate(45deg);
}
.format__stick {
  transition: 0.35s;
}
.format__list.active .format__stick {
  opacity: 0.56;
}
.format__item.active .format__stick {
  opacity: 1;
}
.format__popup {
  display: none;
  position: absolute;
  left: 5.2083333333vw;
  right: 5.2083333333vw;
  transform: translateY(-110%);
  z-index: 7;
  box-shadow: 0 0 3.3333333333vw rgba(0, 0, 0, 0.13);
  border: 1px solid rgba(99, 109, 116, 0.5);
  background-color: #fff;
  border-radius: 2.5vw;
  padding: 7.2916666667vw;
}
.format__item.active .format__popup {
  display: block;
}
.format__popup-img {
  width: 18.5416666667vw;
  margin: 4.1666666667vw 0;
}
.format__popup-title {
  font-size: 5.8333333333vw;
  font-weight: 700;
  text-transform: uppercase;
}
.format__popup-line {
  font-size: 3.9583333333vw;
}
.format__popup-line span {
  font-weight: 700;
}
.format__popup-line + .format__popup-line {
  margin-top: 1.0416666667vw;
}
.format-meta {
  font-size: 3.9583333333vw;
}

.filter {
  padding: 14.5833333333vw 0;
}
.filter__title {
  font-size: 7.5vw;
  font-weight: 700;
}
.filter__caption {
  font-size: 4.1666666667vw;
  line-height: 5vw;
  margin-top: 5.2083333333vw;
  color: #636d74;
}
.filter__list {
  margin-top: 10.4166666667vw;
}
.filter__item {
  border-radius: 1.6666666667vw;
  box-shadow: 0 0 7.0833333333vw 0.8333333333vw rgba(0, 0, 0, 0.08);
}
.filter__item + .filter__item {
  margin-top: 5vw;
}
.filter__head {
  position: relative;
  display: flex;
  padding: 6.6666666667vw 5.2083333333vw 10.4166666667vw;
}
.filter__head-info {
  text-align: left;
}
.filter__head-title {
  font-size: 5vw;
  font-weight: 600;
  color: #636d74;
}
.filter__head-descr {
  font-size: 3.3333333333vw;
  margin-top: 2.5vw;
  font-weight: 300;
  color: #636d74;
}
.filter__head-image {
  width: 20.8333333333vw;
  flex-shrink: 0;
  margin-right: 3.9583333333vw;
}
.filter__head-arrow {
  position: absolute;
  width: 5.625vw;
  left: 0;
  right: 0;
  bottom: 3.3333333333vw;
  margin: auto;
  transition: 0.3s;
}
.active .filter__head-arrow {
  transform: rotate(180deg);
}
.filter__body {
  display: none;
  padding: 5.2083333333vw 5.2083333333vw 7.7083333333vw;
  border-top: 1px dashed #cfd6dc;
  text-align: left;
}
.filter__body-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6.25vw 1.6666666667vw;
}
.filter__pack {
  text-decoration: none;
}
.filter__pack-caption {
  font-weight: 300;
  margin-top: 1.6666666667vw;
  font-size: 3.75vw;
  color: #636d74;
}
.filter__tech {
  margin-top: 13.9583333333vw;
}

.tobacco {
  margin-top: 13.9583333333vw;
}
.tobacco__title {
  font-size: 7.5vw;
  font-weight: 700;
}
.tobacco__caption {
  font-size: 4.1666666667vw;
  line-height: 5vw;
  margin-top: 7.0833333333vw;
  color: #636d74;
}
.tobacco__list {
  margin-top: 7.0833333333vw;
}
.tobacco__item {
  display: flex;
  padding: 5.2083333333vw 6.875vw;
  border-radius: 1.6666666667vw;
  box-shadow: 0 0 7.0833333333vw 0.8333333333vw rgba(0, 0, 0, 0.08);
  text-align: left;
}
.tobacco__item + .tobacco__item {
  margin-top: 5vw;
}
.tobacco__item-image {
  line-height: 0;
  width: 20.8333333333vw;
  flex-shrink: 0;
}
.tobacco__item-title {
  font-size: 5vw;
  font-weight: 600;
  color: #636d74;
}
.tobacco__item-descr {
  font-size: 3.3333333333vw;
  line-height: 4.5833333333vw;
  margin-top: 2.5vw;
  font-weight: 300;
  color: #636d74;
}
.tobacco__item-info {
  margin-left: 4.1666666667vw;
}
.tobacco__tech {
  margin-top: 17.0833333333vw;
  margin-bottom: 17.0833333333vw;
}

.techno {
  padding: 14.5833333333vw 0;
}
.techno__title {
  font-size: 7.5vw;
  font-weight: 700;
}
.techno__caption {
  font-size: 4.1666666667vw;
  line-height: 5vw;
  margin-top: 5.2083333333vw;
  color: #636d74;
}
.techno__list {
  margin-top: 6.25vw;
}
.techno__item {
  border-radius: 1.6666666667vw;
  box-shadow: 0 0 7.0833333333vw 0.8333333333vw rgba(0, 0, 0, 0.08);
}
.techno__item + .techno__item {
  margin-top: 5vw;
}
.techno__head {
  position: relative;
  display: flex;
  padding: 6.6666666667vw 5.2083333333vw 10.4166666667vw;
}
.techno__head-info {
  text-align: left;
}
.techno__head-title {
  font-size: 5vw;
  font-weight: 600;
  color: #636d74;
}
.techno__head-descr {
  font-size: 3.3333333333vw;
  margin-top: 2.5vw;
  font-weight: 300;
  color: #636d74;
}
.techno__head-image {
  width: 20.8333333333vw;
  flex-shrink: 0;
  margin-right: 3.9583333333vw;
}
.techno__head-arrow {
  position: absolute;
  width: 5.625vw;
  left: 0;
  right: 0;
  bottom: 3.3333333333vw;
  margin: auto;
  transition: 0.3s;
}
.active .techno__head-arrow {
  transform: rotate(180deg);
}
.techno__body {
  display: none;
  padding: 5.2083333333vw 5.2083333333vw 7.7083333333vw;
  border-top: 1px dashed #cfd6dc;
  text-align: left;
}
.techno__body-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6.25vw 1.6666666667vw;
}
.techno__pack {
  text-decoration: none;
}
.techno__pack-caption {
  font-weight: 300;
  margin-top: 1.6666666667vw;
  font-size: 3.3333333333vw;
  color: #636d74;
}
.techno__tech {
  margin-top: 13.9583333333vw;
}

.footer {
  padding-bottom: 14vh;
  transition: 0.3s;
}
.footer__no-alert {
  padding-bottom: 7.2916666667vw;
}
.footer__note {
  text-align: center;
  font-size: 2.9166666667vw;
  font-weight: 300;
  color: #888f95;
  margin-left: -4.1666666667vw;
  margin-right: -4.1666666667vw;
}
.footer__alert {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  line-height: 0;
  background-color: #fff;
  border: 1.25vw solid black;
  padding: 3.125vw 0;
  text-align: center;
  height: 10%;
  z-index: 0.3s;
}
.footer__alert img {
  max-height: 100%;
}

.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #122632;
  padding: 13.3333333333vw 8.3333333333vw 17.0833333333vw;
  color: #ffffff;
}
.cookie__alert .footer {
  padding-top: 57.2916666667vw;
}
.cookie__descr {
  font-size: 4.1666666667vw;
  line-height: 7.0833333333vw;
  font-weight: 300;
}
.cookie__links {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 9.375vw;
  font-size: 4.1666666667vw;
  line-height: 7.5vw;
  font-weight: 500;
  text-decoration: underline;
  text-transform: uppercase;
}
.cookie__link + .cookie__link {
  margin-top: 1.4583333333vw;
}

.cookies {
  padding-bottom: 12.5vw;
}
.cookies-list {
  margin: 0;
  margin-top: 12.5vw;
  padding: 0;
  list-style: none;
}
.cookies-list__item {
  margin-bottom: 2.9166666667vw;
}
.cookies-list__title {
  margin: 0;
  font-weight: 500;
  font-size: 5.8333333333vw;
  padding-bottom: 2.9166666667vw;
}
.cookies-list__text {
  margin: 0;
  margin-bottom: 2.9166666667vw;
  color: #636d74;
  font-size: 4.1666666667vw;
  line-height: 1.2;
}
.cookies-list__text:last-of-type {
  margin-bottom: 0;
}
.cookies em {
  font-style: normal;
  text-decoration: underline;
}

.popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  padding: 0 7.2916666667vw;
  background-color: #fff;
}
.popup__close {
  width: 100%;
  padding-top: 3.125vw;
  text-align: right;
}
.popup__close img {
  height: 6.25vw;
}
.popup .product {
  padding-top: 4.1666666667vw;
}