/* Start:/dist/style/style.css?1770375779101575*/
@charset "UTF-8";
@font-face {
  font-family: "TT Neoris Trial";
  font-style: normal;
  font-weight: 500;
  src: local("TT Neoris Trial"), url(/dist/style/../fonts/TT_Neoris_Trial_Medium.ttf);
}
@font-face {
  font-family: "TT Neoris Trial";
  font-style: normal;
  font-weight: 400;
  src: local("TT Neoris Trial"), url(/dist/style/../fonts/TT_Neoris_Trial_Regular.ttf);
}
/*Обнуление*/
* {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}

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

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

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

html, body {
  height: 100%;
  width: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /*overflow-x: hidden;*/
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: top;
}

img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

a:active, a:focus {
  outline: none;
}

input, textarea {
  outline: none;
}

input:active, textarea:active {
  outline: none;
}

:focus {
  outline: none;
}

textarea {
  resize: none;
}

textarea {
  resize: vertical;
}

textarea {
  resize: horizontal;
}

input[type=tel] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.container {
  margin: 0 auto;
  max-width: 100%;
  padding-left: 45px;
  padding-right: 45px;
}
@media (max-width: 1279px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1024px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1 0 0%;
  padding-left: 5px;
  padding-right: 5px;
}

.col-1 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

@media (max-width: 1279px) {
  .col-lg-1 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .col-md-1 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 16.6666666667%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 33.3333333333%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 66.6666666667%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 83.3333333333%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .col-sm-1 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 33.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 66.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
  }
}
.all-fonts__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border-radius: 8px;
  background: rgb(244, 244, 244);
}
.all-fonts__font {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.font-h1 {
  font-family: TT Neoris Trial;
  font-size: 120px;
  font-style: normal;
  font-weight: 500;
  line-height: 120px;
  color: var(--text-primary);
}
@media (max-width: 1024px) {
  .font-h1 {
    font-size: 48px;
    line-height: 48px;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
.event-card-filter .font-h4 {
  font-size: 25px;
  line-height: 1.2em;
  margin-bottom: 35px;
}
.font-h2 {
  font-family: TT Neoris Trial;
  font-size: 41px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  line-height: 56px;
  color: var(--text-primary);
}
@media (max-width: 1024px) {
  .font-h2 {
    font-size: 36px;
    line-height: 40px;
    font-size: 28px;
    line-height: 35px;
  }
}
.font-h3 {
  font-family: TT Neoris Trial;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  color: var(--text-primary);
}
@media (max-width: 1024px) {
  .font-h3 {
    font-size: 32px;
    line-height: 40px;
  }
}

.font-h4 {
  font-family: TT Neoris Trial;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  color: var(--text-primary);
}
@media (max-width: 1024px) {
  .font-h4 {
    font-size: 24px;
    line-height: 30px;
  }
}

.font-h5 {
  font-family: TT Neoris Trial;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  color: var(--text-primary);
}
@media (max-width: 1024px) {
  .font-h5 {
    font-size: 21px;
    line-height: 26px;
  }
}

.font-s {
  font-family: TT Neoris Trial;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  color: var(--text-primary);
}

.font-t1 {
  font-family: TT Neoris Trial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-primary);
}

.font-t2 {
  font-family: TT Neoris Trial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--text-primary);
}

.font-cap {
  font-family: TT Neoris Trial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: var(--text-primary);
}

html {
  --text-primary: #303030;
  --text-secondary: #828282;
  --text-disabled: #B3B3B3;
  --text-white: #ffffff;
  --text-white-opasity50: #ffffff80;
  --text-hover: #B6B6B6;
  --text-red: #D7192D;
  /* --bg-primary: #FFFCF5; */
  --bg-primary: #fffffe;
  --bg-abrand1: #D7192D;
  --bg-brand1-heavy: #D62923;
/*  --bg-brend2: #022873;*/
  --bg-brend2: #006ab2;
  --bg-white: #ffffff;
  --bg-white-opasity20: #ffffff33;
  --bg-gray-generik: #4F4F4F;
  --bg-gray-opasity20: #4f4f4f33;
  --bg-disabled: #DBDBDB;
  --bg-dark: #000000;
  --bg-dark-blue-opasity20: #03041d33;
}

.all-colors__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
  padding: 20px;
  border-radius: 8px;
}
.all-colors__block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.all-colors__item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.all-colors__box {
  width: 54px;
  height: 54px;
  border: 1px solid rgb(141, 141, 141);
  border-radius: 8px;
}
.all-colors__name {
  height: -moz-fit-content;
  height: fit-content;
}

.color--primary {
  color: var(--text-primary);
}
.color--secondary {
  color: var(--text-secondary);
}
.color--disabled {
  color: var(--text-disabled);
}
.color--white {
  color: var(--text-white);
}
.color--white-opasity50 {
  color: var(--text-white-opasity50);
}
.color--hover {
  color: var(--text-hover);
}
.color--red {
  color: var(--text-red) !important;
}

.color-block--primary {
  background: var(--bg-primary);
}
.color-block--abrand1 {
  background: var(--bg-abrand1);
}
.color-block--brand1-heavy {
  background: var(--bg-brand1-heavy);
}
.color-block--brend2 {
  background: var(--bg-brend2);
}
.color-block--white {
  background: var(--bg-white);
}
.color-block--white-opasity20 {
  background: var(--bg-white-opasity20);
}
.color-block--gray-generik {
  background: var(--bg-gray-generik);
}
.color-block--gray-opasity20 {
  background: var(--bg-gray-opasity20);
}
.color-block--disabled {
  background: var(--bg-disabled);
}
.color-block--dark {
  background: var(--bg-dark);
}
.color-block--dark-blue-opasity20 {
  _background: var(--bg-dark-blue-opasity20);
}
.color-block--dark-blue-opasity20 {
  background: #1c1c2173;
}

.color-border--brend-border {
  border-color: var(--brend-border);
}

.all-buttons__block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.button-block {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .button-block {
    width: 100%;
  }
}
.button-block__white-large {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 114px;
  background: var(--text-white);
  border-radius: 32px;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .button-block__white-large {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 767px;
  }
}
.button-block__white-large:hover {
  background: var(--bg-white-opasity20);
}
.button-block__white-large:hover p {
  color: var(--text-white);
}
.button-block__red-large {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 54px;
  background: #D7192D;
  border-radius: 32px;
  transition: all 0.5s;

}
@media (max-width: 767px) {
  .button-block__red-large {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 767px;
  }
}

.footer__main .button-block, .footer__main .button-block > button, .footer__main .button-block div {
    width: 100%;
    text-align: center;
    max-width: 340px;
}

.button-block__red-large {
    justify-content: center;
}


.button-block__red-large:hover {
  background: #B10D1E;
}
.button-block__black-large {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 114px;
  background: #4F4F4F;
  border-radius: 32px;
  transition: all 0.5s;
}
.button-block__black-large button {
  background: none;
}
@media (max-width: 767px) {
  .button-block__black-large {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 767px;
  }
}
.button-block__black-large p {
  transition: all 0.5s;
}
.button-block__black-large:hover {
  background: #FFFFFF;
}
.button-block__black-large:hover p,
.button-block__black-large:hover button
{
  color: #4F4F4F;
  transition: all 0.5s;
}
.button-block__transparent-small {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 24px;
  outline: 1px solid var(--text-primary);
  border-radius: 32px;
  transition: all 0.5s;
}
.button-block__transparent-small:hover {
  background: #FFFFFF;
}
.button-block__small-list {
  display: flex;
  -moz-column-gap: 4px;
       column-gap: 4px;
  width: -moz-max-content;
  width: max-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 24px;
  background: #4F4F4F;
  border-radius: 32px;
  transition: all 0.5s;
}
.button-block__small-list .button-block__icon {
  width: 24px;
  height: 24px;
  background: url("/dist/assets/icon/small_list_icon_white.svg") no-repeat center;
}
.button-block__small-list p {
  transition: all 0.5s;
}
.button-block__small-list:hover {
  background: #FFFFFF;
}
.button-block__small-list:hover .button-block__icon {
  background: url("/dist/assets/icon/small_list_icon_black.svg") no-repeat center;
  transition: all 0.5s;
}
.button-block__small-list:hover p {
  color: #4F4F4F;
  transition: all 0.5s;
}
.button-block__chip {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 6px 24px;
  background: #FFFFFF;
  border: 1px solid #303030;
  border-radius: 32px;
  transition: all 0.5s;
  cursor: pointer;
}
.button-block__chip p {
  transition: all 0.5s;
}
.button-block__chip:hover {
  background: var(--bg-gray-opasity20);
  outline: unset;
}
.button-block__chip:hover p {
  color: #303030;
  transition: all 0.5s;
}
.button-block__mini-small {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  width: -moz-max-content;
  width: max-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 6px 24px;
  background: #4F4F4F;
  border-radius: 32px;
  transition: all 0.5s;
}
.button-block__mini-small path {
  transition: all 0.5s;
}
.button-block__mini-small p {
  transition: all 0.5s;
}
.button-block__mini-small:hover {
  background: #FFFFFF;
}
.button-block__mini-small:hover path {
  fill: #4F4F4F;
  transition: all 0.5s;
}
.button-block__mini-small:hover p {
  color: #4F4F4F;
  transition: all 0.5s;
}
.button-block .selected {
  background: #4F4F4F;
  cursor: default;
}
.button-block .selected p {
  color: #FFFFFF;
}
.button-block__red-small {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 24px;
  background: #D7192D;
  border-radius: 32px;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .button-block__red-small {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 767px;
  }
}
.button-block__red-small:hover {
  background: #B10D1E;
}
.button-block__btn-link {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: all 0.5s;
  border-bottom: 1px solid transparent;
  transition: border-bottom 0.5s ease;
}
.button-block__btn-link:hover {
  border-bottom: 1px solid #303030;
}
.button-block__btn-link .button-block__icon {
  width: 24px;
  height: 24px;
  background: url("/dist/assets/icon/btn_link_icon_black.svg") no-repeat center;
}

