@charset "UTF-8";
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText/AtypText-Light.woff2") format("woff2"), url("../fonts/AtypText/AtypText-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText/AtypText-Bold.woff2") format("woff2"), url("../fonts/AtypText/AtypText-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText/AtypText-Medium.woff2") format("woff2"), url("../fonts/AtypText/AtypText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText/AtypText-Thin.woff2") format("woff2"), url("../fonts/AtypText/AtypText-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText/AtypText-Semibold.woff2") format("woff2"), url("../fonts/AtypText/AtypText-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Atyp Text";
  src: url("../fonts/AtypText/AtypText-Regular.woff2") format("woff2"), url("../fonts/AtypText/AtypText-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url("../fonts/RFDewiExpanded/RFDewiExpanded-Thin.woff2") format("woff2"), url("../fonts/RFDewiExpanded/RFDewiExpanded-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url("../fonts/RFDewiExpanded/RFDewiExpanded-Semibold.woff2") format("woff2"), url("../fonts/RFDewiExpanded/RFDewiExpanded-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url("../fonts/RFDewiExpanded/RFDewiExpanded-Regular.woff2") format("woff2"), url("../fonts/RFDewiExpanded/RFDewiExpanded-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url("../fonts/RFDewiExpanded/RFDewiExpanded-Bold.woff2") format("woff2"), url("../fonts/RFDewiExpanded/RFDewiExpanded-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url("../fonts/RFDewiExpanded/RFDewiExpanded-Light.woff2") format("woff2"), url("../fonts/RFDewiExpanded/RFDewiExpanded-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url("../fonts/RFDewiExpanded/RFDewiExpanded-Black.woff2") format("woff2"), url("../fonts/RFDewiExpanded/RFDewiExpanded-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url("../fonts/RFDewiExpanded/RFDewiExpanded-Ultrabold.woff2") format("woff2"), url("../fonts/RFDewiExpanded/RFDewiExpanded-Ultrabold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "RF Dewi Expanded";
  src: url("../fonts/RFDewiExpanded/RFDewiExpanded-Ultralight.woff2") format("woff2"), url("../fonts/RFDewiExpanded/RFDewiExpanded-Ultralight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
}

header, nav, section, article, aside, footer {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

html {
  height: 100%;
}

body {
  position: relative;
  height: 100%;
  font-family: "Atyp Text", sans-serif;
  color: #FFF;
  font-size: 0.9375vw;
  line-height: 1.35;
  font-weight: 300;
  font-style: normal;
  -webkit-font-feature-settings: "ss06";
          font-feature-settings: "ss06";
  background: #6A7990;
}
@media (max-width: 1023.98px) {
  body {
    font-size: 16px;
  }
}
@media (max-width: 609.98px) {
  body {
    font-size: 14px;
  }
}

body *,
body *:before,
body *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  border: none;
  max-width: 100%;
  vertical-align: bottom;
}

ul {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

a[href^="tel:"] {
  white-space: nowrap;
}

b, strong {
  font-weight: 600;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
  font-size: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.container {
  width: 100%;
  max-width: 81.25vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1023.98px) {
  .container {
    max-width: 710px;
  }
}
@media screen and (max-width: 767.98px) {
  .container {
    max-width: 100%;
    padding: 0 16px;
  }
}
.wrapper {
  min-height: 100%;
  width: 100%;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content__wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.hidden {
  display: none !important;
}

@media (max-width: 1699.98px) {
  .hide-desktop-lg {
    display: none !important;
  }
}

@media (max-width: 1339.98px) {
  .hide-desktop-md {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .hide-desktop {
    display: none !important;
  }
}

@media (max-width: 1023.98px) {
  .hide-tablet {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .hide-tablet-sm {
    display: none !important;
  }
}

@media (max-width: 609.98px) {
  .hide-mobile-lg {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .show-desktop {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .show-tablet {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .show-tablet-sm {
    display: none !important;
  }
}

@media (min-width: 610px) {
  .show-mobile-lg {
    display: none !important;
  }
}

.noscroll {
  overflow: hidden;
  padding-right: var(--widthScrollbar);
}
.noscroll .header.fixed {
  width: calc(100% - var(--widthScrollbar));
}
@media (max-width: 1023.98px) {
  .noscroll {
    padding-right: 0;
  }
  .noscroll .header {
    width: 100%;
  }
}

.nowrap {
  white-space: nowrap;
}
@media (max-width: 609.98px) {
  .nowrap.no-mob {
    white-space: initial;
  }
}

.content__text {
  font-size: 1.1458333333vw;
  line-height: 1.5;
}
.content__text > * {
  margin-bottom: 1.5625vw;
}
.content__text > :last-child {
  margin-bottom: 0 !important;
}
.content__text > :first-child {
  margin-top: 0 !important;
}
.content__text a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-position: under;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.content__text a:hover {
  text-decoration: none;
}
.content__text b, .content__text strong {
  font-weight: 600;
}
.content__text h1, .content__text h2, .content__text h3, .content__text h4, .content__text h5 {
  color: #FFF;
  line-height: 1.1;
  font-weight: 600;
}
.content__text h1 {
  font-size: 2.6041666667vw;
  margin: 1.5625vw 0;
}
.content__text h2 {
  font-size: 2.5vw;
  margin: 2.0833333333vw 0 1.0416666667vw;
}
.content__text h3 {
  font-size: 2.0833333333vw;
  margin: 1.5625vw 0 1.0416666667vw;
}
.content__text h4 {
  font-size: 1.6666666667vw;
  margin: 0.78125vw 0;
}
.content__text h5 {
  font-size: 1.25vw;
  margin: 0.78125vw 0;
}
.content__text ol {
  list-style-type: none;
  counter-reset: num;
}
.content__text ul li {
  position: relative;
  padding-left: 1.4583333333vw;
  font-weight: 500;
  font-size: 1.3541666667vw;
  margin-bottom: 0 !important;
}
.content__text ul li + li {
  margin-top: 0.4166666667vw;
}
.content__text ul li::before {
  width: 0.46875vw;
  height: 0.46875vw;
  position: absolute;
  left: 0;
  top: 0.8854166667vw;
  border-radius: 100%;
  background: #9FADC7;
  content: "";
}
.content__text ol li {
  padding-left: 2.8645833333vw;
  position: relative;
  font-size: 1.3541666667vw;
}
.content__text ol li + li {
  margin-top: 1.5625vw;
}
.content__text ol li:before {
  content: counter(num) ".";
  counter-increment: num;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0.2604166667vw;
  left: 0;
  border-radius: 100%;
  font-size: 1.875vw;
  line-height: 1;
  font-weight: 600;
}
.content__text > img,
.content__text > p img,
.content__text > div img {
  border-radius: 2.0833333333vw;
}
@media (max-width: 1023.98px) {
  .content__text {
    font-size: 14px;
  }
  .content__text > * {
    margin-bottom: 20px;
  }
  .content__text h1 {
    font-size: 28px;
    margin: 20px 0 15px;
  }
  .content__text h2 {
    font-size: 24px;
    margin: 20px 0 15px;
  }
  .content__text h3 {
    font-size: 24px;
    margin: 15px 0 10px;
  }
  .content__text h4 {
    font-size: 18px;
    margin: 15px 0 10px;
  }
  .content__text h5 {
    font-size: 16px;
    margin: 15px 0 10px;
  }
  .content__text ul li {
    padding-left: 20px;
    font-size: 15px;
  }
  .content__text ul li + li {
    margin-top: 5px;
  }
  .content__text ul li::before {
    width: 6px;
    height: 6px;
    top: 10px;
  }
  .content__text ol li {
    padding-left: 25px;
    font-size: 14px;
  }
  .content__text ol li + li {
    margin-top: 15px;
  }
  .content__text ol li:before {
    top: 3px;
    font-size: 18px;
  }
  .content__text > img,
  .content__text > p img,
  .content__text > div img {
    border-radius: 20px;
  }
}

.sbg {
  margin: -7.8125vw 0;
  border-radius: 7.8125vw;
  overflow: hidden;
  background: #93A1BB;
  position: relative;
  z-index: 5;
}
.sbg.overflow-initial {
  overflow: initial;
}
.sbg.mtt {
  margin-top: -7.8125vw;
}
.sbg.pd__header {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 609.98px) {
  .sbg {
    border-radius: 30px;
    margin: -30px 0;
  }
}

.section__head {
  margin-bottom: 3.125vw;
  position: relative;
}
.section__head.mb--md {
  margin-bottom: 2.6041666667vw;
}
.section__head.h-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.0416666667vw;
}
.section__head.h-cols--t {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section__head.dott::after {
  position: absolute;
  top: 0.6770833333vw;
  right: 0;
  width: 1.7708333333vw;
  height: 0.78125vw;
  background: url(../images/icons/dott-tt-gray.svg) no-repeat top center;
  background-size: 100%;
  content: "";
}
.section__head-left {
  max-width: 57.2916666667vw;
}
.section__head-left.wall {
  max-width: initial;
}
.section__head-right {
  max-width: 26.0416666667vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0.7291666667vw 1px 0.1041666667vw 0;
  text-align: right;
}
.section__head-right.mw {
  max-width: 33.8541666667vw;
}
.section__title {
  font-family: "RF Dewi Expanded";
  font-weight: 800;
  font-size: 3.125vw;
  line-height: 1.06;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
.section__title.fs--md {
  font-size: 2.7604166667vw;
}
.section__title mark {
  color: rgba(255, 255, 255, 0.5);
}
.section__title img {
  height: 0.832em;
  border-radius: 100px;
  vertical-align: middle;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
}
.section__tag {
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 57px;
  padding: 0.2083333333vw 0.8333333333vw 0.3125vw;
}
.Safari .section__tag {
  padding-top: 0.2604166667vw;
  padding-bottom: 0.2604166667vw;
}
.section__intro {
  font-size: 1.0416666667vw;
  line-height: 1.35;
  margin-top: 1.5625vw;
}
.section__intro.fs--sm {
  font-size: 0.8333333333vw;
}
.section__intro.mw {
  max-width: 23.4375vw;
}
.section__intro.mw--md {
  max-width: 30.2083333333vw;
}
.text--center .section__intro {
  margin-left: auto;
  margin-right: auto;
}
.section__intro.intro--dotts::after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4166666667vw;
  width: 1.4583333333vw;
  height: 11px;
  background: url(../images/icons/dott-tt.svg) no-repeat center center;
  background-size: 100%;
  content: "";
}
.section__buttons {
  margin-top: 68px;
  text-align: center;
}
.section__first {
  margin-top: 0 !important;
}
.section__mg {
  margin: 6.25vw 0;
}
.section__mgt {
  margin-top: 6.25vw;
}
.section__pd {
  padding: 6.25vw 0;
}
.section__pdt {
  padding-top: 70px;
}
.section__pdsbg {
  padding: 14.0625vw 0;
}
.section__pdsbg--md {
  padding: 15.1041666667vw 0;
}
.section__pdsbg:last-child {
  position: relative;
  z-index: 2;
  margin-bottom: -7.8125vw;
  padding-bottom: 6.25vw;
  border-bottom-left-radius: 7.8125vw;
  border-bottom-right-radius: 7.8125vw;
}
.section__tab {
  display: none;
}
.section__tab.show {
  display: block;
}
@media (max-width: 1023.98px) {
  .section__head {
    margin-bottom: 40px;
  }
  .section__head.h-cols:not(.h-cols--t) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    grid-gap: 25px;
    gap: 15px;
  }
  .section__head-left {
    max-width: 550px;
  }
  .section__head-right {
    text-align: left;
    padding-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    max-width: initial;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .section__title {
    font-size: 30px;
  }
  .section__title.fs--md {
    font-size: 30px;
  }
  .section__tag {
    font-size: 14px;
    padding: 0 12px 0;
    height: 25px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 2px;
  }
  .section__intro {
    font-size: 14px;
  }
  .section__intro.fs--sm {
    font-size: 12px;
  }
  .section__intro.mw {
    max-width: 400px;
  }
  .section__intro.mw--md {
    max-width: 450px;
  }
  .section__head-right .section__intro {
    margin-top: 0;
  }
  .section__intro.intro--dotts::after {
    margin-left: 5px;
    width: 18px;
    height: 7px;
  }
  .section__mg {
    margin: 70px 0;
  }
}
@media (max-width: 767.98px) {
  .section__head {
    padding-right: 0;
  }
  .section__head::after {
    display: none;
  }
}
@media (max-width: 609.98px) {
  .section__head {
    gap: 12px;
  }
  .section__head.h-cols--t {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
  }
  .section__title {
    font-size: 6.875vw;
    line-height: 1.2;
  }
  .section__title.fs--md {
    font-size: 6.875vw;
  }
  .section__title.fs--md-m {
    font-size: 5.9375vw;
  }
  .section__title.fs--lg-m {
    font-size: 8.125vw;
  }
  .section__intro {
    opacity: 0.8;
    font-size: 14px;
    margin-top: 10px;
    max-width: 400px;
  }
  .section__intro.fs--sm {
    font-size: 14px;
  }
  .section__tag {
    margin-top: 0;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .section__pdsbg {
    padding: 90px 0;
  }
  .section__pdsbg:last-child {
    margin-bottom: -30px;
    padding-bottom: 24px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .section__mg {
    margin: 60px 0;
  }
  .sbg .section__mg:first-child {
    margin-top: 24px;
  }
  .sbg .section__mg:last-child {
    margin-bottom: 24px;
  }
  .section__mgt {
    margin-top: 60px;
  }
  .section__pd {
    padding: 30px 0;
  }
}
@media (max-width: 360px) {
  .section__title {
    font-size: 6.5625vw;
  }
  .section__title.fs--md {
    font-size: 6.5625vw;
  }
  .section__title.fs--md-m {
    font-size: 5.9375vw;
  }
  .section__title.fs--lg-m {
    font-size: 7.8125vw;
  }
}

.pd__header {
  padding-top: 9.375vw;
}
@media (max-width: 1023.98px) {
  .pd__header {
    padding-top: 120px;
  }
}
@media (max-width: 609.98px) {
  .pd__header {
    padding-top: 80px;
  }
}

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

.text--white {
  color: white;
}

/**************************************************************
.breadcrumbs
**************************************************************/
.breadcrumbs {
  margin: 0 0 3.0208333333vw;
  -webkit-box-ordinal-group: -9;
      -ms-flex-order: -10;
          order: -10;
}
.breadcrumbs + * {
  margin-top: 0 !important;
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5208333333vw 0;
}
.breadcrumbs__item {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumbs__item:not(:last-child):after {
  width: 1.0416666667vw;
  height: 0.46875vw;
  margin: 0.2604166667vw 0.8333333333vw 0;
  background: url(../images/icons/sep-crumb.svg) no-repeat center;
  background-size: 100%;
  color: inherit;
  content: "";
}
.Safari .breadcrumbs__item:not(:last-child):after {
  margin-top: 0;
}
.breadcrumbs__current {
  white-space: nowrap;
}
.breadcrumbs__link {
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: underline;
  text-underline-position: under;
}
.breadcrumbs__link:hover {
  text-decoration: none;
}
@media (max-width: 1023.98px) {
  .breadcrumbs {
    margin-bottom: 40px;
  }
  .breadcrumbs__list {
    gap: 8px 0;
  }
  .breadcrumbs__item {
    font-size: 14px;
  }
  .breadcrumbs__item::after {
    width: 15px !important;
    height: 6px !important;
    margin: 0 10px 0 !important;
  }
}
@media (max-width: 767.98px) {
  .breadcrumbs__list {
    padding: 0 16px 5px;
    margin: 0 -16px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
  }
  .breadcrumbs__item {
    max-width: initial;
    overflow: initial;
  }
}

.icon {
  stroke: currentColor;
  fill: none;
  color: inherit;
  font-size: inherit;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.icon--fill {
  fill: currentColor;
  stroke: initial;
}
.icon path {
  stroke: currentColor;
  color: inherit;
  font-size: inherit;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3645833333vw;
}
.social__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  color: #F0FFE9;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 1;
}
.social__item::after {
  position: absolute;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 2px solid #fff;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  content: "";
}
.social__item img {
  width: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.social__item-label {
  display: none;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, 4px);
      -ms-transform: translate(-50%, 4px);
          transform: translate(-50%, 4px);
  font-size: 12px;
  color: #1B59D3;
  line-height: 1.25;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .social__item:hover {
    border-color: #fff;
  }
  .social__item:hover::after {
    opacity: 1;
  }
  .social__item:hover .social__item-label {
    opacity: 1;
  }
}
.social .icon {
  width: 100%;
  height: 100%;
}
@media (max-width: 1023.98px) {
  .social {
    grid-gap: 7px;
    gap: 7px;
  }
  .social__item {
    width: 30px;
    height: 30px;
  }
}

.link {
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.link .icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.link__more .close_t {
  display: none;
}
.link__more.opened .open_t {
  display: none;
}
.link__more.opened .close_t {
  display: block;
}
@media (max-width: 1199.98px) {
  .link {
    font-size: 16px;
  }
}

.copybuff {
  position: relative;
  padding-right: 1.3020833333vw;
}
.copybuff::after {
  width: 0.9375vw;
  height: 0.9375vw;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icons/copy.svg) no-repeat center;
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  content: "";
}
.copybuff.active::after {
  background-image: url(../images/icons/copy-ok.svg);
}
@media (hover: hover) {
  .copybuff:hover::after {
    opacity: 1;
  }
}
@media (max-width: 1023.98px) {
  .copybuff {
    padding-right: 22px;
  }
  .copybuff::after {
    opacity: 1;
    width: 14px;
    height: 14px;
  }
}

/**************************************************************
swiper
**************************************************************/
.swiper-slide {
  height: auto;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.swiper-pagination-bullet {
  margin: 0 6px !important;
  width: 12px;
  height: 12px;
  border: 1px solid #737373;
  background: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-button {
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  border: none;
  border-radius: 100px;
  background: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
  cursor: pointer;
}
.swiper-button-next {
  right: 0;
  left: auto;
}
.swiper-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: #D2040F;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.swiper-button .icon {
  width: 43%;
  height: 43%;
  position: relative;
  z-index: 5;
}
.swiper-button img {
  width: 45%;
}
.swiper-button--md {
  width: 3.2291666667vw;
  height: 3.2291666667vw;
}
.swiper-button--md .icon {
  width: 30%;
  height: 30%;
}
.swiper-button--lg {
  width: 4.4270833333vw;
  height: 4.4270833333vw;
}
.swiper-button--rect {
  width: 5.0520833333vw;
  height: 3.28125vw;
}
.swiper-button--white {
  color: #D2040F;
}
.swiper-button--white::after {
  background: #fff;
}
.swiper-button-disabled {
  opacity: 1;
  color: #fff;
}
.swiper-button-disabled::after {
  background: #ADBAD4 !important;
}
.swiper-button-nav {
  background: #adbad4;
  border-radius: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.swiper-button-nav .swiper-button {
  color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  -webkit-transform: initial;
      -ms-transform: initial;
          transform: initial;
}
.swiper-button-nav .swiper-button-next.swiper-button--white {
  color: #D2040F;
}
.swiper:not(.swiper-end) .swiper-button-nav .swiper-button-prev::after, .swiper-button-nav.swiper:not(.swiper-end) .swiper-button-prev::after {
  background: none;
}
.swiper-button-nav .swiper-button-disabled::after {
  background: none !important;
}
@media (hover: hover) {
  .swiper-button:hover::after {
    background: #EB1520 !important;
  }
  .swiper-button--white:hover {
    color: #fff !important;
  }
  .swiper-button-nav .swiper-button-prev:hover + .swiper-button-next {
    color: #fff !important;
  }
  .swiper-button-nav .swiper-button-prev:hover + .swiper-button-next::after {
    background: none !important;
  }
}
@media (max-width: 1023.98px) {
  .swiper-button {
    width: 40px;
    height: 40px;
  }
}
.swiper-scrollbar {
  height: 9px;
  background: rgba(159, 173, 199, 0.5);
}
.swiper-scrollbar.swiper-scrollbar--dark, .sbg .swiper-scrollbar {
  background: #6A7990;
}
.swiper-scrollbar-drag {
  cursor: pointer;
  background: #adbad4;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .swiper-scrollbar-drag:hover {
    background: #bac7e1;
  }
}
@media (max-width: 1023.98px) {
  .swiper-scrollbar {
    height: 5px;
  }
}

.swiper-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5625vw;
  margin-top: 2.0833333333vw;
  padding-bottom: 1px;
}
.swiper-nav .swiper-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  -webkit-transform: initial;
      -ms-transform: initial;
          transform: initial;
}
.swiper-nav .swiper-scrollbar {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
@media (max-width: 1023.98px) {
  .swiper-nav {
    gap: 10px;
    margin-top: 25px;
  }
  .swiper-nav .swiper-pagination-progressbar {
    margin: 0 15px;
  }
}

.mCSB_scrollTools {
  width: 0.4166666667vw;
  border: none;
  background: none;
  padding: 0;
  border-radius: 10px;
  background: rgba(106, 121, 144, 0.5);
}
.mCSB_scrollTools .mCSB_draggerContainer {
  top: 0;
  bottom: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  border-radius: 10px;
  cursor: pointer;
  background: #adbad4;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background: #bac7e1;
  }
}
@media (max-width: 1023.98px) {
  .mCSB_scrollTools {
    width: 5px;
  }
}
@media (max-width: 609.98px) {
  .mCSB_scrollTools {
    width: 4px;
  }
}

.mCS_no_scrollbar_y {
  padding-right: 0 !important;
}

.mCSB_container {
  margin-right: 0 !important;
}
@media (max-width: 767.98px) {
  .mCSB_container {
    padding-right: 15px !important;
  }
}


.iti {
  width: 100%;
}
.iti__selected-flag {
  background: none !important;
  width: 55px;
  padding: 0 0 0 15px;
}
.iti__selected-flag .iti__flag {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.iti__country-list {
  z-index: 20;
  color: black;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type="text"], .iti--allow-dropdown input[type="tel"], .iti--separate-dial-code input, .iti--separate-dial-code input[type="text"], .iti--separate-dial-code input[type="tel"] {
  padding-left: 60px;
  padding-right: 15px;
}
@media (max-width: 1023.98) {
  .iti__selected-flag {
    background: rgba(255,255,255,0.2) !important;
  border-radius: 100%;
  }
.iti--allow-dropdown input, .iti--allow-dropdown input[type="text"], .iti--allow-dropdown input[type="tel"], .iti--separate-dial-code input, .iti--separate-dial-code input[type="text"], .iti--separate-dial-code input[type="tel"] {
    padding-left: 65px;
  }
}


/**************************************************************
forms
**************************************************************/
.input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input::-o-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input::-moz-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input:-moz-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input:-moz-placeholder-shown {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input:placeholder-shown {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.input:focus::-webkit-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus::-o-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus::-moz-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus:-moz-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus::-ms-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus:input-placeholder {
  color: transparent;
  opacity: 0;
}

input[placeholder] {
  text-overflow: ellipsis;
}

input::-moz-placeholder {
  text-overflow: ellipsis;
}

input:-moz-placeholder {
  text-overflow: ellipsis;
}

input:-ms-input-placeholder {
  text-overflow: ellipsis;
}

input, button {
  -webkit-appearance: none;
  -webkit-font-feature-settings: "ss06";
          font-feature-settings: "ss06";
}

.form__inputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5625vw;
}
.form__inputs .wall {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.form__row {
  margin-bottom: 1.0416666667vw;
  min-width: 1px;
}
.form__inputs .form__row {
  margin-bottom: 0;
}
.form__ihint {
  opacity: 0.8;
  margin-top: 0.625vw;
}
.form__policy {
  margin-top: 1.25vw;
  text-align: left;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5208333333vw;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8333333333vw;
  line-height: 1;
  cursor: pointer;
}
.form__policy.policy--white {
  color: #fff;
}
.form__policy input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -100px;
}
.form__policy a {
  color: inherit;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
.form__policy a:hover {
  text-decoration: none;
}
.form__policy-sq {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  cursor: pointer;
  border-radius: 0.2604166667vw;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.form__policy-sq::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icons/check.svg) no-repeat center center;
  background-size: 100%;
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  content: "";
}
.form__policy.policy--white .form__policy-sq {
  border-color: #fff;
}
.form__policy.policy--white .form__policy-sq::before {
  background-image: url(../images/icons/check-white.svg);
}
.form__policy .error + .form__policy-sq {
  border-color: #D2040F;
}
.form__policy :checked + .form__policy-sq::before {
  opacity: 1;
}
.form__submit {
  margin-top: 2.0833333333vw;
}
.form__submit.mt--md {
  margin-top: 3.125vw;
}
.form__submit.mt--lg {
  margin-top: 3.6458333333vw;
}
@media (max-width: 1023.98px) {
  .form__inputs {
    grid-gap: 12px;
  }
  .form__row {
    margin-bottom: 12px;
  }
  .form__ihint {
    margin-top: 10px;
    font-size: 14px;
  }
  .form__policy {
    margin-top: 12px;
    gap: 7px;
    font-size: 11px;
  }
  .form__policy-sq {
    width: 14px;
    height: 14px;
    cursor: pointer;
    border-radius: 3px;
  }
  .form__policy span {
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
  }
  .form__submit {
    margin-top: 30px;
  }
  .form__submit.mt--md {
    margin-top: 40px;
  }
  .form__submit.mt--lg {
    margin-top: 40px;
  }
}
@media (max-width: 609.98px) {
  .form__ihint {
    margin-top: 8px;
    font-size: 12px;
  }
  .form__inputs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .form__inputs .wall {
    grid-column: initial;
  }
}

.input {
  width: 100%;
  height: 4.1666666667vw;
  max-width: 22.5vw;
  padding: 0 1.0416666667vw 0.15625vw 2.1875vw;
  border: 1.08px solid #fff;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.2);
  font-family: "Atyp Text", sans-serif;
  color: #fff;
  font-size: 1.1458333333vw;
  outline: none;
}
.input--hbtn {
  height: 4.8958333333vw;
}
.input:focus {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
          box-shadow: inset 0 0 0 1px #fff;
}
.input.error {
  color: #D2040F;
  border-color: #D2040F;
  background: rgba(210, 4, 15, 0.15);
}
.input.error:focus {
  -webkit-box-shadow: inset 0 0 0 1px #D2040F;
          box-shadow: inset 0 0 0 1px #D2040F;
}
.form__inputs .input {
  max-width: 100%;
}
@media (max-width: 1023.98px) {
  .input {
    height: 57px;
    padding: 1px 15px 0 28px;
    font-size: 15px;
    max-width: 300px;
  }
}
@media (max-width: 609.98px) {
  .input {
    max-width: 100%;
  }
}

textarea.input {
  line-height: normal;
  padding: 1.6666666667vw 1.0416666667vw 1.0416666667vw 2.1875vw;
  border-radius: 2.6041666667vw;
  resize: none;
  height: 9.1145833333vw;
}
textarea.input.input--hbtn {
  height: 4.8958333333vw;
  padding: 0 1.0416666667vw 0 2.1875vw;
  overflow: hidden;
  white-space: nowrap;
  line-height: 4.7916666667vw;
}
@media (max-width: 1023.98px) {
  textarea.input {
    height: 120px;
    padding: 20px 20px 20px 28px;
    border-radius: 30px;
  }
  textarea.input.input--hbtn {
    height: 52px;
    padding-left: 28px;
    line-height: 50px;
  }
}
@media (max-width: 609.98px) {
  textarea.input {
    border-radius: 30px;
  }
  textarea.input.input--hbtn {
    height: 120px;
    padding-left: 28px;
    padding-top: 20px;
    line-height: initial;
    white-space: initial;
    overflow: initial;
  }
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 4.8958333333vw;
  border-radius: 100px;
  font-family: "Atyp Text", sans-serif;
  font-weight: 600;
  font-size: 1.5625vw;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  border: none;
  background: #D2040F;
  padding: 0 2.6041666667vw 0.3645833333vw;
  outline: 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Safari .btn {
  padding-bottom: 0;
}
.btn--arrow {
  background: none !important;
  padding: 0 !important;
}
.btn--arrow::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #0F1015;
  z-index: -1;
  border-radius: 100px;
  content: "";
}
.btn__t {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 0 2.6041666667vw 0.3645833333vw;
  border-radius: 100px;
  position: relative;
  background: #D2040F;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Safari .btn__t {
  padding-bottom: 0;
}
.btn__arr {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  margin: 0 0.8854166667vw 0 0.78125vw;
  width: 3.28125vw;
  height: 3.28125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 100%;
  color: #0F1015;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn__arr .icon, .btn__arr img {
  width: 47%;
  height: 47%;
}
@-webkit-keyframes btn_arr {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  25% {
    -webkit-transform: translate(10%, 10%);
            transform: translate(10%, 10%);
  }
  50% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  75% {
    -webkit-transform: translate(-10%, -10%);
            transform: translate(-10%, -10%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@keyframes btn_arr {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  25% {
    -webkit-transform: translate(10%, 10%);
            transform: translate(10%, 10%);
  }
  50% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  75% {
    -webkit-transform: translate(-10%, -10%);
            transform: translate(-10%, -10%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
.btn.fs--md {
  font-size: 1.25vw;
}
.btn--md {
  height: 3.2291666667vw;
  padding: 0 1.4583333333vw 0.2604166667vw;
  font-size: 1.09375vw;
  line-height: 1;
}
.btn--md.pd--md {
  padding-left: 1.0416666667vw;
  padding-right: 1.0416666667vw;
}
.btn--md.fs--md {
  font-size: 0.9375vw;
}
.btn--sm {
  height: 2.6041666667vw;
  padding: 0 1.3541666667vw 0.15625vw;
  font-size: 0.8854166667vw;
  line-height: 1;
}
.btn--dark {
  background: #253c52;
}
.btn--white {
  background: #fff;
  color: #EB1520;
}
@media (hover: hover) {
  .btn:hover {
    background: #EB1520;
    color: #fff;
  }
  .btn:hover .btn__t {
    background: #EB1520;
  }
  .btn--dark:hover {
    background: #8B97B2;
  }
}
.btn--wall {
  width: 100%;
  padding-left: 1.0416666667vw;
  padding-right: 1.0416666667vw;
}
.btn--wall .btn__t {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding-left: 1.0416666667vw;
  padding-right: 1.0416666667vw;
}
@media (max-width: 1023.98px) {
  .btn {
    height: 57px;
    font-size: 16px;
    padding: 1px 30px 0;
  }
  .btn.fs--md {
    font-size: 14px;
  }
  .btn__t {
    padding: 1px 25px 0;
  }
  .btn__arr {
    margin: 0 10px 0 8px;
    width: 35px;
    height: 35px;
  }
  .btn__arr .icon, .btn__arr img {
    width: 50%;
    height: 50%;
  }
}

.btnradio {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.btnradio input {
  position: absolute;
  left: -50px;
  top: -50px;
  opacity: 0;
  visibility: hidden;
}
.btnradio__item {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  min-height: 3.6458333333vw;
  min-width: 14.3229166667vw;
  padding: 0.5208333333vw 1.3020833333vw 0.6770833333vw;
  border-radius: 100px;
  background: #9CA9C3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
  font-weight: 500;
  font-size: 1.0416666667vw;
}
.Safari .btnradio__item {
  padding-bottom: 0.5208333333vw;
}
.btnradio__item:before {
  width: 1.1458333333vw;
  height: 1.1458333333vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transform: translateY(0.1041666667vw);
      -ms-transform: translateY(0.1041666667vw);
          transform: translateY(0.1041666667vw);
  background: #a1aec8;
  background-size: 100% 100%;
  border: 2px solid #bbc6db;
  border-radius: 100px;
  content: "";
}
.Safari .btnradio__item:before {
  -webkit-transform: initial;
      -ms-transform: initial;
          transform: initial;
}
[type=checkbox] + .btnradio__item-item::before {
  width: 0.9375vw;
  height: 0.9375vw;
  border-radius: 0.2604166667vw;
}
@media (any-hover: hover) {
  .btnradio__item:hover {
    background: #adbad4;
  }
}
:checked + .btnradio__item {
  background: #adbad4;
}
:checked + .btnradio__item::before {
  border: none;
  background-image: url(../images/icons/check-circle-active.svg);
}
[type=checkbox]:checked + .btnradio__item::before {
  background-image: url(../images/icons/check-active.svg);
}
@media (max-width: 1023.98px) {
  .btnradio__item {
    min-height: 45px;
    min-width: 200px;
    padding: 10px 20px;
    gap: 10px;
    font-size: 14px;
  }
  .btnradio__item:before {
    width: 18px;
    height: 18px;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
  }
  [type=checkbox] + .btnradio__item-item::before {
    width: 16px;
    height: 16px;
    border-radius: 3px;
  }
}

.choices {
  z-index: 5;
  text-align: left;
}
.choices.is-open {
  z-index: 20;
}
.choices[data-type*=select-one]:after {
  width: 0.8333333333vw;
  height: 0.46875vw;
  border: none;
  right: 2.0833333333vw;
  margin-top: -0.2083333333vw !important;
  background: url(../images/icons/drop-red.svg) no-repeat center center;
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.choices.is-open[data-type*=select-one]:after {
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1);
}
.choices__inner {
  height: 4.1666666667vw;
  height: 4.8958333333vw;
  min-height: 1px;
  padding: 0 3.6458333333vw 0.2083333333vw 2.1875vw;
  padding-bottom: 0.15625vw !important;
  border: none;
  border-radius: 100px !important;
  background: #fff;
  font-family: "Atyp Text", sans-serif;
  font-size: 1.1458333333vw;
  color: #D2040F;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.choices--hbtn .choices__inner {
  height: 4.8958333333vw;
}
.choices__placeholder {
  opacity: 1;
  color: rgba(255, 255, 255, 0.5);
}
.choice--white .choices__placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.choices__list--single {
  padding: 0;
}
.choices__list--single .choices__item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.choices__list--dropdown {
  top: 100% !important;
  bottom: auto !important;
  border: none !important;
  margin: -2.6041666667vw 0 !important;
  padding: 2.6041666667vw 0.4166666667vw 0.5208333333vw;
  border-radius: 0 0 2.6041666667vw 2.6041666667vw !important;
  background: #8B97B2 !important;
  opacity: 0;
  z-index: -1 !important;
  word-break: initial !important;
  text-wrap: balance;
}
.choices__list--dropdown.is-active {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.choices__list--dropdown .choices__placeholder {
  display: none;
}
.choices__list--dropdown .choices__list {
  max-height: 31.25vw !important;
}
.choices__list--dropdown .choices__item {
  color: #FFF;
  font-size: 1.1458333333vw !important;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.02em;
  padding: 0.9375vw 1.6666666667vw 1.0416666667vw !important;
  min-height: 3.8020833333vw;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.choices__list--dropdown .choices__item::after {
  display: none;
}
.choices__list--dropdown .choices__item.is-highlighted {
  background: none !important;
}
.choices__list--dropdown .choices__item.is-selected {
  background: #9fadc7 !important;
  display: none;
}
@media (hover: hover) {
  .choices__list--dropdown .choices__item:hover {
    background: #9fadc7 !important;
  }
}
@media (max-width: 1023.98px) {
  .choices[data-type*=select-one]:after {
    width: 12px;
    height: 8px;
    right: 20px;
    margin-top: -2px !important;
  }
  .choices__inner {
    height: 52px;
    padding: 0 50px 0.2083333333vw 28px;
    padding-bottom: 0.15625vw !important;
    font-size: 15px;
  }
  .choices__list--dropdown {
    margin: -26px 0 !important;
    padding: 30px 6px 8px;
    border-radius: 0 0 20px 20px !important;
  }
  .choices__list--dropdown .choices__list {
    max-height: 400px !important;
  }
  .choices__list--dropdown .choices__item {
    font-size: 15px !important;
    padding: 10px 16px 8px !important;
    min-height: 40px;
  }
}

.counter {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  background: #D2040F;
  border-radius: 100px;
  width: 100%;
  z-index: 1;
}
.counter__button {
  position: relative;
  width: 3.2291666667vw;
  height: 3.2291666667vw;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: none;
  background-repeat: no-repeat;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.counter--lg .counter__button {
  width: 4.8958333333vw;
  height: 4.8958333333vw;
}
.counter__button::before, .counter__button::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 38%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.counter__button::after {
  z-index: 2;
  opacity: 0;
}
.counter__button.disabled {
  opacity: 0.3;
}
.counter__button-plus::before {
  background-image: url(../images/icons/plus-white.svg);
}
.counter__button-plus::after {
  background-image: url(../images/icons/plus.svg);
}
.counter--basket:not(.no-remove) .counter__button-minus {
  opacity: 0;
  visibility: hidden;
}
.no-remove .counter__button-minus {
  opacity: 1;
  visibility: visible;
}
.counter__button-minus::before {
  background-image: url(../images/icons/minus-white.svg);
}
.counter__button-minus::after {
  background-image: url(../images/icons/minus.svg);
}
.counter__button-basket {
  position: absolute;
  left: 0;
  top: 0;
}
.no-remove .counter__button-basket {
  opacity: 0;
  visibility: hidden;
}
.counter:not(.counter--basket) .counter__button-basket {
  display: none;
}
.counter__button-basket::before {
  background-image: url(../images/icons/basket-white.svg);
}
.counter__button-basket::after {
  background-image: url(../images/icons/basket.svg);
}
@media (hover: hover) {
  .counter__button:hover {
    background: #fff;
  }
  .counter__button:hover::before {
    opacity: 0;
  }
  .counter__button:hover::after {
    opacity: 1;
  }
}
.counter__button.disabled {
  pointer-events: none;
  cursor: default;
}
.counter__value {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  width: 100%;
  background: none;
  border: none;
  background: none;
  padding-bottom: 0.2604166667vw;
  font-family: "Atyp Text", sans-serif;
  text-align: center;
  font-size: 1.1458333333vw;
  color: #fff;
  font-weight: 600;
  text-align: center;
  outline: 0;
}
@media (max-width: 1023.98px) {
  .counter.counter--lg {
    width: 200px;
  }
  .counter__button {
    width: 52px;
    height: 52px;
  }
  .counter--lg .counter__button {
    width: 52px;
    height: 52px;
  }
  .counter__value {
    font-size: 14px;
  }
}

.fconnect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 1.0416666667vw;
  margin-top: 1.875vw;
}
.fconnect__label {
  font-weight: 500;
  font-size: 1.25vw;
  margin-right: 1.5625vw;
}
.fconnect__label.w-all {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0.7291666667vw;
}
.fconnect-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625vw;
  font-family: "Atyp Text", sans-serif;
  font-size: 0.8333333333vw;
  color: #fff;
  border: none;
  background: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
  cursor: pointer;
  outline: 0;
}
.fconnect-item__t {
  line-height: 1.07;
  padding-bottom: 2px;
  text-align: center;
  position: relative;
}
.fconnect-item__t::before {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: attr(data-attr);
}
.fconnect-item__t::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  border-bottom: 1px solid #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.fconnect-item__t span {
  opacity: 0;
}
.fconnect-item__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.fconnect-item__icon::after {
  position: absolute;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border: 2.5px solid #fff;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  content: "";
}
.fconnect-item__icon img {
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.fconnect-item__icon .icon-active {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .fconnect-item:hover .fconnect-item__t::before {
    font-weight: 600;
  }
  .fconnect-item:hover .fconnect-item__t::after {
    opacity: 0;
  }
  .fconnect-item:hover .fconnect-item__icon .icon-active {
    opacity: 1;
  }
}
.fconnect-item.active .fconnect-item__icon::after {
  opacity: 1;
}
.fconnect-item.active .fconnect-item__icon .icon-active {
  opacity: 1;
}
.fconnect-item.active .fconnect-item__t::before {
  font-weight: 600;
}
.fconnect-item.active .fconnect-item__t::after {
  opacity: 0;
}
@media (max-width: 1023.98px) {
  .fconnect {
    margin-top: 33px;
    gap: 0 20px;
  }
  .fconnect__label {
    font-size: 16px;
  }
  .fconnect__label.w-all {
    margin-bottom: 17px;
  }
  .fconnect-item {
    gap: 10px;
    font-size: 14px;
  }
  .fconnect-item__icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767.98px) {
  .fconnect__label {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 609.98px) {
  .fconnect {
    gap: 0 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fconnect__label {
    text-align: center;
  }
  .fconnect-item {
    min-width: 60px;
    gap: 10px;
    font-size: 14px;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .fconnect-item__icon {
    width: 48px;
    height: 48px;
  }
  .fconnect__progress.finish {
    margin-top: 40px;
  }
}

.addfile {
  margin-top: 2.0833333333vw;
}
.addfile__label {
  margin-bottom: 0.9375vw;
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 1.07;
}
.addfile__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.1458333333vw;
}
.addfile__wrap {
  border-radius: 50px;
  background: #9fadc7;
  height: 2.5vw;
  padding: 0 1.0416666667vw 0.2083333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5208333333vw;
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 1;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addfile__wrap input {
  position: absolute;
  top: -20px;
  left: -20px;
}
.addfile__wrap::before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0.2083333333vw;
  width: 1.25vw;
  height: 1.25vw;
  background: url(../images/icons/browse.svg) no-repeat center;
  background-size: 100%;
  content: "";
}
@media (hover: hover) {
  .addfile__wrap:hover {
    background: #adbad4;
  }
}
.change .addfile__wrap::before {
  display: none;
}
.error .addfile__wrap {
  background: rgba(210, 4, 15, 0.15);
  color: #D2040F;
}
@media (hover: hover) {
  .error .addfile__wrap:hover {
    background: rgba(210, 4, 15, 0.3);
  }
}
.addfile__name {
  display: none;
}
.change .addfile__name {
  display: block;
}
.change .addfile__placeholder {
  display: none;
}
.addfile__remove {
  display: none;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  margin-left: 2px;
  margin-top: 0.2083333333vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.addfile__remove .icon {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .addfile__remove:hover {
    opacity: 0.5;
  }
}
.change .addfile__remove {
  display: block;
}
.addfile__descr {
  line-height: 1.35;
  padding-bottom: 0.1041666667vw;
}
.change .addfile__descr {
  display: none;
}
.addfile__error {
  display: none;
  color: #D2040F;
}
.error .addfile__error {
  display: block;
}
.addfile__change {
  font-size: 0.8333333333vw;
  line-height: 1.2;
  padding-bottom: 0.15625vw;
  position: relative;
  display: none;
}
.addfile__change:after {
  position: absolute;
  left: 0;
  bottom: 0vw;
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  content: "";
}
@media (hover: hover) {
  .addfile__change:hover::after {
    opacity: 0;
  }
}
.change:not(.error) .addfile__change {
  display: inline-block;
}
@media (max-width: 1023.98px) {
  .addfile {
    margin-top: 25px;
  }
  .addfile__label {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .addfile__inner {
    gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .addfile__wrap {
    height: 40px;
    padding: 0 15px 3px;
    gap: 8px;
    font-size: 12px;
  }
  .addfile__wrap::before {
    margin-top: 3px;
    width: 18px;
    height: 18px;
  }
  .addfile__remove {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    margin-top: 2px;
  }
  .addfile__descr {
    font-size: 12px;
    padding-bottom: 0.1041666667vw;
  }
  .addfile__change {
    font-size: 12px;
    padding-bottom: 1px;
  }
}
.switcher {
  display: inline-block;
  height: 1.25vw;
  line-height: 1.25vw;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.switcher input[type=checkbox] {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.switcher__check {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 2.2916666667vw;
  height: 1.25vw;
  border-radius: 100px;
  vertical-align: top;
  background: #ADBAD4;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.switcher__check:before {
  content: "";
  position: absolute;
  top: 0.1041666667vw;
  left: 0.1041666667vw;
  display: inline-block;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  border-radius: 50%;
  background: white;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
input[type=checkbox]:checked + .switcher__check {
  background: #D2040F;
}
input[type=checkbox]:checked + .switcher__check:before {
  -webkit-transform: translateX(1.0416666667vw);
      -ms-transform: translateX(1.0416666667vw);
          transform: translateX(1.0416666667vw);
}
@media (max-width: 1023.98px) {
  .switcher {
    height: 20px;
    line-height: 20px;
  }
  .switcher__check {
    width: 40px;
    height: 20px;
  }
  .switcher__check::before {
    height: 16px;
    width: 16px;
    top: 2px;
    left: 2px;
  }
  input[type=checkbox]:checked + .switcher__check:before {
    -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
            transform: translateX(20px);
  }
}

.seldrop {
  position: relative;
  z-index: 100;
  background: #8B97B2;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seldrop__label {
  padding: 0 0.9375vw 0.15625vw 1.25vw;
  font-size: 0.9375vw;
  font-weight: 500;
}
.Safari .seldrop__label {
  padding-bottom: 0;
}
.seldrop__drop {
  position: relative;
  z-index: 10;
}
.seldrop__toggle {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 11.4583333333vw;
  height: 2.6041666667vw;
  padding: 0 1.4583333333vw 0.15625vw 1.9791666667vw;
  border-radius: 100px;
  border: none;
  background: #ADBAD4;
  font-family: "Atyp Text", sans-serif;
  font-size: 0.9375vw;
  color: #fff;
  font-weight: 500;
  white-space: nowrap;
  outline: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.seldrop--sm .seldrop__toggle {
  padding-left: 1.1458333333vw;
  padding-right: 0.8333333333vw;
  gap: 0.4166666667vw;
  min-width: 3.90625vw;
}
@media (hover: hover) {
  .seldrop__toggle:hover {
    background: #BAC7E1;
  }
}
.Safari .seldrop__toggle {
  padding-bottom: 0;
}
.seldrop__toggle::after {
  margin-left: auto;
  content: "";
  width: 0.7291666667vw;
  height: 0.4166666667vw;
  background: url(../images/icons/arrow-drop.svg) no-repeat;
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 0.2604166667vw;
}
.Safari .seldrop__toggle::after {
  margin-top: 0;
}
.seldrop__drop.opened .seldrop__toggle:after {
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1);
}
.seldrop__dropdown {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 1.3020833333vw;
  width: 100%;
  background: #9FADC7;
  border-radius: 0 0 1.5625vw 1.5625vw;
  padding: 1.5625vw 0.4166666667vw 0.4166666667vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.seldrop__dropdown li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.7083333333vw;
  padding: 0.4166666667vw 0.4166666667vw 0.5729166667vw 1.6666666667vw;
  border-radius: 100px;
  font-size: 0.8333333333vw;
  color: #fff;
  letter-spacing: -0.02em;
  font-weight: 500;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Safari .seldrop__dropdown li a {
  padding-bottom: 0.4166666667vw;
}
.seldrop--sm .seldrop__dropdown li a {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0.5208333333vw;
  padding-right: 0.5208333333vw;
  min-height: 2.2916666667vw;
}
@media (hover: hover) {
  .seldrop__dropdown li a:hover {
    background: #ADBAD4;
  }
}
.seldrop__drop.opened .seldrop__dropdown {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1023.98px) {
  .seldrop__label {
    font-size: 14px;
    padding: 0 8px 0 16px;
  }
  .seldrop__toggle {
    min-width: 10px;
    height: 35px;
    padding: 0 15px 0 22px;
    font-size: 14px;
    gap: 8px;
  }
  .seldrop--sm .seldrop__toggle {
    padding-left: 15px;
    padding-right: 10px;
    gap: 6px;
    min-width: 60px;
  }
  .seldrop__toggle::after {
    width: 10px;
    height: 5px;
    margin-top: 2px;
  }
  .seldrop__dropdown {
    top: 17px;
    border-radius: 0 0 20px 20px;
    padding: 17px 0 4px;
  }
  .seldrop__dropdown li a {
    min-height: 30px;
    padding: 4px 4px 4px 22px;
    font-size: 12px;
    white-space: initial;
  }
  .seldrop--sm .seldrop__dropdown li a {
    min-height: 30px;
  }
}

/**************************************************************
popup
**************************************************************/
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.popup.opened {
  opacity: 1;
  visibility: visible;
}
.popup__content {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: 1;
}
.popup__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #070e14;
  opacity: 0.5;
}
.popup__container {
  position: relative;
  width: 100%;
  max-width: 44.7916666667vw;
  padding: 2.34375vw 3.3854166667vw 2.0833333333vw 4.1666666667vw;
  background: #8B97B2;
  border-radius: 4.1666666667vw 0 0 4.1666666667vw;
  overflow: auto;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.popup--lg .popup__container {
  max-width: 53.6458333333vw;
}
.popup--md .popup__container {
  max-width: 47.3958333333vw;
}
.popup--sm .popup__container {
  max-width: 41.6666666667vw;
}
.popup--rev .popup__container {
  max-width: 53.6458333333vw;
}
.popup--product .popup__container {
  max-width: 48.9583333333vw;
}
.popup--blog .popup__container {
  max-width: 67.7083333333vw;
}
.popup__container.h-100 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100vh;
  overflow: hidden;
  padding-bottom: 0;
}
.popup__container.h-100 .mCSB_scrollTools {
  bottom: 2.6041666667vw;
}
.popup__container.h-100 .mCSB_container {
  padding-bottom: 2.6041666667vw;
}
.popup__container.h-100.h-all {
  padding-top: 0;
}
.popup__container.h-100.h-all .mCSB_container {
  padding-top: 2.34375vw;
}
.popup__container.h-100.h-all .blogd .mCSB_scrollTools {
  top: 15.625vw;
}
.popup.opened .popup__container {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.popup__close {
  position: absolute;
  right: 0;
  top: 2.5vw;
  width: 1.25vw;
  height: 1.25vw;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 99;
}
.popup__close.close--abs {
  right: 3.3854166667vw;
  top: 2.34375vw;
}
.h-100.h-all .mCSB_container .popup__close {
  right: 3.3854166667vw;
  top: 4.9479166667vw;
  position: fixed;
}
.popup__close .icon {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .popup__close:hover {
    color: #fff;
  }
}
.popup__head {
  margin-bottom: 2.6041666667vw;
  position: relative;
  padding-top: 1.8229166667vw;
  padding-right: 2.0833333333vw;
}
.popup--blog .popup__head {
  padding-right: 8.8541666667vw;
  min-height: 5.2083333333vw;
}
.h-100.h-all .mCSB_container .popup__head {
  width: calc(100% + 30px);
}
.popup__title {
  font-family: "RF Dewi Expanded";
  color: rgba(255, 255, 255, 0.5);
  font-weight: 800;
  font-size: 2.7604166667vw;
  line-height: 1.1;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}
.popup__title.fs--md {
  font-size: 2.7604166667vw;
}
.popup__title mark {
  color: #fff;
}
.popup__intro {
  margin-top: 1.0416666667vw;
  font-size: 0.8333333333vw;
  line-height: 1.35;
}
.popup .input {
  background: rgba(166, 179, 205, 0.3);
}
.popup__staff {
  margin-bottom: 2.8125vw;
}
.popup__staff.staff--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5625vw;
}
.popup__staff.mb--lg {
  margin-bottom: 4.6875vw;
}
.popup__staff-tt {
  margin-bottom: 0.4166666667vw;
  line-height: 1.35;
  font-size: 0.8333333333vw;
}
.popup__staff-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup__staff-item {
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}
.popup__staff-item:nth-child(1) {
  z-index: 10;
}
.popup__staff-item:nth-child(2) {
  z-index: 9;
}
.popup__staff-item:nth-child(3) {
  z-index: 8;
}
.popup__staff-item:nth-child(4) {
  z-index: 7;
}
.popup__staff-item:nth-child(5) {
  z-index: 6;
}
.popup__staff-item:nth-child(6) {
  z-index: 5;
}
.popup__staff-item:nth-child(7) {
  z-index: 4;
}
.popup__staff-item:nth-child(8) {
  z-index: 3;
}
.popup__staff-item + .popup__staff-item {
  margin-left: -1.0416666667vw;
}
.popup__staff-item img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.3125vw solid #8B97B2;
}
.popup__input {
  max-width: 22.5vw;
}
.popup__contacts {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  overflow: hidden;
}
.popup__contacts-box + .popup__contacts-box {
  margin-top: 3.125vw;
}
.popup__contacts-title {
  margin-bottom: 2.0833333333vw;
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 1.2;
}
.popup__contacts-item {
  max-width: 33.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625vw;
}
.popup__contacts-item + .popup__contacts-item {
  margin-top: 2.6041666667vw;
}
.popup__contacts-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.popup__contacts-name {
  font-size: 1.3541666667vw;
  font-weight: 600;
  line-height: 1.07;
}
.popup__contacts-post {
  margin-top: 0.4166666667vw;
  line-height: 1.35;
  font-size: 0.8333333333vw;
}
.popup__contacts-call {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 9.1145833333vw;
}
.popup__contacts-phone {
  line-height: 1.1;
  font-weight: 600;
  position: relative;
}
.popup__contacts-phone:after {
  position: absolute;
  left: 0;
  bottom: 0vw;
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  content: "";
}
@media (hover: hover) {
  .popup__contacts-phone:hover::after {
    opacity: 1;
  }
}
.popup__contacts-email {
  display: inline-block;
  margin-top: 0.5208333333vw;
  line-height: 1.35;
  font-size: 0.8333333333vw;
  position: relative;
}
.popup__contacts-email:after {
  position: absolute;
  left: 0;
  bottom: -0.0520833333vw;
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  content: "";
}
@media (hover: hover) {
  .popup__contacts-email:hover::after {
    opacity: 1;
  }
}
.popup__contacts-social {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.6458333333vw;
}
.popup__slider {
  position: relative;
  padding: 0 6.7708333333vw;
  max-width: 45.8333333333vw;
  margin: 0 auto;
}
.popup__slider .swiper {
  border-radius: 2.0833333333vw;
}
.popup__slider-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 44.7916666667vw;
}
.popup__slider-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.popup__slider-item img {
  border-radius: 2.0833333333vw;
  max-height: 100%;
}
.popup__detail {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  overflow: hidden;
}
.popup__tt {
  margin-bottom: 1.0416666667vw;
  font-size: 1.6666666667vw;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 1023.98px) {
  .popup__container {
    max-width: 500px;
    padding: 50px 20px 30px 40px;
    border-radius: 40px 0 0 40px;
  }
  .popup--lg .popup__container {
    max-width: 500px;
  }
  .popup--md .popup__container {
    max-width: 500px;
  }
  .popup--sm .popup__container {
    max-width: 500px;
  }
  .popup--rev .popup__container {
    max-width: 640px;
  }
  .popup--product .popup__container {
    max-width: 640px;
  }
  .popup--blog .popup__container {
    max-width: 700px;
  }
  .popup__container.h-100 .mCSB_scrollTools {
    bottom: 30px;
  }
  .popup__container.h-100 .mCSB_container {
    padding-bottom: 30px;
  }
  .popup__close {
    top: 14px;
    width: 18px;
    height: 18px;
  }
  .popup__close.close--abs {
    right: 3.3854166667vw;
    top: 2.34375vw;
  }
  .h-100.h-all .mCSB_container .popup__close {
    right: 20px;
    top: 35px;
  }
  .popup__head {
    margin-bottom: 30px;
    padding-top: 10px;
    padding-right: 40px;
  }
  .popup--blog .popup__head {
    padding-right: 8.8541666667vw;
    min-height: 5.2083333333vw;
  }
  .popup__title {
    font-size: 24px;
  }
  .popup__title.fs--md {
    font-size: 2.7604166667vw;
  }
  .popup__intro {
    margin-top: 10px;
    font-size: 14px;
  }
  .popup__staff {
    margin-bottom: 50px;
  }
  .popup__staff.staff--inline {
    gap: 20px;
  }
  .popup__staff.mb--lg {
    margin-bottom: 80px;
  }
  .popup__staff-tt {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .popup__staff-item {
    width: 60px;
    height: 60px;
  }
  .popup__staff-item + .popup__staff-item {
    margin-left: -15px;
  }
  .popup__staff-item img {
    border-width: 3px;
  }
  .popup__input {
    max-width: 350px;
  }
  .popup .form__inputs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .popup .fconnect__label {
    width: 100%;
    margin-bottom: 15px;
  }
  .popup__contacts-box + .popup__contacts-box {
    margin-top: 20px;
  }
  .popup__contacts-title {
    margin-bottom: 25px;
    font-size: 20px;
  }
  .popup__contacts-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
    gap: 10px 20px;
  }
  .popup__contacts-item + .popup__contacts-item {
    margin-top: 25px;
  }
  .popup__contacts-info {
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  .popup__contacts-name {
    font-size: 16px;
  }
  .popup__contacts-post {
    margin-top: 4px;
    font-size: 10px;
  }
  .popup__contacts-call {
    width: 160px;
  }
  .popup__contacts-phone {
    font-size: 15px;
  }
  .popup__contacts-email {
    margin-top: 7px;
    font-size: 13px;
  }
  .popup__contacts-social {
    width: auto;
  }
  .popup__slider {
    padding: 0 50px;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .popup__slider .swiper {
    border-radius: 20px;
    height: 100%;
  }
  .popup__slider-item {
    height: 100%;
  }
  .popup__slider-item img {
    border-radius: 20px;
    max-height: 100%;
  }
  .popup__tt {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
@media (max-width: 609.98px) {
  .popup__container {
    max-width: 100% !important;
    padding: 20px 16px;
    border-radius: 0;
  }
  .popup__container.h-100 {
    max-height: initial;
    overflow: initial;
    padding-bottom: 40px;
  }
  .popup__container.h-100 .mCSB_scrollTools {
    bottom: 20px;
  }
  .popup__container.h-100 .mCSB_container {
    padding-bottom: 20px;
  }
  .popup--rev .popup__container {
    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;
  }
  .popup__close {
    top: 14px;
    width: 18px;
    height: 18px;
  }
  .h-100.h-all .mCSB_container .popup__close {
    right: 20px;
    top: 25px;
  }
  .popup__head {
    margin-bottom: 30px;
    padding-top: 10px;
    padding-right: 40px;
  }
  .popup--blog .popup__head {
    padding-right: 50px;
    min-height: 60px;
  }
  .h-100.h-all .mCSB_container .popup__head {
    width: calc(100% + 15px);
  }
  .popup__title {
    font-size: 20px;
  }
  .popup__title.fs--md {
    font-size: 2.7604166667vw;
  }
  .popup__intro {
    margin-top: 15px;
    font-size: 14px;
  }
  .popup__staff {
    margin-bottom: 50px;
  }
  .popup__staff.mb--lg {
    margin-bottom: 50px;
  }
  .popup .fconnect {
    max-width: 350px;
  }
  .popup .form__submit {
    text-align: center;
  }
  .popup .form__policy {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .popup__contacts-item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .popup__contacts-info {
    grid-row: initial;
  }
  .popup__slider {
    padding: 0 0 20px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .popup__slider .swiper-button {
    position: absolute;
    top: 100%;
  }
  .popup__slider .swiper-button-next {
    right: 50%;
    -webkit-transform: translate(150%, 0);
        -ms-transform: translate(150%, 0);
            transform: translate(150%, 0);
  }
  .popup__slider .swiper-button-prev {
    left: 50%;
    -webkit-transform: translate(-150%, 0);
        -ms-transform: translate(-150%, 0);
            transform: translate(-150%, 0);
  }
  .popup__detail {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    overflow: initial;
  }
  .popup__detail .blog__carousel.carousel--hidden {
    overflow: initial;
  }
  .popup__pitems, .popup .popup__products .mCSB_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.widget {
  position: fixed;
  right: 1.5625vw;
  bottom: 1.5625vw;
  z-index: 99;
}
.noscroll .widget {
  z-index: -1;
}
.widget__buttons {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.widget__buttons-wrap {
  position: relative;
  display: none;
}
.widget__buttons-wrap + .widget__buttons-wrap {
  margin-top: 1.5625vw;
}
.widget__buttons-text {
  position: absolute;
  top: 50%;
  right: 25%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: #FFF;
  border-radius: 100px;
  padding: 0.5208333333vw 5.7291666667vw 0.5208333333vw 1.6666666667vw;
  min-height: 3.6458333333vw;
  line-height: 1.22;
  font-size: 0.8333333333vw;
  color: #000;
  font-weight: 500;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.78125vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.widget__buttons-text.opened {
  opacity: 1;
  visibility: visible;
  z-index: 9;
}
.widget__buttons-text__close {
  position: absolute;
  top: 0.7291666667vw;
  right: 4.1666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
  opacity: 0.3;
  width: 12px;
  height: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .widget__buttons-text__close:hover {
    opacity: 1;
  }
}
.widget__buttons-text__close .icon {
  width: 100%;
  height: 100%;
}
.widget__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 100%;
  width: 4.53125vw;
  position: relative;
  z-index: 10;
}
.widget__btn:after {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 115%;
  height: 115%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 100%;
  content: "";
}
.widget__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}
.widget__btn img {
  -webkit-animation: pulse_shadow_wd 2s infinite ease;
          animation: pulse_shadow_wd 2s infinite ease;
}
.widget__btn--tender img {
  -webkit-animation-name: pulse_shadow_wd_tender;
          animation-name: pulse_shadow_wd_tender;
}
.widget__btn--spec img {
  -webkit-animation-name: pulse_shadow_wd_spec;
          animation-name: pulse_shadow_wd_spec;
}
.widget__call {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5208333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.widget__call.opened {
  opacity: 1;
  visibility: visible;
  z-index: 9;
}
.widget__call-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0.5729166667vw;
  right: 0.5729166667vw;
  color: rgba(0, 0, 0, 0.3);
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .widget__call-close:hover {
    color: #000;
  }
}
.widget__call-close .icon {
  width: 100%;
  height: 100%;
}
.widget__call-items {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 0.8333333333vw;
  padding: 0.9375vw 2.8645833333vw 0.9375vw 0.9375vw;
  background: #FAF6CE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.3645833333vw;
}
.widget__call-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 2.6041666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #FFF;
  font-weight: 500;
  font-size: 0.8333333333vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
.widget__call-item.item--wa {
  color: #1dbd59;
}
.widget__call-item.item--tg {
  color: #08c;
}
.widget__call-item.item--phone {
  color: #0f00af;
}
.widget__call-item::after {
  position: absolute;
  top: 0;
  left: 0.78125vw;
  height: 100%;
  width: calc(100% - 1.0416666667vw);
  background: #D0E0FE;
  border-radius: 0.9895833333vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: -1;
  content: "";
}
.widget__call-item.item--tg:after {
  background: #B1E4FD;
}
.widget__call-item.item--wa:after {
  background: #A1F5C7;
}
.widget__call-item__t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  width: 0;
  position: relative;
}
@media (hover: hover) {
  .widget__call-item:hover::after {
    width: calc(100% - 0.78125vw);
  }
  .widget__call-item.item--phone:hover .widget__call-item__t {
    width: 5.2083333333vw;
  }
  .widget__call-item:hover .widget__call-item__t {
    width: 2.34375vw;
    padding-left: 0.4166666667vw;
    padding-right: 0.8333333333vw;
  }
  .widget__call-item:hover .widget__call-item__t::after {
    width: calc(100% + 2.34375vw);
  }
}
.widget__call-item img {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 100%;
}
@media (max-width: 1023.98px) {
  .widget {
    right: 20px;
    bottom: 20px;
  }
  .widget__buttons-text {
    gap: 10px;
    border-radius: 10px;
    max-width: 320px;
    padding: 10px 70px 10px 15px;
    font-size: 12px;
  }
  .widget__buttons-text__close {
    width: 10px;
    height: 10px;
    right: 50px;
    top: 7px;
  }
  .widget__btn {
    width: 55px;
  }
}
@media (max-width: 609.98px) {
  .widget {
    right: 10px;
    bottom: 10px;
  }
  .widget__btn {
    width: 55px;
  }
  .widget__buttons-wrap + .widget__buttons-wrap {
    margin-top: 12px;
  }
  .widget__buttons-text {
    min-height: 45px;
  }
}

@-webkit-keyframes pulse_shadow_wd {
  0% {
    -webkit-filter: drop-shadow(0 0 0 rgb(38, 202, 77));
            filter: drop-shadow(0 0 0 rgb(38, 202, 77));
  }
  50% {
    -webkit-filter: drop-shadow(0px 2px 10px rgb(38, 202, 77));
            filter: drop-shadow(0px 2px 10px rgb(38, 202, 77));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 rgba(38, 202, 77, 0));
            filter: drop-shadow(0 0 0 rgba(38, 202, 77, 0));
  }
}

@keyframes pulse_shadow_wd {
  0% {
    -webkit-filter: drop-shadow(0 0 0 rgb(38, 202, 77));
            filter: drop-shadow(0 0 0 rgb(38, 202, 77));
  }
  50% {
    -webkit-filter: drop-shadow(0px 2px 10px rgb(38, 202, 77));
            filter: drop-shadow(0px 2px 10px rgb(38, 202, 77));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 rgba(38, 202, 77, 0));
            filter: drop-shadow(0 0 0 rgba(38, 202, 77, 0));
  }
}
@-webkit-keyframes pulse_shadow_wd_spec {
  0% {
    -webkit-filter: drop-shadow(0 0 0 rgb(245, 168, 0));
            filter: drop-shadow(0 0 0 rgb(245, 168, 0));
  }
  50% {
    -webkit-filter: drop-shadow(0px 2px 10px rgb(245, 168, 0));
            filter: drop-shadow(0px 2px 10px rgb(245, 168, 0));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 rgba(245, 168, 0, 0));
            filter: drop-shadow(0 0 0 rgba(245, 168, 0, 0));
  }
}
@keyframes pulse_shadow_wd_spec {
  0% {
    -webkit-filter: drop-shadow(0 0 0 rgb(245, 168, 0));
            filter: drop-shadow(0 0 0 rgb(245, 168, 0));
  }
  50% {
    -webkit-filter: drop-shadow(0px 2px 10px rgb(245, 168, 0));
            filter: drop-shadow(0px 2px 10px rgb(245, 168, 0));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 rgba(245, 168, 0, 0));
            filter: drop-shadow(0 0 0 rgba(245, 168, 0, 0));
  }
}
@-webkit-keyframes pulse_shadow_wd_tender {
  0% {
    -webkit-filter: drop-shadow(0 0 0 rgb(0, 108, 209));
            filter: drop-shadow(0 0 0 rgb(0, 108, 209));
  }
  50% {
    -webkit-filter: drop-shadow(0px 2px 10px rgb(0, 108, 209));
            filter: drop-shadow(0px 2px 10px rgb(0, 108, 209));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 rgba(0, 108, 209, 0));
            filter: drop-shadow(0 0 0 rgba(0, 108, 209, 0));
  }
}
@keyframes pulse_shadow_wd_tender {
  0% {
    -webkit-filter: drop-shadow(0 0 0 rgb(0, 108, 209));
            filter: drop-shadow(0 0 0 rgb(0, 108, 209));
  }
  50% {
    -webkit-filter: drop-shadow(0px 2px 10px rgb(0, 108, 209));
            filter: drop-shadow(0px 2px 10px rgb(0, 108, 209));
  }
  100% {
    -webkit-filter: drop-shadow(0 0 0 rgba(0, 108, 209, 0));
            filter: drop-shadow(0 0 0 rgba(0, 108, 209, 0));
  }
}
/**************************************************************
header
**************************************************************/
.header {
  position: absolute;
  position: fixed;
  top: 2.0833333333vw;
  left: 0;
  width: 100%;
  z-index: 99;
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.header.fixed {
  top: 0.5208333333vw;
}
.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5208333333vw;
  min-height: 4.1666666667vw;
  padding: 0 0.8333333333vw 0 1.5625vw;
  background: #222b38;
  border-radius: 100px;
}
.header__sname {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  position: relative;
  z-index: 10;
  background: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 4.5833333333vw;
  position: relative;
  z-index: 10;
  background: inherit;
}
.header__name {
  position: absolute;
  left: 100%;
  top: 0;
  background: inherit;
  border-radius: 0 100px 100px 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 1.0416666667vw;
  z-index: -1;
  font-size: 0.8333333333vw;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 0;
  overflow: hidden;
}
@media (hover: hover) {
  .header__sname:hover .header__name {
    width: 19.2708333333vw;
  }
}
.header__btncat {
  height: 2.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.7291666667vw;
  background: #4d5869;
  border: none;
  border-radius: 100px;
  padding: 0 1.0416666667vw 0.15625vw;
  outline: 0;
  cursor: pointer;
  font-family: "Atyp Text", sans-serif;
  color: #fff;
  font-size: 0.8333333333vw;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .header__btncat:hover {
    background: #8b97b2;
  }
}
.Safari .header__btncat {
  padding-bottom: 0;
}
.header__btncat .icon {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  margin-top: 0.15625vw;
}
.Safari .header__btncat .icon {
  margin-top: 0;
}
.header__menu {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding: 0 0.9895833333vw;
  margin: 0 -0.9895833333vw;
}
.header__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.71875vw;
}
.header__menu li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.0416666667vw;
  padding-bottom: 0.15625vw;
  font-size: 0.8333333333vw;
  font-weight: 500;
}
.header__menu li a::after {
  position: absolute;
  bottom: -1.5625vw;
  left: -0.8854166667vw;
  right: -0.8854166667vw;
  height: 0.3125vw;
  border-radius: 0.2604166667vw 0.2604166667vw 0 0;
  background: #D2040F;
  content: "";
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: translateY(150%);
      -ms-transform: translateY(150%);
          transform: translateY(150%);
}
@media (hover: hover) {
  .header__menu li a:hover::after {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.header__menu li.active a::after {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.header__action {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25vw;
  position: relative;
}
.header__item {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 0 0.9895833333vw;
  margin: 0 -0.9895833333vw;
}
.header__item.active .header__item-wrap::after{
    transform: translateY(0%);
}
.header__item-wrap {
  position: relative;
  width: 1.25vw;
  height: 1.25vw;
}
.header__item-wrap::after {
  position: absolute;
  bottom: -1.4583333333vw;
  left: 0;
  right: 0;
  height: 0.3125vw;
  border-radius: 0.2604166667vw 0.2604166667vw 0 0;
  background: #D2040F;
  content: "";
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: translateY(150%);
      -ms-transform: translateY(150%);
          transform: translateY(150%);
}
@media (hover: hover) {
  .header__item:hover .header__item-wrap::after {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.header__item.active::after {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.header__item .icon {
  width: 100%;
  height: 100%;
}
.header__item-count {
  min-width: 1.1458333333vw;
  height: 0.8854166667vw;
  padding: 0 0.2604166667vw;
  background: #D2040F;
  border-radius: 50px;
  position: absolute;
  top: -0.3125vw;
  right: -0.5208333333vw;
  z-index: 2;
  font-size: 0.5729166667vw;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Safari .header__item-count {
  padding-bottom: 0;
}
.header__btn {
  height: 2.5vw;
  padding: 0 1.1458333333vw 0.15625vw;
  font-size: 0.8333333333vw;
}
.header__email {
  font-weight: 600;
  width: auto !important;
}
.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5208333333vw;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  position: relative;
}
.header__contacts-toggle {
  display: none;
}
.header__contacts-phones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2083333333vw;
}
.header__contacts-phones::after {
  width: 0.5208333333vw;
  height: 0.3645833333vw;
  -webkit-transform: translateY(0.0520833333vw);
      -ms-transform: translateY(0.0520833333vw);
          transform: translateY(0.0520833333vw);
  background: url(../images/icons/drop-phones.svg) no-repeat;
  background-size: 100%;
  content: "";
}
.header__contacts-popup {
  position: absolute;
  right: 0;
  top: 100%;
  padding-top: 0.4166666667vw;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__contacts-popup.opened {
  opacity: 1;
  visibility: visible;
}
.header__contacts-pwrap {
  background: #8B97B2;
  border-radius: 2.0833333333vw;
  padding: 1.5625vw 3.125vw 2.0833333333vw 2.0833333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.8645833333vw;
  position: relative;
}
.header__contacts-pclose {
  position: absolute;
  right: 1.5625vw;
  top: 1.5625vw;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 99;
}
.header__contacts-pclose .icon {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .header__contacts-pclose:hover {
    color: #fff;
  }
}
.header__contacts-ptitle {
  margin-bottom: 1.0416666667vw;
  font-weight: 600;
  line-height: 1.2;
  font-size: 1.25vw;
  white-space: nowrap;
}
.header__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.78125vw;
}
.header__contacts-item + .header__contacts-item {
  margin-top: 1.4583333333vw;
}
.header__contacts-name {
  margin-bottom: 0.1041666667vw;
  line-height: 1.35;
  font-size: 0.8333333333vw;
}
.header__contacts-phone {
  line-height: 1.1;
  font-weight: 600;
  position: relative;
}
.header__contacts-phone:after {
  position: absolute;
  left: 0;
  bottom: 0vw;
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  content: "";
}
@media (hover: hover) {
  .header__contacts-phone:hover::after {
    opacity: 1;
  }
}
.header__contacts-social {
  margin-left: auto;
  width: 3.6458333333vw;
}
.header__favempty {
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transform: translateX(33%);
      -ms-transform: translateX(33%);
          transform: translateX(33%);
  width: 25.7291666667vw;
  padding-top: 0.4166666667vw;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.header__favempty.opened {
  opacity: 1;
  visibility: visible;
}
.header__favempty-pwrap {
  background: #9FADC7;
  border-radius: 2.0833333333vw;
  padding: 1.5625vw 3.125vw 1.5625vw 1.5625vw;
  position: relative;
}
.header__favempty-pclose {
  position: absolute;
  right: 1.5625vw;
  top: 1.5625vw;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 99;
}
.header__favempty-pclose .icon {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .header__favempty-pclose:hover {
    color: #fff;
  }
}
.header__favempty-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8333333333vw;
  font-size: 1.6666666667vw;
  font-weight: 600;
  line-height: 1;
}
.header__favempty-title::before {
  width: 3.125vw;
  height: 3.125vw;
  background: url(../images/icons/doc.svg) no-repeat center;
  background-size: 50%;
  background-color: #8B97B2;
  border-radius: 100%;
  content: "";
}
.header__favempty-text {
  line-height: 1.5;
  margin-top: 1.0416666667vw;
}
.header__favempty-buttons {
  margin-top: 2.6041666667vw;
}
.header__favempty-buttons .btn {
  font-size: 0.8333333333vw;
  height: 2.5vw;
  padding: 0 1.1458333333vw 0.15625vw;
}
.header__phone {
  letter-spacing: -0.06em;
  font-weight: 600;
}
.header__burger {
  display: none;
}
@media (max-width: 1023.98px) {
  .header {
    top: 0 !important;
    background: #222b38;
    border-radius: 0 0 33px 33px;
  }
  .header__inner {
    gap: 20px;
    min-height: 65px;
    padding: 0;
    background: none;
  }
  .header__logo {
    max-width: 66px;
  }
  .header__name {
    display: none;
  }
  .header__menu {
    display: none;
  }
  .header__btncat {
    display: none;
  }
  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    outline: 0;
    cursor: pointer;
    color: #fff;
  }
  .header__burger img {
    width: 100%;
  }
  .header__callback {
    display: none;
  }
  .header__action {
    gap: 20px;
    overflow: initial;
  }
  .header__item {
    padding: 0 15px;
    margin: 0 -15px;
  }
  .header__item-wrap {
    width: 22px;
    height: 22px;
  }
  .header__item-wrap::after {
    bottom: -21px;
    height: 3px;
  }
  .header__item-count {
    min-width: 16px;
    height: 15px;
    padding: 0 5px;
    top: -5px;
    right: auto;
    left: 13px;
    font-size: 10px;
  }
  .header__contacts {
    gap: 10px;
  }
  .header__contacts-phones {
    grid-gap: 3px;
    gap: 3px;
  }
  .header__contacts-phones::after {
    width: 9px;
    height: 6px;
  }
  .header__contacts-toggle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    outline: none;
  }
  .header__contacts-pwrap {
    border-radius: 20px;
    padding: 20px 30px 20px 20px;
    gap: 20px;
  }
  .header__contacts-pclose {
    right: 15px;
    top: 15px;
    width: 16px;
    height: 16px;
  }
  .header__contacts-ptitle {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .header__contacts-item {
    gap: 10px;
  }
  .header__contacts-item + .header__contacts-item {
    margin-top: 15px;
  }
  .header__contacts-name {
    margin-bottom: 0.1041666667vw;
    font-size: 14px;
  }
  .header__contacts-social {
    margin-left: auto;
    width: 70px;
  }
  .header__favempty {
    width: 300px;
  }
  .header__favempty-pwrap {
    border-radius: 20px;
    padding: 20px 30px 20px 20px;
  }
  .header__favempty-pclose {
    right: 15px;
    top: 15px;
    width: 16px;
    height: 16px;
  }
  .header__favempty-title {
    gap: 12px;
    font-size: 16px;
  }
  .header__favempty-title::before {
    width: 35px;
    height: 35px;
  }
  .header__favempty-text {
    margin-top: 15px;
    font-size: 12px;
  }
  .header__favempty-buttons {
    margin-top: 30px;
  }
  .header__favempty-buttons .btn {
    font-size: 12px;
    height: 35px;
    padding: 0 16px 2px;
  }
}
@media (max-width: 767.98px) {
  .header__logo {
    margin-right: auto;
  }
  .header__email {
    display: none;
  }
  .header__social {
    display: none;
  }
}
@media (max-width: 609.98px) {
  .header__inner {
    min-height: 55px;
  }
  .header__burger {
    width: 20px;
    height: 20px;
  }
  .header__action {
    display: none;
    grid-gap: 15px;
    gap: 15px;
  }
  .header__item {
    overflow: initial;
    padding: 0;
    margin: 0;
  }
  .header__item.item--mgm {
    margin-right: 15px;
  }
  .header__item-wrap::after {
    display: none;
  }
  .header__contacts-pwrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header__contacts-name {
    font-size: 12px;
  }
}

.navfix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navfix.opened {
  opacity: 1;
  visibility: visible;
}
.navfix__inner {
  position: absolute;
  right: 0%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 360px;
  background: url(../images/bg/bg-menu.jpg) no-repeat center;
  background-size: cover;
  background-color: #222b38;
  border-radius: 30px 0 0 30px;
  z-index: 10;
  padding: 16px 20px 30px 30px;
  overflow: auto;
  -webkit-transform: translateX(120%);
      -ms-transform: translateX(120%);
          transform: translateX(120%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.navfix.opened .navfix__inner {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.navfix__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 45px;
}
.navfix__logo {
  max-width: 66px;
}
.navfix__close {
  height: 24px;
  width: 24px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 99;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navfix__close .icon {
  width: 66%;
  height: 66%;
}
.navfix__menu li + li {
  margin-top: 18px;
}
.navfix__menu li a {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.01em;
}
.navfix__contacts {
  padding-top: 30px;
  margin-top: auto;
}
.navfix__contacts-val {
  font-weight: 500;
  font-size: 16px;
  display: block;
}
.navfix__social {
  margin-bottom: 12px;
}
.navfix__email {
  margin-top: 16px;
}
.navfix__buttons {
  margin-top: 24px;
}
.navfix__action {
  display: none;
}
@media (max-width: 609.98px) {
  .navfix__inner {
    width: 280px;
  }
  .navfix__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
  }
  .navfix__contacts-val {
    font-size: 14px;
  }
}

/**************************************************************
footer
**************************************************************/
.footer {
  padding: 11.9791666667vw 0 4.4270833333vw;
  background: url(../images/bg/footer.jpg) no-repeat center;
  background-size: cover;
}
.footer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5625vw;
  margin-bottom: 3.125vw;
}
.footer__sname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625vw;
}
.footer__logo {
  max-width: 4.5833333333vw;
}
.footer__name {
  max-width: 16.6666666667vw;
  font-size: 0.7291666667vw;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.5);
}
.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.96875vw;
}
.footer__menu-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.7083333333vw;
}
.footer__menu-list li a {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 1.1458333333vw;
  line-height: 1.35;
  padding-bottom: 0.2083333333vw;
}
.footer__menu-list li a:after {
  position: absolute;
  left: 0;
  bottom: 0.15625vw;
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  content: "";
}
@media (hover: hover) {
  .footer__menu-list li a:hover::after {
    opacity: 0;
  }
}
.footer__catalog {
  border-radius: 100px;
  background: #253c52;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
  padding-right: 1.5625vw;
  position: relative;
}
.footer__catalog-link {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 100px;
  height: 3.1770833333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 2.1875vw 0.2604166667vw;
  font-weight: 500;
  font-size: 1.25vw;
}
.Safari .footer__catalog-link {
  padding-bottom: 0;
}
.footer__catalog-toggle {
  font-size: 0.8333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5729166667vw;
  padding-bottom: 0.1041666667vw;
}
.Safari .footer__catalog-toggle {
  padding-bottom: 0;
}
.footer__catalog-toggle::after {
  margin-top: 0.1041666667vw;
  width: 0.5729166667vw;
  height: 0.5729166667vw;
  display: block;
  background: url(../images/icons/drop-phones.svg) no-repeat center;
  background-size: 100%;
  content: "";
}
.Safari .footer__catalog-toggle::after {
  margin-top: 0;
}
.footer__catalog-dropdown {
  width: 19.7916666667vw;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 0.5208333333vw;
  background: #8B97B2;
  border-radius: 1.5625vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9;
}
.footer__catalog-dropdown.opened {
  opacity: 1;
  visibility: visible;
}
.footer__catalog-dropdown li a {
  font-weight: 500;
  font-size: 0.8333333333vw;
  letter-spacing: -0.02em;
  padding: 0.9375vw 1.3020833333vw 1.1458333333vw 1.6666666667vw;
  min-height: 3.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__catalog-dropdown li a::after {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0.2083333333vw;
  width: 0.4166666667vw;
  height: 0.8333333333vw;
  background: url(../images/icons/arr-link.svg) no-repeat center;
  background-size: 100%;
  content: "";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
@media (hover: hover) {
  .footer__catalog-dropdown li a:hover {
    background: #9fadc7;
  }
  .footer__catalog-dropdown li a:hover::after {
    opacity: 1;
  }
}
.footer__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5625vw;
  position: relative;
}
.footer__info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding-right: 37.7604166667vw;
}
.footer__contacts {
  max-width: 38.0208333333vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 3.125vw 1.5625vw;
}
.footer__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer__contacts-item__head {
  margin-bottom: 0.9375vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6770833333vw;
}
.footer__contacts-item__icon {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer__contacts-item__label {
  line-height: 1.35;
  font-size: 0.8333333333vw;
  color: rgba(255, 255, 255, 0.5);
}
.footer__contacts-item__val {
  margin-top: auto;
}
.footer__contacts-item__buttons {
  margin-top: 0.2604166667vw;
}
.footer__contacts-item__buttons .btn {
  padding-left: 2.1875vw;
  padding-right: 2.1875vw;
  font-size: 1.25vw;
  font-weight: 500;
}
.footer__valcont {
  line-height: 1.2;
  font-weight: 500;
  font-size: 1.875vw;
  position: relative;
}
.footer__valcont:after {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 1px;
  width: 100%;
  border-bottom: 2px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  content: "";
}
@media (hover: hover) {
  .footer__valcont:hover::after {
    opacity: 1;
  }
}
.footer__addr {
  line-height: 1.2;
  font-weight: 500;
  font-size: 1.1458333333vw;
}
.footer__buttons {
  margin-top: 5.7291666667vw;
}
.footer__bottom {
  margin-top: 3.9583333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.6041666667vw;
}
.footer__fait {
  position: relative;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1;
  font-size: 0.7291666667vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__fait svg {
  height: 0.8333333333vw;
  width: auto;
  margin-left: 0.3645833333vw;
  -webkit-transform: translateY(-0.0520833333vw);
      -ms-transform: translateY(-0.0520833333vw);
          transform: translateY(-0.0520833333vw);
}
.footer__fait path {
  fill: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .footer__fait:hover path {
    fill: #FFF001;
  }
}
.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.6041666667vw;
}
.footer__link {
  position: relative;
  display: inline-block;
  font-size: 0.7291666667vw;
  line-height: 1.35;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.footer__link:after {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 1px;
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
@media (hover: hover) {
  .footer__link:hover {
    color: #fff;
  }
}
.footer__map {
  position: absolute;
  right: 0;
  top: 0;
  width: 37.7604166667vw;
  height: 100%;
  border-radius: 2.0833333333vw;
  overflow: hidden;
  min-height: 20.8333333333vw;
}
.footer__map [class*=ground-pane] {
  filter: invert(100%);
  -ms-filter: invert(100%);
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -o-filter: invert(100%);
}
.footer__map [class*=copyrights-pane] {
  display: none !important;
}
.footer__map-ballon {
  position: absolute;
  background: #fff;
  border-radius: 40px;
  padding: 0.625vw 0.9375vw 0.625vw 0.625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  text-align: left;
}
.footer__map-ballon__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  background: #D2040F;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer__map-ballon__icon img {
  width: 55%;
}
.footer__map-ballon__title {
  white-space: nowrap;
  color: black;
  font-weight: 500;
  font-size: 0.8333333333vw;
  line-height: 1;
}
@media (max-width: 1023.98px) {
  .footer__top {
    grid-gap: 30px;
    gap: 30px;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer__sname {
    grid-gap: 15px;
    gap: 15px;
  }
  .footer__logo {
    max-width: 66px;
  }
  .footer__name {
    max-width: 250px;
    font-size: 12px;
  }
  .footer__menu {
    grid-gap: 30px 40px;
    gap: 30px 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .footer__menu-list ul {
    gap: 10px 20px;
  }
  .footer__menu-list li a {
    font-size: 14px;
    padding-bottom: 1px;
  }
  .footer__menu-list li a:after {
    bottom: 0px;
  }
  .footer__catalog {
    grid-gap: 15px;
    gap: 15px;
    padding-right: 20px;
  }
  .footer__catalog-link {
    height: 40px;
    padding: 0 25px 2px;
    font-size: 14px;
  }
  .footer__catalog-toggle {
    font-size: 12px;
    grid-gap: 10px;
    gap: 10px;
    padding-bottom: 0.1041666667vw;
  }
  .footer__catalog-toggle::after {
    margin-top: 2px;
    width: 8px;
    height: 8px;
  }
  .footer__catalog-dropdown {
    width: 280px;
    margin-top: 5px;
    border-radius: 15px;
    padding: 10px 0;
  }
  .footer__catalog-dropdown li a {
    font-size: 12px;
    padding: 5px 15px 5px 20px;
    min-height: 30px;
  }
  .footer__catalog-dropdown li a::after {
    margin-top: 2px;
    width: 4px;
    height: 8px;
  }
  .footer__cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 60px;
    gap: 60px;
  }
  .footer__info {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0;
  }
  .footer__contacts {
    max-width: 600px;
    grid-gap: 40px 30px;
    gap: 40px 30px;
  }
  .footer__contacts-item__head {
    margin-bottom: 15px;
    gap: 10px;
  }
  .footer__contacts-item__icon {
    width: 25px;
    height: 25px;
  }
  .footer__contacts-item__label {
    font-size: 12px;
  }
  .footer__contacts-item__buttons {
    margin-top: 5px;
  }
  .footer__contacts-item__buttons .btn {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 14px;
  }
  .footer__valcont {
    font-size: 20px;
  }
  .footer__addr {
    font-size: 14px;
  }
  .footer__buttons {
    margin-top: 40px;
  }
  .footer__bottom {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 40px;
    gap: 40px;
  }
  .footer__fait {
    font-size: 12px;
  }
  .footer__fait svg {
    height: 14px;
    margin-left: 7px;
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  .footer__links {
    grid-gap: 30px;
    gap: 30px;
  }
  .footer__link {
    font-size: 12px;
  }
  .footer__map {
    position: relative;
    width: 100%;
    border-radius: 20px;
    min-height: 350px;
    margin-top: 40px;
  }
  .footer__map-ballon {
    border-radius: 20px;
    padding: 7px 12px 8px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 8px;
    gap: 8px;
  }
  .footer__map-ballon__icon {
    width: 20px;
    height: 20px;
  }
  .footer__map-ballon__title {
    font-size: 10px;
  }
}
@media (max-width: 609.98px) {
  .footer {
    padding: 60px 0 40px;
  }
  .footer__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer__menu ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer__catalog-dropdown {
    right: auto;
    left: 0;
  }
  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__fait {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer__map {
    min-height: 300px;
  }
}
@media (max-width: 478.98px) {
  .footer__contacts {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

/**************************************************************

**************************************************************/
.hero {
  position: relative;
  background: radial-gradient(64.47% 48.78% at 44.53% 58.96%, #12273b 0%, #090e13 100%), radial-gradient(107.41% 84.66% at 43.96% 59.68%, #30373f 0%, #000102 100%);
}
.hero__wrap {
  position: relative;
  padding: 9.375vw 0 7.8125vw;
}
.hero.pb-sbg .hero__wrap {
  padding-bottom: 10.9375vw;
}
.hero:last-child {
  margin-bottom: -7.8125vw;
  border-radius: 0 0 7.8125vw 7.8125vw;
  overflow: hidden;
}
.hero:last-child .hero__wrap {
  padding-bottom: 2.6041666667vw;
}
.hero__container {
  position: relative;
  z-index: 2;
  min-height: 35.4166666667vw;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.hero__tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 1.25vw;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 60px;
  padding: 0.2083333333vw 0.8333333333vw 0.3125vw;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
}
.Safari .hero__tag {
  padding-top: 0.2604166667vw;
  padding-bottom: 0.2604166667vw;
}
.hero__title {
  max-width: 55.7291666667vw;
  font-weight: 700;
  font-family: "RF Dewi Expanded";
  font-size: 3.75vw;
  line-height: 1;
  letter-spacing: -0.02em;
}
.hero__title img {
  height: 0.832em;
  border-radius: 100px;
  vertical-align: middle;
}
.hero__intro {
  font-size: 1.3541666667vw;
  margin-top: 2.0833333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
}
.hero__intro:not(.none-circle):before {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0.3125vw;
  width: 1.7708333333vw;
  height: 0.7291666667vw;
  background: url(../images/icons/dott-tt.svg) no-repeat;
  background-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
}
.hero__intro b {
  color: #fff;
  font-weight: 600;
}
.hero__buttons {
  margin-top: 3.3854166667vw;
}
.hero__bottom {
  width: 100%;
  padding-top: 1.5625vw;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5625vw;
}
.hero__tt {
  font-size: 0.8333333333vw;
  color: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2083333333vw;
}
.hero__tt::before, .hero__tt::after {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 0.15625vw;
  width: 0.3645833333vw;
  height: 0.3645833333vw;
  border: 1px solid #fff;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
}
.Safari .hero__tt::before, .Safari .hero__tt::after {
  margin-top: 0;
}
.hero__tt::after {
  background: #fff;
  margin-right: 0.2083333333vw;
}
.hero__tt b {
  color: #fff;
  font-weight: 600;
}
.hero__props {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.6041666667vw;
}
.hero__prop {
  text-align: right;
}
.hero__prop-numb {
  display: inline-block;
  position: relative;
  padding-left: 1.7708333333vw;
  font-family: "RF Dewi Expanded";
  font-weight: 700;
  font-size: 4.2708333333vw;
  letter-spacing: -0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}
.hero__prop-icon {
  position: absolute;
  top: -0.7291666667vw;
  left: 0;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  background: #D2040F;
  border-radius: 100%;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero__prop-icon img {
  width: 50%;
}
.hero__prop-text {
  font-weight: 500;
  font-size: 0.8333333333vw;
  color: rgba(255, 255, 255, 0.5);
}
.hero__prop-text mark {
  color: #fff;
}
.hero__bdescr {
  text-align: right;
  font-weight: 500;
  font-size: 0.8333333333vw;
}
.hero__bdescr-title {
  line-height: 1.2;
  font-weight: 700;
  font-size: 1.6666666667vw;
  font-family: "RF Dewi Expanded";
}
.hero__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.hero__nav {
  position: absolute;
  right: 9.375vw;
  bottom: 19.2708333333vw;
  z-index: 9;
}
.hero.pb-sbg .hero__nav {
  bottom: 21.875vw;
}
.hero__nav-item {
  padding-right: 1.8229166667vw;
  height: 1.25vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-weight: 600;
  font-size: 0.8333333333vw;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
}
.hero__nav-item + .hero__nav-item {
  margin-top: 1.8229166667vw;
}
.hero__nav-item.active {
  color: #fff;
}
@media (hover: hover) {
  .hero__nav-item:hover {
    color: #fff;
  }
}
.hero__nav-item::after {
  position: absolute;
  top: 60%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.4166666667vw;
  height: 0.4166666667vw;
  border-radius: 100%;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.hero__nav-item.active ~ *::after {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.hero__nav-item__line {
  position: absolute;
  top: calc(60% + 0.2083333333vw);
  right: 0.15625vw;
  width: 0.1041666667vw;
  height: 2.65625vw;
  background: #fff;
  z-index: -1;
}
.hero__nav-item:last-child .hero__nav-item__line {
  display: none;
}
.hero__nav-item.active .hero__nav-item__line, .hero__nav-item.active ~ * .hero__nav-item__line {
  background: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1023.98px) {
  .hero__wrap {
    padding: 120px 0 50px;
  }
  .hero.pb-sbg .hero__wrap {
    padding-bottom: 110px;
  }
  .hero__tag {
    margin-bottom: 18px;
    padding: 2px 10px 0;
    height: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
  }
  .hero .section__tag {
    margin-bottom: 18px;
  }
  .hero__title {
    max-width: 100%;
    font-size: 46px;
  }
  .hero__intro {
    font-size: 16px;
    margin-top: 30px;
    gap: 10px;
  }
  .hero__intro:not(.none-circle):before {
    margin-top: 3px;
    width: 15px;
    height: 7px;
  }
  .hero__buttons {
    margin-top: 50px;
  }
  .hero__bottom {
    padding-top: 90px;
    gap: 45px;
  }
  .hero__tt {
    font-size: 11px;
    gap: 4px;
  }
  .hero__tt::before, .hero__tt::after {
    margin-top: -1px;
    width: 4px;
    height: 4px;
  }
  .hero__tt::after {
    margin-right: 3px;
  }
  .hero__props {
    gap: 30px;
  }
  .hero__prop-numb {
    padding-left: 24px;
    font-size: 38px;
  }
  .hero__prop-icon {
    top: -10px;
    width: 30px;
    height: 30px;
  }
  .hero__prop-text {
    font-size: 12px;
  }
  .hero__bdescr {
    font-size: 14px;
    text-align: left;
  }
  .hero__bdescr-title {
    font-size: 20px;
  }
  .hero__nav {
    right: calc((100% - 710px) / 2);
    bottom: 200px;
  }
  .hero.pb-sbg .hero__nav {
    bottom: 280px;
  }
  .hero__nav-item {
    padding-right: 15px;
    height: 10px;
    font-size: 10px;
  }
  .hero__nav-item + .hero__nav-item {
    margin-top: 20px;
  }
  .hero__nav-item::after {
    width: 4px;
    height: 4px;
  }
  .hero__nav-item__line {
    top: calc(50% + 2px);
    right: 2px;
    width: 1px;
    height: 30px;
  }
}
@media (max-width: 767.98px) {
  .hero__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .hero__tt {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .hero__prop {
    text-align: left;
  }
  .hero__nav {
    right: 16px;
    bottom: 60px;
  }
  .hero.pb-sbg .hero__nav {
    bottom: 170px;
  }
}
@media (max-width: 609.98px) {
  .hero:last-child {
    margin-bottom: -30px;
    border-radius: 0 0 30px 30px;
  }
  .hero:last-child .hero__wrap {
    padding-bottom: 30px;
  }
  .hero__wrap {
    padding: 80px 0 35px;
  }
  .hero.pb-sbg .hero__wrap {
    padding-bottom: 60px;
  }
  .hero__container {
    height: 100%;
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .hero__tag {
    margin-bottom: 12px;
    padding: 1px 6px 0;
    height: 18px;
    font-size: 8px;
  }
  .hero__title {
    max-width: initial;
  }
  .hero__intro {
    margin-top: 15px;
  }
  .hero__buttons {
    margin-top: 37px;
    margin-bottom: auto;
  }
  .hero__tt {
    font-size: 9px;
    gap: 2px;
  }
  .hero__bottom {
    padding-top: 40px;
  }
  .hero__props {
    grid-gap: 25px;
    gap: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hero__prop {
    text-align: left;
  }
  .hero__prop-numb {
    padding-left: 16px;
  }
  .hero__prop-icon {
    top: -6px;
    width: 24px;
    height: 24px;
  }
  .hero__bdescr {
    text-align: left;
    font-size: 12px;
  }
  .hero__bdescr-title {
    margin-top: 3px;
    font-size: 18px;
  }
  .hero__nav {
    right: 16px;
    bottom: 60px;
  }
  .hero.pb-sbg .hero__nav {
    bottom: 120px;
  }
}
@media (max-width: 478.98px) {
  .hero__title {
    font-size: 8.125vw;
  }
}

/**************************************************************

**************************************************************/
.category__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5625vw;
}
.category__item {
  position: relative;
  height: 22.7083333333vw;
  border-radius: 2.0833333333vw;
  padding: 2.0833333333vw;
  overflow: hidden;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 2;
}
.category__item.item--h-lg {
  -ms-grid-row-span: 2;
  grid-row: span 2;
  height: auto;
}
.category__item.item--w-lg {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.category__item.item--dott::after {
  position: absolute;
  top: 2.0833333333vw;
  right: 2.0833333333vw;
  width: 1.7708333333vw;
  height: 13px;
  background: url(../images/icons/dott-tt.svg) no-repeat top center;
  background-size: 100%;
  content: "";
}
.category__item-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.category__item-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .category__item:hover .category__item-photo img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.category__item-tag {
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 57px;
  padding: 0.2083333333vw 0.8333333333vw 0.3125vw;
}
.Safari .category__item-tag {
  padding-bottom: 0.2604166667vw;
  padding-top: 0.2604166667vw;
}
.category__item-title {
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-position: under;
  text-decoration-thickness: 1px;
}
.category__item-title.under--none {
  text-decoration: none;
}
.category__item-tt {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  padding: 4.1666666667vw 2.0833333333vw 4.4270833333vw;
  font-weight: 500;
  font-size: 2.1875vw;
  line-height: 1.1;
  text-align: center;
}
.category__item-bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5625vw;
  margin-top: auto;
}
.category__item-arrow {
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(19.047618866px);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.category__item-arrow .icon {
  width: 50%;
  height: 50%;
}
.category__item-positions {
  text-align: right;
  font-family: "RF Dewi Expanded";
  font-weight: 700;
  font-size: 4.53125vw;
  line-height: 1.1;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}
.category__carousel {
  margin-left: -5px;
  margin-right: -5px;
  padding: 0 5px;
}
.category__carousel.mt {
  margin-top: 2.6041666667vw;
}
.category__carousel .swiper-slide {
  width: auto;
}
.category__carousel .swiper-button-disabled {
  opacity: 0;
}
.category__carousel .swiper-button-prev {
  left: 5px;
}
.category__carousel .swiper-button-next {
  right: 5px;
}
.category__carousel .swiper-button-grad {
  position: absolute;
  top: 50%;
  right: 45%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 13.5416666667vw;
  height: 10.9375vw;
  z-index: -2;
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(rgba(147, 161, 187, 0)), to(#93a1bb));
  background: linear-gradient(90deg, rgba(147, 161, 187, 0) 0%, #93a1bb 100%);
  pointer-events: none;
}
.category__carousel .swiper-button-grad::after {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #93A1BB;
  content: "";
}
.category__carousel .swiper-button-prev .swiper-button-grad {
  right: auto;
  left: 45%;
  -webkit-transform: rotate(180deg) translateY(50%);
      -ms-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
.category__caritem {
  background: #8B97B2;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.category__caritem-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ADBAD4;
  border-radius: 100px;
  padding: 0 2.7083333333vw 0.2604166667vw;
  height: 5.46875vw;
  font-size: 1.25vw;
  font-weight: 500;
  text-decoration: underline;
  text-underline-position: under;
  white-space: nowrap;
}
.Safari .category__caritem-title {
  padding-bottom: 0;
}
.category__caritem-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0.8854166667vw 0 0.2083333333vw;
  width: 3.8020833333vw;
  height: 3.8020833333vw;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.category__caritem-icon img {
  width: 55%;
}
@media (hover: hover) {
  .category__caritem:hover {
    background: #ADBAD4;
  }
  .category__caritem:hover .category__caritem-icon {
    background: #D2040F;
  }
}
.category__carousel.cat--popup {
  margin: 1.5625vw 0 2.6041666667vw;
}
.category__carousel.cat--popup .swiper-button {
  width: 3.125vw;
  height: 3.125vw;
}
.category__carousel.cat--popup .swiper-button-grad {
  background: -webkit-gradient(linear, left top, right top, from(rgba(147, 161, 187, 0)), to(#8B97B2));
  background: linear-gradient(90deg, rgba(147, 161, 187, 0) 0%, #8B97B2 100%);
}
.category__carousel.cat--popup .swiper-button-grad::after {
  background: #8B97B2;
}
.cat--popup .category__caritem {
  background: #93A1BB;
}
.cat--popup .category__caritem-title {
  padding: 0 1.8229166667vw 0.15625vw;
  height: 3.6458333333vw;
  font-size: 0.8333333333vw;
}
.cat--popup .category__caritem-icon {
  margin: 0 0.5208333333vw 0 0.2083333333vw;
  width: 2.5vw;
  height: 2.5vw;
}
@media (max-width: 1023.98px) {
  .category__item-tag {
    font-size: 12px;
    padding: 2px 10px 0;
    height: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .category__item-title {
    font-size: 14px;
  }
  .category__item-arrow {
    width: 30px;
    height: 30px;
  }
  .category__carousel.mt {
    margin-top: 30px;
  }
  .category__caritem-title {
    padding: 0 25px 3px;
    height: 50px;
    font-size: 14px;
  }
  .category__caritem-icon {
    margin: 0 12px 0 4px;
    width: 35px;
    height: 35px;
  }
  .category__carousel.cat--popup {
    margin: 25px 0 40px;
  }
  .category__carousel.cat--popup .swiper-button {
    width: 38px;
    height: 38px;
  }
  .cat--popup .category__caritem-title {
    padding: 0 20px 2px;
    height: 40px;
    font-size: 12px;
  }
  .cat--popup .category__caritem-icon {
    margin: 0 8px 0 4px;
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 767.98px) {
  .category__items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }
  .category__item {
    border-radius: 15px;
    padding: 15px;
    height: 160px !important;
  }
  .category__item.item--h-lg {
    grid-row: initial;
  }
  .category__item.item--dott::after {
    top: 15px;
    right: 15px;
    width: 15px;
    height: 13px;
  }
  .category__item-title {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .category__item-tt {
    font-size: 18px;
  }
  .category__carousel {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .sbg .category__carousel:last-child {
    margin-bottom: 10px;
  }
  .category__carousel .swiper-button {
    display: none;
    width: 16px;
    pointer-events: none;
  }
  .category__carousel .swiper-button::after {
    display: none;
  }
  .category__carousel .swiper-button .icon {
    display: none;
  }
  .category__carousel.cat--popup {
    margin: 25px -20px 40px;
    padding: 0 20px;
  }
}
@media (max-width: 478.98px) {
  .category__items {
    grid-gap: 8px;
  }
  .category__item {
    padding: 12px;
  }
  .category__item-title {
    font-size: 12px;
  }
  .category__item-tt {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
  .category__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .category__item.item--w-lg {
    grid-column: initial;
  }
}

/**************************************************************

**************************************************************/
.onlinecat {
  background: url(../images/bg/onlinecat.jpg) no-repeat center;
  background-color: #000105;
  background-size: cover;
}
.onlinecat.bg-2 {
  background-image: url(../images/bg/onlinecat-2.jpg);
}
.onlinecat__inner {
  padding-left: 4.1666666667vw;
}
@media (max-width: 1023.98px) {
  .onlinecat__buttons {
    margin-top: 60px;
  }
}
@media (max-width: 609.98px) {
  .onlinecat {
    background: url(../images/bg/onlinecat-m.jpg) no-repeat top center;
  }
  .onlinecat .section__intro {
    opacity: 0.8;
  }
  .onlinecat__inner {
    padding-left: 0;
  }
}

/**************************************************************

**************************************************************/
.kviz {
  border-radius: 5.2083333333vw;
  background: url(../images/bg/kviz.jpg) no-repeat center;
  background-size: cover;
  margin: -5.2083333333vw 0;
  position: relative;
  z-index: 2;
}
.kviz__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5625vw;
}
.kviz__info {
  padding: 4.6875vw 0;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 37.5vw;
  position: relative;
  z-index: 5;
}
.kviz__tag {
  margin-top: auto;
}
.kviz__form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 37.9166666667vw;
  background: #93A1BB;
  border-radius: 3.6458333333vw;
  padding: 3.125vw 3.125vw 2.7604166667vw 3.125vw;
  margin: -4.1666666667vw 0;
  position: relative;
}
.kviz__form-step {
  position: relative;
  display: none;
}
.kviz__form-step.active {
  display: block;
}
.kviz__form-body {
  position: relative;
  min-height: 16.40625vw;
}
.kviz__form-head {
  margin-bottom: 2.0833333333vw;
}
.kviz__form-title {
  font-size: 1.6666666667vw;
  font-weight: 600;
  line-height: 1.2;
}
.kviz__form-tt {
  margin-bottom: 1.7708333333vw;
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 1.07;
}
.kviz__form-buttons {
  padding-top: 3.75vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8854166667vw;
  position: relative;
}
.kviz__form-buttons .form__policy {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.kviz__form-prev {
  height: 2.5vw;
  padding: 0 1.0416666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  background: #adbad4;
  border: none;
  border-radius: 100px;
  padding-bottom: 0.1041666667vw;
  font-family: "Atyp Text", sans-serif;
  font-size: 0.8333333333vw;
  color: #fff;
  font-weight: 600;
  line-height: 1.1;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kviz__form-prev::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 0.4166666667vw;
  height: 0.8333333333vw;
  background: url(../images/icons/prev.svg) no-repeat center;
  -webkit-transform: translateY(0.1041666667vw);
      -ms-transform: translateY(0.1041666667vw);
          transform: translateY(0.1041666667vw);
  background-size: 100%;
  content: "";
}
@media (hover: hover) {
  .kviz__form-prev:hover {
    background: #bac7e1;
  }
}
.kviz__error {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 0.78125vw;
  width: 100%;
  font-size: 0.7291666667vw;
  color: #D2040F;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.kviz__error.active {
  opacity: 1;
  visibility: visible;
}
.kviz__vars {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5208333333vw;
  max-width: 28.125vw;
}
.kviz__iteml {
  cursor: pointer;
  display: inline-block;
}
.kviz__iteml + .kviz__iteml {
  margin-top: 0.5208333333vw;
}
.kviz__vars .kviz__iteml {
  margin-top: 0 !important;
  display: block;
}
.kviz__iteml input {
  display: none;
}
.kviz__item {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  min-height: 3.5416666667vw;
  padding: 0.9375vw 1.5625vw 0.9375vw 1.3020833333vw;
  border-radius: 100px;
  background: #9ca9c3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
}
.kviz__item-t {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
  font-weight: 500;
  padding-bottom: 0.1041666667vw;
  position: relative;
}
.Safari .kviz__item-t {
  padding-bottom: 0;
}
.kviz__item-t:before {
  width: 1.1458333333vw;
  height: 1.1458333333vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transform: translateY(0.1041666667vw);
      -ms-transform: translateY(0.1041666667vw);
          transform: translateY(0.1041666667vw);
  background: #a1aec8;
  background-size: 100% 100%;
  border: 2px solid #bbc6db;
  border-radius: 100px;
  content: "";
}
.Safari .kviz__item-t:before {
  -webkit-transform: initial;
      -ms-transform: initial;
          transform: initial;
}
.kviz__item-t b {
  font-weight: 600;
}
[type=checkbox] + .kviz__item .kviz__item-t::before {
  width: 0.9375vw;
  height: 0.9375vw;
  border-radius: 0.2604166667vw;
}
@media (any-hover: hover) {
  .kviz__item:hover {
    background: #adbad4;
  }
}
.kviz__iteml.active .kviz__item {
  background: #adbad4;
}
.kviz__iteml.active .kviz__item-t::before {
  border: none;
  background-image: url(../images/icons/check-circle-active.svg);
}
.kviz__iteml.active [type=checkbox] + .kviz__item .kviz__item-t::before {
  background-image: url(../images/icons/check-active.svg);
}
.kviz__progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4.6875vw;
}
.kviz__progress.finish {
  opacity: 0;
}
.kviz__progress-dott {
  width: 0.6770833333vw;
  height: 0.6770833333vw;
  background: #fff;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}
.kviz__progress-dott.active ~ .kviz__progress-dott {
  background: #bac7e1;
}
.kviz__progress-dott.active + .kviz__progress-dott {
  background: #fff;
  -webkit-transition: all 0s linear 0.3s;
  transition: all 0s linear 0.3s;
}
.kviz__progress-scale {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #bac7e1;
  overflow: hidden;
}
.kviz__progress-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  background: #FFF;
}
.kviz__progress-img {
  width: 3.125vw;
  position: absolute;
  bottom: 100%;
  left: 0%;
  -webkit-transform: translate(-0.3125vw, -0.8333333333vw);
      -ms-transform: translate(-0.3125vw, -0.8333333333vw);
          transform: translate(-0.3125vw, -0.8333333333vw);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.kviz__progress-img.img--finish {
  width: 2.2916666667vw;
  left: auto;
  right: 0;
  -webkit-transform: translate(0, -0.8333333333vw);
      -ms-transform: translate(0, -0.8333333333vw);
          transform: translate(0, -0.8333333333vw);
}
.kviz__progress-img img {
  width: 100%;
}
.kviz__btext {
  margin-top: 1.5625vw;
  display: none;
  font-size: 0.8333333333vw;
  letter-spacing: -0.02em;
}
.kviz__btext.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4166666667vw;
}
.kviz__btext::before {
  margin-top: 0.2604166667vw;
  width: 0.9375vw;
  height: 0.3645833333vw;
  display: block;
  background: url(../images/icons/dott-tt.svg) no-repeat top center;
  background-size: 100%;
  content: "";
}
.kviz__btext b {
  font-weight: 600;
}
@media (max-width: 1023.98px) {
  .kviz__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .kviz__info {
    padding-bottom: 100px;
    max-width: 100%;
  }
  .kviz__head {
    margin-bottom: 30px;
  }
  .kviz__form {
    width: 100%;
    margin-bottom: 4.1666666667vw;
    padding: 30px;
  }
  .kviz__form-head {
    margin-bottom: 30px;
  }
  .kviz__form-title {
    font-size: 18px;
  }
  .kviz__form-tt {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .kviz__form-body {
    min-height: 230px;
    max-width: 600px;
  }
  .kviz__form-buttons {
    padding-top: 60px;
    gap: 15px;
  }
  .kviz__form-prev {
    height: 30px;
    padding: 0 15px;
    gap: 8px;
    padding-bottom: 2px;
    font-size: 14px;
    font-weight: 500;
  }
  .kviz__form-prev::before {
    width: 6px;
    height: 15px;
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
  }
  .kviz__form-inputs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px;
  }
  .kviz__form-inputs > * {
    margin: 0;
  }
  .kviz__error {
    margin-top: 10px;
    font-size: 12px;
  }
  .kviz__vars {
    grid-gap: 10px;
    max-width: 480px;
  }
  .kviz__iteml + .kviz__iteml {
    margin-top: 10px;
  }
  .kviz__item {
    min-height: 50px;
    padding: 10px 25px 10px 20px;
    gap: 12px;
  }
  .kviz__item-t {
    gap: 12px;
    padding-bottom: 0px;
  }
  .kviz__item-t:before {
    width: 18px;
    height: 18px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  [type=checkbox] + .kviz__item .kviz__item-t::before {
    width: 16px;
    height: 16px;
    border-radius: 3px;
  }
  .kviz__progress {
    margin: 90px 6px 0;
  }
  .kviz__progress-dott {
    width: 10px;
    height: 10px;
  }
  .kviz__progress-img {
    width: 60px;
    -webkit-transform: translate(-6px, -15px);
        -ms-transform: translate(-6px, -15px);
            transform: translate(-6px, -15px);
  }
  .kviz__progress-img.img--finish {
    width: 44px;
    -webkit-transform: translate(0, -15px);
        -ms-transform: translate(0, -15px);
            transform: translate(0, -15px);
  }
  .kviz__progress-img img {
    width: 100%;
  }
  .kviz__btext {
    margin-top: 20px;
    font-size: 14px;
    gap: 8px !important;
  }
  .kviz__btext::before {
    margin-top: 2px;
    width: 18px;
    height: 7px;
  }
}
@media (max-width: 609.98px) {
  .kviz {
    border-radius: 30px 30px 50px 50px;
    margin-top: -30px;
    background: #000;
  }
  .kviz__tag {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .kviz__head {
    margin-bottom: 0;
  }
  .kviz__info {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .kviz__form {
    border-radius: 30px;
    margin: 0 -16px 0;
    padding: 24px 16px;
    width: auto;
    position: relative;
    z-index: 2;
  }
  .kviz__form::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: #93A1BB;
    content: "";
    z-index: -1;
  }
  .kviz__form::after {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    top: -100px;
    background: url(../images/bg/kviz-m.jpg) no-repeat top center;
    content: "";
    z-index: -2;
  }
  .kviz__form-head {
    margin-bottom: 16px;
  }
  .kviz__form-title {
    font-size: 20px;
  }
  .kviz__form-body {
    min-height: 10px;
  }
  .kviz__form-buttons {
    padding-top: 40px;
    gap: 5px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .kviz__form-prev {
    height: 18px;
    width: 18px;
    padding: 0;
    gap: 8px;
    padding-bottom: 2px;
    font-size: 14px;
    font-weight: 500;
    background: url(../images/icons/arrow-prev.svg) no-repeat center;
    background-size: 100%;
  }
  .kviz__form-prev::before, .kviz__form-prev > span {
    display: none;
  }
  .kviz__form-inputs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 12px;
  }
  .kviz__form-inputs > * {
    margin: 0;
  }
  .kviz__vars {
    grid-gap: 8px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .kviz__iteml {
    width: 100%;
  }
  .kviz__iteml + .kviz__iteml {
    margin-top: 8px;
  }
  .kviz__item {
    min-height: 50px;
    padding: 14px 18px;
    gap: 12px;
  }
  .kviz__item-t:before {
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(0.1041666667vw);
        -ms-transform: translateY(0.1041666667vw);
            transform: translateY(0.1041666667vw);
  }
  [type=checkbox] + .kviz__item .kviz__item-t::before {
    width: 16px;
    height: 16px;
    border-radius: 3px;
  }
  .kviz__progress.finish {
    margin-top: 40px;
  }
  .kviz__btext {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .kviz__btext::before {
    margin-top: 8px;
  }
}

/**************************************************************

**************************************************************/
.stages {
  background: url(../images/bg/stages.jpg) no-repeat center;
  background-size: cover;
}
.stages__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5625vw;
}
.stages__itcol {
  width: calc((100% - 3.125vw) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5625vw;
}
.stages__item {
  position: relative;
}
.stages__item.opened {
  z-index: 9;
}
.stages__itcol:nth-child(2) .stages__item {
  margin-top: auto;
}
.stages__item-front {
  height: 14.3229166667vw;
  padding: 0.5208333333vw 2.0833333333vw 2.0833333333vw;
  border-radius: 2.0833333333vw;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  backdrop-filter: blur(50px);
  background: rgba(164, 177, 203, 0.5);
}
.stages__item-numb {
  text-align: right;
  line-height: 1.2;
  font-weight: bold;
  font-family: "RF Dewi Expanded";
  font-size: 5.2083333333vw;
}
.stages__item-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625vw;
}
.stages__item-title {
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-position: under;
}
.stages__item-toggle {
  position: absolute;
  right: 1.25vw;
  bottom: 1.25vw;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  border: none;
  background: url(../images/icons/plus-white.svg) no-repeat center;
  background-size: 53%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  outline: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .stages__item:hover .stages__item-toggle {
    background-color: #D2040F;
  }
}
.stages__item-open {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
  cursor: pointer;
  outline: 0;
}
.stages__item-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 21.9791666667vw;
  background: #93A1BB;
  padding: 2.0833333333vw;
  border-radius: 2.0833333333vw;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}
.stages__itcol:not(:first-child) .stages__item:last-child .stages__item-info {
  top: auto;
  bottom: 0;
}
.stages__item.opened .stages__item-info {
  opacity: 1;
  visibility: visible;
}
.stages__item-btitle {
  margin-bottom: 1.0416666667vw;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 1.1;
}
.stages__item-text {
  min-height: 7.8125vw;
  font-size: 0.8333333333vw;
}
.stages__item-text a {
  text-decoration: underline;
  text-underline-position: under;
}
.stages__item-text b {
  font-weight: 500;
}
.stages__item-action {
  margin-top: 1.5625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.78125vw;
}
.stages__item-pos {
  position: relative;
}
.stages__item-address {
  position: absolute;
  -webkit-transform: translate(1.5625vw, 1.5625vw);
      -ms-transform: translate(1.5625vw, 1.5625vw);
          transform: translate(1.5625vw, 1.5625vw);
  background: #9FADC7;
  border-radius: 2.0833333333vw;
  width: 20vw;
  padding: 1.5625vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}
.stages__item-address.opened {
  opacity: 1;
  visibility: visible;
}
.stages__item-iaddr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
  font-size: 0.8333333333vw;
  line-height: 1.2;
  font-weight: 500;
  padding-bottom: 0.2604166667vw;
  margin-bottom: -0.2604166667vw;
}
.stages__item-iaddr + .stages__item-iaddr {
  margin-top: 1.0416666667vw;
}
.stages__item-iaddr::before {
  margin-top: 0.2604166667vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  background: url(../images/icons/addr.svg) no-repeat center;
  background-size: 50%;
  background-color: #8B97B2;
  border-radius: 100%;
  content: "";
}
@media (max-width: 1023.98px) {
  .stages {
    background-image: url(../images/bg/stages-m.jpg);
  }
  .stages__items {
    gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .stages__itcol {
    gap: 15px;
    width: calc((100% - 15px) / 2);
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .stages__item {
    width: calc((100% - 15px) / 2);
  }
  .stages__itcol:nth-child(2) .stages__item {
    margin-left: auto;
  }
  .stages__item-front {
    height: 220px;
    padding: 0px 20px 20px;
    border-radius: 30px;
  }
  .stages__item-numb {
    font-size: 80px;
  }
  .stages__item-bottom {
    gap: 20px;
    padding-bottom: 5px;
  }
  .stages__item-title {
    font-size: 18px;
  }
  .stages__item-toggle {
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    background-color: #D2040F;
  }
  .stages__item-info {
    min-height: 220px;
    padding: 30px;
    border-radius: 30px;
  }
  .stages__itcol:last-child .stages__item-info {
    top: auto;
    bottom: 0;
  }
  .stages__item-btitle {
    margin-bottom: 12px;
    font-size: 22px;
  }
  .stages__item-btitle br {
    display: none;
  }
  .stages__item-text {
    min-height: 100px;
    font-size: 14px;
  }
  .stages__item-action {
    margin-top: 20px;
    gap: 30px;
    -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;
  }
  .stages__item-address {
    display: none;
    -webkit-transform: translate(20px, 20px);
        -ms-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
    border-radius: 30px;
    width: 300px;
    padding: 20px;
  }
}
@media (max-width: 767.98px) {
  .stages__items {
    gap: 12px;
  }
  .stages__itcol {
    width: 100%;
    gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .stages__item {
    width: 100% !important;
  }
  .stages__item-front {
    height: 180px;
  }
  .stages__item.opened .stages__item-front {
    display: none;
  }
  .stages__item-info {
    position: static;
    display: none;
  }
  .stages__item.opened .stages__item-info {
    display: block;
  }
}

/**************************************************************

**************************************************************/
.services {
  overflow: hidden;
}
.services__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  position: relative;
}
.services__cols .swiper-button-nav {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.services__left {
  width: 52.0833333333vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 1px;
}
.services__right {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 1px;
}
.services__slider {
  position: relative;
  z-index: 5;
  border-radius: 3.6458333333vw;
}
.services__item {
  border-radius: 3.6458333333vw;
  background: #9FADC7;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.services__item-photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  width: 39%;
  padding-bottom: 59%;
  border-radius: 3.6458333333vw;
  position: relative;
}
.services__item-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.services__item-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 2.6041666667vw 2.0833333333vw 2.0833333333vw 2.8645833333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.services__item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5625vw;
  padding-bottom: 4.6875vw;
  margin-bottom: auto;
}
.services__item-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}
.services__item-icon {
  width: 3.90625vw;
  height: 3.90625vw;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 0.15625vw #bac7e1;
          box-shadow: 0 0 0 0.15625vw #bac7e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.services__item-icon.icon--dark {
  background: #8b97b2;
  -webkit-box-shadow: 0 0 0 0.15625vw #9fadc7;
          box-shadow: 0 0 0 0.15625vw #9fadc7;
}
.services__item-icon img {
  width: 52%;
}
.services__item-icons .services__item-icon + .services__item-icon {
  margin-left: -0.8854166667vw;
  z-index: -1;
}
.services__item-title {
  line-height: 1.2;
  font-weight: 600;
  font-size: 1.875vw;
}
.services__item-list {
  margin-top: 1.5625vw;
  counter-reset: serv-list 0;
  font-size: 0.8333333333vw;
  letter-spacing: -0.02em;
}
.services__item-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  counter-increment: serv-list 1;
  display: flex;
  gap: 0.8333333333vw;
  max-width: 24.21875vw;
}
.services__item-list__item + .services__item-list__item {
  margin-top: 25px;
}
.services__item-list__item::before {
  content: "0" counter(serv-list) ".";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.875vw;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.1;
  color: #8b97b2;
}
.services__carousel {
  overflow: initial;
}
.services__carousel::after {
  position: absolute;
  top: -2px;
  right: 100%;
  height: 105%;
  width: 10000px;
  background: #93A1BB;
  content: "";
  z-index: 2;
}
.services__card {
  border-radius: 3.6458333333vw;
  background: #9FADC7;
  overflow: hidden;
  width: 19.375vw;
  cursor: pointer;
}
.services__card-photo {
  overflow: hidden;
  height: 25.78125vw;
  border-radius: 3.6458333333vw;
  position: relative;
}
.services__card-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .services__card:hover .services__card-photo img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.services__card-title {
  max-width: 61%;
  position: absolute;
  left: 2.0833333333vw;
  bottom: 1.5625vw;
  z-index: 2;
  line-height: 1.1;
  font-weight: 500;
}
@media (max-width: 1023.98px) {
  .services__cols {
    gap: 15px;
  }
  .services__left {
    width: 520px;
  }
  .services__slider {
    border-radius: 30px;
  }
  .services__item {
    border-radius: 30px;
  }
  .services__item-photo {
    border-radius: 30px;
  }
  .services__item-info {
    padding: 20px 20px 20px 20px;
  }
  .services__item-top {
    gap: 20px;
    padding-bottom: 20px;
  }
  .services__item-icon {
    width: 40px;
    height: 40px;
  }
  .services__item-icons .services__item-icon + .services__item-icon {
    margin-left: -10px;
  }
  .services__item-title {
    font-size: 18px;
  }
  .services__item-list {
    margin-top: 15px;
    font-size: 12px;
  }
  .services__item-list__item {
    gap: 12px;
    max-width: 100%;
  }
  .services__item-list__item + .services__item-list__item {
    margin-top: 15px;
  }
  .services__item-list__item::before {
    width: 20px;
    font-size: 14px;
    margin-top: 2px;
  }
  .services__card {
    border-radius: 30px;
    width: 175px;
  }
  .services__card-photo {
    height: 250px;
    border-radius: 30px;
  }
  .services__card-title {
    max-width: 61%;
    left: 20px;
    bottom: 15px;
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  .services__cols .swiper-button-nav {
    display: none;
  }
  .services__left {
    width: 100%;
  }
  .services__slider {
    overflow: initial;
  }
  .sbg .services__slider {
    margin-bottom: 20px;
  }
  .services__item-photo {
    display: none;
  }
}

/**************************************************************

**************************************************************/
.order {
  background: url(../images/bg/order.jpg) no-repeat top center;
  background-size: cover;
}
.order.bg--coop {
  background-image: url(../images/bg/coop.jpg);
}
.order__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 2.6041666667vw;
  padding: 5.2083333333vw 0;
}
.order__inner.pd0 {
  padding: 0;
}
.order__head {
  max-width: 43.2291666667vw;
}
.order__head.mw {
  max-width: 57.2916666667vw;
}
.order__right {
  text-align: right;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-top: 12px;
}
.order__intro {
  font-weight: 500;
  font-size: 1.3541666667vw;
}
.order__intro::before {
  margin-left: auto;
  width: 1.7708333333vw;
  height: 0.6770833333vw;
  display: block;
  margin-bottom: 0.625vw;
  background: url(../images/icons/dott-tt.svg) no-repeat top center;
  background-size: 100%;
  content: "";
}
.order__buttons {
  margin-top: 3.3854166667vw;
}
.order__buttons.mt--md {
  margin-top: 1.8229166667vw;
}
.order__bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.5625vw;
}
@media (max-width: 1023.98px) {
  .order {
    background-image: url(../images/bg/order-t.jpg);
  }
  .order__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 60px;
  }
  .order__head {
    max-width: 500px;
  }
  .order__head.mw {
    max-width: 100%;
  }
  .order__head .section__tag {
    margin-bottom: 15px;
  }
  .order__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order__buttons {
    margin-top: 0;
  }
  .order__intro {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);
    margin-top: 40px;
    margin-left: auto;
    padding-right: 0;
    font-size: 16px;
    text-align: right;
  }
  .order__intro:last-child {
    margin-top: 0;
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
  }
  .order__intro::before {
    width: 16px;
    height: 8px;
    margin-bottom: 8px;
  }
  .order__bottom {
    margin-bottom: -40px;
  }
}
@media (max-width: 609.98px) {
  .order {
    background-image: url(../images/bg/order-m.jpg);
  }
  .order__inner {
    gap: 40px;
    padding: 0;
  }
  .order__right {
    text-align: right;
  }
  .order__intro {
    -webkit-transform: initial;
        -ms-transform: initial;
            transform: initial;
    padding-right: 0;
  }
  .order__intro::before {
    margin-left: auto;
  }
}
/**************************************************************

**************************************************************/
.team__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5625vw;
}
.team__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 26.0416666667vw;
  border-radius: 2.0833333333vw;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #9FADC7;
  position: relative;
}
.team__item.opened {
  width: 53.6458333333vw;
}
.team__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.team__item-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 26.0416666667vw;
  position: relative;
}
.team__item-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 27.6041666667vw;
  padding: 2.6041666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
}
.team__item-info::after {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 2.1875vw;
  width: 100%;
  height: 100%;
  background: url(../images/team/bg-info.jpg) no-repeat center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-size: cover;
  content: "";
  z-index: -1;
}
.team__item.opened .team__item-info::after {
  width: calc(100% + 2.0833333333vw);
  border-radius: 0;
}
.team__item-photo {
  position: relative;
  border-radius: 2.1875vw;
  overflow: hidden;
  padding-bottom: 71%;
  z-index: 5;
}
.team__item-inner .team__item-photo {
  padding-bottom: 120%;
  height: 100%;
}
.team__item-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-position: top;
     object-position: top;
}
.team__item-bottom {
  padding: 1.5625vw 2.0833333333vw;
}
.team__item-inner .team__item-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  background: #9FADC7;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.team__item-inner .team__item-bottom::after, .team__item-inner .team__item-bottom::before {
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  background: radial-gradient(circle at 0px 0, transparent 2.0833333333vw, #9FADC7 2.0833333333vw);
  background: url(../images/radius-inset.svg) no-repeat right bottom;
  background-size: 100%;
  content: "";
}
.team__item-inner .team__item-bottom::before {
  right: auto;
  left: 0;
  background-image: url(../images/radius-inset-left.svg);
}
.opened .team__item-inner .team__item-bottom {
  -webkit-transform: translateY(calc(100% + 40px));
      -ms-transform: translateY(calc(100% + 40px));
          transform: translateY(calc(100% + 40px));
}
.team__item-name {
  margin-top: -0.2604166667vw;
  font-size: 1.3541666667vw;
  font-weight: 600;
}
.team__item-name.fs--md {
  font-size: 1.5625vw;
}
.team__item-name.fs--lg {
  font-size: 2.5vw;
  line-height: 100%;
}
.team__item-post {
  margin-top: 0.3125vw;
  font-size: 0.8333333333vw;
}
.team__item-post.mt0 {
  margin-top: 0;
}
.team__item-btop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8333333333vw;
}
.team__item-btop.mb {
  margin-bottom: 1.25vw;
}
.team__item-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  background: #8B97B2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.team__item-icon.icon--red {
  background: #D2040F;
}
.team__item-icon.icon--md {
  width: 2.6041666667vw;
  height: 2.6041666667vw;
}
.team__item-icon img {
  width: 48%;
}
.team__item-back {
  padding: 2.0833333333vw;
  background: #ADBAD4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.team__item:hover .team__item-back {
  opacity: 1;
  visibility: visible;
}

.team__item-text {
  max-width: 90%;
  margin-top: auto;
  padding-top: 1.5625vw;
}
.team__item-info .team__item-text {
  font-size: 1.1458333333vw;
  max-width: 100%;
}
.team__item-buttons {
  margin-top: 1.5625vw;
}
.team__item-info .team__item-buttons {
  margin-top: 2.0833333333vw;
}
@media (max-width: 1023.98px) {
  .team {
    overflow: hidden;
  }
  .team__carousel {
    overflow: initial;
  }
  .team__carousel:last-child {
    margin-bottom: 20px;
  }
  .team__items {
    gap: 0px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .team__item {
    width: calc((100% - 30px) / 3);
    width: 300px !important;
    border-radius: 20px;
  }
  .team__item.opened {
    width: calc(100% - (100% - 30px) / 3 - 15px);
  }
  .team__item-left {
    width: 100%;
  }
  .team__item.opened .team__item-left {
    width: calc((100% - 15px) / 2);
    width: 100%;
  }
  .team__item-info {
    display: none;
  }
  .team__item-photo {
    border-radius: 20px;
    padding-bottom: 85% !important;
    height: auto !important;
  }
  .team__item-bottom {
    padding: 15px 15px 20px;
  }
  .team__item-inner .team__item-bottom {
    position: relative;
    -webkit-transform: initial !important;
        -ms-transform: initial !important;
            transform: initial !important;
  }
  .team__item-inner .team__item-bottom::after, .team__item-inner .team__item-bottom::before {
    display: none;
  }
  .team__item-name {
    font-size: 22px;
  }
  .team__item-name.fs--md {
    font-size: 20px;
  }
  .team__item-name.fs--lg {
    font-size: 20px;
  }
  .team__item-post {
    margin-top: 5px;
    font-size: 14px;
  }
  .team__item-btop {
    gap: 10px;
  }
  .team__item-btop.mb {
    margin-bottom: 15px;
  }
  .team__item-icon {
    width: 35px;
    height: 35px;
  }
  .team__item-icon.icon--md {
    width: 25px;
    height: 25px;
  }
  .team__item-back {
    padding: 2.0833333333vw;
    background: #ADBAD4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 1023.98px) and (hover: hover) {
  .team__item:hover .team__item-back {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 1023.98px) {
  .team__item-text {
/*    max-width: 90%;
    margin-top: auto;*/
    padding-top: 1.5625vw;
  }
  .team__item-info .team__item-text {
    font-size: 1.1458333333vw;
    max-width: 100%;
  }
  .team__item-buttons {
    margin-top: 1.5625vw;
  }
  .team__item-info .team__item-buttons {
    margin-top: 2.0833333333vw;
  }
}
@media (max-width: 609.98px) {
  .team__item {
    width: 280px !important;
  }
  .team__item-name {
    font-size: 18px;
  }
  .team__item-post {
    font-size: 12px;
  }
}

/**************************************************************

**************************************************************/
.project {
  overflow: hidden;
  background: url(../images/bg/project.jpg) no-repeat bottom center;
  background-size: cover;
}
.project__carousel {
  overflow: initial;
}
.project__card {
  position: relative;
  overflow: hidden;
  border-radius: 3.6458333333vw;
  width: 23.8541666667vw;
  height: 32.3958333333vw;
}
.project__card-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.project__card-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.project__card:hover .project__card-photo img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.project__card-info {
  position: absolute;
  bottom: 1.5625vw;
  left: 1.5625vw;
  right: 1.5625vw;
  border-radius: 2.0833333333vw;
  padding: 1.6666666667vw 0;
  z-index: 2;
  backdrop-filter: blur(20px);
  background: rgba(164, 177, 203, 0.5);
}
.project__card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25vw;
  font-size: 1.6666666667vw;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  padding-bottom: 0.2604166667vw;
}
.Safari .project__card-title {
  padding-bottom: 0;
}
.project__card-title::before, .project__card-title::after {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 1.5625vw;
  border-top: 1px solid #fff;
  margin-top: 0.4166666667vw;
  content: "";
}
.Safari .project__card-title::before, .Safari .project__card-title::after {
  margin-top: 0.15625vw;
}
@media (max-width: 1023.98px) {
  .project__card {
    border-radius: 20px;
    width: 300px;
    height: 400px;
  }
  .project__card-info {
    bottom: 15px;
    left: 10px;
    right: 10px;
    border-radius: 15px;
    padding: 15px 0;
  }
  .project__card-title {
    gap: 15px;
    font-size: 18px;
    padding-bottom: 0.2604166667vw;
  }
  .project__card-title::before, .project__card-title::after {
    min-width: 15px;
    margin-top: 0.4166666667vw;
  }
}
@media (max-width: 609.98px) {
  .project__card {
    width: 280px;
    height: 350px;
  }
}

/**************************************************************

**************************************************************/
.consult {
  background: url(../images/bg/consult.jpg) no-repeat bottom center;
  background-size: cover;
  padding-bottom: 20.1041666667vw;
}
.consult__fcols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5625vw;
}
.consult__fleft {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  width: 100%;
}
.consult__fright {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 0.5208333333vw;
}
.consult__finputs {
  max-width: 46.5625vw;
}
@media (max-width: 1023.98px) {
  .consult {
    padding-bottom: 300px;
  }
  .consult__fcols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .consult__finputs {
    max-width: 600px;
  }
  .consult__fright {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
  .consult__fright .form__policy {
    margin-top: 0;
  }
}
@media (max-width: 609.98px) {
  .consult {
    background-image: url(../images/bg/consult-m.jpg);
    background-position: bottom center;
  }
  .consult__fright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/**************************************************************

**************************************************************/
.spromo {
  background: url(../images/bg/promo.jpg) no-repeat top center;
  background-size: cover;
  padding-bottom: 14.0625vw;
  overflow: hidden;
}
.spromo__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.5625vw;
  margin-bottom: 4.1666666667vw;
}
.spromo__head:last-child {
  margin-bottom: 0;
}
.spromo__head.head--grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
.spromo__title {
  font-family: "RF Dewi Expanded";
  font-weight: 700;
  font-size: 3.75vw;
  line-height: 1;
  letter-spacing: -0.04em;
}
.spromo__title mark {
  color: #4d5869;
}
.head--grid .spromo__title {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
.spromo__tag {
  justify-self: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 1.3020833333vw;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 57px;
  padding: 0.15625vw 0.8333333333vw 0.2604166667vw;
}
.spromo__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5208333333vw;
}
.spromo__category .swiper-slide {
  width: auto;
}
.spromo__icat {
  width: 10vw;
  text-align: center;
  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;
  padding-bottom: 3px;
}
.spromo__icat-icon {
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  margin-bottom: 1.1458333333vw;
  background: #8B97B2;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.spromo__icat-icon img {
  width: 100%;
}
.spromo__icat.active .spromo__icat-icon {
  background: #D2040F;
}
.spromo__icat-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.spromo__icat-title {
  line-height: 1.2;
  font-weight: 500;
  font-size: 0.9375vw;
  text-decoration: underline;
  text-underline-offset: 0.2083333333vw;
}
@media (hover: hover) {
  .spromo__icat:hover .spromo__icat-icon {
    background: #ADBAD4;
  }
  .spromo__icat:hover .spromo__icat-title {
    text-decoration: none;
  }
}
.spromo__icat.active .spromo__icat-title {
  text-decoration: none;
}
.spromo__dp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.6458333333vw;
  margin-top: auto;
}
.spromo__dp-item {
  min-width: 9.8958333333vw;
  font-size: 0.8333333333vw;
  font-weight: 500;
  text-align: right;
}
.spromo__dp-item mark {
  color: rgba(255, 255, 255, 0.5);
}
.spromo__dp-item .btn {
  margin-top: 0.8333333333vw;
}
@media (max-width: 1023.98px) {
  .spromo__head {
    gap: 20px;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .spromo__head.head--grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .spromo__title {
    font-size: 36px;
  }
  .spromo__tag {
    font-size: 14px;
    padding: 2px 12px 3px;
    margin: 0;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .spromo__catcar {
    overflow: initial;
  }
  .spromo__category {
    gap: 0;
  }
  .spromo__category .swiper-slide {
    width: auto;
  }
  .spromo__icat {
    width: auto;
    min-width: 100px;
  }
  .spromo__icat-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }
  .spromo__icat-title {
    font-size: 12px;
    text-underline-offset: 3px;
  }
  .spromo__dp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px;
  }
  .spromo__dp-item {
    min-width: 110px;
    font-size: 14px;
    text-align: left;
  }
  .spromo__dp-item .btn {
    margin-top: 15px;
    height: 45px;
  }
}
@media (max-width: 609.98px) {
  .spromo {
    padding-bottom: 60px;
  }
  .spromo__head {
    gap: 15px;
  }
  .spromo__title {
    font-size: 7.5vw;
  }
}
@media (max-width: 360px) {
  .spromo__dp {
    gap: 30px;
  }
  .spromo__dp-item {
    font-size: 12px;
  }
}

/**************************************************************

**************************************************************/
.advant {
  background: url(../images/bg/advant.jpg) no-repeat center;
  background-size: cover;
}
.advant__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.5625vw;
}
.advant__icol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5625vw;
}
.advant__item {
  position: relative;
  z-index: 2;
  min-height: 14.3229166667vw;
  padding: 0.5208333333vw 2.0833333333vw 2.0833333333vw;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.advant__item::after {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  border-radius: 2.0833333333vw;
  backdrop-filter: blur(50px);
  background: rgba(164, 177, 203, 0.5);
  z-index: -2;
  content: "";
}
.advant__item.item--bg {
  min-height: 15.8854166667vw;
}
.advant__item.item--bg::after {
  background: url(../images/bg/advant-item.jpg) no-repeat center;
  background-size: cover;
  z-index: -1;
}
.advant__item.item--bg + .advant__item {
  margin-top: -1.5625vw;
  z-index: 0;
}
.advant__item.item--bg + .advant__item::after {
  top: -3.6458333333vw;
}
.advant__item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.advant__item-numb {
  margin-left: auto;
  line-height: 1.2;
  font-weight: bold;
  font-family: "RF Dewi Expanded";
  letter-spacing: -0.06em;
  font-size: 5.2083333333vw;
}
.advant__item-numb.left {
  margin-left: 0;
}
.advant__item-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.78125vw;
}
.advant__item-icon {
  background: #D2040F;
  border-radius: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.advant__item-icon img {
  width: 55%;
}
.advant__item-title {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 1023.98px) {
  .advant {
    background-image: url(../images/bg/advant-t.jpg);
  }
  .advant__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
  .advant__icol {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
  }
  .advant__item {
    width: calc(50% - 10px);
    min-height: 220px;
    padding: 10px 30px 30px;
  }
  .advant__item::after {
    border-radius: 20px;
  }
  .advant__item.item--bg {
    width: calc(50% + 10px);
  }
  .advant__item.item--bg + .advant__item {
    margin-top: 0;
  }
  .advant__item.item--bg + .advant__item::after {
    top: 0;
    left: -50px;
  }
  .advant__item-numb {
    font-size: 46px;
  }
  .advant__item-bottom {
    gap: 10px;
  }
  .advant__item-icon {
    width: 35px;
    height: 35px;
  }
  .advant__item-title {
    font-size: 16px;
  }
}
@media (max-width: 609.98px) {
  .advant__items {
    grid-gap: 10px;
  }
  .advant__icol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .advant__item {
    width: 100% !important;
    min-height: 180px !important;
    padding: 10px 15px 15px;
  }
  .advant__item::after {
    border-radius: 15px;
  }
  .advant__item.item--bg + .advant__item::after {
    top: -50px;
    left: 0px;
  }
  .advant__item-numb {
    font-size: 46px;
  }
  .advant__item-bottom {
    gap: 10px;
  }
  .advant__item-icon {
    width: 35px;
    height: 35px;
  }
  .advant__item-title {
    font-size: 14px;
    max-width: 260px;
  }
}

/**************************************************************

**************************************************************/
.catalog__hidden {
  overflow: hidden;
}
.catalog__carousel {
  overflow: initial;
}
.catalog__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.0833333333vw;
}
.catalog__aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 18.59375vw;
}
.catalog__content {
  min-width: 1px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.catalog__top {
  margin-bottom: 1.5625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5625vw;
}
.catalog__top-ml {
  margin-left: auto;
}
.catalog__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5625vw;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1023.98px) {
  .catalog__cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .catalog__aside {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .catalog__aside-bnr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
  .catalog__top {
    margin-bottom: -160px;
    gap: 15px;
/*    -ms-flex-wrap: wrap;
        flex-wrap: wrap;*/
 
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0 16px 180px;
     scrollbar-width: none;
  }
  .catalog__top::-webkit-scrollbar {
    display: none;
  }
  .catalog__top-ml {
    margin-left: 0;
  }
  .catalog__items {
    gap: 20px;
    position: relative;
    z-index: 55;
  }
}
@media (max-width: 767.98px) {
  .catalog__top {
    gap: 8px;
  }
}
@media (max-width: 609.98px) {

  .catalog__aside-bnr {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  .catalog__items {
    gap: 8px;
  }
  .catalog__carousel .swiper-slide {
    width: 250px;
  }
}

.filters__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.0416666667vw;
  margin-bottom: 1.6666666667vw;
}
.filters__title {
  font-weight: 600;
  font-size: 1.7708333333vw;
}
.filters__clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625vw;
  padding: 0 1.0416666667vw 0.15625vw;
  height: 2.5vw;
  background: #ADBAD4;
  border: none;
  border-radius: 100px;
  font-family: "Atyp Text", sans-serif;
  color: #D2040F;
  font-size: 0.8333333333vw;
  font-weight: 600;
  cursor: pointer;
  outline: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .filters__clear:hover {
    background: #bac7e1;
  }
}
.Safari .filters__clear {
  padding-bottom: 0;
}
.filters__clear .icon {
  width: 0.7291666667vw;
  height: 0.7291666667vw;
  margin-top: 0.15625vw;
}
.Safari .filters__clear .icon {
  margin-top: 0;
}
.filters__item {
  background: #8B97B2;
  border-radius: 2.0833333333vw;
  padding: 1.5625vw;
}
.filters__item + .filters__item {
  margin-top: 1.0416666667vw;
}
.filters__item-title {
  font-weight: 600;
  font-size: 1.4583333333vw;
  line-height: 1.1;
  position: relative;
}
.filters__item-toggle {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.78125vw;
}
.filters__item-toggle:after {
  margin-left: auto;
  content: "";
  width: 0.9375vw;
  height: 0.5208333333vw;
  margin-top: 0.15625vw;
  background: url(../images/icons/arrow-drop.svg) no-repeat;
  background-size: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1);
}
.Safari .filters__item-toggle:after {
  margin-top: 0;
}
.filters__item-toggle.closed:after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}
.filters__item-content {
  padding-top: 1.5625vw;
}
.filters__stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}
.filters__stock + .filters__stock {
  margin-top: 0.9375vw;
}
.filters__stock-title {
  font-size: 1.09375vw;
  font-weight: 600;
}
.filters__list {
  max-height: 18.2291666667vw;
}
.filters__list ul {
  padding-top: 2px;
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.filters__list-item + .filters__list-item {
  margin-top: 1.3020833333vw;
}
.filters__list-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  cursor: pointer;
  font-size: 0.9375vw;
}
.filters__list-label input {
  display: none;
}
.filters__list-label__sq {
  margin: 2px 0 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  cursor: pointer;
  background: #A1AEC8;
  border: 2px solid #BBC6DB;
  border-radius: 0.2604166667vw;
}
.filters__list-label :checked + .filters__list-label__sq {
  border: none;
  background: url(../images/icons/check-filter.svg) no-repeat center center;
  background-size: 65%;
  background-color: #D2040F;
}
.filters__buttons, .filters__close {
  display: none;
}
@media (max-width: 1023.98px) {
  .filters {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    height: calc(var(--vh) * 100);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background: rgba(7, 14, 20, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .filters.opened {
    opacity: 1;
    visibility: visible;
  }
  .filters__head {
    display: none;
  }
  .filters__clear {
    gap: 8px;
    padding: 0 15px 0;
    height: 35px;
    font-size: 13px;
  }
  .filters__clear .icon {
    width: 10px;
    height: 10px;
    margin-top: 0;
  }
  .filters__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 30px;
    right: 24px;
    width: 20px;
    height: 20px;
    color: #fff;
    z-index: 9;
  }
  .filters__close .icon {
    width: 100%;
    height: 100%;
  }
  .filters__content {
    border-radius: 30px 30px 0 0;
    background: #93A1BB;
    width: 100%;
    padding: 24px;
    position: relative;
  }
  .filters__item {
    display: none;
    background: none;
    padding: 0;
  }
  .filters__item.active {
    display: block;
  }
  .filters__item-content {
    display: block !important;
    padding-top: 0;
  }
  .filters__item-title {
    font-size: 25px;
    margin-bottom: 25px;
    padding-right: 45px;
  }
  .filters__item-toggle {
    display: none;
  }
  .filters__stock + .filters__stock {
    margin-top: 10px;
  }
  .filters__stock-title {
    font-size: 18px;
    font-weight: normal;
  }
  .filters__list {
    max-height: 250px;
  }
  .filters__list-item + .filters__list-item {
    margin-top: 15px;
  }
  .filters__list-label {
    gap: 8px;
    font-size: 16px;
  }
  .filters__list-label__sq {
    width: 16px;
    height: 16px;
    border-radius: 4px;
  }
  .filters__buttons {
    margin-top: 40px;
    display: block;
  }
}

.bnr {
  position: relative;
  overflow: hidden;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 2.0833333333vw;
  padding: 1.25vw;
  margin-top: 1.0416666667vw;
  min-height: 17.9166666667vw;
  color: #fff;
}
.bnr__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bnr__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.bnr__dots {
  width: 0.9375vw;
  height: 7px;
  background: url(../images/icons/dott-tt.svg) no-repeat top center;
  background-size: 100%;
  margin-bottom: 0.78125vw;
}
.bnr__title {
  font-size: 1.1979166667vw;
  font-weight: 600;
  line-height: 1.07;
  max-width: 80%;
}
.bnr__intro {
  margin-top: 0.8333333333vw;
  font-size: 0.8333333333vw;
}
.bnr__prop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8333333333vw;
  margin-top: 1.25vw;
  font-size: 0.8333333333vw;
}
.bnr__prop-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bnr__prop-icon img {
  max-width: 50%;
}
.bnr__buttons {
  margin-top: auto;
  padding-top: 1.5625vw;
}
@media (max-width: 1023.98px) {
  .bnr {
    border-radius: 30px;
    padding: 20px;
    margin-top: 20px;
    min-height: 277px;
  }
  .bnr__dots {
    width: 14px;
    height: 6px;
    margin-bottom: 13px;
  }
  .bnr__title {
    font-size: 23px;
  }
  .bnr__intro {
    margin-top: 12px;
    font-size: 13px;
  }
  .bnr__prop {
    gap: 12px;
    margin-top: 20px;
    font-size: 13px;
  }
  .bnr__prop-icon {
    width: 48px;
    height: 48px;
  }
  .bnr__buttons {
    padding-top: 20px;
  }
}

/**************************************************************
.pagination 
**************************************************************/
.pagination {
  margin-top: 2.6041666667vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.6041666667vw;
}
.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1px;
  font-size: 0.9375vw;
  font-weight: 500;
}
.pagination__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.125vw;
  height: 3.125vw;
}
.pagination__item--next {
  margin-left: 1.5625vw;
}
.pagination__item--prev {
  margin-right: 1.5625vw;
}
.pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: none;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pagination__link:hover {
  background: #ADBAD4;
}
.pagination__item.current .pagination__link {
  border: 2px solid rgba(255, 255, 255, 0.2);
  pointer-events: none;
}
.pagination__item--next .pagination__link, .pagination__item--prev .pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0.5208333333vw;
  border-radius: 100%;
  background: none;
  border: none;
  color: #D2040F;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 5;
  cursor: pointer;
}
.pagination__item--next .pagination__link-next, .pagination__item--prev .pagination__link-next {
  right: 0;
  left: auto;
}
.pagination__item--next .pagination__link .icon, .pagination__item--prev .pagination__link .icon {
  width: 50%;
  height: 50%;
}
@media (hover: hover) {
  .pagination__item--next .pagination__link:hover, .pagination__item--prev .pagination__link:hover {
    background: #D2040F;
    color: #fff;
  }
}
.pagination__item--next.disabled .pagination__link, .pagination__item--prev.disabled .pagination__link {
  background: #ADBAD4;
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.pagination__pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  background: #8B97B2;
  border-radius: 100px;
  padding: 0 1.25vw;
  font-size: 0.9375vw;
  font-weight: 500;
}
.pagination__pages input {
  width: 3.8541666667vw;
  height: 2.6041666667vw;
  border-radius: 100px;
  border: 2px solid #fff;
  background: rgba(166, 179, 205, 0.3);
  font-family: "Atyp Text", sans-serif;
  font-size: 0.9375vw;
  font-weight: 500;
  color: #fff;
  text-align: center;
  outline: 0;
}
@media (max-width: 1023.98px) {
  .pagination {
    margin-top: 20px;
    gap: 20px;
  }
  .pagination__list {
    font-size: 12px;
  }
  .pagination__item {
    width: 35px;
    height: 35px;
  }
  .pagination__item--next {
    margin-left: 17px;
  }
  .pagination__item--prev {
    margin-right: 17px;
  }
  .pagination__item.current .pagination__link {
    border-width: 1px;
  }
  .pagination__pages {
    gap: 10px;
    padding: 0 20px;
    font-size: 12px;
  }
  .pagination__pages input {
    width: 50px;
    height: 35px;
    border-width: 1px;
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  .pagination {
    -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;
  }
  .pagination__pages {
    width: 100%;
    max-width: 450px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .pagination__item {
    min-width: 30px;
    width: auto;
  }
  .pagination__item.current, .pagination__item--next, .pagination__item--prev {
    width: 35px;
  }
  .pagination__item--next {
    margin-left: 14px;
  }
  .pagination__item--prev {
    margin-right: 14px;
  }
}

/**************************************************************

**************************************************************/
.product {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.catalog__carousel .product {
  height: 100%;
}
.catalog__items .product {
  width: calc((99% - 3.125vw) / 3);
}
.product::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #adbad4;
  border-radius: 2.0833333333vw;
  z-index: -1;
  content: "";
}
.product__photo {
  position: relative;
  border-radius: 2.0833333333vw;
  padding-bottom: 100%;
  background: #9fadc7;
  overflow: hidden;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.product__photo img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .product__photo:hover {
    background: #b3c1db;
  }
}
.product__stickers {
  position: absolute;
  top: 1.0416666667vw;
  left: 1.0416666667vw;
  z-index: 9;
}
.product__action {
  position: absolute;
  top: 1.0416666667vw;
  right: 1.0416666667vw;
  z-index: 9;
}
.product__info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.3020833333vw 1.0416666667vw 1.0416666667vw;
}
.product__title {
  text-wrap: balance;
  line-height: 1.15;
  font-weight: 500;
  font-size: 1.1458333333vw;
  min-height: 2.6041666667vw;
  padding-right: 0.78125vw;
}
@media (hover: hover) {
  .product__title a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2604166667vw;
  }
}
.product__props {
  margin-top: 1.1458333333vw;
  display: none;
}
.product__prop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8333333333vw;
}
.product__prop + .product__prop {
  margin-top: 0.4166666667vw;
}
.product__prop-val {
  font-weight: 600;
}
.product__bottom {
  margin-top: auto;
  padding-top: 1.0416666667vw;
}
.product__inf {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5208333333vw;
}
.product__art {
  font-size: 0.625vw;
}
.product__stock {
  font-size: 0.8333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.46875vw;
}
.product__stock::before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0.15625vw 0.15625vw 0;
  width: 0.3125vw;
  height: 0.3125vw;
  background: #5DCF55;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 0.15625vw rgba(93, 207, 85, 0.5);
          box-shadow: 0 0 0 0.15625vw rgba(93, 207, 85, 0.5);
  content: "";
  display: block;
}
.product__stock.sold::before {
  background: #D2040F;
  background: rgba(201, 4, 15, 0.9);
  -webkit-box-shadow: 0 0 0 0.15625vw rgba(201, 4, 15, 0.5);
          box-shadow: 0 0 0 0.15625vw rgba(201, 4, 15, 0.5);
}
.product__stock.under::before {
  background: #EEC72A;
  -webkit-box-shadow: 0 0 0 0.15625vw rgba(238, 199, 42, 0.5);
          box-shadow: 0 0 0 0.15625vw rgba(238, 199, 42, 0.5);
}
.product__buttons {
  margin-top: 0.9375vw;
}
.product__counter {
  display: none;
}
.added .product__addcart {
  display: none;
}
.added .product__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product__mlink {
  font-size: 0.8333333333vw;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-position: under;
}
@media (hover: hover) {
  .product__mlink:hover {
    text-decoration: none;
  }
}
.product.card--list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100% !important;
}
.product.card--list .product__info {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1.9791666667vw;
}
.product.card--list .product__photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 12.5vw;
  height: 12.5vw;
  padding-bottom: 0;
}
.product.card--list .product__bottom {
  padding: 0 0 0 1.5625vw;
  margin-top: 0;
  margin-left: auto;
  width: 15.625vw;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product.card--list .product__inf {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.product.card--list .product__title {
  max-width: 20.8333333333vw;
}
.product.card--list .product__props {
  display: block;
}
.product.product--favor {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100% !important;
}
.product.product--favor + .product.product--favor {
  margin-top: 1.25vw;
}
.product.product--favor .product__info {
  padding: 1.9791666667vw;
}
.product.product--favor .product__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.0416666667vw;
}
.product.product--favor .product__photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 12.5vw;
  height: 12.5vw;
  padding-bottom: 0;
}
.product.product--favor .product__title {
  font-size: 1.1458333333vw;
}
.product.product--favor .product__art {
  margin-top: 0.8333333333vw;
}
.product.product--favor .product__bottom {
  width: 100%;
  padding-top: 0.8333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.5625vw;
}
.product.product--favor .product__buttons {
  margin-top: 0;
  width: 100%;
  max-width: 14.0625vw;
}
@media (max-width: 1023.98px) {
  .catalog__carousel .product {
    height: 100%;
  }
  .catalog__items .product {
    width: calc((100% - 40px) / 3);
  }
  .product::after {
    border-radius: 20px;
  }
  .product__photo {
    border-radius: 20px;
  }
  .product__stickers {
    top: 10px;
    left: 10px;
  }
  .product__action {
    top: 10px;
    right: 10px;
  }
  .product__info {
    padding: 15px 15px 15px;
  }
  .product__title {
    font-size: 16px;
    min-height: 5px;
    padding-right: 0;
  }
  .product__props {
    margin-top: 20px;
  }
  .product__prop {
    gap: 12px;
    font-size: 12px;
  }
  .product__prop + .product__prop {
    margin-top: 6px;
  }
  .product__bottom {
    padding-top: 10px;
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product__inf {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
  }
  .product__art {
    font-size: 10px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .product__stock {
    white-space: nowrap;
    font-size: 12px;
    gap: 7px;
  }
  .product__stock::before {
    margin: 2px 4px 0;
    width: 4px;
    height: 4px;
  }
  .product__buttons {
    margin-top: auto;
    padding-top: 15px;
  }
  .product__buttons .btn {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }
  .product__mlink {
    font-size: 14px;
  }
  .product.card--list .product__info {
    padding: 20px;
  }
  .product.card--list .product__photo {
    width: 180px;
    height: 180px;
  }
  .product.card--list .product__bottom {
    padding: 0 0 0 20px;
    width: 200px;
  }
  .product.card--list .product__title {
    max-width: 240px;
  }
  .product.product--favor + .product.product--favor {
    margin-top: 20px;
  }
  .product.product--favor .product__info {
    padding: 20px;
  }
  .product.product--favor .product__top {
    gap: 20px;
  }
  .product.product--favor .product__photo {
    width: 180px;
    height: 180px;
    height: auto;
    min-height: 180px;
  }
  .product.product--favor .product__title {
    font-size: 16px;
  }
  .product.product--favor .product__art {
    margin-top: 12px;
  }
  .product.product--favor .product__bottom {
    padding-top: 15px;
    gap: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product.product--favor .product__buttons {
    max-width: 200px;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .catalog__items .product {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 609.98px) {
  .catalog__items .product {
    width: calc((100% - 10px) / 2);
  }
  .product__stock {
    font-size: 10px;
    gap: 3px;
  }
  .product__props {
    margin-top: 0;
  }
  .product__prop {
    gap: 8px;
    font-size: 10px;
  }
  .product__prop + .product__prop {
    margin-top: 4px;
  }
  .product.card--list .product__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product.card--list .product__inf {
    gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .product.card--list .product__photo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 160px;
    height: 160px;
  }
  .product.card--list .product__bottom {
    padding: 20px 0 0 0;
    width: 100%;
    margin-top: auto;
  }
  .product.card--list .product__title {
    font-size: 14px;
    max-width: 100%;
  }
  .product.product--favor {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc((100% - 10px) / 2) !important;
    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;
  }
  .product.product--favor + .product.product--favor {
    margin-top: 0;
  }
  .product.product--favor .product__info {
    padding: 10px;
  }
  .product.product--favor .product__top {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product.product--favor .product__photo {
    width: 100%;
    height: auto;
    padding-bottom: 100%;
  }
  .product.product--favor .product__title {
    font-size: 12px;
  }
  .product.product--favor .product__art {
    margin-top: 5px;
  }
  .product.product--favor .product__bottom {
    padding-top: 15px;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .product.product--favor .product__buttons {
    max-width: 200px;
    padding-top: 10px;
  }
  .product.product--favor .product__mlink {
    font-size: 12px;
  }
}
@media (max-width: 478.98px) {
  .product::after {
    display: none;
  }
  .product__info {
    padding: 8px 0 0;
    word-break: break-all;
  }
  .product__title {
    min-height: 1px;
    font-size: 13px;
  }
  .product__bottom {
    padding-top: 5px;
  }
  .product__inf {
    gap: 10px;
  }
  .product__buttons .btn {
    height: 35px;
    font-size: 12px;
  }
  .product .counter__button {
    width: 35px;
    height: 35px;
  }
  .product .counter__value {
    font-size: 13px;
  }
  .product.card--list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product.card--list::after {
    display: block;
  }
  .product.card--list .product__info {
    padding: 15px;
  }
  .product.card--list .product__photo {
    width: 100%;
    height: auto;
    padding-bottom: 100%;
  }
  .product.card--list .product__title {
    font-size: 16px;
  }
  .product.card--list .product__props {
    margin-top: 10px;
  }
  .product.card--list .product__prop {
    font-size: 12px;
  }
  .product.card--list .product__bottom {
    padding-top: 13px;
  }
  .product.card--list .product__buttons .btn {
    height: 45px;
    font-size: 12px;
  }
  .product.card--list .product__buttons .counter__button {
    width: 45px;
    height: 45px;
  }
}
.stickers__items {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.3645833333vw;
}
.stickers__item {
  backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  height: 1.875vw;
  padding: 0 0.8333333333vw 0.15625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125vw;
  font-size: 0.8333333333vw;
  font-weight: 500;
  line-height: 1.1;
}
.stickers__item.item--hit::before {
  margin-top: 0.15625vw;
  width: 0.625vw;
  height: 0.7291666667vw;
  background: url(../images/icons/sticker-hit.svg) no-repeat center;
  background-size: 100%;
  content: "";
}
@media (max-width: 1023.98px) {
  .stickers__item {
    height: 25px;
    padding: 0 12px 1px;
    gap: 4px;
    font-size: 12px;
  }
  .stickers__item.item--hit::before {
    width: 10px;
    height: 12px;
  }
}
@media (max-width: 609.98px) {
  .stickers__item {
    height: 20px;
    padding: 0 10px 1px;
    gap: 4px;
    font-size: 10px;
  }
  .stickers__item.item--hit::before {
    width: 8px;
    height: 10px;
  }
}

.like_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3645833333vw;
}

@media (hover: hover) {
  .product:hover .like_icons > * {
    opacity: 1;
    visibility: visible;
  }
  .basket__item:hover .like_icons > * {
    opacity: 1;
    visibility: visible;
  }
}
.wish_item_button {
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  background: #fff;
  border-radius: 100%;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  outline: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.wish_item_button .wish_item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wish_item_button .wish_item::before, .wish_item_button .wish_item::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
  content: "";
}
.wish_item_button .wish_item::after {
  background-image: url(../images/icons/heart-hover.svg);
  opacity: 0;
  z-index: 2;
}
@media (hover: hover) {
  .wish_item_button .wish_item:hover::before {
    opacity: 0;
  }
  .wish_item_button .wish_item:hover::after {
    opacity: 1;
  }
}
.wish_item_button .wish_item.to::before {
  background-image: url(../images/icons/heart.svg);
}
.wish_item_button .wish_item.in {
  display: none;
}
.wish_item_button .wish_item.in::before {
  background-image: url(../images/icons/heart-active.svg);
}
.wish_item_button.added {
  opacity: 1;
}
.wish_item_button.added .wish_item.to {
  display: none;
}
.wish_item_button.added .wish_item.in {
  display: block;
}
@media (max-width: 1023.98px) {
  .wish_item_button {
    opacity: 1;
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 609.98px) {
  .wish_item_button {
    width: 30px;
    height: 30px;
  }
}

.notice_addcart {
  position: fixed;
  top: 5.7291666667vw;
  left: 100%;
  z-index: 99;
}
.notice_addcart__item {
  border-radius: 1.3020833333vw;
  background: url(../images/bg/notice.jpg);
  background-size: cover;
  padding: 0.46875vw 1.8229166667vw 0.46875vw 0.46875vw;
  width: 18.4895833333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8854166667vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  line-height: 1.07;
  font-size: 0.8333333333vw;
  position: relative;
}
.notice_addcart__item.opened {
  -webkit-transform: translateX(calc(-100% - 9.375vw));
      -ms-transform: translateX(calc(-100% - 9.375vw));
          transform: translateX(calc(-100% - 9.375vw));
}
.notice_addcart__close {
  position: absolute;
  right: 0.9375vw;
  top: 0.9375vw;
  width: 0.5208333333vw;
  height: 0.5208333333vw;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  z-index: 99;
}
.notice_addcart__close .icon {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .notice_addcart__close:hover {
    color: #fff;
  }
}
.notice_addcart__t {
  font-weight: 600;
  margin-bottom: auto;
}
.notice_addcart__photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 5.7291666667vw;
  height: 5.7291666667vw;
  position: relative;
  border-radius: 0.8333333333vw;
  background: #9FADC7;
}
.notice_addcart__info {
  padding: 0.46875vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.notice_addcart__tlink {
  margin-top: 1.25vw;
  line-height: 1.2;
  font-weight: 500;
  font-size: 0.7291666667vw;
  text-decoration: underline;
  text-underline-offset: 0.2604166667vw;
}
.notice_addcart__golink {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023.98px) {
  .notice_addcart {
    top: 80px;
  }
  .notice_addcart__item {
    border-radius: 15px;
    padding: 8px 20px 8px 8px;
    width: 320px;
    gap: 12px;
    font-size: 12px;
  }
  .notice_addcart__item.opened {
    -webkit-transform: translateX(calc(-100% - (var(--w) - 710px) / 2));
        -ms-transform: translateX(calc(-100% - (var(--w) - 710px) / 2));
            transform: translateX(calc(-100% - (var(--w) - 710px) / 2));
  }
  .notice_addcart__close {
    right: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
  }
  .notice_addcart__photo {
    width: 80px;
    height: 80px;
    border-radius: 10px;
  }
  .notice_addcart__info {
    padding: 5px 0;
  }
  .notice_addcart__tlink {
    margin-top: 15px;
    font-size: 12px;
    text-underline-offset: 3px;
  }
}
@media (max-width: 609.98px) {
  .notice_addcart {
    top: 60px;
  }
  .notice_addcart__item {
    width: 300px;
  }
  .notice_addcart__item.opened {
    -webkit-transform: translateX(calc(-100% - 16px));
        -ms-transform: translateX(calc(-100% - 16px));
            transform: translateX(calc(-100% - 16px));
  }
}

.sdisplay {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ADBAD4;
}
.sdisplay__btn {
  background: none;
  border: none;
  border-radius: 100%;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  cursor: pointer;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .sdisplay__btn:hover {
    background: #BAC7E1;
  }
}
.sdisplay__btn.active {
  cursor: default;
  color: #D2040F;
  background: #fff;
  pointer-events: none;
}
.sdisplay__btn .icon {
  width: 50%;
  height: 50%;
  -webkit-transition: initial;
  transition: initial;
}
@media (max-width: 1023.98px) {
  .sdisplay__btn {
    width: 35px;
    height: 35px;
  }
}
/**************************************************************

**************************************************************/
.popular:not(.sbg) {
  background: url(../images/bg/project.jpg) no-repeat center;
  background-size: cover;
}
.sbg .popular {
  background: none;
}

/**************************************************************

**************************************************************/
.bempty {
  border-radius: 3.6458333333vw;
  padding: 3.6458333333vw;
  position: relative;
  background: url(../images/bg/bempty-illustr.svg) no-repeat top right;
  background-size: 20.3125vw;
  background-color: #8B97B2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.5625vw;
}
.bempty.bg--light {
  background-color: #9FADC7;
}
.bempty__left {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  min-width: 1px;
}
.bempty__title {
  line-height: 1;
  font-weight: 600;
  font-size: 2.5vw;
}
.bempty__intro {
  margin-top: 0.8333333333vw;
  font-size: 1.1458333333vw;
  line-height: 1.5;
}
.bempty__buttons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 1023.98px) {
  .bempty {
    border-radius: 30px;
    padding: 30px;
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .bempty__title {
    font-size: 30px;
  }
  .bempty__intro {
    font-size: 14px;
    margin-top: 10px;
  }
}
@media (max-width: 609.98px) {
  .bempty {
    border-radius: 20px;
    padding: 20px;
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-size: 150px;
  }
  .bempty__title {
    font-size: 30px;
  }
  .bempty__title * {
    white-space: initial;
  }
  .bempty__intro {
    font-size: 14px;
    margin-top: 10px;
  }
}

/**************************************************************

**************************************************************/
.contacts__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2fr;
  grid-template-columns: 1fr 2fr;
  grid-gap: 1.5625vw;
}
.contacts__icol {
  -ms-grid-row-span: 2;
  grid-row: span 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5625vw;
}
.contacts__item {
  padding: 2.34375vw 2.0833333333vw 2.0833333333vw;
  position: relative;
  z-index: 2;
  min-height: 22.65625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contacts__item::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  border-radius: 2.0833333333vw;
  background: #8B97B2;
  z-index: -1;
  content: "";
}
.contacts__item.item--hall {
  height: 100%;
  z-index: 1;
}
.contacts__item.item--hall::after {
  top: -6.25vw;
}
.contacts__item.bg--light::after {
  background: #9FADC7;
}
.contacts__item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.78125vw;
  margin-bottom: 2.0833333333vw;
}
.contacts__item-title {
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 1;
  margin-top: -0.2604166667vw;
}
.contacts__item-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  background: #9FADC7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bg--light .contacts__item-icon {
  background: #8B97B2;
}
.contacts__item-icon.bg--red {
  background: #D2040F;
}
.contacts__item-icon img {
  width: 48%;
}
.contacts__item-bottom {
  margin-top: auto;
}
.contacts__item-ti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
  margin-bottom: 1.25vw;
}
.contacts__item-label {
  margin-bottom: 0.625vw;
  font-size: 0.8333333333vw;
}
.contacts__item-label:last-child {
  margin-bottom: 0;
  margin-top: 0.5208333333vw;
}
.contacts__item-ti .contacts__item-label {
  margin-bottom: 0.1041666667vw;
}
.contacts__item-time {
  font-weight: 600;
}
.contacts__item-time.fs--lg {
  line-height: 1.2;
  font-size: 2.1875vw;
}
.contacts__item-btime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.contacts__item-icontime {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.90625vw;
  height: 3.90625vw;
  border: 0.2083333333vw solid #BAC7E1;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contacts__item-icontime img {
  width: 55%;
}
.contacts__item-name {
  font-weight: 600;
  font-size: 1.5625vw;
  line-height: 1.2;
  margin-top: -0.15625vw;
}
.contacts__item-addr {
  font-size: 1.1458333333vw;
  line-height: 1.2;
  font-weight: 500;
}
.contacts__item-buttons {
  margin-top: 1.5625vw;
}
.contacts__item-cols {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.3fr 1fr;
  grid-template-columns: 1.3fr 1fr;
  gap: 1.5625vw;
}
.contacts__item-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contacts__item-box + .contacts__item-box {
  margin-top: 2.0833333333vw;
}
.contacts__item-rekv {
  margin-top: 4.1666666667vw;
}
.contacts__item-rekv__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8333333333vw;
}
.contacts__item-rekv__row + .contacts__item-rekv__row {
  margin-top: 8px;
}
.contacts__item-rekv__name {
  font-weight: 600;
}
.contacts__item-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625vw;
}
.contacts__item-contact + .contacts__item-contact {
  margin-top: 2.34375vw;
}
.contacts__item-contact__inf {
  -webkit-transform: translateY(-0.2604166667vw);
      -ms-transform: translateY(-0.2604166667vw);
          transform: translateY(-0.2604166667vw);
}
.contacts__item-contact__val {
  font-size: 1.875vw;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
}
.contacts__item-contact__val:after {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-bottom: 2px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  content: "";
}
@media (hover: hover) {
  .contacts__item-contact__val:hover::after {
    opacity: 1;
  }
}
.contacts__item-contact__label {
  margin-top: 0.4166666667vw;
}
@media (max-width: 1023.98px) {
  .contacts__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
  .contacts__icol {
    grid-row: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
  }
  .contacts__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    padding: 30px 25px 25px;
    min-height: 300px;
  }
  .contacts__item::after {
    border-radius: 20px;
  }
  .contacts__item.item--hall {
    height: 100%;
    z-index: 1;
  }
  .contacts__item.item--hall::after {
    top: 0;
    left: -100px;
  }
  .contacts__item-head {
    gap: 15px;
    margin-bottom: 35px;
  }
  .contacts__item-title {
    font-size: 24px;
    margin-top: -2px;
  }
  .contacts__item-icon {
    width: 35px;
    height: 35px;
  }
  .contacts__item-ti {
    gap: 15px;
    margin-bottom: 15px;
  }
  .contacts__item-label {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .contacts__item-label:last-child {
    margin-top: 8px;
  }
  .contacts__item-ti .contacts__item-label {
    margin-bottom: 2px;
  }
  .contacts__item-time.fs--lg {
    font-size: 26px;
  }
  .contacts__item-icontime {
    width: 40px;
    height: 40px;
    border-width: 2px;
  }
  .contacts__item-name {
    font-size: 16px;
    margin-top: -2px;
  }
  .contacts__item-addr {
    font-size: 14px;
  }
  .contacts__item-buttons {
    margin-top: 30px;
  }
  .contacts__item-cols {
    gap: 20px;
  }
  .contacts__item-box + .contacts__item-box {
    margin-top: 25px;
  }
  .contacts__item-rekv {
    margin-top: 40px;
    font-size: 14px;
  }
  .contacts__item-rekv__row {
    gap: 12px;
  }
  .contacts__item-rekv__row + .contacts__item-rekv__row {
    margin-top: 5px;
  }
  .contacts__item-contact {
    gap: 15px;
  }
  .contacts__item-contact + .contacts__item-contact {
    margin-top: 20px;
  }
  .contacts__item-contact__inf {
    -webkit-transform: translateY(-0.2604166667vw);
        -ms-transform: translateY(-0.2604166667vw);
            transform: translateY(-0.2604166667vw);
  }
  .contacts__item-contact__val {
    font-size: 20px;
  }
  .contacts__item-contact__label {
    margin-top: 3px;
    font-size: 12px;
  }
}
@media (max-width: 609.98px) {
  .contacts__icol {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .contacts__item {
    padding: 25px 20px 20px;
    min-height: 250px;
  }
  .contacts__item.item--hall::after {
    top: -100px;
    left: 0;
  }
  .contacts__item-head {
    margin-bottom: 25px;
  }
  .contacts__item-bottom {
    padding-top: 20px;
  }
  .contacts__item-cols {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 60px;
  }
  .contacts__item-buttons {
    margin-top: 20px;
  }
  .contacts__item-rekv {
    margin-top: 10px;
  }
}

/**************************************************************

**************************************************************/
.insta {
  background: url(../images/bg/insta.jpg) no-repeat top center;
  background-size: cover;
}
.insta__inner {
  max-width: 38.0208333333vw;
}
.insta__bottom {
  margin-top: 4.5833333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 8.2291666667vw;
  padding: 1.5625vw 0;
  border-radius: 7.8125vw;
  backdrop-filter: blur(20px);
  background: rgba(164, 177, 203, 0.5);
  overflow: hidden;
}
.insta__btitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.34375vw;
  width: 35.4166666667vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 1;
  font-weight: 600;
  font-size: 1.6666666667vw;
  padding-bottom: 0.2604166667vw;
}
.insta__btitle::before {
  margin-top: 0.2604166667vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 5.9895833333vw;
  border-bottom: 1px solid #fff;
  content: "";
}
.insta__list {
  padding-right: 20px;
}
.insta__list-item {
  background: #fff;
  border-radius: 100px;
  height: 2.9166666667vw;
  width: auto;
  padding: 0 1.4583333333vw 0.15625vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.7291666667vw;
  font-weight: 500;
  color: #000;
  white-space: nowrap;
}
.Safari .insta__list-item {
  padding-bottom: 0;
}
.insta__list-item::before {
  margin-top: 0.15625vw;
  width: 0.8854166667vw;
  height: 0.3645833333vw;
  background: url(../images/icons/dott-tt-red.svg) no-repeat center;
  background-size: 100%;
  content: "";
}
.Safari .insta__list-item::before {
  margin-top: 0;
}
@media (max-width: 1023.98px) {
  .insta__inner {
    max-width: 400px;
  }
  .insta__bottom {
    display: block;
    padding: 20px 30px;
    gap: 15px;
    border-radius: 40px;
  }
  .insta__btitle {
    width: 100%;
    font-size: 18px;
    padding-bottom: 0.2604166667vw;
  }
  .insta__btitle::before {
    display: none;
  }
  .insta__list {
    margin-top: 15px;
    overflow: initial;
  }
  .insta__list-item {
    height: 30px;
    padding: 0 15px;
    gap: 8px;
    font-size: 12px;
  }
  .insta__list-item::before {
    margin-top: 0;
    width: 12px;
    height: 7px;
  }
}
@media (max-width: 609.98px) {
  .insta {
    background: url(../images/bg/insta-m.jpg) no-repeat bottom center;
    padding-bottom: 60px;
  }
  .insta__bottom {
    border-radius: 20px;
    padding: 15px;
    gap: 15px;
    margin-top: 130px;
  }
  .insta__list-item {
    height: 30px;
    padding: 0 15px 2px;
    gap: 8px;
    font-size: 12px;
  }
  .insta__list-item::before {
    margin-top: 2px;
    width: 12px;
    height: 7px;
  }
}

/**************************************************************

**************************************************************/
.hotline {
  background: url(../images/bg/hotline.jpg) no-repeat bottom center;
  background-size: cover;
}
.hotline__form {
  margin-left: auto;
  max-width: 50.5208333333vw;
}
.hotline__inputs {
  -ms-grid-columns: 1.08fr 1fr;
  grid-template-columns: 1.08fr 1fr;
}
.hotline__buttons {
  margin-top: 3.90625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.78125vw;
}
.hotline__buttons-right {
  text-align: right;
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.hotline__buttons-tt {
  line-height: 1;
  font-weight: 500;
  font-size: 1.25vw;
}
@media (max-width: 1023.98px) {
  .hotline {
    padding-bottom: 150px;
    background-image: url(../images/bg/hotline-t.jpg);
  }
  .hotline__form {
    max-width: 100%;
  }
  .hotline__buttons {
    margin-top: 50px;
  }
  .hotline__buttons-tt {
    font-size: 16px;
  }
}
@media (max-width: 609.98px) {
  .hotline {
    padding-bottom: 190px;
  }
  .hotline__inputs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 12px;
  }
  .hotline__buttons {
    margin-top: 30px;
    -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;
    gap: 0;
  }
  .hotline__buttons-right {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .hotline__buttons-tt {
    font-size: 16px;
    line-height: 1.15;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin-top: 40px;
    margin-left: auto;
  }
}

/**************************************************************

**************************************************************/
.write__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.34375vw;
}
.write__items {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  max-height: 39.375vw;
  overflow: hidden;
}
.write__items.mCustomScrollbar::after {
  width: 100%;
  height: 6.25vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(147, 161, 187, 0)), to(#93a1bb));
  background: linear-gradient(180deg, rgba(147, 161, 187, 0) 0%, #93a1bb 100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.write__items.mCustomScrollbar.scroll-end::after {
  opacity: 0;
  visibility: hidden;
}
.write__item {
  border-radius: 3.6458333333vw;
  padding: 1.5625vw 2.0833333333vw 1.5625vw 1.5625vw;
  background: #adbad4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.0833333333vw;
  margin-bottom: 1.25vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media (hover: hover) {
  .write__item:hover {
    background: #BAC7E1;
  }
}
.write__item.active {
  display: none;
}
.write__item-photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 2.0833333333vw;
  width: 9.1666666667vw;
  height: 9.1666666667vw;
  position: relative;
  overflow: hidden;
}
.write__item-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.write__item-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.write__item-name {
  line-height: 1.07;
  font-weight: 600;
  font-size: 1.6666666667vw;
}
.write__item-post {
  max-width: 11.71875vw;
  margin-top: 0.625vw;
  font-size: 0.8333333333vw;
  opacity: 0.8;
}
.write__item-buttons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.write__card {
  position: relative;
  width: 31.7708333333vw;
  background: url(../images/bg/write-card.jpg) no-repeat;
  background-size: cover;
  padding: 2.0833333333vw;
  border-radius: 3.6458333333vw;
}
.write__card::before {
  position: absolute;
  top: 2.0833333333vw;
  left: 2.0833333333vw;
  width: 1.7708333333vw;
  height: 15px;
  background: url(../images/icons/dott-tt-gray.svg) no-repeat top center;
  background-size: 100%;
  content: "";
}
.write__card-inner {
  height: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.write__card-photo {
  margin-left: auto;
  border-radius: 1.5625vw;
  width: 11.6145833333vw;
  height: 11.1979166667vw;
  position: relative;
  overflow: hidden;
}
.write__card-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.write__card-info {
  margin-top: -1.1458333333vw;
}
.write__card-name {
  max-width: 15.625vw;
  font-weight: 600;
  font-size: 2.5vw;
  line-height: 1;
}
.write__card-post {
  opacity: 0.5;
  margin-top: 0.5208333333vw;
}
.write__card-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.write__card-text {
  margin-top: 2.0833333333vw;
  font-size: 1.1458333333vw;
  line-height: 1.5;
}
.write__card-contacts {
  margin-top: auto;
  padding-top: 1.5625vw;
}
.write__card-ctt {
  margin-bottom: 1.25vw;
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 1.07;
}
.write__card-citems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.78125vw;
}
.write__card-citem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  font-weight: 500;
  line-height: 1.1;
  color: #000;
  padding: 0.4166666667vw 1.25vw 0.4166666667vw 0.4166666667vw;
  background: #fff;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.write__card-citem__icon {
  background: #D2040F;
  border-radius: 100%;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.write__card-citem__icon img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 57%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.write__card-citem__icon .icon-hover {
  opacity: 0;
}
@media (hover: hover) {
  .write__card-citem:hover {
    color: #fff;
    background: #D2040F;
  }
  .write__card-citem:hover .write__card-citem__icon {
    background: #fff;
  }
  .write__card-citem:hover .write__card-citem__icon img {
    opacity: 0;
  }
  .write__card-citem:hover .write__card-citem__icon .icon-hover {
    opacity: 1;
  }
}
@media (max-width: 1023.98px) {
  .write__cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
  .write__items {
    max-height: 310px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .write__item {
    border-radius: 30px;
    padding: 15px 25px 15px 15px;
    gap: 20px;
    margin-bottom: 10px;
  }
  .write__item-photo {
    border-radius: 20px;
    width: 120px;
    height: 120px;
  }
  .write__item-name {
    font-size: 22px;
  }
  .write__item-post {
    max-width: 150px;
    margin-top: 8px;
    font-size: 12px;
  }
  .write__card {
    width: 100%;
    padding: 30px;
    border-radius: 30px;
  }
  .write__card::before {
    top: 30px;
    left: 30px;
    width: 17px;
    height: 7px;
  }
  .write__card-photo {
    border-radius: 20px;
    width: 170px;
    height: 170px;
  }
  .write__card-info {
    margin-top: -10px;
  }
  .write__card-name {
    max-width: 370px;
    font-size: 24px;
  }
  .write__card-post {
    margin-top: 10px;
  }
  .write__card-text {
    margin-top: 30px;
    font-size: 16px;
    max-width: 600px;
  }
  .write__card-contacts {
    margin-top: auto;
    padding-top: 30px;
  }
  .write__card-ctt {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .write__card-citems {
    gap: 15px;
  }
  .write__card-citem {
    gap: 10px;
    padding: 6px 20px 6px 6px;
  }
  .write__card-citem__icon {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 1023.98px) {
  .write__cols {
    gap: 30px;
  }
  .write__items {
    max-height: 290px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .write__item {
    border-radius: 20px;
    padding: 15px 25px 15px 15px;
    gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .write__item:last-child {
    margin-bottom: 0;
  }
  .write__item-photo {
    border-radius: 15px;
    width: 110px;
    height: 110px;
  }
  .write__item-name {
    font-size: 18px;
  }
  .write__item-post {
    font-size: 11px;
  }
  .write__item-buttons .btn {
    width: 100%;
    height: 40px;
    font-size: 14px;
  }
  .write__card {
    padding: 15px;
    border-radius: 20px;
  }
  .write__card::before {
    top: 20px;
    left: auto;
    right: 20px;
    width: 17px;
    height: 7px;
  }
  .write__card-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0 30px;
  }
  .write__card-top {
    width: 30%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .write__card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .write__card-photo {
    margin-left: 0;
    border-radius: 15px;
    width: 120px;
    height: 120px;
  }
  .write__card-info {
    margin-top: 10px;
  }
  .write__card-name {
    font-size: 20px;
  }
  .write__card-post {
    font-size: 12px;
  }
  .write__card-text {
    margin-top: 0;
    padding-right: 30px;
    font-size: 14px;
  }
  .write__card-contacts {
    margin-top: auto;
    padding-top: 30px;
  }
  .write__card-ctt {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .write__card-citems {
    gap: 7px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .write__card-citem {
    gap: 5px;
    padding: 4px 15px 4px 4px;
    font-size: 12px;
  }
  .write__card-citem__icon {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 609.98px) {
  .write__items {
    max-height: 350px;
  }
  .write__item {
    padding: 15px;
  }
  .write__item-buttons {
    width: 100%;
  }
  .write__card-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .write__card-top {
    width: 100%;
  }
  .write__card-text {
    padding-right: 0;
    margin-top: 20px;
  }
}

/**************************************************************

**************************************************************/
.delivery__inner {
  border-radius: 3.6458333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #8B97B2;
}
.delivery__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 2.6041666667vw;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.delivery__item.item--bg::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -9.375vw;
  background: #9fadc7;
  border-radius: 3.6458333333vw;
  z-index: -1;
  content: "";
}
.delivery__item-title {
  line-height: 1;
  font-size: 2.5vw;
  font-weight: 600;
}
.delivery__item-title.fs--md {
  font-size: 1.875vw;
  line-height: 1.2;
}
.delivery__item-bottom {
  padding-top: 1.5625vw;
  margin-top: auto;
}
.delivery__item-box + .delivery__item-box {
  margin-top: 2.6041666667vw;
}
.delivery__item-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  background: #D2040F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bg--light .delivery__item-icon {
  background: #8B97B2;
}
.delivery__item-icon.bg--red {
  background: #D2040F;
}
.delivery__item-icon img {
  width: 48%;
}
.delivery__item-ti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
  margin-bottom: 1.1458333333vw;
}
.delivery__item-label {
  margin-bottom: 0.4166666667vw;
  font-size: 0.8333333333vw;
}
.delivery__item-ti .delivery__item-label {
  margin-bottom: 0.1041666667vw;
}
.delivery__item-time {
  font-weight: 600;
}
.delivery__item-addr {
  font-size: 1.1458333333vw;
  line-height: 1.2;
  font-weight: 500;
}
.delivery__item-icontime {
  margin-bottom: 1.5625vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.90625vw;
  height: 3.90625vw;
  border: 0.2083333333vw solid #BAC7E1;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.delivery__item-icontime img {
  width: 55%;
}
.delivery__item-text {
  font-size: 1.3541666667vw;
  font-weight: 600;
  line-height: 1.2;
}
.delivery__photo {
  margin-left: 3.125vw;
  position: relative;
  overflow: hidden;
  z-index: 5;
  width: 26.9270833333vw;
  border-radius: 3.6458333333vw;
  padding-bottom: 44%;
}
.delivery__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1023.98px) {
  .delivery__inner {
    border-radius: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .delivery__item {
    padding: 30px;
  }
  .delivery__item.item--bg::after {
    right: 0;
    border-radius: 30px;
  }
  .delivery__item-title {
    font-size: 24px;
  }
  .delivery__item-title.fs--md {
    font-size: 18px;
  }
  .delivery__item-bottom {
    padding-top: 40px;
  }
  .delivery__item-box + .delivery__item-box {
    margin-top: 30px;
  }
  .delivery__item-icon {
    width: 35px;
    height: 35px;
  }
  .delivery__item-ti {
    gap: 15px;
    margin-bottom: 15px;
  }
  .delivery__item-label {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .delivery__item-ti .delivery__item-label {
    margin-bottom: 2px;
  }
  .delivery__item-time.fs--lg {
    font-size: 26px;
  }
  .delivery__item-icontime {
    width: 40px;
    height: 40px;
    border-width: 2px;
  }
  .delivery__item-addr {
    font-size: 14px;
  }
  .delivery__item-text {
    font-size: 14px;
  }
  .delivery__photo {
    margin-left: 0;
    width: 100%;
    border-radius: 30px;
    display: none;
  }
}
@media (max-width: 609.98px) {
  .delivery__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 20px;
  }
  .delivery__item {
    padding: 20px;
  }
  .delivery__item.item--bg::after {
    border-radius: 20px;
  }
}

/**************************************************************

**************************************************************/
.payment__topitem {
  margin-bottom: 2.34375vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payment__cols {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 23.75vw 1fr;
  grid-template-columns: 23.75vw 1fr;
  grid-gap: 1.5625vw;
}
.payment__items {
  background: #9fadc7;
  border-radius: 2.0833333333vw;
}
.payment__item {
  padding: 2.0833333333vw;
  border-radius: 2.0833333333vw;
  background: #9fadc7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.payment__item.bg--dark {
  background: #8B97B2;
}
.payment__item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.78125vw;
  margin-bottom: 2.34375vw;
}
.payment__item-title {
  font-size: 2.5vw;
  line-height: 1;
  font-weight: 600;
  margin-top: -0.15625vw;
}
.payment__item-iconbd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.90625vw;
  height: 3.90625vw;
  border: 0.2083333333vw solid #BAC7E1;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.payment__item-iconbd img {
  width: 55%;
}
.payment__item-text {
  font-size: 1.25vw;
  line-height: 1.2;
}
.payment__item-text b {
  font-weight: 600;
}
.payment__item-list {
  margin-top: 0.8333333333vw;
}
.payment__item-list li {
  letter-spacing: -0.02em;
  position: relative;
  padding-left: 1.25vw;
}
.payment__item-list li + li {
  margin-top: 0.4166666667vw;
}
.payment__item-list li::before {
  position: absolute;
  left: 0;
  top: 0.5729166667vw;
  width: 0.4166666667vw;
  height: 0.4166666667vw;
  background: #8B97B2;
  border-radius: 100%;
  content: "";
}
.payment__item-titems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.34375vw;
  padding-left: 2.0833333333vw;
}
.payment__item-ti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625vw;
}
.payment__item-ti__title {
  font-size: 1.875vw;
  font-weight: 500;
  line-height: 1;
}
.payment__item-ti__text {
  margin-top: 0.625vw;
  line-height: 1.5;
}
.payment__item-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  background: #D2040F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bg--light .payment__item-icon {
  background: #8B97B2;
}
.payment__item-icon.bg--red {
  background: #D2040F;
}
.payment__item-icon img {
  width: 48%;
}
.payment__item-bottom {
  margin-top: auto;
  padding-top: 3.90625vw;
}
.payment__item-cols {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 3.90625vw 2.6041666667vw;
}
.payment__item-name {
  font-weight: 600;
  font-size: 1.5625vw;
  line-height: 1.2;
  margin-top: -0.15625vw;
}
.payment__item-icon + .payment__item-name {
  margin-top: 1.0416666667vw;
}
.payment__item-rs {
  margin-bottom: 2.34375vw;
  font-size: 1.25vw;
  letter-spacing: 0.02em;
  font-weight: 600;
}
.payment__item-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5208333333vw 1.0416666667vw;
}
.payment__item-rekv__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8333333333vw;
}
.payment__item-rekv__row + .payment__item-rekv__row {
  margin-top: 8px;
}
.payment__item-rekv__name {
  font-weight: 600;
}
.payment__account {
  letter-spacing: -0.01em;
  font-weight: 500;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.78125vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .payment__account:hover {
    font-weight: 600;
  }
}
.payment__account-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  background: #adbad4;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bg-dark .payment__account-icon {
  background: #9fadc7;
}
.payment__account-val {
  padding-bottom: 0.1041666667vw;
}
@media (max-width: 1023.98px) {
  .payment__topitem {
    margin-bottom: 40px;
    padding: 0 30px;
  }
  .payment__cols {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .payment__items {
    border-radius: 30px;
  }
  .payment__item {
    padding: 30px;
    border-radius: 30px;
  }
  .payment__item-head {
    gap: 10px;
    margin-bottom: 30px;
  }
  .payment__item-title {
    font-size: 24px;
  }
  .payment__item-iconbd {
    width: 40px;
    height: 40px;
    border-width: 2px;
  }
  .payment__item-text {
    font-size: 16px;
    max-width: 550px;
  }
  .payment__item-list {
    margin-top: 12px;
  }
  .payment__item-list li {
    padding-left: 18px;
  }
  .payment__item-list li + li {
    margin-top: 6px;
  }
  .payment__item-list li::before {
    top: 10px;
    width: 6px;
    height: 6px;
  }
  .payment__item-titems {
    gap: 20px 30px;
    padding-left: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .payment__item-ti {
    gap: 15px;
  }
  .payment__item-ti__title {
    font-size: 18px;
  }
  .payment__item-ti__text {
    margin-top: 6px;
    font-size: 14px;
  }
  .payment__item-icon {
    width: 35px;
    height: 35px;
  }
  .payment__item-bottom {
    padding-top: 40px;
  }
  .payment__item-cols {
    grid-gap: 30px 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .payment__item-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .payment__item-name {
    font-size: 16px;
    margin-top: -2px;
  }
  .payment__item-icon + .payment__item-name {
    margin-top: 0;
  }
  .payment__item-rs {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .payment__item-items {
    grid-gap: 10px 20px;
  }
  .payment__item-rekv {
    font-size: 14px;
  }
  .payment__item-rekv__row {
    gap: 12px;
  }
  .payment__item-rekv__row + .payment__item-rekv__row {
    margin-top: 5px;
  }
  .payment__item-buttons {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .payment__account {
    gap: 10px;
  }
  .payment__account-icon {
    width: 20px;
    height: 20px;
  }
  .payment__account-val {
    padding-bottom: 1px;
  }
}
@media (max-width: 767.98px) {
  .payment__item-items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 609.98px) {
  .payment__topitem {
    margin-bottom: 30px;
    padding: 0;
  }
  .payment__cols {
    grid-gap: 20px;
  }
  .payment__item {
    border-radius: 20px;
    padding: 20px;
  }
}

/**************************************************************

**************************************************************/
.faq__nav {
  margin-bottom: 2.0833333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5625vw;
}
.faq__nav-btn {
  height: 3.4375vw;
  padding: 0 2.1875vw 0.2604166667vw;
  border: none;
  border-radius: 100px;
  background: #ADBAD4;
  font-family: "Atyp Text", sans-serif;
  font-size: 1.25vw;
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.2604166667vw;
  text-decoration-thickness: 1px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Safari .faq__nav-btn {
  padding-bottom: 0;
}
@media (hover: hover) {
  .faq__nav-btn:hover {
    background: #EB1520;
    text-decoration: none;
  }
}
.faq__nav-btn.active {
  color: #D2040F;
  background: #fff;
  text-decoration: none;
  pointer-events: none;
}
.faq__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.9583333333vw;
}
.faq__photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 39.0625vw;
  height: 32.3958333333vw;
  border-radius: 3.6458333333vw;
  position: relative;
  overflow: hidden;
}
.faq__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.faq__items {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  max-height: 32.3958333333vw;
  position: relative;
}
.faq__items.mCustomScrollbar::after {
  width: 100%;
  height: 5.2083333333vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(147, 161, 187, 0)), to(#93a1bb));
  background: linear-gradient(180deg, rgba(147, 161, 187, 0) 0%, #93a1bb 100%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.faq__items.mCustomScrollbar.scroll-end::after {
  opacity: 0;
  visibility: hidden;
}
.faq__scroll {
  overflow: hidden;
}
.faq__item {
  background: #ADBAD4;
  border-radius: 3.125vw;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .faq__item:hover {
    background: #BAC7E1;
  }
}
.faq__item + .faq__item {
  margin-top: 1.25vw;
}
.faq__item-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5208333333vw;
  padding: 1.1458333333vw;
  cursor: pointer;
}
.faq__item-head::after {
  display: block;
  width: 1.25vw;
  height: 1.25vw;
  background: url(../images/icons/drop.svg) no-repeat center;
  background-size: 100%;
  margin: 0 1.71875vw 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.faq__item.active .faq__item-head::after {
  opacity: 0.5;
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1);
}
.faq__item-numb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 4.1666666667vw;
  height: 4.1666666667vw;
  padding-bottom: 0.15625vw;
  border-radius: 100%;
  background: #D2040F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RF Dewi Expanded";
  font-size: 2.6041666667vw;
  font-weight: bold;
  margin-right: 1.5625vw;
}
.faq__item-title {
  min-height: 4.1666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25vw;
  font-weight: 500;
  max-width: 22.3958333333vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-right: 1.8229166667vw;
}
.faq__item-title.fs--md {
  font-size: VW(32);
  font-weight: 600;
  line-height: 1.07;
  max-width: 22.3958333333vw;
}
.faq__item.active .faq__item-title {
  font-size: 1.3541666667vw;
  font-weight: 600;
  max-width: 24.4791666667vw;
}
.faq__item-body {
  display: none;
  padding: 0 4.6875vw 1.5625vw 7.3958333333vw;
  font-size: 0.8333333333vw;
  line-height: 1.5;
}
.faq__item-body.pdt0 {
  padding-top: 0;
  margin-top: -1.0416666667vw;
}
.faq__item-year {
  margin-bottom: 1.0416666667vw;
  opacity: 0.8;
}
@media (max-width: 1023.98px) {
  .faq__nav {
    margin-bottom: 30px;
    gap: 20px;
  }
  .faq__nav-btn {
    height: 40px;
    padding: 0 25px;
    font-size: 16px;
    text-underline-offset: 3px;
  }
  .faq__cols {
    gap: 30px;
  }
  .faq__photo {
    display: none;
  }
  .faq__items {
    max-height: 500px;
  }
  .faq__items.mCustomScrollbar::after {
    height: 50px;
  }
  .faq__item {
    border-radius: 30px;
  }
  .faq__item + .faq__item {
    margin-top: 16px;
  }
  .faq__item-head {
    gap: 10px;
    padding: 15px;
  }
  .faq__item-head::after {
    width: 18px;
    height: 18px;
    margin-right: 20px;
  }
  .faq__item-numb {
    width: 45px;
    height: 45px;
    padding-bottom: 3px;
    font-size: 24px;
    margin-right: 20px;
  }
  .faq__item-title {
    min-height: 45px;
    font-size: 20px;
    max-width: 360px;
    margin-right: 30px;
  }
  .faq__item-title.fs--md {
    font-size: 22px;
    max-width: 500px;
  }
  .faq__item.active .faq__item-title {
    font-size: 24px;
    max-width: 460px;
  }
  .faq__item-body {
    padding: 0 60px 20px 90px;
    font-size: 14px;
  }
}
@media (max-width: 609.98px) {
  .faq__nav {
    margin-bottom: 20px;
    gap: 10px;
  }
  .faq__nav-btn {
    height: 38px;
    padding: 0 20px 3px;
    font-size: 14px;
  }
  .faq__items {
    max-height: 350px;
  }
  .faq__item {
    border-radius: 20px;
  }
  .faq__item + .faq__item {
    margin-top: 10px;
  }
  .faq__item-head {
    gap: 10px;
    padding: 15px 17px 15px;
  }
  .faq__item-head::after {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin-right: 0px;
  }
  .faq__item-numb {
    width: 30px;
    height: 30px;
    padding-bottom: 0;
    font-size: 14px;
    margin-right: 0;
  }
  .faq__item-title {
    min-height: 30px;
    font-size: 14px;
    line-height: 1.2;
    margin-right: 0px;
  }
  .faq__item.active .faq__item-title {
    font-size: 16px;
    font-weight: 500;
  }
  .faq__item-year {
    margin-bottom: 10px;
  }
  .faq__item-body {
    padding: 0 17px 15px;
    font-size: 14px;
    line-height: 1.35;
  }
}

/**************************************************************

**************************************************************/
.philosophy__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 8.0729166667vw;
}
.philosophy__iconimg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 14.0104166667vw;
}
.philosophy__info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.philosophy__staff {
  margin-bottom: 3.6458333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.philosophy__staff-item {
  width: 7.2916666667vw;
  height: 7.2916666667vw;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}
.philosophy__staff-item:nth-child(1) {
  z-index: 10;
}
.philosophy__staff-item:nth-child(2) {
  z-index: 9;
}
.philosophy__staff-item:nth-child(3) {
  z-index: 8;
}
.philosophy__staff-item:nth-child(4) {
  z-index: 7;
}
.philosophy__staff-item:nth-child(5) {
  z-index: 6;
}
.philosophy__staff-item:nth-child(6) {
  z-index: 5;
}
.philosophy__staff-item:nth-child(7) {
  z-index: 4;
}
.philosophy__staff-item:nth-child(8) {
  z-index: 3;
}
.philosophy__staff-item + .philosophy__staff-item {
  margin-left: -1.40625vw;
}
.philosophy__staff-item img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.4166666667vw solid #8B97B2;
}
.sbg .philosophy__staff-item img {
  border-color: #93A1BB;
}
.philosophy__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5625vw;
}
.philosophy__item-title {
  line-height: 1.2;
  font-weight: 600;
  font-size: 1.875vw;
}
.philosophy__item-text {
  margin-top: 1.0416666667vw;
  font-size: 0.8333333333vw;
  line-height: 1.5;
  letter-spacing: -0.02em;
  max-width: 23.9583333333vw;
  text-wrap: balance;
}
@media (max-width: 1023.98px) {
  .philosophy__cols {
    gap: 50px;
  }
  .philosophy__iconimg {
    width: 120px;
    display: none;
  }
  .philosophy__staff {
    margin-bottom: 30px;
  }
  .philosophy__staff-item {
    width: 70px;
    height: 70px;
  }
  .philosophy__staff-item + .philosophy__staff-item {
    margin-left: -15px;
  }
  .philosophy__staff-item img {
    border-width: 4px;
  }
  .philosophy__items {
    grid-gap: 30px;
  }
  .philosophy__item-title {
    font-size: 20px;
  }
  .philosophy__item-text {
    margin-top: 10px;
    font-size: 12px;
    max-width: 350px;
  }
}
@media (max-width: 609.98px) {
  .philosophy__staff {
    margin-bottom: 20px;
  }
  .philosophy__staff-item {
    width: 60px;
    height: 60px;
  }
  .philosophy__staff-item + .philosophy__staff-item {
    margin-left: -15px;
  }
  .philosophy__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 25px;
  }
  .philosophy__item-title {
    font-size: 20px;
  }
  .philosophy__item-text {
    font-size: 14px;
    max-width: 100%;
    text-wrap: initial;
  }
}

/**************************************************************

**************************************************************/
.history__slider {
  background: #93a1bb;
  border-radius: 3.6458333333vw;
}
.history__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history__item-left {
  padding: 1.3020833333vw 2.0833333333vw 2.6041666667vw 2.6041666667vw;
  width: 27.6041666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.history__item-right {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  background: #9fadc7;
  border-radius: 3.6458333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history__item-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.9791666667vw 2.0833333333vw 2.34375vw 2.6041666667vw;
  gap: 1.5625vw;
}
.history__item-photo {
  width: 24.4791666667vw;
  border-radius: 3.6458333333vw;
  position: relative;
  overflow: hidden;
  padding-bottom: 42%;
}
.history__item-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.history__item-year {
  padding-right: 0.5208333333vw;
  font-weight: 700;
  font-size: 3.2291666667vw;
  letter-spacing: -0.06em;
  margin-left: auto;
  display: inline-block;
  text-align: right;
  font-family: "RF Dewi Expanded";
  line-height: 1;
  position: relative;
  z-index: 2;
}
.history__item-year span {
  font-size: 5.625vw;
  margin-bottom: -0.2604166667vw;
  display: inline-block;
}
.history__item-icon {
  position: absolute;
  left: -2.0833333333vw;
  top: 0.78125vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  border-radius: 100%;
  background: #D2040F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: -1;
}
.history__item-icon img {
  width: 60%;
}
.history__item-descr {
  margin-top: auto;
  font-size: 1.1458333333vw;
  line-height: 1.5;
}
.history__item-title {
  position: relative;
  padding-right: 2.6041666667vw;
  font-size: 2.5vw;
  line-height: 1;
  font-weight: 600;
}
.history__item-title::after {
  position: absolute;
  top: 0.46875vw;
  right: 0;
  width: 1.7708333333vw;
  height: 0.78125vw;
  background: url(../images/icons/dott-tt.svg) no-repeat top center;
  background-size: 100%;
  content: "";
}
.history__item-content {
  position: relative;
  margin-top: auto;
  max-height: 8.8541666667vw;
}
.history__item-content:not(.mCS_no_scrollbar)::after {
  width: 100%;
  height: 4.1666666667vw;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(159, 173, 199, 0)), color-stop(120%, #9fadc7));
  background: linear-gradient(180deg, rgba(159, 173, 199, 0) 0%, #9fadc7 120%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
}
.history__item-content:not(.mCS_no_scrollbar).scroll-end::after {
  opacity: 0;
}
.history__item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625vw;
  font-size: 0.8333333333vw;
  line-height: 1.5;
  letter-spacing: -0.02em;
  text-wrap: balance;
}
.history__item-row + .history__item-row {
  margin-top: 1.3020833333vw;
}
.history__item-row::before {
  margin-top: -0.1041666667vw;
  width: 2.0833333333vw;
  line-height: 1.1;
  font-weight: 600;
  color: rgba(106, 117, 144, 0.5);
  font-size: 1.25vw;
  content: attr(data-numb);
}
.history__nav {
  margin-top: 1.5625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history__nav .swiper-button-nav {
  position: absolute;
  right: 3.125vw;
  bottom: 2.0833333333vw;
  background: #253C52;
  z-index: 5;
}
.history__navitem {
  width: 16.9791666667vw;
  position: relative;
  z-index: 2;
  cursor: pointer;
  padding: 2.6041666667vw 2.0833333333vw 2.6041666667vw 3.125vw;
}
.history__navitem:nth-child(4) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.history__navitem::before, .history__navitem::after {
  position: absolute;
  left: 0;
  right: -6.7708333333vw;
  top: 0;
  bottom: 0;
  border-radius: 3.6458333333vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
  content: "";
}
.history__navitem::after {
  z-index: -1;
  opacity: 0;
}
.history__navitem:nth-child(1)::before {
  background-image: url(../images/about/bg-nav-1.jpg);
}
.history__navitem:nth-child(1)::after {
  background-image: url(../images/about/bg-nav-1-active.jpg);
}
.history__navitem:nth-child(2)::before {
  background-image: url(../images/about/bg-nav-2.jpg);
}
.history__navitem:nth-child(2)::after {
  background-image: url(../images/about/bg-nav-2-active.jpg);
}
.history__navitem:nth-child(3)::before {
  background-image: url(../images/about/bg-nav-3.jpg);
}
.history__navitem:nth-child(3)::after {
  background-image: url(../images/about/bg-nav-3-active.jpg);
}
.history__navitem:nth-child(4)::before {
  background-image: url(../images/about/bg-nav-4.jpg);
}
.history__navitem:nth-child(4)::after {
  background-image: url(../images/about/bg-nav-4-active.jpg);
}
.history__navitem:nth-child(4)::before, .history__navitem:nth-child(4)::after {
  right: 0;
}
@media (hover: hover) {
  .history__navitem:hover::after {
    opacity: 1;
  }
}
.history__navitem.active::after {
  opacity: 1;
}
.history__navitem-year {
  font-family: "RF Dewi Expanded";
  font-weight: 800;
  font-size: 51px;
  line-height: 1;
  letter-spacing: -0.06em;
  margin-bottom: 1.875vw;
}
.history__navitem-title {
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-offset: 0.2604166667vw;
  max-width: 10.4166666667vw;
}
.history__navitem-title::after {
  position: absolute;
  left: 3.125vw;
  bottom: 0;
  border-radius: 5px 5px 0 0;
  height: 0.3125vw;
  width: 7.1875vw;
  background: #fff;
  content: "";
  opacity: 0;
}
.history__navitem.active .history__navitem-title {
  text-decoration: none;
}
.history__navitem.active .history__navitem-title::after {
  opacity: 1;
}
@media (max-width: 1023.98px) {
  .history__slider {
    border-radius: 30px;
  }
  .history__item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .history__item-left {
    padding: 20px 50px 30px 30px;
    width: 100%;
  }
  .history__item-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    border-radius: 30px;
  }
  .history__item-info {
    padding: 25px 25px 30px 30px;
    gap: 30px;
  }
  .history__item-photo {
    width: 350px;
    border-radius: 30px;
    padding-bottom: 42%;
  }
  .history__item-year {
    font-size: 40px;
    margin-left: 30px;
    text-align: left;
  }
  .history__item-year span {
    font-size: 70px;
    margin-bottom: -0.2604166667vw;
  }
  .history__item-year br {
    display: none;
  }
  .history__item-icon {
    left: -30px;
    top: -5px;
    width: 35px;
    height: 35px;
  }
  .history__item-descr {
    margin-top: 30px;
    font-size: 16px;
    max-width: 480px;
  }
  .history__item-title {
    padding-right: 50px;
    font-size: 28px;
  }
  .history__item-title::after {
    top: 8px;
    width: 15px;
    height: 7px;
  }
  .history__item-content {
    max-height: 150px;
  }
  .history__item-content:not(.mCS_no_scrollbar)::after {
    height: 30px;
  }
  .history__item-row {
    gap: 10px;
    font-size: 12px;
  }
  .history__item-row + .history__item-row {
    margin-top: 15px;
  }
  .history__item-row::before {
    margin-top: 0px;
    width: 30px;
    font-size: 16px;
  }
  .history__nav {
    margin-top: 30px;
  }
  .history__nav .swiper-button-nav {
    right: 10px;
    bottom: 10px;
  }
  .history__navitem {
    width: 150px;
    padding: 20px 15px 20px 25px;
  }
  .history__navitem::before, .history__navitem::after {
    right: -6.7708333333vw;
    border-radius: 20px;
  }
  .history__navitem-year {
    font-size: 34px;
    margin-bottom: 15px;
  }
  .history__navitem-title {
    font-size: 12px;
    text-underline-offset: 3px;
    max-width: 100px;
  }
  .history__navitem-title::after {
    left: 25px;
    border-radius: 5px 5px 0 0;
    height: 3px;
    width: 60px;
  }
}
@media (max-width: 767.98px) {
  .history__item-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history__item-photo {
    width: 100%;
    margin-top: auto;
  }
  .history__item-content {
    max-height: 200px;
  }
  .history__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history__navitem {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
            flex: 0 0 auto !important;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    padding-left: 35px;
  }
  .history__navitem::before {
    right: 0;
    bottom: -50px;
    border-radius: 30px;
  }
  .history__navitem:nth-child(1)::before {
    background: #6BA1D6;
  }
  .history__navitem:nth-child(2)::before {
    background: #4f78a1;
  }
  .history__navitem:nth-child(3)::before {
    background: #314D68;
  }
  .history__navitem:nth-child(4)::before {
    background: #121f2c;
    bottom: 0;
  }
  .history__navitem::after {
    display: none;
  }
  .history__navitem-year {
    margin: 0;
    font-size: 32px;
    width: 110px;
  }
  .history__navitem-title {
    font-size: 16px;
  }
  .history__navitem-title::after {
    bottom: auto;
    top: 0;
    left: 35px;
    border-radius: 0 0 5px 5px;
    height: 4px;
    width: 90px;
  }
}
@media (max-width: 609.98px) {
  .history__slider {
    margin: 0 -16px;
  }
  .history__item-left {
    padding: 20px 16px 40px;
    width: 100%;
  }
  .history__item-info {
    padding: 25px 16px 40px;
    gap: 14px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .history__item-photo {
    padding-bottom: 60%;
  }
  .history__item-year {
    font-size: 40px;
    margin-left: auto;
    text-align: right;
  }
  .history__item-year span {
    margin-top: -5px;
    font-size: 70px;
  }
  .history__item-year br {
    display: block;
  }
  .history__item-icon {
    left: -25px;
    width: 32px;
    height: 32px;
  }
  .history__item-descr {
    font-size: 14px;
  }
  .history__item-title {
    padding-right: 0;
    font-size: 22px;
  }
  .history__item-title::after {
    display: none;
  }
  .history__item-row {
    gap: 10px;
    font-size: 16px;
  }
  .history__item-row + .history__item-row {
    margin-top: 15px;
  }
  .history__item-row::before {
    margin-top: 5px;
    width: 30px;
    font-size: 14px;
    display: none;
  }
  .history__item-content {
    max-height: 180px;
  }
  .history__nav {
    margin: 25px -16px 0;
  }
}

/**************************************************************

**************************************************************/
.geography {
  min-height: 52.6041666667vw;
  background: url(../images/bg/geography.jpg) no-repeat center;
  background-size: cover;
}
.geography__item {
  position: absolute;
  text-align: right;
}
.geography__item.item--kz {
  left: 56%;
  top: 33%;
}
.geography__item.item--ru {
  left: 17%;
  bottom: 32%;
}
.geography__item.item--uz {
  left: 40%;
  bottom: 17%;
}
.geography__item.item--kg {
  right: 19%;
  bottom: 8%;
}
.geography__item.item--cn {
  right: 5%;
  bottom: 22%;
}
.geography__item-numb {
  position: relative;
  display: inline-block;
}
.geography__item-val {
  position: relative;
  font-family: "RF Dewi Expanded";
  font-weight: 700;
  font-size: 6.1979166667vw;
  letter-spacing: -0.06em;
  line-height: 1;
  z-index: 2;
}
.geography__item-icon {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-67%, -45%);
      -ms-transform: translate(-67%, -45%);
          transform: translate(-67%, -45%);
  width: 3.75vw;
  height: 3.75vw;
  border-radius: 100%;
  background: #D2040F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "RF Dewi Expanded";
  font-weight: 600;
  font-size: 1.25vw;
  letter-spacing: -0.06em;
}
.geography__item-text {
  margin-top: 0.5208333333vw;
  font-weight: 500;
  font-size: 1.1979166667vw;
}
.geography__item-text mark {
  display: block;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1023.98px) {
  .geography {
    min-height: 590px;
    background: url(../images/bg/geography-t.jpg) no-repeat top center;
    background-size: cover;
  }
  .geography__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 40px;
    max-width: 710px;
    margin: 100px auto 0;
  }
  .geography__item {
    position: static;
    margin-top: 20px;
  }
  .geography__item.item--kz {
    margin: 0 auto;
    max-width: 200px;
  }
  .geography__item-numb {
    position: relative;
    display: inline-block;
  }
  .geography__item-val {
    font-size: 52px;
  }
  .geography__item.item--kz .geography__item-val {
    font-size: 66px;
  }
  .geography__item-icon {
    width: 28px;
    height: 28px;
    font-size: 9px;
  }
  .geography__item.item--kz .geography__item-icon {
    width: 40px;
    height: 40px;
    font-size: 13px;
  }
  .geography__item-text {
    margin-top: 5px;
    font-size: 14px;
    white-space: nowrap;
  }
}
@media (max-width: 609.98px) {
  .geography {
    background-image: url(../images/bg/geography-m.jpg);
  }
  .geography__items {
    padding: 0 16px 5px;
    overflow: auto;
    gap: 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .geography__item.item--kz {
    max-width: 100%;
    padding-right: 16px;
  }
  .geography__item-val {
    font-size: 46px;
  }
}

/**************************************************************

**************************************************************/
.reviews {
  overflow: hidden;
}
.reviews__carousel {
  overflow: initial;
  height: 31.7708333333vw;
  z-index: 5;
}
.reviews__carousel::after {
  position: absolute;
  right: 100%;
  top: 0;
  width: 1000px;
  height: 100%;
  background: #93A1BB;
  content: "";
  z-index: 5;
}
.reviews__carousel .swiper-button-nav {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.reviews__item {
  width: 19.6354166667vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.reviews__item.swiper-slide-active {
  width: 38.0208333333vw;
}
.reviews__item-inner {
  position: relative;
  width: 100%;
  height: 26.3020833333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #8b97b2;
  border-radius: 2.0833333333vw;
  padding: 2.0833333333vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.reviews__item:nth-child(2n) .reviews__item-inner {
  background: #9fadc7;
}
@media (hover: hover) {
  .reviews__item:hover .reviews__item-inner {
    background: #9FADC7;
  }
  .reviews__item:nth-child(2n):hover .reviews__item-inner {
    background: #ADBAD4;
  }
}
.reviews__item.swiper-slide-active .reviews__item-inner {
  width: 27.0833333333vw;
  height: 31.7708333333vw;
  padding: 2.6041666667vw 2.6041666667vw 2.6041666667vw 2.6041666667vw;
  cursor: initial;
}
.reviews__item-title {
  position: relative;
  padding-right: 2.0833333333vw;
  line-height: 1.07;
  font-size: 1.6145833333vw;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.reviews__item-title::after {
  position: absolute;
  top: 0.2604166667vw;
  right: 0;
  width: 1.7708333333vw;
  height: 0.78125vw;
  background: url(../images/icons/dott-tt-gray.svg) no-repeat top center;
  background-size: 100%;
  content: "";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.reviews__item:nth-child(2n) .reviews__item-title::after {
  background-image: url(../images/icons/dott-tt-gray-dark.svg);
}
.reviews__item.swiper-slide-active .reviews__item-title {
  font-size: 2.5vw;
}
.reviews__item.swiper-slide-active .reviews__item-title::after {
  top: 0.3645833333vw;
}
.reviews__item-text {
  margin-top: auto;
  padding-top: 1.5625vw;
  font-size: 0.8333333333vw;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-wrap: balance;
}
.reviews__item.swiper-slide-active .reviews__item-text {
  font-size: 1.1458333333vw;
}
.reviews__item-buttons {
  margin-top: 1.5625vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.reviews__item.swiper-slide-active .reviews__item-buttons {
  margin-top: 2.0833333333vw;
}
.reviews__item-img {
  position: absolute;
  left: 5px;
  top: 6%;
  width: 73%;
  height: 88%;
  z-index: -1;
  border-radius: 2.6041666667vw;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  background-position: center;
  background-size: cover;
}
.reviews__item.swiper-slide-active .reviews__item-img {
  left: 60%;
  -webkit-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
          transform: rotate(12deg);
}
.reviews__item-open {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  outline: 0;
  display: none;
}
@media (max-width: 1023.98px) {
  .reviews__carousel {
    height: auto;
    padding-bottom: 70px;
  }
  .reviews__item {
    width: 300px;
  }
  .reviews__item.swiper-slide-active {
    width: 300px;
  }
  .reviews__item-inner {
    height: auto;
    min-height: 350px;
    border-radius: 20px;
    padding: 20px;
  }
  .reviews__item.swiper-slide-active .reviews__item-inner {
    width: 100%;
    height: auto;
    min-height: 350px;
    padding: 20px;
  }
  .reviews__item-title {
    padding-right: 0;
    line-height: 1.07;
    font-size: 22px;
  }
  .reviews__item-title::after {
    display: none;
  }
  .reviews__item.swiper-slide-active .reviews__item-title {
    font-size: 22px;
  }
  .reviews__item-text {
    padding-top: 20px;
    font-size: 12px !important;
  }
  .reviews__item-buttons {
    margin-top: 20px !important;
  }
  .reviews__item-img {
    display: none;
  }
  .reviews__item-open {
    display: block;
  }
}
@media (max-width: 609.98px) {
  .reviews__carousel {
    padding-bottom: 0;
  }
  .reviews__carousel .swiper-button-nav {
    display: none;
  }
  .reviews__carousel::after {
    margin-right: 10px;
  }
  .reviews__item {
    width: 280px;
  }
  .reviews__item.swiper-slide-active {
    width: 280px;
  }
  .reviews__item-text {
    font-size: 14px !important;
  }
}

/**************************************************************

**************************************************************/
.blog {
  overflow: hidden;
}
.blog__carousel {
  overflow: initial;
}
.blog__carousel.carousel--hidden {
  overflow: hidden;
}
.blog__item {
  border-radius: 2.0833333333vw;
  background: #ADBAD4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog__item-photo {
  padding-bottom: 50%;
  overflow: hidden;
  position: relative;
  border-radius: 2.0833333333vw;
}
.blog__item-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog__item-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 1.5625vw 2.0833333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blog__item-ttdt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.0416666667vw;
}
.blog__item-title {
  font-size: 1.3541666667vw;
  line-height: 1.07;
  font-weight: 600;
  text-wrap: balance;
}
.blog__item-date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  opacity: 0.8;
  font-size: 0.8333333333vw;
  margin-top: 0.2083333333vw;
}
.blog__item-dsbt {
  margin-top: 0.8333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.0416666667vw;
}
.blog__item-desc {
  margin-top: 0.8333333333vw;
  max-width: 19.2708333333vw;
  -webkit-line-clamp: 3; /* Число отображаемых строк */
  display: -webkit-box; /* Включаем флексбоксы */
  -webkit-box-orient: vertical; /* Вертикальная ориентация */
  overflow: hidden;
  font-size: 0.8333333333vw;
  line-height: 1.5;
}
.blog__item-dsbt .blog__item-desc {
  margin-top: 0;
}
.blog__item-buttons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.blog__item-bottom {
  padding-top: 1.5625vw;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.78125vw;
}
.blog__item-mopen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  outline: 0;
}
@media (hover: hover) {
  .blog__item:hover {
    background: #BAC7E1;
  }
  .blog__item:hover .blog__item-photo img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media (max-width: 1023.98px) {
  .blog__item {
    border-radius: 20px;
  }
  .blog__item-photo {
    border-radius: 20px;
  }
  .blog__item-info {
    padding: 20px 30px;
  }
  .blog__item-ttdt {
    gap: 15px;
  }
  .blog__item-title {
    font-size: 18px;
  }
  .blog__item-date {
    font-size: 12px;
    margin-top: 3px;
  }
  .blog__item-dsbt {
    margin-top: 20px;
    gap: 15px;
  }
  .blog__item-desc {
    margin-top: 15px;
    max-width: 350px;
    font-size: 12px;
    text-wrap: balance;
  }
  .blog__item-bottom {
    padding-top: 20px;
    gap: 10px;
  }
}
@media (max-width: 767.98px) {
  .blog__item {
    width: 300px;
  }
  .blog__item-info {
    padding: 15px;
  }
  .blog__item-title {
    font-size: 16px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .blog__item-date {
    font-size: 10px;
  }
  .blog__item-ttdt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
  .blog__item-dsbt {
    margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
  }
  .blog__item-desc {
    font-size: 14px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .blog__item-buttons {
    margin-top: auto;
  }
}
@media (max-width: 360px) {
  .blog__item {
    width: 280px;
  }
}

/**************************************************************

**************************************************************/
.blogd__date {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.8333333333vw;
}
.blogd__head {
  max-width: 52.0833333333vw;
}
.blogd__intro {
  margin-bottom: 2.0833333333vw;
  font-size: 1.1458333333vw;
  line-height: 1.5;
}
.blogd__photo {
  margin-bottom: 2.0833333333vw;
}
.blogd__photo img {
  border-radius: 2.0833333333vw;
}
.blogd__content {
  max-width: 47.3958333333vw;
  margin-bottom: 2.6041666667vw;
}
.blogd__tbg {
  border-radius: 2.0833333333vw;
  background: url(../images/bg/bg-tbg.jpg) no-repeat center;
  background-size: cover;
  padding: 2.6041666667vw 4.1666666667vw 2.6041666667vw 7.2916666667vw;
  font-size: 1.3541666667vw;
  position: relative;
}
.blogd__tbg::before {
  position: absolute;
  left: 2.6041666667vw;
  top: 2.6041666667vw;
  width: 3.125vw;
  height: 3.125vw;
  background: url(../images/icons/doc.svg) no-repeat center;
  background-size: 50%;
  background-color: #D2040F;
  border-radius: 100%;
  content: "";
}
.blogd__quote {
  background: url(../images/bg/bg-quote.jpg) no-repeat bottom right;
  background-size: cover;
  border-radius: 2.0833333333vw;
  padding: 2.34375vw 8.3333333333vw 2.6041666667vw 2.9166666667vw;
}
.blogd__quote-text {
  font-size: 1.3541666667vw;
}
.blogd__quote-sign {
  padding-left: 3.9583333333vw;
  margin-top: 2.0833333333vw;
  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;
  gap: 0.3125vw;
  min-height: 3.125vw;
  position: relative;
}
.blogd__quote-sign::before {
  position: absolute;
  left: 0vw;
  top: 0vw;
  width: 3.125vw;
  height: 3.125vw;
  background: url(../images/icons/quote.svg) no-repeat center;
  background-size: 50%;
  background-color: #D2040F;
  border-radius: 100%;
  content: "";
}
.blogd__quote-sign__name {
  font-weight: 600;
  font-size: 1.6666666667vw;
  line-height: 1.07;
  margin-top: -0.15625vw;
}
.blogd__quote-sign__t {
  font-size: 0.8333333333vw;
  opacity: 0.8;
}
.blogd__car {
  max-width: 51.0416666667vw;
}
@media (max-width: 1023.98px) {
  .blogd__date {
    font-size: 10px;
  }
  .blogd__head {
    max-width: 100%;
  }
  .blogd__intro {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .blogd__photo {
    margin-bottom: 20px;
  }
  .blogd__photo img {
    border-radius: 20px;
  }
  .blogd__content {
    max-width: 100%;
    margin-bottom: 40px;
  }
  .blogd__tbg {
    border-radius: 20px;
    padding: 20px 40px 20px 70px;
    font-size: 16px;
  }
  .blogd__tbg::before {
    left: 20px;
    top: 20px;
    width: 35px;
    height: 35px;
  }
  .blogd__quote {
    border-radius: 20px;
    padding: 20px 60px 20px 20px;
  }
  .blogd__quote-text {
    font-size: 16px;
  }
  .blogd__quote-sign {
    padding-left: 50px;
    margin-top: 20px;
    gap: 5px;
    min-height: 35px;
  }
  .blogd__quote-sign::before {
    width: 35px;
    height: 35px;
  }
  .blogd__quote-sign__name {
    font-size: 16px;
  }
  .blogd__quote-sign__t {
    font-size: 12px;
  }
  .blogd__car {
    max-width: 100%;
  }
}
@media (max-width: 609.98px) {
  .blogd__date {
    position: relative;
    margin-top: 10px;
  }
  .blogd__tbg {
    font-size: 14px;
    padding: 20px;
  }
  .blogd__tbg::before {
    display: none;
  }
  .blogd__quote {
    padding: 20px 20px 20px 20px;
  }
  .blogd__quote-text {
    font-size: 14px;
  }
  .blogd__quote-sign {
    padding-left: 45px;
    margin-top: 20px;
    gap: 5px;
    min-height: 35px;
  }
  .blogd__quote-sign::before {
    width: 35px;
    height: 35px;
  }
  .blogd__quote-sign__name {
    font-size: 15px;
  }
  .blogd__quote-sign__t {
    font-size: 10px;
  }
}

/**************************************************************

**************************************************************/
.basket {
  overflow: initial;
}
.basket__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.0833333333vw;
}
.basket__body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.basket__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5625vw;
}
.basket__head .section__tag {
  margin-left: auto;
}
.basket__prev {
  margin-top: 0.5208333333vw;
  width: 0.6770833333vw;
  height: 1.3541666667vw;
}
.basket__prev .icon {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .basket__prev:hover {
    color: #D2040F;
  }
}
.basket__hbtn {
  margin-left: auto;
}
.basket__clear {
  margin-left: auto;
  height: 2.5vw;
  padding: 0 1.1458333333vw 0.15625vw;
  background: #ADBAD4;
  border: none;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  font-family: "Atyp Text", sans-serif;
  color: #D2040F;
  font-size: 0.8333333333vw;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0;
  cursor: pointer;
}
@media (hover: hover) {
  .basket__clear:hover {
    background: #bac7e1;
  }
}
.basket__clear .icon {
  margin-top: 0.1041666667vw;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
}
.basket__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 28.2291666667vw;
}
.basket__right.w-md {
  width: 27.1875vw;
}
.basket__aside {
  position: sticky;
  top: 5.2083333333vw;
  border-radius: 2.0833333333vw;
  background: #8B97B2;
}
.basket__aside-inner {
  border-radius: 2.0833333333vw;
  padding: 2.0833333333vw;
  background: #9FADC7;
}
.basket__aside-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 1.0416666667vw;
}
.basket__aside-title {
  font-weight: 600;
  line-height: 1;
  font-size: 2.5vw;
}
.basket__aside-count {
  font-size: 1.3541666667vw;
  font-weight: 600;
  margin-top: 0.2083333333vw;
}
.basket__aside-desc {
  font-size: 1.1458333333vw;
  line-height: 1.5;
  width: 100%;
  margin-top: 1.7708333333vw;
}
.basket__aside-text {
  max-width: 22.3958333333vw;
}
.basket__aside-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.90625vw;
  height: 3.90625vw;
  border: 0.2083333333vw solid #BAC7E1;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.basket__aside-icon img {
  width: 55%;
}
.basket__aside-buttons {
  margin-top: 3.3854166667vw;
}
.basket__aside-bottom {
  padding: 2.0833333333vw;
}
.basket__aside-calls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
  line-height: 1.2;
  max-width: 22.3958333333vw;
}
.basket__aside-calls::before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  background: url(../images/icons/phone-red-white.svg) no-repeat center;
  background-size: 50%;
  background-color: #9FADC7;
  content: "";
}
.basket__aside-list {
  margin-top: 2.6041666667vw;
  max-height: 19.7916666667vw;
  overflow: hidden;
}
.basket__change {
  display: inline-block;
  margin-top: 2.6041666667vw;
  font-size: 1.25vw;
  line-height: 1.2;
  font-weight: 600;
  text-decoration: underline;
  text-underline-position: under;
}
@media (hover: hover) {
  .basket__change:hover {
    text-decoration: none;
  }
}
.basket__litem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.0416666667vw;
  font-size: 1.1458333333vw;
  line-height: 1.15;
  font-weight: 500;
}
.basket__litem + .basket__litem {
  margin-top: 1.5625vw;
}
.basket__litem-art {
  margin-top: 0.5208333333vw;
  font-size: 0.625vw;
  font-weight: 400;
  opacity: 0.8;
}
.basket__litem-count {
  margin-left: auto;
  white-space: nowrap;
  opacity: 0.5;
}
.basket__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basket__item + .basket__item {
  margin-top: 1.5625vw;
}
.basket__item::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #adbad4;
  border-radius: 2.0833333333vw;
  z-index: -1;
  content: "";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .basket__item:hover::after {
    background: #8B97B2;
    border-color: #8B97B2;
  }
}
.basket__item-photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 12.5vw;
  height: 12.5vw;
  position: relative;
  border-radius: 2.0833333333vw;
  background: #9fadc7;
  overflow: hidden;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.basket__item-photo img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .basket__item-photo:hover {
    background: #b3c1db;
  }
}
.basket__item-action {
  position: absolute;
  top: 1.0416666667vw;
  right: 1.0416666667vw;
  z-index: 9;
}
.basket__item-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basket__item-info {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  padding: 2.0833333333vw;
}
.basket__item-title {
  text-wrap: balance;
  line-height: 1.15;
  font-weight: 500;
  font-size: 1.1458333333vw;
  max-width: 19.7916666667vw;
}
@media (hover: hover) {
  .basket__item-title a:hover {
    text-decoration: underline;
    text-underline-offset: 0.2604166667vw;
  }
}
.basket__item-art {
  display: inline-block;
  margin-top: 0.8333333333vw;
  opacity: 0.8;
  font-size: 0.625vw;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media (hover: hover) {
  .basket__item-art:hover {
    opacity: 1;
    font-weight: 600;
  }
}
.basket__item-lmore {
  margin-top: auto;
  font-size: 0.8333333333vw;
  font-weight: 500;
  position: relative;
}
.basket__item-lmore:after {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 1px;
  width: 100%;
  border-bottom: 1px solid;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  content: "";
}
@media (hover: hover) {
  .basket__item-lmore:hover::after {
    opacity: 0;
  }
}
.basket__item-buttons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5625vw;
  padding: 2.0833333333vw;
}
.basket__item-remove {
  position: absolute;
  top: 1.40625vw;
  right: 1.40625vw;
  width: 2.6041666667vw;
  height: 2.6041666667vw;
  border-radius: 100%;
  border: none;
  background: url(../images/icons/basket.svg) no-repeat center;
  background-size: 50%;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .basket__item-remove:hover {
    background-color: #fff;
  }
}
.basket__item-counter {
  margin-top: auto;
  width: 10.4166666667vw;
  background: #ADBAD4;
}
.basket__item-counter .counter__value {
  font-size: 1.0416666667vw;
}
@media (max-width: 1023.98px) {
  .basket__cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
  .basket__head {
    gap: 20px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .basket__prev {
    margin-top: 5px;
    width: 10px;
    height: 22px;
  }
  .basket__clear {
    height: 35px;
    padding: 0 16px 3px;
    gap: 8px;
    font-size: 12px;
    font-weight: 500;
  }
  .basket__clear .icon {
    margin-top: 2px;
    width: 10px;
    height: 10px;
  }
  .basket__itc {
    text-align: right;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 10px;
    margin-bottom: 30px;
  }
  .basket__head + .basket__itc {
    margin-top: -20px;
  }
  .basket__itc-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
  }
  .basket__itc-count {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
  }
  .basket__right {
    width: 100% !important;
  }
  .basket__ritog {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: -40px 0 20px;
  }
  .basket__aside {
    border-radius: 20px;
  }
  .basket__aside-inner {
    border-radius: 20px;
    padding: 30px;
  }
  .basket__aside-head {
    margin-bottom: 30px;
    gap: 25px;
  }
  .basket__aside-title {
    font-size: 28px;
  }
  .basket__aside-count {
    font-size: 14px;
    margin-top: 3px;
    font-weight: 500;
  }
  .basket__aside-desc {
    font-size: 16px;
    max-width: 300px;
    margin-top: auto;
    margin-left: auto;
  }
  .basket__aside-text {
    max-width: 100%;
  }
  .basket__aside-icon {
    width: 45px;
    height: 45px;
    border-width: 2px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .basket__aside-buttons {
    margin-top: 40px;
  }
  .basket__aside-bottom {
    padding: 30px;
  }
  .basket__aside-calls {
    gap: 20px;
    max-width: 100%;
  }
  .basket__aside-calls::before {
    width: 40px;
    height: 40px;
  }
  .basket__aside-list {
    margin-top: 0px;
    max-height: 300px;
  }
  .basket__change {
    margin-top: 40px;
    font-size: 17px;
  }
  .basket__litem {
    gap: 20px;
    font-size: 18px;
  }
  .basket__litem + .basket__litem {
    margin-top: 25px;
  }
  .basket__litem-art {
    margin-top: 10px;
    font-size: 12px;
  }
  .basket__item + .basket__item {
    margin-top: 20px;
  }
  .basket__item::after {
    border-radius: 20px;
  }
  .basket__item-photo {
    width: 150px;
    height: 150px;
    border-radius: 20px;
  }
  .basket__item-action {
    position: absolute;
    top: 1.0416666667vw;
    right: 1.0416666667vw;
    z-index: 9;
  }
  .basket__item-info {
    padding: 20px;
  }
  .basket__item-title {
    font-size: 16px;
    max-width: 280px;
  }
  .basket__item-art {
    margin-top: 10px;
    font-size: 12px;
  }
  .basket__item-lmore {
    font-size: 12px;
  }
  .basket__item-buttons {
    gap: 20px;
    padding: 20px;
  }
  .basket__item-remove {
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
  }
  .basket__item-counter {
    width: 130px;
  }
  .basket__item-counter .counter__button {
    height: 40px;
    width: 35px;
  }
  .basket__item-counter .counter__value {
    font-size: 14px;
  }
}
@media (max-width: 609.98px) {
  .basket__cols {
    gap: 30px;
  }
  .basket__head {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .basket__head .section__tag {
    margin-left: 0;
  }
  .basket__head:not(.none-rows) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .basket__prev {
    margin-top: 0.9375vw;
  }
  .basket__hbtn {
    margin-left: 0;
  }
  .basket__clear {
    margin-left: auto;
  }
  .basket__aside {
    border-radius: 15px;
  }
  .basket__aside-inner {
    border-radius: 15px;
    padding: 20px;
  }
  .basket__aside-head {
    margin-bottom: 20px;
  }
  .basket__aside-title {
    font-size: 24px;
  }
  .basket__aside-count {
    font-size: 12px;
  }
  .basket__aside-desc {
    font-size: 12px;
    max-width: 100%;
  }
  .basket__aside-text {
    max-width: 300px;
  }
  .basket__aside-icon {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
    width: 35px;
    height: 35px;
  }
  .basket__aside-buttons {
    margin-top: 30px;
  }
  .basket__aside-bottom {
    padding: 20px;
  }
  .basket__aside-calls {
    gap: 10px;
    font-size: 12px;
  }
  .basket__aside-calls::before {
    width: 35px;
    height: 35px;
  }
  .basket__aside-list {
    max-height: 220px;
    margin-top: 20px;
  }
  .basket__change {
    margin-top: 30px;
    font-size: 15px;
  }
  .basket__litem {
    gap: 15px;
    font-size: 15px;
  }
  .basket__litem + .basket__litem {
    margin-top: 15px;
  }
  .basket__litem-art {
    margin-top: 8px;
    font-size: 10px;
  }
  .basket__item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
  .basket__item + .basket__item {
    margin-top: 10px;
  }
  .basket__item::after {
    border-radius: 10px;
  }
  .basket__item-photo {
    border-radius: 10px;
    width: 160px;
    height: auto;
    min-height: 160px;
    -ms-grid-row-span: 2;
    grid-row: span 2;
  }
  .basket__item-info {
    padding: 10px 60px 10px 10px;
  }
  .basket__item-title {
    font-size: 14px;
    max-width: 280px;
  }
  .basket__item-art {
    margin-top: 10px;
    font-size: 10px;
  }
  .basket__item-lmore {
    font-size: 12px;
    display: none;
  }
  .basket__item-buttons {
    padding: 15px 10px 15px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .basket__item-remove {
    width: 35px;
    height: 35px;
    top: 5px;
    right: 5px;
  }
  .basket__item-counter {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 478.98px) {
  .basket__item-photo {
    width: 120px;
    min-height: 120px;
  }
}

/**************************************************************

**************************************************************/
.ordform {
  max-width: 36.1979166667vw;
}
.ordform .input {
  max-width: 100%;
  background: rgba(166, 179, 205, 0.3);
}
.ordform .choices__inner {
  background: #ADBAD4;
}
.ordform .choices__placeholder {
  color: #fff;
}
.ordform .choices[data-type*=select-one]:after {
  background-image: url(../images/icons/drop.svg);
}
.ordform__step + .ordform__step {
  margin-top: 4.1666666667vw;
}
.ordform__shead {
  margin-bottom: 1.25vw;
}
.ordform__slabel {
  margin-bottom: 0.625vw;
  font-size: 0.8333333333vw;
}
.ordform__shead .ordform__slabel {
  margin-bottom: 0.2083333333vw;
}
.ordform__stitle {
  line-height: 1.2;
  font-weight: 600;
  font-size: 1.875vw;
}
.ordform__box + .ordform__box {
  margin-top: 2.0833333333vw;
}
.ordform__types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5625vw;
}
.ordform__btntype {
  cursor: pointer;
  outline: 0;
  position: relative;
  overflow: hidden;
}
.ordform__btntype input {
  position: absolute;
  left: -50px;
  top: -50px;
  opacity: 0;
  visibility: hidden;
}
.ordform__btntype-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.4375vw;
  padding: 0 2.1875vw 0.2604166667vw;
  border: none;
  border-radius: 100px;
  background: #ADBAD4;
  font-family: "Atyp Text", sans-serif;
  font-size: 1.25vw;
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.2083333333vw;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .ordform__btntype-label:hover {
    background: #EB1520;
    text-decoration: none;
  }
}
:checked + .ordform__btntype-label {
  color: #D2040F;
  background: #fff;
  text-decoration: none;
  pointer-events: none;
}
.ordform__delivery {
  cursor: pointer;
  position: relative;
  min-width: 1px;
}
.ordform__delivery input {
  position: absolute;
  left: -50px;
  top: -50px;
  opacity: 0;
  visibility: hidden;
}
.ordform__delivery.active.delivery--pickup {
  display: none;
}
.ordform__delivery-inner {
  /*height: 100%;*/
  background: #8393AF;
  border-radius: 2.0833333333vw;
  padding: 1.5625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.ordform__delivery-inner::before {
  position: absolute;
  top: 1.5625vw;
  left: 0;
  height: 3.125vw;
  width: 0.3125vw;
  background: #fff;
  border-radius: 0 0.2604166667vw 0.2604166667vw 0;
  content: "";
  opacity: 0;
}
.ordform__delivery-head {
  margin-bottom: 2.7083333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
}
.ordform__delivery-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  background: #9FADC7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ordform__delivery-icon img {
  width: 45%;
}
.ordform__delivery-title {
  margin-top: -0.15625vw;
  font-weight: 600;
  line-height: 1.07;
  font-size: 1.4583333333vw;
}
.ordform__delivery-buttons {
  margin-top: auto;
  padding-top: 1.5625vw;
}
.ordform__delivery-buttons .btn-text-active {
  display: none;
}
@media (hover: hover) {
  .ordform__delivery:hover .ordform__delivery-inner {
    background: #9FADC7;
  }
  .ordform__delivery:hover .ordform__delivery-icon {
    background: #8B97B2;
  }
}
:checked + .ordform__delivery-inner {
  background: #253C52 !important;
}
:checked + .ordform__delivery-inner::before {
  opacity: 1;
}
:checked + .ordform__delivery-inner .btn {
  background: rgba(131, 147, 175, 0.5);
}
:checked + .ordform__delivery-inner .btn .btn-text {
  display: none;
}
:checked + .ordform__delivery-inner .btn .btn-text-active {
  display: block;
}
:checked + .ordform__delivery-inner .ordform__delivery-icon {
  background: #D2040F;
}
.ordform__dlvvars {
  margin-top: 1.5625vw;
  background: #253C52;
  width: 47.9166666667vw;
}
.ordform__dlvvars::before {
  top: 0 !important;
  left: 2.0833333333vw;
  width: 7.2916666667vw;
  height: 0.3125vw;
  border-radius: 0 0 0.2604166667vw 0.2604166667vw;
  opacity: 1;
}
.ordform__dlvvars-head {
  margin-bottom: 1.0416666667vw;
}
.ordform__dlv {
  cursor: pointer;
  position: relative;
  min-width: 1px;
}
.ordform__dlv + .ordform__dlv {
  margin-top: 0.625vw;
}
.ordform__dlv input {
  position: absolute;
  left: -50px;
  top: -50px;
  opacity: 0;
  visibility: hidden;
}
.ordform__dlv-inner {
  height: 100%;
  min-height: 6.25vw;
  border: 1px solid #2E4962;
  border-radius: 1.3020833333vw;
  padding: 1.0416666667vw 1.5625vw;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0416666667vw;
}
.ordform__dlv-inner:before {
  width: 1.1458333333vw;
  height: 1.1458333333vw;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-transform: translateY(0.1041666667vw);
      -ms-transform: translateY(0.1041666667vw);
          transform: translateY(0.1041666667vw);
  background: rgba(161, 174, 200, 0.3);
  background-size: 100% 100%;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  content: "";
}
.ordform__dlv-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  background: url(../images/icons/addr.svg) no-repeat center;
  background-size: 45%;
  background-color: #D2040F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ordform__dlv-time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 9.1145833333vw;
}
.ordform__dlv-tlabel {
  font-size: 0.8333333333vw;
  margin-bottom: 0.1041666667vw;
}
.ordform__dlv-tval {
  letter-spacing: 0.02em;
  font-weight: 600;
}
.ordform__dlv-addr {
  font-size: 1.1458333333vw;
  font-weight: 500;
  line-height: 1.2;
}
@media (hover: hover) {
  .ordform__dlv:hover .ordform__dlv-inner {
    background: #2E4962 !important;
  }
}
:checked + .ordform__dlv-inner {
  background: #2E4962 !important;
}
:checked + .ordform__dlv-inner::before {
  border: none;
  background-image: url(../images/icons/check-circle-active.svg);
}
.ordform__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.625vw;
}
@media (max-width: 1023.98px) {
  .ordform {
    max-width: 550px;
  }
  .ordform__step + .ordform__step {
    margin-top: 50px;
  }
  .ordform__shead {
    margin-bottom: 20px;
  }
  .ordform__slabel {
    margin-bottom: 10px;
    font-size: 13px;
  }
  .ordform__shead .ordform__slabel {
    margin-bottom: 4px;
  }
  .ordform__stitle {
    font-size: 22px;
  }
  .ordform__box + .ordform__box {
    margin-top: 25px;
  }
  .ordform__types {
    gap: 10px 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ordform__btntype-label {
    height: 40px;
    padding: 0 20px 3px;
    font-size: 14px;
    text-underline-offset: 3px;
  }
  .ordform__delivery-inner {
    border-radius: 20px;
    padding: 20px;
  }
  .ordform__delivery-inner::before {
    top: 20px;
    height: 40px;
    width: 4px;
    border-radius: 0 3px 3px 0;
  }
  .ordform__delivery-head {
    margin-bottom: 30px;
    gap: 15px;
  }
  .ordform__delivery-icon {
    width: 40px;
    height: 40px;
  }
  .ordform__delivery-title {
    margin-top: -2px;
    font-size: 16px;
  }
  .ordform__delivery-desc {
    font-size: 14px;
  }
  .ordform__delivery-buttons {
    padding-top: 20px;
  }
  .ordform__dlvvars {
    margin-top: 12px;
    width: 700px;
  }
  .ordform__dlvvars::before {
    left: 20px;
    width: 80px;
    height: 4px;
    border-radius: 0 0 3px 3px;
  }
  .ordform__dlvvars-head {
    margin-bottom: 20px;
  }
  .ordform__dlv + .ordform__dlv {
    margin-top: 10px;
  }
  .ordform__dlv-inner {
    min-height: 100px;
    border-radius: 20px;
    padding: 15px 25px;
    gap: 20px;
  }
  .ordform__dlv-inner:before {
    width: 18px;
    height: 18px;
  }
  .ordform__dlv-icon {
    width: 40px;
    height: 40px;
  }
  .ordform__dlv-time {
    width: 150px;
  }
  .ordform__dlv-tlabel {
    font-size: 13px;
  }
  .ordform__dlv-tval {
    font-size: 14px;
  }
  .ordform__dlv-addr {
    font-size: 16px;
  }
  .ordform__flex {
    gap: 10px;
  }
}
@media (max-width: 767.98px) {
  .ordform__dlvvars {
    width: 100%;
  }
}
@media (max-width: 609.98px) {
  .ordform__btntype {
    width: 100%;
  }
  .ordform__btntype-label {
    height: 40px;
    padding: 0 20px 3px;
    font-size: 14px;
    text-underline-offset: 3px;
  }
  .ordform__step + .ordform__step {
    margin-top: 45px;
  }
  .ordform__shead {
    margin-bottom: 15px;
  }
  .ordform__stitle {
    font-size: 18px;
  }
  .ordform__box + .ordform__box {
    margin-top: 20px;
  }
  .ordform__delivery-buttons .btn {
    height: 40px;
    font-size: 14px;
  }
  .ordform__dlvvars::before {
    left: 20px;
    width: 80px;
    height: 4px;
    border-radius: 0 0 3px 3px;
  }
  .ordform__dlvvars-head {
    margin-bottom: 20px;
  }
  .ordform__dlv-inner {
    min-height: 100px;
    border-radius: 20px;
    padding: 20px;
    gap: 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ordform__dlv-inner:before {
    width: 18px;
    height: 18px;
  }
  .ordform__dlv-icon {
    width: 40px;
    height: 40px;
  }
  .ordform__dlv-time {
    width: 150px;
  }
  .ordform__dlv-tlabel {
    font-size: 13px;
  }
  .ordform__dlv-tval {
    font-size: 14px;
  }
  .ordform__dlv-addr {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
  }
}

/**************************************************************

**************************************************************/
.detail__cols {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5625vw 0;
}
.detail__photos {
  position: relative;
  padding-right: 1.5625vw;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  grid-gap: 0.8333333333vw;
}
.detail__action {
  position: absolute;
  top: 1.5625vw;
  right: 1.5625vw;
  z-index: 9;
}
.detail__action .wish_item_button {
  opacity: 1;
}
.detail__slider {
  width: 29.1666666667vw;
  min-height: 29.1666666667vw;
  position: relative;
  border-radius: 2.0833333333vw;
}
.detail__slider .swiper-button-nav {
  display: none;
}
.detail__slider-item {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  display: block;
  width: 100%;
  min-height: 10px;
  background: #9fadc7;
  border-radius: 2.0833333333vw;
}
.detail__slider-item img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
}
.detail__thumbs {
  position: relative;
  width: 8.3333333333vw;
}
.detail__thumbs .swiper {
  height: calc(25vw + 36px);
}
.detail__thumbs .swiper-button-prev {
  top: 0;
  left: 50%;
  -webkit-transform: rotate(90deg) translate(-50%, 50%);
      -ms-transform: rotate(90deg) translate(-50%, 50%);
          transform: rotate(90deg) translate(-50%, 50%);
}
.detail__thumbs .swiper-button-next {
  top: auto;
  bottom: 0;
  right: 50%;
  -webkit-transform: rotate(90deg) translate(0, -50%);
      -ms-transform: rotate(90deg) translate(0, -50%);
          transform: rotate(90deg) translate(0, -50%);
}
.detail__thumbs .swiper-button-disabled {
  display: none;
}
.detail__thumbs .swiper-slide {
  cursor: pointer;
}
.detail__thumbs-item {
  background: #9fadc7;
  border-radius: 1.25vw;
  width: 100%;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.detail__right {
  -ms-grid-row-span: 2;
  grid-row: span 2;
  padding-left: 1.5625vw;
}
.detail__info {
  position: sticky;
  top: 5.2083333333vw;
}
.detail__box {
  background: #8b97b2;
  border-radius: 2.0833333333vw;
  padding: 2.0833333333vw;
}
.detail__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.0416666667vw;
  margin-bottom: 1.5625vw;
}
.detail__prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  margin-right: auto;
  line-height: 1.1;
  font-weight: 600;
  font-size: 0.8333333333vw;
  z-index: 2;
  position: relative;
}
.detail__prev .icon {
  width: 0.8854166667vw;
  height: 0.8854166667vw;
  margin-top: 0.1041666667vw;
}
.detail__prev::after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 100px;
  height: 2.5vw;
  width: calc(100% + 2.6041666667vw);
  margin-top: 0.0520833333vw;
  background: #adbad4;
  content: "";
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .detail__prev:hover::after {
    opacity: 1;
  }
}
.detail__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4166666667vw;
  letter-spacing: -0.01em;
  font-weight: 500;
}
.detail__rating::before {
  width: 0.9375vw;
  height: 0.9375vw;
  background: url(../images/icons/star.svg) no-repeat center;
  background-size: 100%;
  content: "";
}
.detail__title {
  line-height: 1;
  font-weight: 600;
  font-size: 2.5vw;
  margin-bottom: 1.5625vw;
}
.detail__art {
  display: inline-block;
  margin-top: 0.8333333333vw;
  opacity: 0.8;
  font-size: 0.7291666667vw;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media (hover: hover) {
  .detail__art:hover {
    opacity: 1;
    font-weight: 600;
  }
}
.detail__prop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8333333333vw;
}
.detail__prop + .detail__prop {
  margin-top: 0.625vw;
}
.detail__prop-label {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4166666667vw;
}
.detail__prop-label img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.0416666667vw;
  -webkit-transform: translateY(0.1041666667vw);
      -ms-transform: translateY(0.1041666667vw);
          transform: translateY(0.1041666667vw);
}
.detail__desc {
  margin-top: 1.5625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 1.5625vw;
}
.detail__buttons {
  display: inline-block;
  margin-top: 3.3333333333vw;
  position: relative;
}
.detail__counter {
  display: none;
  width: 18.2291666667vw;
}
.detail__counter .counter__value {
  font-size: 1.3541666667vw;
}
.added .detail__addcart {
  display: none;
}
.added .detail__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail__bottom {
  margin-top: 2.6041666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5625vw;
}
.detail__link {
  font-size: 1.1458333333vw;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-position: under;
}
@media (hover: hover) {
  .detail__link:hover {
    text-decoration: none;
  }
}
.detail__station {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25vw;
}
.detail__station-title {
  letter-spacing: 0.02em;
  font-weight: 600;
}
.detail__station-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4166666667vw;
}
.detail__stgas {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
  border-radius: 100%;
  background: #9fadc7;
  border: 2px solid #9fadc7;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.detail__stgas-name {
  position: absolute;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-weight: 500;
  font-size: 0.7291666667vw;
  line-height: 1.07;
  letter-spacing: -0.02em;
  padding: 0.5208333333vw 1.25vw 0.4166666667vw;
  border-radius: 1.0416666667vw;
  background: url(../images/bg/hint.jpg) no-repeat bottom center;
  background-size: cover;
  text-align: center;
  white-space: nowrap;
  z-index: 5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.detail__stgas-name::after {
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: -0.1041666667vw;
  -webkit-transform: rotate(-45deg) translate(0px, -50%);
      -ms-transform: rotate(-45deg) translate(0px, -50%);
          transform: rotate(-45deg) translate(0px, -50%);
  width: 0.5208333333vw;
  height: 0.5208333333vw;
  background: #30465A;
  border-radius: 0.15625vw;
  content: "";
}
.detail__stgas:hover {
  background: #006CD1;
  border-color: #fff;
}
.detail__stgas:hover .detail__stgas-name {
  opacity: 1;
}
.detail__nav {
  margin-bottom: 1.0416666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.0416666667vw;
}
.detail__nav-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  height: 3.4375vw;
  padding: 0 2.1875vw 0.2604166667vw;
  border: none;
  border-radius: 100px;
  background: #ADBAD4;
  font-family: "Atyp Text", sans-serif;
  font-size: 1.25vw;
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.2083333333vw;
  outline: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.Safari .detail__nav-btn {
  padding-bottom: 0;
}
@media (hover: hover) {
  .detail__nav-btn:hover {
    background: #EB1520;
    text-decoration: none;
  }
}
.detail__nav-btn.active {
  color: #D2040F;
  background: #fff;
  text-decoration: none;
  pointer-events: none;
}
.detail__tab .content__text {
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: 0.9375vw;
}
.detail__tab .content__text > * {
  margin-bottom: 1.0416666667vw;
}
.detail__tab .content__text h2 {
  font-size: 1.5625vw;
}
.detail__tab .content__text h3 {
  font-size: 1.3541666667vw;
}
.detail__tab .content__text h4 {
  font-size: 1.1458333333vw;
}
.detail__tab .content__text h5 {
  font-size: 0.9375vw;
}
.detail__charact {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.8fr 1fr;
  grid-template-columns: 0.8fr 1fr;
  grid-gap: 1.5625vw 1.0416666667vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.detail__charact-label {
  font-weight: 600;
}
.detail__feature {
  padding-left: 1.5625vw;
  position: relative;
}
.detail__feature + .detail__feature {
  margin-top: 1.25vw;
}
.detail__feature::before {
  position: absolute;
  left: 0;
  top: 0.6770833333vw;
  background: #9fadc7;
  border-radius: 100%;
  width: 0.46875vw;
  height: 0.46875vw;
  content: "";
}
.detail__feature-title {
  line-height: 1.2;
  font-weight: 600;
  font-size: 1.3541666667vw;
}
.detail__feature-text {
  line-height: 1.5;
  margin-top: 0.4166666667vw;
}
@media (max-width: 1023.98px) {
  .detail__cols {
    grid-gap: 40px 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .detail__photos {
    padding-right: 0;
    grid-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    min-width: 1px;
  }
  .detail__action {
    top: 20px;
    right: 20px;
  }
  .detail__slider {
    width: 100%;
    min-height: 350px;
    border-radius: 30px;
  }
  .detail__slider-item {
    border-radius: 30px;
  }
  .detail__thumbs {
    min-width: 1px;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    width: 100%;
  }
  .detail__thumbs .swiper {
    height: auto;
  }
  .detail__thumbs .swiper-button-prev {
    top: 50%;
    left: 0%;
    -webkit-transform: rotate(0) translate(-10px, -50%);
        -ms-transform: rotate(0) translate(-10px, -50%);
            transform: rotate(0) translate(-10px, -50%);
  }
  .detail__thumbs .swiper-button-next {
    bottom: 50%;
    right: 0%;
    -webkit-transform: rotate(0) translate(10px, 50%);
        -ms-transform: rotate(0) translate(10px, 50%);
            transform: rotate(0) translate(10px, 50%);
  }
  .detail__thumbs-item {
    border-radius: 10px;
  }
  .detail__right {
    padding-left: 0;
    grid-row: initial;
  }
  .detail__box {
    border-radius: 30px;
    padding: 30px;
  }
  .detail__top {
    gap: 15px;
    margin-bottom: 25px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .detail__prev {
    gap: 10px;
    font-size: 14px;
  }
  .detail__prev .icon {
    width: 15px;
    height: 15px;
    margin-top: 1px;
  }
  .detail__prev::after {
    display: none;
  }
  .detail__rating {
    gap: 7px;
  }
  .detail__rating::before {
    width: 15px;
    height: 15px;
  }
  .detail__title {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .detail__art {
    font-size: 12px;
  }
  .detail__prop {
    gap: 12px;
    font-size: 14px;
  }
  .detail__prop + .detail__prop {
    margin-top: 10px;
  }
  .detail__prop-label {
    gap: 6px;
  }
  .detail__prop-label img {
    width: 12px;
  }
  .detail__desc {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
  }
  .detail__buttons {
    margin-top: 20px;
  }
  .detail__buttons .btn, .detail__buttons .counter {
    min-width: 250px;
  }
  .detail__counter .counter__value {
    font-size: 18px;
  }
  .detail__bottom {
    margin-top: 30px;
    gap: 20px;
  }
  .detail__link {
    font-size: 14px;
  }
  .detail__station {
    gap: 20px;
  }
  .detail__station-items {
    gap: 6px;
  }
  .detail__stgas {
    width: 30px;
    height: 30px;
  }
  .detail__stgas-name {
    font-size: 12px;
    padding: 8px 16px 6px;
    border-radius: 15px;
    font-size: 12px;
  }
  .detail__tabs {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  .detail__nav {
    margin-bottom: 15px;
    gap: 15px;
  }
  .detail__nav-btn {
    height: 45px;
    padding: 0 20px;
    font-size: 16px;
    text-underline-offset: 4px;
  }
  .detail__tab .content__text {
    font-size: 14px;
  }
  .detail__tab .content__text > * {
    margin-bottom: 15px;
  }
  .detail__tab .content__text h2 {
    font-size: 22px;
  }
  .detail__tab .content__text h3 {
    font-size: 18px;
  }
  .detail__tab .content__text h4 {
    font-size: 16px;
  }
  .detail__tab .content__text h5 {
    font-size: 14px;
  }
  .detail__charact {
    grid-gap: 15px 15px;
  }
  .detail__feature {
    padding-left: 20px;
  }
  .detail__feature + .detail__feature {
    margin-top: 16px;
  }
  .detail__feature::before {
    top: 10px;
    width: 6px;
    height: 6px;
  }
  .detail__feature-title {
    font-size: 20px;
  }
  .detail__feature-text {
    font-size: 14px;
    margin-top: 6px;
  }
}
@media (max-width: 767.98px) {
  .detail__cols {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .detail__tabs {
    grid-column: initial;
  }
}
@media (max-width: 609.98px) {
  .detail__box {
    border-radius: 20px;
    padding: 15px 15px 25px;
  }
  .detail__top {
    margin-bottom: 20px;
  }
  .detail__title {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .detail__desc {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
  .detail .product__stock {
    font-size: 12px;
    gap: 5px;
  }
  .detail .product__stock:before {
    width: 6px;
    height: 6px;
  }
  .detail__buttons {
    margin-top: 20px;
  }
  .detail__buttons .btn, .detail__buttons .counter {
    min-width: 250px;
  }
  .detail__bottom {
    margin-top: 30px;
    gap: 30px;
  }
  .detail__link {
    font-size: 14px;
  }
  .detail__station {
    gap: 10px 20px;
  }
  .detail__station-items {
    gap: 6px;
  }
  .detail__stgas {
    width: 30px;
    height: 30px;
  }
  .detail__stgas-name {
    font-size: 12px;
    padding: 8px 16px 6px;
    border-radius: 15px;
    font-size: 12px;
  }
  .detail__nav {
    margin-bottom: 15px;
    gap: 10px;
  }
  .detail__nav-btn {
    height: 40px;
    padding: 0 10px 3px;
    font-size: 12px;
  }
  .detail__tab .content__text {
    font-size: 12px;
    line-height: 1.5;
  }
  .detail__tab .content__text > * {
    margin-bottom: 12px;
  }
  .detail__tab .content__text h2 {
    font-size: 20px;
  }
  .detail__tab .content__text h3 {
    font-size: 15px;
  }
  .detail__tab .content__text h4 {
    font-size: 14px;
  }
  .detail__tab .content__text h5 {
    font-size: 12px;
  }
  .detail__charact {
    grid-gap: 10px 10px;
    font-size: 12px;
  }
  .detail__feature {
    padding-left: 15px;
  }
  .detail__feature + .detail__feature {
    margin-top: 12px;
  }
  .detail__feature::before {
    top: 7px;
    width: 5px;
    height: 5px;
  }
  .detail__feature-title {
    font-size: 16px;
  }
  .detail__feature-text {
    margin-top: 5px;
    font-size: 12px;
  }
}
@media (max-width: 559px) {
  .detail__photos {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    min-width: 1px;
  }
  .detail__action {
    top: 20px;
    right: 20px;
  }
  .detail__slider {
    min-width: 1px;
    width: 100%;
    min-height: 10px;
    border-radius: 20px;
  }
  .detail__slider-item {
    border-radius: 20px;
  }
}
@media (max-width: 478.98px) {
  .detail__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
  .detail__nav-btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

/**************************************************************

**************************************************************/
.search {
  position: relative;
  z-index: 20;
}
.search__form {
  position: relative;
}
.search__input {
  width: 100%;
  max-width: 100%;
  padding-right: 3.125vw;
}
.search__clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 2.1875vw;
  top: 50%;
  -webkit-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
          transform: translateY(-45%);
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  outline: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.search__clear.active {
  opacity: 1;
  visibility: visible;
}
.search__clear .icon {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .search__clear:hover {
    color: #fff;
  }
}
.search__drop {
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 0.4166666667vw;
  background: #9FADC7;
  border-radius: 2.0833333333vw;
  padding: 1.0416666667vw 0.4166666667vw;
  font-size: 1.1458333333vw;
  display: none;
}
.search__drop-scroll {
  max-height: 20.3125vw;
  overflow: hidden;
}
.search__drop-scroll .mCSB_container {
  padding-right: 15px;
  padding-bottom: 0 !important;
}
.search__drop-scroll .mCSB_scrollTools {
  bottom: 0.9895833333vw;
  top: 0.9895833333vw;
}
.search__drop li a {
  padding: 0.8854166667vw 2.0833333333vw 0.9895833333vw 1.6666666667vw;
  display: block;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.search__drop li a::after {
  position: absolute;
  right: 1.4583333333vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0.0520833333vw;
  width: 0.4166666667vw;
  height: 0.8333333333vw;
  background: url(../images/icons/arr-link.svg) no-repeat center;
  background-size: 100%;
  content: "";
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
@media (hover: hover) {
  .search__drop li a:hover {
    background: #ADBAD4;
  }
  .search__drop li a:hover::after {
    opacity: 1;
  }
}
@media (max-width: 1023.98px) {
  .search__drop {
    margin-top: 5px;
    border-radius: 20px;
    padding: 15px 5px;
    font-size: 16px;
  }
  .search__drop-scroll {
    max-height: 270px;
  }
  .search__drop-scroll .mCSB_scrollTools {
    bottom: 8px;
    top: 8px;
  }
  .search__drop li a {
    padding: 10px 30px 12px 20px;
  }
  .search__input {
    padding-right: 40px;
  }
  .search__clear {
    right: 20px;
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 609.98px) {
  .search__drop {
    margin-top: 5px;
    border-radius: 20px;
    padding: 15px 5px;
    font-size: 14px;
  }
  .search__drop-scroll {
    max-height: 270px;
  }
  .search__drop-scroll .mCSB_scrollTools {
    bottom: 8px;
    top: 8px;
  }
  .search__drop li a {
    padding: 10px 10px 12px 10px;
  }
}
/*Добавлено, так как почему-то появляется отступ в каруселе*/
.swiper-wrapper {
  height: fit-content;
}
/**************************************************************

**************************************************************/
/**************************************************************

**************************************************************/
/**************************************************************

**************************************************************/
/**************************************************************

**************************************************************/
/**************************************************************

**************************************************************/