.indentation-system__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.indentation-system__padding-colors {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 5px;
  border-radius: 5px;
  background: #f4f4f4;
}
@media (max-width: 767px) {
  .indentation-system__padding-colors {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 5px;
  }
}
.indentation-system__color-block {
  display: flex;
  gap: 20px;
  align-items: center;
}
.indentation-system__button-block {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 5px;
}
@media (max-width: 767px) {
  .indentation-system__button-block {
    flex-direction: column;
  }
}
.indentation-system__class {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 12px;
  border-radius: 8px;
  background: rgb(222, 222, 222);
  cursor: pointer;
}
.indentation-system__box-grey {
  width: 155px;
  height: 4px;
  background: #7b939b;
}
@media (max-width: 1024px) {
  .indentation-system__box-grey {
    height: 4px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-grey {
    height: 4px;
  }
}
.indentation-system__box-dark-purple {
  width: 155px;
  height: 8px;
  background: #3f028c;
}
@media (max-width: 1024px) {
  .indentation-system__box-dark-purple {
    height: 8px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-dark-purple {
    height: 8px;
  }
}
.indentation-system__box-blue {
  width: 155px;
  height: 12px;
  background: #0e49e3;
}
@media (max-width: 1024px) {
  .indentation-system__box-blue {
    height: 12px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-blue {
    height: 8px;
  }
}
.indentation-system__box-light-blue {
  width: 155px;
  height: 16px;
  background: #65bbdf;
}
@media (max-width: 1024px) {
  .indentation-system__box-light-blue {
    height: 16px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-light-blue {
    height: 12px;
  }
}
.indentation-system__box-yellow {
  width: 155px;
  height: 20px;
  background: #ffca00;
}
@media (max-width: 1024px) {
  .indentation-system__box-yellow {
    height: 20px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-yellow {
    height: 20px;
  }
}
.indentation-system__box-dark-orange {
  width: 155px;
  height: 20px;
  background: #d33706;
}
@media (max-width: 1024px) {
  .indentation-system__box-dark-orange {
    height: 16px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-dark-orange {
    height: 12px;
  }
}
.indentation-system__box-burgundy {
  width: 155px;
  height: 24px;
  background: #850337;
}
@media (max-width: 1024px) {
  .indentation-system__box-burgundy {
    height: 24px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-burgundy {
    height: 20px;
  }
}
.indentation-system__box-red {
  width: 155px;
  height: 28px;
  background: #ff4747;
}
@media (max-width: 1024px) {
  .indentation-system__box-red {
    height: 28px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-red {
    height: 24px;
  }
}
.indentation-system__box-mint {
  width: 155px;
  height: 32px;
  background: #57d9b7;
}
@media (max-width: 1024px) {
  .indentation-system__box-mint {
    height: 32px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-mint {
    height: 28px;
  }
}
.indentation-system__box-purple {
  width: 155px;
  height: 40px;
  background: #9466ff;
}
@media (max-width: 1024px) {
  .indentation-system__box-purple {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-purple {
    height: 32px;
  }
}
.indentation-system__box-dark-blue {
  width: 155px;
  height: 48px;
  background: #273a64;
}
@media (max-width: 1024px) {
  .indentation-system__box-dark-blue {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-dark-blue {
    height: 24px;
  }
}
.indentation-system__box-opacity-green {
  width: 155px;
  height: 64px;
  background: rgba(0, 147, 62, 0.5019607843);
}
@media (max-width: 1024px) {
  .indentation-system__box-opacity-green {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-opacity-green {
    height: 24px;
  }
}
.indentation-system__box-green {
  width: 155px;
  height: 64px;
  background: #00933e;
}
@media (max-width: 1024px) {
  .indentation-system__box-green {
    height: 48px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-green {
    height: 40px;
  }
}
.indentation-system__box-fuchsia {
  width: 155px;
  height: 80px;
  background: #fa12ff;
}
@media (max-width: 1024px) {
  .indentation-system__box-fuchsia {
    height: 64px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-fuchsia {
    height: 40px;
  }
}
.indentation-system__box-pink {
  width: 155px;
  height: 100px;
  background: #ffbfc3;
}
@media (max-width: 1024px) {
  .indentation-system__box-pink {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-pink {
    height: 64px;
  }
}
.indentation-system__box-orange {
  width: 155px;
  height: 150px;
  background: #ff4f12;
}
@media (max-width: 1024px) {
  .indentation-system__box-orange {
    height: 64px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-orange {
    height: 32px;
  }
}
.indentation-system__box-pastel {
  width: 155px;
  height: 200px;
  background: #e18484;
}
@media (max-width: 1024px) {
  .indentation-system__box-pastel {
    height: 120px;
  }
}
@media (max-width: 767px) {
  .indentation-system__box-pastel {
    height: 100px;
  }
}

.sp-t-grey {
  padding-top: 4px;
}
@media (max-width: 1024px) {
  .sp-t-grey {
    padding-top: 4px;
  }
}
@media (max-width: 767px) {
  .sp-t-grey {
    padding-top: 4px;
  }
}

.sp-b-grey {
  padding-bottom: 4px;
}
@media (max-width: 1024px) {
  .sp-b-grey {
    padding-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .sp-b-grey {
    padding-bottom: 4px;
  }
}

.sp-v-grey {
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (max-width: 1024px) {
  .sp-v-grey {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .sp-v-grey {
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

.sp-t-dark-purple {
  padding-top: 8px;
}
@media (max-width: 1024px) {
  .sp-t-dark-purple {
    padding-top: 8px;
  }
}
@media (max-width: 767px) {
  .sp-t-dark-purple {
    padding-top: 8px;
  }
}

.sp-b-dark-purple {
  padding-bottom: 8px;
}
@media (max-width: 1024px) {
  .sp-b-dark-purple {
    padding-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .sp-b-dark-purple {
    padding-bottom: 8px;
  }
}

.sp-v-dark-purple {
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (max-width: 1024px) {
  .sp-v-dark-purple {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .sp-v-dark-purple {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.sp-t-blue {
  padding-top: 12px;
}
@media (max-width: 1024px) {
  .sp-t-blue {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .sp-t-blue {
    padding-top: 8px;
  }
}

.sp-b-blue {
  padding-bottom: 12px;
}
@media (max-width: 1024px) {
  .sp-b-blue {
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .sp-b-blue {
    padding-bottom: 8px;
  }
}

.sp-v-blue {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (max-width: 1024px) {
  .sp-v-blue {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .sp-v-blue {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.sp-t-light-blue {
  padding-top: 16px;
}
@media (max-width: 1024px) {
  .sp-t-light-blue {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .sp-t-light-blue {
    padding-top: 12px;
  }
}

.sp-b-light-blue {
  padding-bottom: 16px;
}
@media (max-width: 1024px) {
  .sp-b-light-blue {
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .sp-b-light-blue {
    padding-bottom: 12px;
  }
}

.sp-v-light-blue {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 1024px) {
  .sp-v-light-blue {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .sp-v-light-blue {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.sp-t-yellow {
  padding-top: 20px;
}
@media (max-width: 1024px) {
  .sp-t-yellow {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .sp-t-yellow {
    padding-top: 20px;
  }
}

.sp-b-yellow {
  padding-bottom: 20px;
}
@media (max-width: 1024px) {
  .sp-b-yellow {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .sp-b-yellow {
    padding-bottom: 20px;
  }
}

.sp-v-yellow {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 1024px) {
  .sp-v-yellow {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .sp-v-yellow {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.sp-t-dark-orange {
  padding-top: 20px;
}
@media (max-width: 1024px) {
  .sp-t-dark-orange {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .sp-t-dark-orange {
    padding-top: 12px;
  }
}

.sp-b-dark-orange {
  padding-bottom: 20px;
}
@media (max-width: 1024px) {
  .sp-b-dark-orange {
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .sp-b-dark-orange {
    padding-bottom: 12px;
  }
}

.sp-v-dark-orange {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 1024px) {
  .sp-v-dark-orange {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .sp-v-dark-orange {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.sp-t-burgundy {
  padding-top: 24px;
}
@media (max-width: 1024px) {
  .sp-t-burgundy {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .sp-t-burgundy {
    padding-top: 20px;
  }
}

.sp-b-burgundy {
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .sp-b-burgundy {
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .sp-b-burgundy {
    padding-bottom: 20px;
  }
}

.sp-v-burgundy {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (max-width: 1024px) {
  .sp-v-burgundy {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .sp-v-burgundy {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.sp-t-red {
  padding-top: 28px;
}
@media (max-width: 1024px) {
  .sp-t-red {
    padding-top: 28px;
  }
}
@media (max-width: 767px) {
  .sp-t-red {
    padding-top: 24px;
  }
}

.sp-b-red {
  padding-bottom: 28px;
}
@media (max-width: 1024px) {
  .sp-b-red {
    padding-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .sp-b-red {
    padding-bottom: 24px;
  }
}

.sp-v-red {
  padding-top: 28px;
  padding-bottom: 28px;
}
@media (max-width: 1024px) {
  .sp-v-red {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .sp-v-red {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.sp-t-mint {
  padding-top: 32px;
}
@media (max-width: 1024px) {
  .sp-t-mint {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .sp-t-mint {
    padding-top: 28px;
  }
}

.sp-b-mint {
  padding-bottom: 32px;
}
@media (max-width: 1024px) {
  .sp-b-mint {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .sp-b-mint {
    padding-bottom: 28px;
  }
}

.sp-v-mint {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (max-width: 1024px) {
  .sp-v-mint {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .sp-v-mint {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}

.sp-t-purple {
  padding-top: 40px;
}
@media (max-width: 1024px) {
  .sp-t-purple {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .sp-t-purple {
    padding-top: 32px;
  }
}

.sp-b-purple {
  padding-bottom: 40px;
}
@media (max-width: 1024px) {
  .sp-b-purple {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sp-b-purple {
    padding-bottom: 32px;
  }
}

.sp-v-purple {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 1024px) {
  .sp-v-purple {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sp-v-purple {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.sp-t-dark-blue {
  padding-top: 48px;
}
@media (max-width: 1024px) {
  .sp-t-dark-blue {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .sp-t-dark-blue {
    padding-top: 24px;
  }
}

.sp-b-dark-blue {
  padding-bottom: 48px;
}
@media (max-width: 1024px) {
  .sp-b-dark-blue {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sp-b-dark-blue {
    padding-bottom: 24px;
  }
}

.sp-v-dark-blue {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 1024px) {
  .sp-v-dark-blue {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sp-v-dark-blue {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.sp-t-opacity-green {
  padding-top: 64px;
}
@media (max-width: 1024px) {
  .sp-t-opacity-green {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .sp-t-opacity-green {
    padding-top: 24px;
  }
}

.sp-b-opacity-green {
  padding-bottom: 64px;
}
@media (max-width: 1024px) {
  .sp-b-opacity-green {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sp-b-opacity-green {
    padding-bottom: 24px;
  }
}

.sp-v-opacity-green {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (max-width: 1024px) {
  .sp-v-opacity-green {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .sp-v-opacity-green {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.sp-t-green {
  padding-top: 64px;
}
@media (max-width: 1024px) {
  .sp-t-green {
    padding-top: 48px;
  }
}
@media (max-width: 767px) {
  .sp-t-green {
    padding-top: 40px;
  }
}

.sp-b-green {
  padding-bottom: 64px;
}
@media (max-width: 1024px) {
  .sp-b-green {
    padding-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .sp-b-green {
    padding-bottom: 40px;
  }
}

.sp-v-green {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media (max-width: 1024px) {
  .sp-v-green {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .sp-v-green {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.sp-t-fuchsia {
  padding-top: 80px;
}
@media (max-width: 1024px) {
  .sp-t-fuchsia {
    padding-top: 64px;
  }
}
@media (max-width: 767px) {
  .sp-t-fuchsia {
    padding-top: 40px;
  }
}

.sp-b-fuchsia {
  padding-bottom: 80px !important;
}
@media (max-width: 1024px) {
  .sp-b-fuchsia {
    padding-bottom: 64px !important;
  }
}
@media (max-width: 767px) {
  .sp-b-fuchsia {
    padding-bottom: 40px !important;
  }
}

.sp-v-fuchsia {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1024px) {
  .sp-v-fuchsia {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .sp-v-fuchsia {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.sp-t-pink {
  padding-top: 100px;
}
@media (max-width: 1024px) {
  .sp-t-pink {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .sp-t-pink {
    padding-top: 48px;
  }
}

.sp-b-pink {
  padding-bottom: 100px;
}
@media (max-width: 1024px) {
  .sp-b-pink {
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .sp-b-pink {
    padding-bottom: 48px;
  }
}

.sp-v-pink {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 1024px) {
  .sp-v-pink {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .sp-v-pink {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

.sp-t-orange {
  padding-top: 150px;
}
@media (max-width: 1024px) {
  .sp-t-orange {
    padding-top: 64px;
  }
}
@media (max-width: 767px) {
  .sp-t-orange {
    padding-top: 32px;
  }
}

.sp-b-orange {
  padding-bottom: 150px;
}
@media (max-width: 1024px) {
  .sp-b-orange {
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .sp-b-orange {
    padding-bottom: 32px;
  }
}

.sp-v-orange {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media (max-width: 1024px) {
  .sp-v-orange {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .sp-v-orange {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.sp-t-pastel {
  padding-top: 200px;
}
@media (max-width: 1024px) {
  .sp-t-pastel {
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  .sp-t-pastel {
    padding-top: 100px;
  }
}

.sp-b-pastel {
  padding-bottom: 200px;
}
@media (max-width: 1024px) {
  .sp-b-pastel {
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .sp-b-pastel {
    padding-bottom: 100px;
  }
}

.sp-v-pastel {
  padding-top: 200px;
  padding-bottom: 200px;
}
@media (max-width: 1024px) {
  .sp-v-pastel {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .sp-v-pastel {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.d-none {
  display: none;
}

@media (max-width: 1279px) {
  .d-none-lg {
    display: none;
  }
}

@media (max-width: 1024px) {
  .d-none-md {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .d-none-sm {
    display: none !important;
  }
}

.d-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.line {
  border: 1px solid #BDBDBD;
  margin: 6px 0;
}

.f-w-medium {
  font-weight: 500;
}

.icon-comparison {
  cursor: pointer;
}
.icon-comparison path {
  transition: all 0.5s;
}
.icon-comparison:hover path {
  fill: #B6B6B6;
  transition: all 0.5s;
}

.icon-delete {
  cursor: pointer;
}
.icon-delete path {
  transition: all 0.5s;
}
.icon-delete:hover path {
  fill: #B6B6B6;
  transition: all 0.5s;
}

.html {
  scroll-behavior: smooth;
}

.page {
  overflow: hidden;
}

.header {
  position: fixed;
  z-index: 100;
  width: 100%;
}
.header__desktop {
  position: relative;
  /* Цвет фона полосы прокрутки */
  /* Цвет самой полосы прокрутки */
}
@media (max-width: 1024px) {
  .header__desktop {
    display: none;
  }
}
.header__desktop .header__desktop-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgb(255, 252, 245) 0%, rgba(255, 252, 245, 0) 100%);
  transition: all 0.6s;
}
.header__desktop .header-scroll {
  animation: myAnimation 0.6s ease-in-out forwards;
}
@keyframes myAnimation {
  from {
    top: 0;
  }
  to {
    opacity: 0;
    top: -90px;
  }
}
.header__desktop .header-scroll-two {
  animation: myAnimation2 0.6s ease-in-out forwards;
}
@keyframes myAnimation2 {
  from {
    top: -90px;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.header__desktop .header__desktop-cover-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  opacity: 0;
  /* background: #FFFCF5; */
  background: #fffffe;
  transition: all 0.6s;
}
.header__desktop .header-scroll-three {
  animation: myAnimation3 0.6s ease-in-out forwards;
}
@keyframes myAnimation3 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.header__desktop .header-scroll-four {
  animation: myAnimation4 0.4s ease-in-out forwards;
}
@keyframes myAnimation4 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.header__desktop .header__wrapper {
  position: relative;
}
.header__desktop .header__wrapper .col {
  position: relative;
  z-index: 10;
}
.header__desktop .header__top {
  display: flex;
  justify-content: space-between;
}
.header__desktop .header__top ul {
  display: flex;
  gap: 32px;
  list-style-type: none;
}
.header__desktop .header__contact {
  display: flex;
  gap: 8px;
}
.header__desktop .header__v-line {
  border-right: 1px solid #303030;
}
.header__desktop .header__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.header__desktop .header__logo-desk {
width: 100%;
    max-width: 207px;
    height: 58px;
    background: url(/dist/assets/icon/header_logo_desk2.svg) no-repeat center;
    background-size: contain;

}
.header__desktop .header__average {
  display: flex;
  gap: 24px;
  width: 100%;
  max-width: 1010px;
}
.header__desktop .header__search-container {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 595px;
}
.header__desktop .header__search-input {
  padding: 12px 24px;
  outline: none;
  width: 100%;
  background: unset;
  border-bottom: 1px solid #333333;
}
.header__desktop .header__search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/dist/assets/icon/header_search_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.header__desktop .header__search-icon.active {
  background: url("/dist/assets/icon/header_search_icon_close.svg");
}
.header__desktop .header__right {
  display: flex;
  gap: 32px;
}
.header__desktop .header__icons {
  display: flex;
  gap: 24px;
}
.header__desktop .header__comparison {
  position: relative;
  width: 48px;
  height: 48px;
  background: url("/dist/assets/icon/header_comparison_icon_primary.svg?v=1442") no-repeat center;
  transition: all 0.5s;
  cursor: pointer;
}
.header__desktop .header__comparison:hover {
  background: url("/dist/assets/icon/header_comparison_icon_primary_hover.svg?i=444") no-repeat center;
  transition: all 0.5s;
}
.header__desktop .header__basket {
  position: relative;
  width: 48px;
  height: 48px;
  background: url("/dist/assets/icon/header_basket_icon_primary.svg?v=142") no-repeat center;
  transition: all 0.5s;
  cursor: pointer;
}
.header__desktop .header__basket:hover {
  background: url("/dist/assets/icon/header_basket_icon_primary_hover.svg") no-repeat center;
  transition: all 0.5s;
}
.header__desktop .header__ctoggleButton {
  position: relative;
}
.header__desktop .header__toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.header__desktop .open-catalog {
  animation: scale-up-ver-top 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) alternate both;
}
@keyframes scale-up-ver-top {
  0% {
    transform: scaleY(0);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
  }
}
.header__desktop .close-catalog {
  animation: scale-down-ver-top 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) alternate both;
}
@keyframes scale-down-ver-top {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 100% 0%;
  }
}
.header__desktop .header-click {
  background: #FFFFFF;
}
.header__desktop .header-click .button-block__icon {
  background: url("/dist/assets/icon/header_search_icon_close.svg");
}
.header__desktop .header-click p {
  color: #4F4F4F;
}
.header__desktop .header__catalog {
  height: 100vh;
  /* background: #FFFCF5; */
  background: #fffffe;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  transform: scaleY(0);
}
.header__desktop .header__catalog .container {
  overflow-y: scroll;
}
.header__desktop .container::-webkit-scrollbar {
  width: 10px;
  /* Ширина полосы прокрутки */
}
.header__desktop .container::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Цвет фона полосы прокрутки */
}
.header__desktop .container::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 8px;
  /* Цвет самой полосы прокрутки */
}
.header__desktop .header__catalog-block {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding-left: 20%;
  height: 50vh;
  opacity: 0;
}
@media (max-width: 1279px) {
  .header__desktop .header__catalog-block {
    padding-left: unset;
  }
}
.header__desktop .header__menu-bottom {
  display: flex;
  justify-content: space-between;
  gap: 100px;
}
.header__desktop .header__category-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.header__desktop .header__category-item h4,
.header__desktop li {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.header__desktop .header__category-item .header__subcategory-list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1.5s ease;
}
.header__desktop .header__category-item:hover .header__subcategory-list {
  max-height: 400px;
  /* Максимальная высота для раскрытия списка */
}
.header__desktop .header__category-item li {
  transition: 0.5s ease;
  border-bottom: 1px solid transparent;
  transition: border-bottom 1s ease;
}
.header__desktop .header__category-item li:hover {
  color: #303030;
  border-bottom: 1px solid #303030;
}
.header__desktop .header__category-item li:hover a {
  color: #303030;
  transition: 0.5s ease;
}
.header__desktop .header__main-menu-item a,
.header__desktop h4 {
  transition: 0.5s ease;
  border-bottom: 1px solid transparent;
  transition: border-bottom 1s ease;
}
.header__desktop .header__main-menu-item a:hover,
.header__desktop h4:hover {
  color: #303030;
  border-bottom: 1px solid #303030;
}
.header__desktop .header__main-menu-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  display: none;
}
.header__desktop .header__main-menu-item a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.header__desktop .header__catalog-promo {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
  width: 320px;
  max-height: 435px;
  padding-bottom: 16px;
}
.header__desktop .header__catalog-promo .header__image {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.header__desktop .header__catalog-promo .header__image img {
  height: 100%;
}
@media (max-width: 1279px) {
  .header__desktop .button-block__transparent-small {
    display: none;
  }
}
.header .header-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .header .header-mobile {
    display: block;
  }
}
.header .header-mobile__wrapper {
  /* padding-top: 43px; */
}
.header .header-mobile__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .header-mobile__image img {
  width: -moz-fit-content;
  width: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}
.header .header-mobile__top-btn {
  width: 24px;
  height: 24px;
  background: url("/dist/assets/icon/small_list_icon_black.svg") no-repeat center;
  cursor: pointer;
}
.header .header-mobile__overflow {
  overflow-y: auto;
  height: calc(100vh - 266px);
}
.header .header-mobile__catalog {
  display: none;
  height: calc(100vh - 99px);
  padding: 0 15px;
  padding-top: 32px;
}
.header .header-mobile__overflow {
  position: relative;
}
.header .header-mobile__menu {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.header .header-mobile__menu-ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.header .header-mobile__contact {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.header .header-mobile__contact a {
  width: -moz-fit-content;
  width: fit-content;
  color: #022873;
}
.header .header-mobile__contact a:first-child {
  border-bottom: 2px solid #022873;
}
.header .header-mobile__menu-one {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-primary);
}
.header .header-mobile__link-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 450px;
}
.header .header-mobile__menu-one .header-mobile__image {
  display: block;
  height: 100%;
  max-height: 318px;
  padding-top: 32px;
  padding-bottom: 32px;
}
.header .header-mobile__menu-one .header-mobile__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .header-mobile .button-block__red-large {
  padding-right: 0;
  padding-left: 0;
}
.header .header-mobile__menu-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-primary);
  display: none;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
.header .transparent .button-block__transparent-small {
  background: var(--bg-white-opasity20);
  outline: 1px solid var(--bg-white);
}
.header .transparent .button-block__transparent-small p {
  color: var(--text-white);
}
.header .transparent .button-block__transparent-small:hover {
  background: var(--bg-white);
}
.header .transparent .button-block__transparent-small:hover p {
  color: var(--text-primary);
}
.header .transparent .button-block__small-list {
  _background: var(--bg-white);
}
.header .transparent .button-block__small-list .button-block__icon {
  _background: url("/dist/assets/icon/small_list_icon_black.svg") no-repeat center;
}
.header .transparent .button-block__small-list p {
  _color: var(--text-primary);
}
.header .transparent .header__search-input {
  _border-bottom: 1px solid #FFFFFF;
  _color: #FFFFFF;
  _transition: all 1.5s;
}
.header .transparent .header__search-input::-moz-placeholder {
  _color: #FFFFFF;
  _-moz-transition: all 1.5s;
  _transition: all 1.5s;
}
.header .transparent .header__search-input::placeholder {
  _color: #FFFFFF;
  _transition: all 1.5s;
}
.header .transparent .header__search-icon {
  _background: url("/dist/assets/icon/header_search_icon_white.svg");
}
.header .transparent .header__search-icon.active {
  background: url("/dist/assets/icon/header_search_icon_close_white.svg");
}
/*
abv
.header .transparent .header__logo-desk {
  max-width: 238px;
  height: 53px;
  margin-left: -55px;
  background: url("/dist/assets/icon/header_logo_desk_transparent.svg") no-repeat center;
  background-size: contain;
}
*/
.item-count {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #D7192D;
  font-size: 10px;
  color: #fff;
}

.header-bottom {
  display: none;
}
@media (max-width: 1024px) {
  .header-bottom {
    display: block;
    position: fixed;
    z-index: 30;
    bottom: 20px;
    left: 0;
    width: 100%;
  }
}
.header-bottom__wrapper {
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  /* background: #FFFCF5; */
  background: #fffffe;
  border: 1px solid #BDBDBD;
  border-radius: 16px;
}
.header-bottom__wrapper a {
  display: block;
  width: 100%;
  max-width: 48px;
  height: 48px;
}
.header-bottom__catalog {
  background: url("/dist/assets/icon/header_bottom_catalog.svg") no-repeat center;
}
.header-bottom__search {
  background: url("/dist/assets/icon/header_bottom_search.svg") no-repeat center;
}
.header-bottom__comparison {
  background: url("/dist/assets/icon/header_comparison_icon_primary_mobile.svg?r=5") no-repeat center;
}
.header-bottom__basket {
  background: url("/dist/assets/icon/header_bottom_basket.svg") no-repeat center;
}

.header-padding {
  padding-top: 129px;
}
@media (max-width: 1024px) {
  .header-padding {
    padding-top: 107px;
  }
}
.header-padding--transparent {
  padding-top: unset;
}
@media (max-width: 1024px) {
  .header-padding--transparent {
    /* padding-top: 99px; */
    padding-top: 64px;
  }
}

.header-padding-top {
  padding-top: 130px;
}

.main-cover {
  /* background: #FFFCF5; */
  background: #fffffe;
  position: relative;
  height: 100vh;
}
@media (max-width: 1024px) {
  .main-cover {
    height: calc(100vh - 64px);
  }
}
@media (max-width: 767px) {
  .main-cover {
    height: calc(100vh - 120px);
  }
}
.main-cover__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-cover__image img {
  height: 100%;
}
.main-cover__desk {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 300px;
}
@media (max-width: 1024px) {
  .main-cover__desk {
    height: 340px;
  }
}
@media (max-width: 1024px) {
  .main-cover__desk .row {
    gap: 24px;
  }
}
.main-cover .swiper {
  height: 100%;
}
.main-cover .swiper-slide {
  display: flex;
  align-items: flex-end;
}
.main-cover .swiper-horizontal > .swiper-scrollbar,
.main-cover .swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: 300px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #BDBDBD;
}
@media (max-width: 1024px) {
  .main-cover .swiper-horizontal > .swiper-scrollbar,
  .main-cover .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 340px;
  }
}
.main-cover .swiper-scrollbar-drag {
  height: 6px;
  background: #FFFFFF;
  border-radius: 0;
}
.main-cover .swiper-button-next {
  top: unset;
  bottom: 200px;
  right: 50px;
  width: 48px;
  height: 48px;
  background: url("/dist/assets/icon/main_cover_btn_icon.svg") no-repeat center;
}
@media (max-width: 767px) {
  .main-cover .swiper-button-next {
    display: none;
    bottom: 8px;
  }
}
.main-cover .swiper-button-prev {
  top: unset;
  bottom: 200px;
  left: unset;
  right: 110px;
  width: 48px;
  height: 48px;
  background: url("/dist/assets/icon/main_cover_btn_icon.svg") no-repeat center;
  transform: rotate(180deg);
}
@media (max-width: 767px) {
  .main-cover .swiper-button-prev {
    display: none;
    bottom: 8px;
  }
}
.main-cover .swiper-button-next:after,
.main-cover .swiper-button-prev:after {
  display: none;
}

.products__head {
  display: flex;
  align-items: end;
  gap: 24px;
}
@media (max-width: 767px) {
  .products__head {
    flex-direction: column;
    align-items: unset;
    gap: 6px;
  }
}
.products .button-block {
  padding-bottom: 10px;
}
@media (max-width: 1024px) {
  .products .button-block {
    padding-bottom: unset;
  }
}
.products__block {
  display: flex;
  gap: 10px;
}
@media (max-width: 1279px) {
  .products__block {
    flex-wrap: wrap;
  }
}
@media (max-width: 1024px) {
  .products__block {
    flex-wrap: unset;
    flex-direction: column;
  }
}
.products__item {
  position: relative;
  flex: 1;
  height: 580px;
  cursor: pointer;
  transition: 1s;
}
@media (max-width: 1279px) {
  .products__item {
    flex: unset;
    width: 32.6%;
  }
}
@media (max-width: 1024px) {
  .products__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .products__item {
    height: 220px;
  }
}
.products__item:hover {
  flex: 2.05;
  transition: 1s;
}
.products__item:hover .products__icon {
  opacity: 1;
  transition: 1s ease;
}
.products__item:hover h4 {
  padding-right: 60px;
  color: #FFFFFF;
  transition: 0.5s ease;
}
@media (max-width: 1279px) {
  .products__item:hover {
    flex: unset;
    transition: unset;
  }
}
.products__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.products__image img {
  height: 100%;
}
.products__blackout {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 56, 90, 0.4);
  transition: 1s;
}
.products__blackout:hover {
  background: unset;
  transition: 1s;
}
@media (max-width: 1024px) {
  .products__blackout {
    display: none;
  }
}
.products__card-link {
  z-index: 5;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 68px;
  padding: 24px;
  background: rgba(3, 4, 29, 0.2);
}
.products__card-link h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.5019607843);
  transition: 1s ease;
}
@media (max-width: 1279px) {
  .products__card-link h4 {
    padding-right: 60px;
  }
}
@media (max-width: 1024px) {
  .products__card-link h4 {
    color: #FFFFFF;
  }
}
.products__icon {
  width: 100%;
  max-width: 48px;
  height: 48px;
  opacity: 0;
  /* начальная прозрачность - элемент невидимый */
  position: absolute;
  /* абсолютное позиционирование, чтобы разместить иконку над изображением */
  top: 50%;
  /* позиция по вертикали в центре относительно родительского элемента */
  right: 0;
  /* позиция по горизонтали в центре относительно родительского элемента */
  transform: translate(-50%, -50%);
  /* центрирование иконки */
  transition: 0.5s ease;
  /* анимация прозрачности */
}
@media (max-width: 1279px) {
  .products__icon {
    opacity: 1;
  }
}

.products-page__head {
  display: flex;
  align-items: end;
  gap: 24px;
}
@media (max-width: 767px) {
  .products-page__head {
    flex-direction: column;
    align-items: unset;
    gap: 6px;
  }
}
.products-page__block {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.products-page__item {
  position: relative;
  display: block;
  height: 580px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .products-page__item {
    height: 220px;
  }
}
.products-page__item:hover .products-page__icon,
.products-page__item:hover .products__icon {
  opacity: 1;
  transition: 1s ease;
}
.products-page__item:hover h4 {
  padding-right: 60px;
  color: #FFFFFF;
  transition: 0.5s ease;
  white-space: normal;
}
@media (max-width: 1279px) {
  .products-page__item:hover {
    flex: unset;
    transition: unset;
  }
}
.products-page__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.products-page__image img {
  height: 100%;
}
.products-page__blackout {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 56, 90, 0.4);
  transition: 1s;
}
.products-page__blackout:hover {
  background: unset;
  transition: 1s;
}
@media (max-width: 1024px) {
  .products-page__blackout {
    display: none;
  }
}
.products-page__card-link {
  z-index: 5;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 68px;
  padding: 24px;
  background: rgba(3, 4, 29, 0.35);
}
.products-page__item:hover .products-page__card-link {
  height: auto;
}
.products-page__card-link h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.5019607843);
  transition: 1s ease;
}
@media (max-width: 1279px) {
  .products-page__card-link h4 {
    padding-right: 60px;
  }
}
@media (max-width: 1024px) {
  .products-page__card-link h4 {
    color: #FFFFFF;
  }
}
.products-page__icon {
  width: 100%;
  max-width: 48px;
  height: 48px;
  opacity: 0;
  /* начальная прозрачность - элемент невидимый */
  position: absolute;
  /* абсолютное позиционирование, чтобы разместить иконку над изображением */
  top: 50%;
  /* позиция по вертикали в центре относительно родительского элемента */
  right: 0;
  /* позиция по горизонтали в центре относительно родительского элемента */
  transform: translate(-50%, -50%);
  /* центрирование иконки */
  transition: 0.5s ease;
  /* анимация прозрачности */
}
@media (max-width: 1279px) {
  .products-page__icon {
    opacity: 1;
  }
}

.confidence {
  position: relative;
  overflow: hidden;
  height: 946px;
  background: #022873;
}
@media (max-width: 1024px) {
  .confidence {
    height: 700px;
  }
}
.confidence__wrapper {
  z-index: 8;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .confidence__wrapper {
    flex-direction: column;
    gap: 80px;
  }
}
.confidence__image {
  z-index: -1;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
}
@media (max-width: 1279px) {
  .confidence__image {
    right: -200px;
  }
}
@media (max-width: 767px) {
  .confidence__image {
    display: flex;
    align-items: end;
    top: 190px;
    right: -70px;
  }
}
@media (max-width: 767px) {
  .confidence svg {
    width: 100%;
    height: 100%;
  }
}
@keyframes draw {
  from {
    stroke-dashoffset: 2000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.confidence path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
}

.supporting__image {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}
@media (max-width: 767px) {
  .supporting__image {
    display: flex;
    align-items: flex-start;
  }
}
.supporting__image img {
  width: 170px;
}
@media (max-width: 767px) {
  .supporting__image img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.supporting__desk-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-left: 30px;
}
@media (max-width: 1024px) {
  .supporting__desk-block {
    padding-left: 0;
  }
}
.supporting__deskcription {
  padding-right: 50px;
}
@media (max-width: 1024px) {
  .supporting__deskcription {
    padding-right: 32px;
  }
}
.supporting__content {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}
.supporting__ctoggleButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
}
.supporting__toggle {
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.supporting__bottom-block {
  display: flex;
}
.supporting__bottom-block div {
  flex: 1;
}
.supporting__tag {
  display: flex;
  align-items: center;
  gap: 4px;
}
.supporting__tag img {
  width: 16px;
  height: 16px;
}

.history__item {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1024px) {
  .history__item {
    flex-direction: column;
    align-items: unset;
  }
}
.history__image {
  width: 100%;
}
.history__image img {
  width: 100%;
}
@media (max-width: 1024px) {
  .history__image img {
    height: 350px;
  }
}
.history__desk {
  width: 100%;
  max-width: 500px;
}
@media (max-width: 1024px) {
  .history__desk {
    max-width: unset;
  }
}
.history .mySwiper .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.history .mySwiper .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.history .mySwiper .swiper-slide-thumb-active p {
  color: #fff;
}

.about-work__wrapper {
  display: flex;
}
@media (max-width: 1024px) {
  .about-work__wrapper {
    flex-direction: column;
    gap: 40px;
  }
}
.about-work__image {
  text-align: right;
}
.about-work__image img {
  width: 350px;
  height: 445px;
}
.about-work__info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 66px;
}
@media (max-width: 1024px) {
  .about-work__info {
    padding-bottom: unset;
  }
}
.about-work__icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 1024px) {
  .about-work__icon {
    top: -200%;
  }
}

@media (max-width: 1024px) {
  .projects__item .row {
    gap: 24px;
  }
}
.projects__image {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
}
.projects__desk-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.projects__deskcription {
  padding-right: 50px;
}
@media (max-width: 1024px) {
  .projects__deskcription {
    padding-right: 32px;
  }
}
.projects__content {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}
.projects__ctoggleButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
}
.projects__toggle {
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.projects__bottom-block {
  display: flex;
}
.projects__bottom-block div {
  flex: 1;
}
.projects__tag {
  display: flex;
  align-items: center;
  gap: 4px;
}
.projects__tag img {
  width: 16px;
  height: 16px;
}

.partners {
  position: relative;
}
.partners .button-block {
  padding-bottom: 10px;
}
.partners .button-block .button-block__btn-link:hover {
  border-bottom: 1px solid #FFFFFF;
}
@media (max-width: 1024px) {
  .partners .button-block {
    padding-bottom: unset;
  }
}
.partners .button-block .button-block__icon {
  background: url("/dist/assets/icon/btn_link_icon_white.svg") no-repeat center;
}
.partners__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/dist/assets/image/main_general.jpg") no-repeat top;
  background-size: cover;
  background-attachment: fixed;
}
.partners__wrapper {
  position: relative;
  z-index: 5;
}
.partners__header {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
@media (max-width: 767px) {
  .partners__header {
    flex-direction: column;
    align-items: unset;
    gap: 12px;
  }
}
.partners .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}
.partners .swiper-slide img {
  width: 299px;
  height: 122px;
}

.news-articles {
  position: relative;
  z-index: 5;
}
.news-articles a:hover .news-articles__image img {
  scale: 1.1;
}
.news-articles .button-block {
  padding-bottom: 10px;
}
@media (max-width: 1024px) {
  .news-articles .button-block {
    padding-bottom: unset;
  }
}
.news-articles__header {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
@media (max-width: 767px) {
  .news-articles__header {
    flex-direction: column;
    align-items: unset;
    gap: 12px;
  }
}
.news-articles__block {
  display: flex;
}
@media (max-width: 1024px) {
  .news-articles__block {
    flex-direction: column;
    gap: 16px;
  }
}
.news-articles__image {
  overflow: hidden;
}
.news-articles__image img {
  height: 520px;
  transition: all 1s;
}
@media (max-width: 1024px) {
  .news-articles__image img {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .news-articles__image img {
    height: 222px;
  }
}
.news-articles__position-tag {
  display: flex;
  gap: 8px;
}

.event-card a:hover .event-card__image img {
  scale: 1.1;
}
.event-card__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.event-card__image {
  overflow: hidden;
}
.event-card__image img {
  height: 520px;
  transition: all 1s;
}
@media (max-width: 1024px) {
  .event-card__image img {
    height: 500px;
  }
}
@media (max-width: 767px) {
  .event-card__image img {
    height: 222px;
  }
}
.event-card__position-tag {
  display: flex;
  gap: 8px;
}

.write {
  background: url("/dist/assets/image/main_general.jpg") no-repeat bottom;
  background-size: cover;
}
.write__wrapper {
  display: flex;
}
@media (max-width: 1024px) {
  .write__wrapper {
    flex-direction: column;
    gap: 16px;
  }
}

.form {
  display: flex;
  flex-direction: column;
  padding: 32px;
}
@media (max-width: 767px) {
  .form {
    padding: 28px 16px;
  }
}
.form__group input {
  width: 100%;
  height: 48px;
  padding: 12px 0;
  background: unset;
  border-bottom: 1px solid #333333;
}
.form__group textarea {
  overflow: hidden;
  width: 100%;
  height: 48px;
  padding: 12px 0;
  background: unset;
  border-bottom: 1px solid #333333;
  resize: none;
}
.form__group-btn {
  display: flex;
  gap: 32px;
}
.form__file {
  cursor: pointer;
}

.search-results__item {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
}
.search-results__icon {
  width: 100%;
  max-width: 32px;
  height: 32px;
  background: url("/dist/assets/icon/search_results_icon.svg") no-repeat center;
}

.cover-about__wrapper {
  background: url("/dist/assets/image/cover_about_image.jpg") no-repeat center;
  background-size: cover;
}
.cover-about__block {
  display: flex;
  flex-wrap: wrap;
  padding-top: 192px;
}
@media (max-width: 1024px) {
  .cover-about__block {
    gap: 64px;
    padding-top: 164px;
  }
}
@media (max-width: 1024px) {
  .cover-about__item {
    text-align: center;
  }
}
.cover-about__item .font-h5 {
  width: 100%;
  max-width: 390px;
}
@media (max-width: 1024px) {
  .cover-about__item .font-h5 {
    max-width: unset;
  }
}
@media (max-width: 1024px) {
  .cover-about h1 {
    text-align: center;
  }
}

.who__item {
  display: flex;
}
@media (max-width: 1024px) {
  .who__item {
    flex-direction: column;
    gap: 32px;
  }
}
.who__ul {
  display: flex;
  align-items: center;
  gap: 16px;
}
.who__li {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.video__wrapper {
  display: flex;
  justify-content: center;
}
.video video {
  width: 100%;
  max-width: 2560px;
  cursor: pointer;
}

.high-rise__block {
  display: flex;
  flex-wrap: wrap;
  row-gap: 32px;
}

.principle__wrapper {
  position: relative;
}
.principle__image {
  position: absolute;
  left: -60px;
  width: 100%;
}
@media (max-width: 1024px) {
  .principle__image {
    position: unset;
    padding-bottom: 32px;
    transform: translateX(-20px);
  }
}
.principle__image img {
  width: unset;
}
.principle__block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 70px;
}
@media (max-width: 1024px) {
  .principle__block {
    gap: 30px;
  }
}
.principle__item {
  display: flex;
  align-items: center;
  gap: 50px;
  border-bottom: 1px solid #FFFFFF;
}
@media (max-width: 1279px) {
  .principle__item {
    flex-direction: column-reverse;
  }
}
@media (max-width: 1024px) {
  .principle__item {
    gap: 20px;
  }
}
.principle__item p {
  width: 100%;
}
.principle .font-h3 {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: right;
}
@media (max-width: 1279px) {
  .principle .font-h3 {
    max-width: unset;
  }
}
@media (max-width: 1024px) {
  .principle .font-h3 {
    text-align: unset;
  }
}

.job-company__content {
  display: flex;
}
@media (max-width: 1024px) {
  .job-company__content {
    flex-direction: column;
    gap: 16px;
  }
}
.job-company__header {
  display: flex;
  align-items: flex-end;
  gap: 24px;
}
@media (max-width: 767px) {
  .job-company__header {
    flex-direction: column;
    align-items: unset;
    gap: 12px;
  }
}
.job-company .button-block {
  padding-bottom: 10px;
}
.job-company .button-block .button-block__btn-link:hover {
  border-bottom: 1px solid #FFFFFF;
}
@media (max-width: 1024px) {
  .job-company .button-block {
    padding-bottom: unset;
  }
}
.job-company .button-block .button-block__icon {
  background: url("/dist/assets/icon/btn_link_icon_white.svg") no-repeat center;
}
.job-company__geo {
  display: flex;
  align-items: center;
}
.job-company__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 1024px) {
  .job-company__right {
    align-items: unset;
  }
}
.job-company__tag {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
@media (max-width: 1024px) {
  .job-company__tag {
    justify-content: unset;
  }
}
.job-company__icon {
  width: -moz-fit-content;
  width: fit-content;
}
.job-company__icon img {
  max-width: -moz-fit-content;
  max-width: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}

.thank-you__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.thank-you .button-block {
  width: -moz-fit-content;
  width: fit-content;
}

.page404 {
  height: 100vh;
}
.page404__wrapper {
  height: 100%;
  background: url("/dist/assets/image/page404_image.jpg") no-repeat center;
  background-size: cover;
}
.page404__block {
  display: flex;
}
.page404__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page404 .button-block {
  width: -moz-fit-content;
  width: fit-content;
}

.catalog__block {
  display: flex;
}
@media (max-width: 1024px) {
  .catalog__block {
    position: relative;
  }
}
.catalog__ctoggleButton {
  width: 100%;
  max-width: 26px;
  height: 26px;
  background-size: contain;
}
.catalog__toggle {
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
@media (max-width: 1024px) {
  .catalog__desk-mob {
    display: none;
    position: absolute;
    top: 130px;
    z-index: 100;
  }
}
@media (max-width: 767px) {
  .catalog__desk-mob {
    top: 100px;
  }
}
.catalog__btn-open {
  display: none;
}
@media (max-width: 1024px) {
  .catalog__btn-open {
    display: flex;
    cursor: pointer;
  }
}
.catalog__btn-close {
  display: none;
}
@media (max-width: 1024px) {
  .catalog__btn-close {
    display: flex;
    cursor: pointer;
  }
}
.catalog__sign {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.catalog__sign-info {
  display: none;
  position: absolute;
  top: 35px;
  left: 0;
  z-index: 100;
  padding: 12px;
  border-radius: 20px;
  background: #fff;
  cursor: auto;
}
.catalog__filters-name {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.catalog__filters {
  padding-right: 55px;
}
.catalog__filters-check {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.catalog__filters-check > p {
  flex-grow: 1;
  min-width: 0;
}
.catalog__filters-check input {
  width: 100%;
  max-width: 26px;
  width: 26px;
  height: 26px;
  margin-right: 0;
  margin-left: auto;
  display: block;
}
.catalog__block-card {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.catalog__card-item {
  position: relative;
  flex: 1 0 32%;
  max-width: 33%;
  height: 447px;
  background: gray;
  cursor: pointer;
}
@media (max-width: 1279px) {
  .catalog__card-item {
    flex: 1 0 49%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .catalog__card-item {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
.catalog__card-item:hover .catalog__card-hover {
  opacity: 1;
  transition: all 0.3s;
}
.catalog__card-item:hover .catalog__bottom-icon {
  background: url("/dist/assets/icon/header_basket_icon_primary_hover.svg") no-repeat center;
  transition: all 0.3s;
}
.catalog__image-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.catalog__image-item img {
  height: 100%;
}
.catalog__card-info {
  position: relative;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
}
.catalog__card-hover {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px 24px 0 24px;
  width: 100%;
  height: 100%;
  background: rgba(3, 4, 29, 0.2);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  opacity: 0;
  transition: all 0.3s;
}
.catalog__card-item-h {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.catalog .catalog__card-bottom {
  display: flex;
  gap: 16px;
  padding: 16px 24px;
  background: rgba(3, 4, 29, 0.2);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.catalog__bottom-icon {
  width: 100%;
  max-width: 48px;
  height: 48px;
  background: url("/dist/assets/icon/header_basket_icon_primary.svg") no-repeat center;
  transition: all 0.3s;
}
.catalog__seo h3 {
  font-family: TT Neoris Trial;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  color: var(--text-primary);
}
.catalog__seo ul {
  padding-top: 20px;
}
.catalog__seo li,
.catalog__seo p {
  font-family: TT Neoris Trial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  color: var(--text-primary);
}
.toddler {
  display: flex;
  align-items: center;
  gap: 10px;
}
.toddler .input-block {
  display: flex;
}
.toddler input {
  width: 28px;
  background: unset;
}
.toddler .noUi-horizontal .noUi-handle {
  right: -6px;
  top: -5px;
  width: 12px;
  height: 12px;
  background: #4F4F4F;
  box-shadow: unset;
  border-radius: 50%;
}
.toddler .noUi-handle:after,
.toddler .noUi-handle:before {
  content: unset;
}
.toddler .noUi-horizontal {
  width: 100%;
  height: 2px;
  border: unset;
}
.toddler .noUi-connect {
  background: #4F4F4F;
}
.toddler .noUi-connects {
  background: #A6A6A6;
}

.catalog-desk ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 30px;
}
.catalog-desk li {
  list-style: disc;
}

.main-card__wrapper {
  display: flex;
}
@media (max-width: 1279px) {
  .main-card__wrapper {
    flex-direction: column;
    gap: 32px;
  }
}
@media (max-width: 1024px) {
  .main-card__wrapper {
    flex-direction: column;
    gap: 32px;
  }
}
.main-card__slider-block {
  display: flex;
  gap: 10px;
  height: 614px;
}
@media (max-width: 1279px) {
  .main-card__slider-block {
    height: 100%;
    height: 500px;
  }
}
@media (max-width: 767px) {
  .main-card__slider-block {
    height: 330px;
  }
}
.main-card .mySwiper-main-card {
  width: 100%;
  max-width: 143px;
}
@media (max-width: 1024px) {
  .main-card .mySwiper-main-card {
    height: 500px;
    max-height: 100%;
  }
}
@media (max-width: 767px) {
  .main-card .mySwiper-main-card {
    max-width: unset;
    padding-bottom: 20px;
  }
}
.main-card .mySwiper-main-card img {
  height: 146px;
}
@media (max-width: 767px) {
  .main-card .mySwiper-main-card img {
    height: 100%;
  }
}
.main-card .mySwiper-main-card .swiper-slide {
  height: auto !important;
  cursor: pointer;
}
.main-card .mySwiper-main-card2 {
  width: 100%;
  cursor: pointer;
}
.main-card .mySwiper-main-card2 img {
  height: 100%;
}
.main-card .swiper-pagination {
  display: none;
}
@media (max-width: 767px) {
  .main-card .swiper-pagination {
    display: block;
  }
}
.main-card .swiper-horizontal > .swiper-pagination-bullets,
.main-card .swiper-pagination-bullets.swiper-pagination-horizontal,
.main-card .swiper-pagination-custom,
.main-card .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 0px);
}
.main-card .swiper-pagination-bullet-active {
  background: #333333;
}
.main-card__rating-block {
  display: flex;
  justify-content: space-between;
}
.main-card__star-rating {
  font-size: 0;
}
.main-card__star {
  font-size: 24px;
  color: #ccc;
}
.main-card__star.fill {
  color: #D7192D;
}
.main-card__select {
  width: 100%;
  max-width: 315px;
  padding: 12px 16px;
  border: 1px solid #333333;
}
.main-card__select option {
  border-radius: 0;
  background-color: #fff;
  color: #333;
}
.main-card__block-colors {
  display: flex;
  align-items: center;
  gap: 16px;
}
.main-card__item-color {
  width: 32px;
  height: 32px;
  background: gray;
  cursor: pointer;
}
.main-card__bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1024px) {
  
  .main-card__bottom.pc_hide  {
    position: fixed;
    z-index: 25;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 20px 104px 20px;
    /* background: #FFFCF5; */
    background: #fffffe;
    box-shadow: 0px -4px 20px 0px rgba(0, 0, 0, 0.1);
  }
}
.main-card__bottom-links {
  display: flex;
  gap: 32px;
}
.main-card__icon-comparison {
  width: 100%;
  max-width: 48px;
  height: 48px;
  background: url("/dist/assets/icon/header_comparison_icon_primary_hover.svg?i=4") no-repeat center;
  cursor: pointer;
}
.main-card__price-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .main-card__price-mobile {
    display: block;
  }
}
.main-card .main-card__bottom-links .button-block {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .main-card .main-card__bottom-links .button-block {
    width: 100%;
  }
  .main-card .main-card__bottom-links .button-block .btn_buy {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .main-card .button-block__red-large {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.main-card .mySwiper-popup img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-card .popup-slider {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.main-card .popup-slider .swiper {
  width: 80%;
  height: 80%;
}
.main-card .close-popup {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: white;
  cursor: pointer;
}
.main-card .popup-slider .swiper-button-next,
.main-card .swiper-button-prev {
  color: #FFF;
}

.sticky-link {
  position: sticky;
  z-index: 10;
  top: 40px;
  display: block;
}
@media (max-width: 1024px) {
  .sticky-link {
    top: 64px;
  }
}
.sticky-link__block {
  display: flex;
  align-items: center;
  gap: 16px;
}
.sticky-link__li {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #4F4F4F;
}

.specification-card {
  overflow: hidden;
  /* Цвет фона полосы прокрутки */
  /* Цвет самой полосы прокрутки */
}
.specification-card__table {
  white-space: nowrap;
  overflow-x: hidden;
  overflow-x: auto;
}
.specification-card .specification-card__table::-webkit-scrollbar {
  height: 10px;
  /* Ширина полосы прокрутки */
}
.specification-card .specification-card__table::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Цвет фона полосы прокрутки */
}
.specification-card .specification-card__table::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 8px;
  /* Цвет самой полосы прокрутки */
}
.specification-card__table-row {
  display: flex;
  padding: 16px 0;
  border-bottom: 1px solid #DBDBDB;
  min-width: fit-content;
}
.specification-card__table-row:first-child {
  border-bottom: unset;
}
.specification-card__table-item {
  flex: 1;
  min-width: 120px;
}

.description-card__block {
  display: flex;
}
.description-card .swiper-slide {
  width: 100%;
  max-width: 295px;
}
.description-card ul {
  padding-left: 20px;
}
.description-card ul li {
  list-style-type: disc;
}

.documentation-card__block {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.documentation-card__item {
  display: flex;
  gap: 32px;
  padding: 24px;
}
.documentation-card__image {
  width: 100%;
  max-width: 116px;
}
.documentation-card__image img {
  -o-object-fit: contain;
     object-fit: contain;
}
.documentation-card__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.documentation-card__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.documentation-card__icon {
  width: 100%;
  min-width: 32px;
  height: 32px;
  background: url("/dist/assets/icon/download_icon_32.svg") no-repeat center;
}

.accessories-card__block {
  display: flex;
}
.accessories-card .swiper-wrapper {
  cursor: grab;
}
.accessories-card .swiper-slide {
  width: 100%;
  max-width: 446px;
}

.reviews-card {
  /* Скрыть стандартное отображение выпадающего списка */
  /* Стили для выбранных опций (фильтров) */
}
.reviews-card__filter-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reviews-card .reviews-filter {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 10px;
  background: var(--bg-primary);
}
.reviews-card .reviews-filter option:checked {
  background: var(--text-hover);
  color: white;
}
.reviews-card .custom-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 5px 30px 5px 10px;
  position: relative;
  z-index: 1;
  background: var(--bg-primary);
  cursor: pointer;
  /* Добавление cursor pointer к выпадающему списку */
}
.reviews-card .custom-select::after {
  content: "▼";
  pointer-events: none;
  /* Делаем стрелку некликабельной */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: #333;
  font-size: 12px;
  z-index: 2;
}
.reviews-card .custom-select {
  position: relative;
  display: inline-block;
}
.reviews-card .custom-select select.show {
  display: block;
}
.reviews-card__item {
  width: 100%;
  max-width: 850px;
}
.reviews-card__top {
  display: flex;
  justify-content: space-between;
}
.reviews-card__grade {
  display: flex;
  gap: 8px;
  align-items: center;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2px 8px;
  border-radius: 4px;
  background: #D7192D;
}
.reviews-card .swiper-slide {
  width: -moz-fit-content;
  width: fit-content;
}
.reviews-card .swiper-slide img {
  width: 144px;
  height: 144px;
}
.reviews-card .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
}
.reviews-card .swiper-pagination-bullet-active {
  background: #828282;
}
.reviews-card .swiper-horizontal > .swiper-pagination-bullets,
.reviews-card .swiper-pagination-bullets.swiper-pagination-horizontal,
.reviews-card .swiper-pagination-custom,
.reviews-card .swiper-pagination-fraction {
  bottom: 0;
}

.similar-card__block {
  display: flex;
}
.similar-card .swiper-wrapper {
  cursor: grab;
}
.similar-card .swiper-slide {
  width: 100%;
  max-width: 446px;
}

.event__content {
  display: flex;
}
.event__content--width {
  width: 100%;
  max-width: 887px;
}
.event ul {
  padding-left: 20px;
}
.event ul li {
  list-style-type: disc;
}
.event .swiper-slide {
  width: 100%;
  max-width: 296px;
}
.event__two-card .swiper-slide {
  max-width: 450px;
}

.info-center .swiper-wrapper {
  justify-content: center;
}
.info-center__ctoggleButton {
  width: 100%;
  max-width: 26px;
  height: 26px;
  background-size: contain;
}
.info-center__toggle {
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.info-center__filters-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info-center__filters-block {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}

.basket__block {
  display: flex;
}
@media (max-width: 1279px) {
  .basket__block {
    flex-direction: column;
  }
}
.basket__btn-counter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.basket__cards {
  display: flex;
  flex-direction: column;
}
.basket__item-card {
  display: flex;
  gap: 54px;
}
@media (max-width: 767px) {
  .basket__item-card {
    flex-direction: column;
    gap: 16px;
  }
}
.basket__image {
  width: 100%;
  max-width: 270px;
}
@media (max-width: 767px) {
  .basket__image {
    max-width: 400px;
  }
}
.basket__txt-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.basket__card-icons {
  display: flex;
  gap: 1.5rem;
}
.basket__card-icons > * {
  line-height: 0;
}
.basket__price-counter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.basket__card-counter {
  display: flex;
  gap: 16px;
}
.basket__card-plus, .basket__card-minus {
  cursor: pointer;
}
.basket__result {
  padding: 32px;
}
@media (max-width: 1024px) {
  .basket__result {
    padding: 16px;
  }
}
.basket__result-beetwen {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.basket__result .button-block {
  width: 100%;
}
.basket__result .button-block .button-block__white-large {
  width: 100%;
  justify-content: center;
  padding: 12px 0;
}

.comparison__filter {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.training-form__block {
  display: flex;
}
@media (max-width: 1279px) {
  .training-form__block {
    gap: 32px;
  }
}
@media (max-width: 1024px) {
  .training-form__block {
    flex-direction: column;
    gap: 32px;
  }
}
.training-form__image {
  position: relative;
}
@media (max-width: 1024px) {
  .training-form__image img {
    max-height: 350px;
  }
}
.training-form__image .position {
  position: absolute;
  width: unset;
  max-height: 399px;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
}
@media (max-width: 1279px) {
  .training-form__image .position {
    display: none;
  }
}
.training-form .form {
  padding: 0;
}
.training-form .form__group input {
  border-bottom: 1px solid #fff;
}
.training-form .form__group textarea {
  border-bottom: 1px solid #fff;
}

.service-center__wrapper {
  display: flex;
}
@media (max-width: 1024px) {
  .service-center__wrapper {
    flex-direction: column;
    gap: 48px;
  }
}
.service-center__block-link {
  border-right: 1px solid #BDBDBD;
}
@media (max-width: 1024px) {
  .service-center__block-link {
    border-right: unset;
  }
}
.service-center__block-link a {
  display: block;
  padding-left: 16px;
}
.service-center__content ul {
  padding-left: 16px;
}
.service-center .mySwiper-product-standart .swiper-slide {
  width: 122px;
  height: 122px;
}

.delivery__payment {
  display: flex;
}
@media (max-width: 1024px) {
  .delivery__payment {
    flex-direction: column;
    gap: 24px;
  }
}
.delivery__item {
  display: flex;
}
@media (max-width: 1024px) {
  .delivery__item {
    flex-direction: column;
    gap: 32px;
  }
}
.delivery__numbering {
  display: flex;
  align-items: center;
  gap: 16px;
}
.delivery__circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #333333;
}
.delivery .mySwiper-product-standart .swiper-slide {
  width: 400px;
  height: 125px;
  padding-right: 100px;
}

.video-reviews__block {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
}
.video-reviews__item {
  cursor: pointer;
}
.video-reviews .video-reviews__search-container {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 450px;
}
.video-reviews .video-reviews__search-input {
  padding: 12px 24px;
  outline: none;
  width: 100%;
  background: unset;
  border-bottom: 1px solid #333333;
}
.video-reviews .video-reviews__search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/dist/assets/icon/header_search_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.video-popup .video-popup__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  /* изменение значения z-index */
  pointer-events: none;
  /* эта строка позволит событиям проникать сквозь оверлей */
}
.video-popup .video-popup__content {
  position: relative;
  text-align: center;
  width: 50%;
  height: 50%;
  z-index: 2;
  background-color: white;
}
@media (max-width: 1024px) {
  .video-popup .video-popup__content {
    width: 90%;
  }
}
.video-popup #videoPlayer {
  width: 100%;
  height: 100%;
}
.video-popup .video-popup__close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  color: #fff;
}

.reviews-page__image img {
  width: -moz-fit-content;
  width: fit-content;
  height: 52px;
  background-size: contain;
}
.reviews-page .swiper {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .reviews-page .swiper {
    padding-bottom: 40px;
  }
}
.reviews-page .swiper-slide {
  width: 100%;
  max-width: 580px;
}
@media (max-width: 767px) {
  .reviews-page .swiper-slide {
    max-width: unset;
  }
}
.reviews-page .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
}
.reviews-page .swiper-horizontal > .swiper-pagination-bullets,
.reviews-page .swiper-pagination-bullets.swiper-pagination-horizontal,
.reviews-page .swiper-pagination-custom,
.reviews-page .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 0px);
}
.reviews-page .swiper-pagination-bullet {
  background-color: #fff;
  border: 1px solid #000000;
}
.reviews-page .swiper-pagination-bullet-active {
  background-color: #828282;
  border: unset;
}

.contact-block .container {
  padding: 0;
}
.contact-block .col-6,
.contact-block .col-md-6,
.contact-block .col-sm-3 {
  padding: 0;
}
.contact-block__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.contact-block__map {
  position: relative;
  height: 100%;
}
.contact-block__add-info {
  display: flex;
  justify-content: space-between;
}
.contact-block__mail {
  display: flex;
  align-items: center;
}
.contact-block .map {
  height: 100%;
}
@media (max-width: 1024px) {
  .contact-block .map {
    height: 450px !important;
  }
}
.contact-block .ymaps-b-form-button {
  display: none;
}
.contact-block .swiper-wrapper {
  flex-wrap: wrap;
  row-gap: 10px;
}
@media (max-width: 1024px) {
  .contact-block .swiper-wrapper {
    flex-wrap: unset;
  }
}
.contact-block .chips {
  position: absolute;
  top: 40px;
  left: 50px;
}
@media (max-width: 1024px) {
  .contact-block .chips {
    position: unset;
    padding-bottom: 16px;
  }
}
.contact-block__form {
  padding: 64px;
}
@media (max-width: 1024px) {
  .contact-block__form {
    padding: 32px 16px;
  }
}
.contact-block .form {
  padding: 0;
}
.contact-block .form ::-moz-placeholder {
  color: #F2F2F2;
  /* Цвет подсказки */
}
.contact-block .form ::placeholder {
  color: #F2F2F2;
  /* Цвет подсказки */
}
.contact-block .form__group input {
  border-bottom: 1px solid #fff;
}
.contact-block .form__group textarea {
  border-bottom: 1px solid #fff;
}

.contact-sales__block {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.contact-sales__item {
  display: flex;
  gap: 24px;
  padding: 32px 24px;
}
.contact-sales__item img {
  width: unset;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .contact-sales__item img {
    width: 48px;
    height: 48px;
  }
}
.contact-sales__mail {
  display: flex;
}

.travel__block {
  display: flex;
  flex-wrap: wrap-reverse;
  row-gap: 24px;
}
.travel__ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 450px;
}
.travel__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.travel__circle {
  width: 100%;
  max-width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(150, 150, 150, 0.2);
}
.travel .map-two {
  height: 600px;
}
@media (max-width: 1024px) {
  .travel .map-two {
    height: 560px;
  }
}

.purchase__search {
  display: flex;
  align-items: center;
  gap: 42px;
}
.purchase__title {
  display: flex;
}
.purchase__title p {
  flex: 1;
}
@media (max-width: 1279px) {
  .purchase__title p:nth-child(2) {
    flex: 0.5;
  }
}
.purchase__title p:last-child {
  text-align: end;
  flex: unset;
  width: 200px;
}
.purchase__item-block {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .purchase__item-block {
    flex-direction: column;
    align-items: unset;
    padding: 16px;
    background: rgba(150, 150, 150, 0.2);
  }
}
.purchase__item-block .flex {
  flex: 1;
}
@media (max-width: 1279px) {
  .purchase__item-block .flex:nth-child(4) {
    flex: 0.5;
  }
}
.purchase__item-block .flex:last-child {
  flex: unset;
  width: 200px;
}
@media (max-width: 767px) {
  .purchase__item-block .flex:last-child {
    width: 100%;
  }
}
.purchase .button-block {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .purchase .button-block {
    justify-content: unset;
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .purchase .button-block {
    width: 100%;
  }
}
.purchase .button-block a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .purchase .button-block a {
    width: 100%;
  }
}
.purchase .button-block__small-list {
  justify-content: center;
  width: 100%;
}
.purchase .purchase__search-container {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 800px;
}
.purchase .purchase__search-input {
  padding: 12px 24px;
  outline: none;
  width: 100%;
  background: unset;
  border-bottom: 1px solid #333333;
}
.purchase .purchase__search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("/dist/assets/icon/header_search_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .purchase .pagination-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 1024px) {
  .purchase .d-none {
    display: block;
  }
}

.policy table {
  border-collapse: collapse;
  width: 100%;
}
.policy th,
.policy td {
  border: 1px solid black;
  padding: 8px;
  text-align: left;
}
.policy th {
  background-color: #f2f2f2;
}
.policy ul {
  margin: 0;
  padding: 0 0 0 20px;
}

.footer__menu {
  width: 100%;
  max-width: 1260px;
  display: flex;
  justify-content: space-between;
}
.footer__menu a:hover {
  color: var(--text-hover);
}
.footer__main {
  display: flex;
}
@media (max-width: 1024px) {
  .footer__main {
    flex-direction: column;
    gap: 32px;
  }
}
.footer__ul {
  display: flex;
  flex-direction: column;
}
.footer__social {
  display: flex;
  gap: 16px;
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .footer__bottom {
    flex-direction: column;
    gap: 16px;
  }
}

.form-popup {
  transform: translateX(100%);
  position: fixed;
  z-index: 20;
  top: 0;
  right: 0;
  overflow-y: scroll;
  width: 100%;
  max-width: 795px;
  height: 100vh;
  padding: 64px;
  /* background: #FFFCF5; */
  background: #fffffe;
  /* Цвет фона полосы прокрутки */
  /* Цвет самой полосы прокрутки */
}
@media (max-width: 1024px) {
  .form-popup {
    padding: 16px;
  }
}
.form-popup .form {
  padding: 0;
  background: unset;
}
.form-popup .form__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.form-popup__close {
  text-align: right;
  cursor: pointer;
}
.form-popup__img-btn {
  padding: 16px;
  background: rgba(150, 150, 150, 0.2);
  cursor: pointer;
}
.form-popup__img-btn img {
  width: -moz-fit-content;
  width: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-popup::-webkit-scrollbar {
  width: 10px;
  /* Ширина полосы прокрутки */
}
.form-popup::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Цвет фона полосы прокрутки */
}
.form-popup::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 8px;
  /* Цвет самой полосы прокрутки */
}
@media (max-width: 767px) {
  .form-popup .button-block__black-large {
    padding: 12px 0;
  }
}

.chips .swiper-wrapper {
  display: flex;
  padding: 1px;
}
.chips .swiper-slide {
  width: auto;
}
.chips__item {
  display: flex;
  cursor: pointer;
}
.chips__border {
  height: 36px;
  border-left: 1px solid #BDBDBD;
}
.chips__ul {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 24px;
}
.chips__li {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #4F4F4F;
}

.popup-shadow {
  display: none;
  position: fixed;
  z-index: 19;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.no-scroll {
  overflow: hidden;
  height: 100%;
}

.paginatio .pagination-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.paginatio .pagination-btn a,
.paginatio .pagination-btn span {
  color: #4F4F4F;
  background-color: unset;
  cursor: pointer;
  font-family: TT Neoris Trial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.paginatio .pagination-btn .active {
  padding: 4px 13px;
  border-radius: 50%;
  background-color: #4F4F4F;
  color: #fff;
}

.days90 {
  height: 100vh;
  /*background: url("/dist/assets/image/days90_cover.jpg") no-repeat center;*/
  background-size: cover;
}

.header-days90__wrapper {
  display: flex;
  justify-content: space-between;
}
.header-days90__buttons {
  display: flex;
  gap: 20px;
}
.header-days90__image img {
  width: 328px;
  height: 53px;
  margin-left: -50px;
}
.header-days90 .button-block__transparent-small {
  outline: 1px solid #fff;
  background: #4F4F4F;
  transition: all 0.5s;
}
.header-days90 .button-block__transparent-small p {
  color: #fff;
}
.header-days90 .button-block__transparent-small:hover {
  background: #FFFFFF;
}
.header-days90 .button-block__transparent-small:hover p {
  color: #303030;
  transition: all 0.5s;
}

@media (max-width: 767px) {
  .cover-days90 {
    height: 86%;
    display: flex;
    align-items: flex-end;
    padding-top: 0;
  }
}
.cover-days90__wrapper {
  display: flex;
  justify-content: space-between;
}
.cover-days90__info {
  width: 100%;
  max-width: 730px;
}
.cover-days90__image img {
  height: 48vh;
}
.cover-days90__btn {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}/*# sourceMappingURL=style.css.map */


/* Styles from Nick Biktubaev 27.01.2025 */

.btn-up {
  position: fixed;
  bottom: 6rem;
  right: 0.9375rem;
  width: 3.25rem;
  height: 3.25rem;
  fill: #4F4F4F;
  z-index: 100;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  background: #fff !important;
  border: 1px solid #BDBDBD;
  border-radius: 16px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .btn-up {
  }
}
.btn-up.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}
.btn-up:active {
  background: #fff !important;
}
.btn-up > svg {
  flex: 0 0 1.625rem;
}

@media (max-width: 767px) {
  .header .header-mobile__image a {
    display: block;
    height: 3rem;
  }
  .header .header-mobile__image a img {
    height: 100%;
    width: auto;
  }
  .header-padding--transparent {
    padding-top: 64px;
  }
  .catalog .font-h1,
  .basket .font-h1,
  .search-results .font-h1,
  .comparison .font-h1,
  .products-page .font-h1 {
    font-size: clamp(1.625rem, 3.431vw + 0.853rem, 2.5rem);
    line-height: clamp(1.625rem, 3.431vw + 0.853rem, 2.5rem);
  }
}
@media (max-width: 1024px) {
  .footer {
    padding-bottom: 104px;
  }
}

.catalog__filters-name > div:first-child {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.cs-tooltip {
  position: relative;
  display: inline-block;
  line-height: 1;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.cs-tooltip .cs-tooltip-right {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 0.5rem);
  font-family: TT Neoris Trial;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.cs-tooltip .cs-tooltip-right::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}
.cs-tooltip .cs-tooltip-top {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%);
  font-family: TT Neoris Trial;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.cs-tooltip .cs-tooltip-top::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.cs-tooltip:hover .cs-tooltiptext {
  visibility: visible;
  opacity: 1;
}

.cs-price {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

.cs-height {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.cs-height-tag {
  padding: 0.375rem 0.625rem;
  border-radius: 2rem;
  border: 1px solid #dedede;
  font-size: 0.875rem;
  font-family: TT Neoris Trial;
  font-weight: 500;
  line-height: 1.1;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.cs-height-tag:hover {
  border-color: black;
}

.specification-card__table-head {
  position: relative;
  z-index: 1;
  background: #fffffe;
}
.specification-card__table-row .button-block__mini-small.active {
  padding: 6px 14px !important;
}

@media screen and (max-width: 1024px) {
  .catalog__desk-mob {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
  .catalog__desk-mob .catalog__filters {
    padding: 0;
  }
  .catalog__desk-mob > .catalog__filters {
    padding: 1.5rem 1.25rem;
  }
}

/* Styles from Nick Biktubaev 19.03.2025 */

.new-chips {
  position: sticky;
  top: 2.5rem;
  z-index: 10;
  background: #fff;
  margin: -12px 0;
  padding: 12px 0;
}
@media (max-width: 1024px) {
  .new-chips {
    top: 64px;
  }
}
@media (max-width: 767px) {
  .new-chips {
    position: relative;
    top: 0;
  }
}

.catalog__filters {
}
/*
abv
*/
@media (min-width: 1025px) {
  .catalog__filters {
/*
    position: sticky;
    top: 2.5rem;
    max-height: calc(100vh - 2.5rem);
    overflow-y: auto;
*/
  }
}
@media (max-width: 1279px) and (min-width: 1025px) {
  .catalog__filters {
    padding-right: 30px;
  }
}
@media (max-width: 1024px) {
  .catalog__filters {
  }
}

@media (max-width: 767px) {
  .products__item {
    height: auto;
    display: block;
    flex: 0 0 auto;
  }
  .products__image {
    position: relative;
    padding-top: 100%;
  }
  .products__image img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .catalog__card-item {
    flex: 0 0 calc(50% - 5px) !important;
    width: calc(50% - 5px) !important;
    max-width: 100% !important;
  }
}
@media (max-width: 479px) {
  .catalog__card-item {
    flex: 0 0 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
  .main-card__price-mobile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 0.5rem;
  }
}
@media (max-width: 767px) {
  .main-card__price-mobile > p {
    font-size: 18px !important;
    line-height: 1.25;
    font-weight: 500;
  }
}

.swiper-slide .similar-card__image img {
    aspect-ratio: 1 / 1;
}
.delivery .mySwiper-product-standart .swiper-slide .description-card__item .description-card__image img {
    aspect-ratio: unset;
}


.confidence { 
    background: var(--bg-brend2);
}











.header__desktop .header__search-input {
  border-radius: 30px;
  border: 1px solid #333333;
}
@media (max-width: 1024px) {

.header-bottom .container {
    padding: 0;
}

.header-bottom .container .col {
    padding: 0;
}

.header-bottom {
    bottom: 0;
}

.header-bottom__wrapper {
    border-radius: 16px 16px 0 0;
    border-bottom: 0;
}
  .swiper-button-prev, .swiper-rtl .swiper-button-next, .swiper-button-next, .swiper-rtl .swiper-button-prev {
    top: 25%!important;
  }
}
/* End */


/* Start:/local/templates/nzavod/assets/css/fancybox.min.css?176130590625343*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/local/templates/nzavod/assets/css/custom.css?177037551415168*/
button {
    background: none;
}
.button-block__white-large:hover button {
    color: #fff;
}

.projects__tag .tag {
    display: flex;
}
.products-page__block_item {
    display: none;
}
.products-page__block_item.active {
    display: block;
}
.description-card ul {
    padding-top: 32px;
}
.description-card ul li {
    font-family: TT Neoris Trial;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: var(--text-secondary);
}
.main-card__item-color {
    display: flex;
}
.main-card__item-color.active {
    height: 48px;
    width: 48px;
}
.main-card__item-color-item {

}
.main-card__item-color-one {
    width: 100%;
    height: 100%;
}
.product-card-text {
    padding-top: 32px;
    font-family: TT Neoris Trial;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    color: var(--text-secondary);
}
.event__content p,
.event__content li {
    font-family: TT Neoris Trial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-primary);
}
.event__content p {
    padding-bottom: 24px;
}
.event__content ul {
    padding-bottom: 24px;
    padding-left: 20px;
}
.event__content h2 {
    font-family: TT Neoris Trial;
    font-size: 36px;
    font-size: 31px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    line-height: 41px;
    color: var(--text-primary);
    padding-bottom: 24px;
}
.event__content p.font-s {
    font-size: 18px;
    line-height: 26px;
}
.specification-card__table-item {
    position: relative;
    text-align: center;
    align-self: center;
}
.buy_center {
    align-self: end;
}
.table-item-colors {
    position: relative;
}
.table-item-colors.active {

}
.table-item-color-box {
    display: none;
}
.table-item-colors.active .table-item-color-box {
    display: block;
    overflow: auto;
    z-index: 9;
    background: #fff;
    position: absolute;
    left: -10px;
    text-align: left;
}
.table-item-color,
.table-item-color-inner {
    cursor: pointer;
}
.table-item-color-inner {
    padding: 5px 10px;
}
.table-item-color-inner:hover {
    background: rgba(0,0,0,.1);
}
.table-item-color span,
.table-item-color-inner span {
    display: inline-block;
    width: 12px;
    height: 12px;
}

.basket__card-number {
    text-align: center;
    background: transparent;
    max-width: 50px;
}
.basket__card-number::-webkit-outer-spin-button,
.basket__card-number::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.basket__card-number[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.main-card__icon-comparison {
    _border: 2px solid #333;
    border-radius: 50%;
    background: url(/dist/assets/icon/header_comparison_icon_primary.svg?t=5) no-repeat center;
}
.main-card__icon-comparison:hover,
.main-card__icon-comparison.active
{
    background: url(/dist/assets/icon/header_comparison_icon_primary_hover.svg?t=5) no-repeat center;
}
.white-p {
    font-size: 20px;
    padding: 20px 0;
    color: #fff;
}
.specification-card__table-row.color--bold {
    background: #f2f2f2;
}
.specification-card__table-row.color--bold .specification-card__table-item:not(.not--bold) {
    font-weight: 700;
}
.specification-card__table-item-link {
    text-decoration: underline;
}
.specification-card__table-item-link:hover {
    text-decoration: none;
}
.webform-popup {
    transform: translateX(100%);
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    overflow-y: scroll;
    width: 100%;
    max-width: 795px;
    height: 100vh;
    padding: 64px;
    background: #fffffe;
}
.webpopup-shadow {
    display: none;
    position: fixed;
    z-index: 19;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.header__icons > a {
    position: relative;
}
.header__icons .count {
    display: none;
}
/*.header__icons > a > span {
    position: absolute;
    background: #fff;
    color: #333;
    font-size: 12px;
    padding: 2px 5px;
    border: 1px solid #333;
    border-radius: 50%;
}*/
/*.header__desktop .header__comparison,
.header__desktop .header__basket {
    border-radius: 50%;
    border: 1px solid #333;
}*/
.header__basket.active {
    background: url(/dist/assets/icon/header_basket_icon_primary_hover.svg) no-repeat center;
}
.header__basket.active .count {
    display: flex;
}
.header__comparison.active {
    background: url(/dist/assets/icon/header_comparison_icon_primary_hover.svg) no-repeat center;
}
.header__comparison.active .count {
    display: flex;
}
.buy_btn {
    position: relative;
}
.buy_btn .red {
    width: 8px;
    height: 8px;
    position: absolute;
    background: red;
    border-radius: 50%;
    right: 0;
    top: 0;
}

/*.basket-compare {
    width: 32px;
    height: 32px;
    border: 1px solid #333;
    border-radius: 50%;
    background: url(/dist/assets/icon/header_comparison_icon_primary.svg) no-repeat center;
    background-size: cover;
}*/
.compare-btn.active .icon-comparison rect {
    fill: #4F4F4F;
}
.compare-btn.active .icon-comparison path {
    fill: #FFF;
}
.header-bottom__wrapper a {
    position: relative;
}
.family {
    font-family: TT Neoris Trial;
}
.search-container {
    margin-bottom: 20px;
    display: flex;
    font-family: TT Neoris Trial;
}
.search-container .search-input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    padding: 15px;
    width: 90%;
    font-size: 16px;
    margin-right: 1%;
}
.search-container .search-submit {
    cursor: pointer;
    padding: 15px;
    background: #4F4F4F;
    color: #fff;
    border-radius: 6px;
    font-size: 15px;
}
@media screen and (max-width: 768px) {
    .projects__bottom-block {
        flex-direction: column;
    }
    .projects__tag {
        margin-top: 20px;
    }
}
.font-h1 {
    font-size: 54px;
}
.basket__info-card {
    width: 100%;
}
.header-mobile__socials {
    display: flex;
    gap: 16px;
    margin-bottom: 30px;
}
.button-block__mini-small.bm_small {
    background: #fff;
    color: #4F4F4F;
    border: 1px solid #4F4F4F;
}

.button-block__mini-small.bm_small.active,
.button-block__mini-small.bm_small.active p,
.compare_btn.active .bm_small
{
    background: #4F4F4F;
    color: #fff;
}
.compare_btn.active .bm_small p {
    color: #fff;
}
.specification-card__buy {
    flex-basis: 120px;
    margin-right: 5px;
}
.specification-card__compare {
    flex-basis: 140px;
}

.button-block__mini-small.bm_small:hover {
    background: #4F4F4F;
}
.button-block__mini-small.bm_small:hover p {
    color: #fff;
}
.open_file {
    line-height: 20px;
}
.svgs,
.image-group,
.input-file {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.input-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

/* Focus */
.input-file input[type=file]:focus + span {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Disabled */
.input-file input[type=file]:disabled + span {
    background-color: #eee;
}

/* Список c превью */
.input-file-list {
}
.input-file-list-item {
    display: inline-block;
    margin: 0 15px 15px;
    vertical-align: top;
    position: relative;
}
.input-file-list-item img {
    width: 150px;
}
.input-file-list-name {
    text-align: center;
    display: block;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.input-file-list-remove {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 5px;
    right: 5px;
    background: #ff0202;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%;
}
.policy_link {
    text-decoration: underline;
    /*color: #D7192D;*/
    color: var(--text-hover);
}
.policy_link:hover {
    text-decoration: none;
}
.form__group-btn-file .button-block,
.form__group-btn-file .button-block__black-large,
.form__group-btn-file .button-block__black-large button {
    width: 100%;
}
.form__group-btn-file .button-block__black-large {
    padding: 12px 0;
}
.form__group-btn-file .open_file {
    text-align: center;
}
.main-card__bottom_links a {
    font-size: 18px;
    text-decoration: underline;
}
.main-card__bottom_links a:hover {
    text-decoration: none;
}
.new-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.875rem 1.25rem;
}
.new-chips .button-block {
}
@media screen and (max-width: 767px){
    .new-chips {
    }
    .new-chips .button-block {
        width: auto;
    }
}
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
}
.bx-breadcrumb-item a {
    color: #878787;
}
.bx-breadcrumb-item a:hover {
    color: #000;
}
.bx-breadcrumb-item a:after {
    content: "/";
    color: #878787;
    margin: 0 5px;
}
.cs-height-tag.active {
    border-color: black;
}
/*.main-card__select {
    width: 30%;
}*/
.props,
.counts {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.625rem;
}
.cs-height {
    display: block;
    margin-right: 30px;
}
.show_filter {
    text-align: center;
    margin: 30px 0;
}
.hidden {
    display: none;
}
.hidden-desktop {
    display: none;
}
@media screen and (max-width: 767px) {
    .catalog .font-h1, .basket .font-h1, .search-results .font-h1, .comparison .font-h1, .products-page .font-h1 {
        word-break: break-word;
    }

    .breadcrumbs {
        margin-bottom: 20px;
    }
    .catalog__filters {
        padding-right: 0;
    }

    /*.show_filter {
        display: block;
    }*/
    /*.catalog__desk-mob {
        top: 0;
    }*/
    .main-cover .font-h1,
    .cover-about h1,
    .service-center .font-h1,
    .mediacenter .font-h1 {
        font-size: 50px;
    }
}
@media screen and (min-width: 767px) {
    .mySwiper-chips .swiper-wrapper {
        justify-content: center;
        align-items: center;
    }
}
.documentation-card__item {
    height: 195px;
}
.documentation-card__image {
    width: max-content;
}
.documentation-card__image img {
    max-height: 117px;
}
.documentation-card__info {
    max-width: 260px;
}
.documentation-card__info .font-s {
    word-break: break-word;
}
@media screen and (max-width: 767px) {
    .documentation-card__info {
        max-width: inherit;
    }
}
.catalog__card-hover,
.catalog .catalog__card-bottom{
    background: rgba(3, 4, 29, 0.6);
}
.swiper {
    height: 100%;
}
.event .swiper-slide {
    height: auto !important;
}
.event .swiper-slide .event__item {
    display: block;
    height: 100%;
}
.event__content--width {
    font-family: TT Neoris Trial;
}
@media screen and (max-width: 1280px) {
    .main-card .mySwiper-main-card2 {
        height: auto;
    }
}
.fancybox__caption {
    font-family: TT Neoris Trial;
}
.main-card-breadcrumbs {
    margin-bottom: 30px;
}
.header__desktop .header__catalog-block {
    padding-left: 0%;
}
.header__desktop .header__category-item h4 {
    white-space: nowrap;
}

.webform-popup {
    z-index: 100;
}

button.compare_btn .button-block__mini-small.bm_small {
    min-width: 121px;
    text-align: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}


.similar-card .swiper-slide {
    width: 100%;
    max-width: 346px;
}

.swiper-slide .similar-card__image img {
    max-height: 400px;
    object-fit: contain;
}

.description-card__image>img {
    aspect-ratio: 1 / 1;
}
.contact-sales__block {
    margin-bottom: 60px;
}

.font-h1 {
    -webkit-hyphens: none;
    hyphens: none;
}
@media screen and (max-width: 767px) {
    .main-cover .font-h1, .cover-about h1, .service-center .font-h1, .mediacenter .font-h1 {
        font-size: 44px;
    }
}

.abv_fs_28 {
font-size: 28px;
}
@media (max-width: 767px) {
.products-page__item {
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
}
    }









.catalog__filters-check input {
    width: 100%;
    max-width: 20px;
    width: 20px;
    height: 20px;
}
.sp-t-yellow {
    padding-top: 5px;
}
.catalog__ctoggleButton {
    width: 100%;
    max-width: 19px;
    height: 19px;
}
.sp-t-mint {
    padding-top: 9px;
}




.specification-card__table-item.specification-card__table-item-first.font-t1.color--secondary,
a.specification-card__table-item.specification-card__table-item-link.specification-card__table-item-first.font-t1.color--secondary {
    position: sticky;
    left: 0;
    _background: white;
    z-index: 1;
}

.specification-card__table-row.color--bold a.specification-card__table-item.specification-card__table-item-link.specification-card__table-item-first.font-t1.color--secondary {
    background: #f2f2f2;
}
.specification-card__table-row.specification-card__table-head {
    z-index: 2;
}













.description-card__image>img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border: 1px solid #f1f1f1;
}

.mySwiper-chips .swiper-wrapper {
    justify-content: flex-start;
}

.abv_fix {width: 100%;position: relative;background: white;}

.abv_fix .specification-card__image {
       width: 100%;
    background: white;
    position: relative;
    z-index: 11;
}
.abv_fix .specification-card__image img {
    position: sticky;
    background: white;
    z-index: 11;
    max-width: 640px;
}






.abv_count_4  .catalog__card-item {
    position: relative;
    flex: 1 0 24%;
    max-width: 24%;
    height: 447px;
    /* background: gray; */
    background: #ffffff !important;
    cursor: pointer;
}

section.main-cover .main-cover__desk h2.animation-text-slide.font-h1.color--white {
    line-height: 1.2em;
}

section.main-cover .main-cover__desk .sp-b-mint {
    margin-top: 21px;
}
section.main-cover  h4.animation-text-slide.font-h4.color--white {
    max-height: 109px;
}
.documentation-card__info {
    max-width: 295px;
}
.documentation-card__item { 
    height: 100%;
}

.mySwiper-product-card .swiper-pagination-bullet-active {
    background: #333333;
}

.mySwiper-product-card .swiper-pagination2.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: center;
} 
.accessories-card__image img {
    /* max-width: 346px; */
    max-height: 400px;
    object-fit: contain;
    aspect-ratio: 1 / 1;
}














/*** TEST ***/

.font-s {
    font-family: TT Neoris Trial;
    font-size: 16px;
}
.font-h5 {
    font-family: TT Neoris Trial;
    font-size: 18px;
}

h1.font-h4.sp-t-burgundy.f-w-medium {
    padding-top: 0;
}

.cs-tooltip {
}
.font-h4 {
    font-family: TT Neoris Trial;
    font-size: 25px;
}

select.main-card__select.font-t1.color-block--primary {
    /* font-family: TT Neoris Trial; */
    /* font-size: 13px!important; */!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    font-family: TT Neoris Trial;
    font-size: 14px;
}

option.main-card__option.font-t1 {}

select.main-card__select.font-t1.color-block--primary {}

.cs-price p.font-t2.color--secondary.sp-t-burgundy.sp-b-grey {
    padding-top: 0;
}

.main-card__bottom_links a {
    font-family: TT Neoris Trial;
    font-size: 16px;
}
/* End */


/* Start:/local/templates/nzavod/styles.css?17703708464345*/
@media (max-width: 1024px) {
    .contact-block__add-info {
    display: block!important;
}

.contact-block__add-info>div {
    margin-bottom: 10px!important;
}
}



.basket__price-counter p.font-h3 {
    display: none!important;
}

.basket__result-beetwen {
    display: none!important;
}

.basket__result-beetwen.sp-b-yellow {
    display: flex!important;
}







.toddler input {
    width: 33px;
    background: unset;
}

.noUi-horizontal .noUi-tooltip {
    display: none;
}

.catalog__card-hover, .catalog .catalog__card-bottom {
    background: #284f96a6;
}
a.abv_card_seria_100 .catalog__card-hover,
a.abv_card_seria_200 .catalog__card-hover,
a.abv_card_seria_300 .catalog__card-hover,
a.abv_card_seria_500 .catalog__card-hover{
    background: #95a3abd6 !important;
}
a.abv_card_seria_100 .catalog__card-bottom {
    background: #95a3ab !important;
}
a.abv_card_seria_200 .catalog__card-bottom {
    background: #29984e!important;
}
a.abv_card_seria_300 .catalog__card-bottom {
    background: #e52222!important;
}
a.abv_card_seria_500 .catalog__card-bottom {
    background: #284f96!important;
}
a.abv_card_seria_700 .catalog__card-bottom {
    background: #34226f!important;
}
.bg_seria_100{
    background: #95a3ab!important;border-radius: 2px;
}
.bg_seria_200{
    background: #29984e!important;border-radius: 2px;
}
.bg_seria_300{
    background: #e52222!important;border-radius: 2px;
}
.bg_seria_500{
    background: #284f96!important;border-radius: 2px;
}
.bg_seria_700{
    background: #34226f!important;border-radius: 2px;
}

.catalog__card-hover, .catalog .catalog__card-bottom {
    border-radius: 2px;
}

.catalog__card-bottom {
    min-height: 79px;
}

a.abv_card_seria_100 .line,
a.abv_card_seria_300 .line,
a.abv_card_seria_200 .line,
a.abv_card_seria_500 .line{
    display: none;
}

.catalog__image-item img {
    max-height: 320px!important;
}





 


.similar-card .swiper-slide a.catalog__card-item.load_card {
    display: block;
    width: 100%;
    max-width: 100%;
}



.catalog .catalog__card-bottom a {
    height: 62px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
a.category-pag__item {
    padding: 4px 9px;
    border-radius: 50%;
    background-color: #d9d9d9 !important;
    /* color: #fff!important; */
    width: 32px;
    text-align: center;
}

a.category-pag__item:hover {
    background-color: #4f4f4f !important;
    color: #fff !important;
}


.adm-workarea * {}

.bx-core-adm-dialog .adm-detail-content-cell-l img {
    width: auto;
}
.catalog__filters-check input {
    accent-color: #006ab2;
}

select.main-card__select.font-t1.color-block--primary {
    min-width: 165px;
}
.swiper-pagination22.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: center;
}

.swiper-pagination22.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: black;
}

.catalog__card-item {
    position: relative;
    flex: 1 0 32%;
    max-width: 33%;
    height: 447px;
    /* background: gray; */
    background: #ffffff !important;
    cursor: pointer;
}

.catalog__image-item {
    position: absolute;
    top: 1%;
    left: 0;
    width: 100%;
    height: 100%;
}	
.catalog__image-item img {
    height: 350px;
    object-fit: contain;
}

.swiper-slide img {
    width: 100%;
    -o-object-fit: cover;
    /* object-fit: contain; */
}

.main-card .mySwiper-main-card2 img,
.main-card .mySwiper-main-card img {
    object-fit: contain;
}

.main-card .popup-slider .swiper {
    width: 80%;
    height: 80%;
    background: rgb(255 255 255);
}
.main-card .popup-slider .swiper-button-next, .main-card .swiper-button-prev {
    color: #5c5c5c;
}

.noUi-horizontal .noUi-tooltip {
    display: block;
    left: 0!important;
    transform: none!important;
    /* border: 0; */
    padding: 2px 6px;
}

.toddler .input-block {
    display: none;
}

.toddler {
    margin-top: 35px;
    margin-left: 6px;
    margin-bottom: 20px;
}

@media (max-width: 999px) {
    .header .header-mobile__image a img {
        height: 100%;
        width: auto;
    } 
    .header .header-mobile__image a {
        display: block;
        height: 3rem;
    }
}
/* End */
/* /dist/style/style.css?1770375779101575 */
/* /local/templates/nzavod/assets/css/fancybox.min.css?176130590625343 */
/* /local/templates/nzavod/assets/css/custom.css?177037551415168 */
/* /local/templates/nzavod/styles.css?17703708464345 */