/* Start:/bitrix/templates/main/assets/css/main.css?1719399742102329*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:regular,500,600,700&display=swap);

@font-face {
  font-family: icons;
  font-display: swap;
  src: url("/bitrix/templates/main/assets/css/../fonts/icons.woff2") format("woff2"), url("/bitrix/templates/main/assets/css/../fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

[class*=_icon-]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class*=_icon-]:before {
  display: block;
}

._icon-tick:before {
  content: "\e90f";
}

._icon-close:before {
  content: "\e90e";
}

._icon-copy:before {
  content: "\e90d";
}

._icon-phone:before {
  content: "\e90c";
}

._icon-discount:before {
  content: "\e90b";
}

._icon-minus:before {
  content: "\e909";
}

._icon-plus:before {
  content: "\e90a";
}

._icon-people:before {
  content: "\e900";
}

._icon-star:before {
  content: "\e904";
}

._icon-school:before {
  content: "\e908";
}

._icon-price:before {
  content: "\e901";
}

._icon-flag:before {
  content: "\e902";
}

._icon-mail:before {
  content: "\e903";
}

._icon-certif:before {
  content: "\e905";
}

._icon-adress:before {
  content: "\e906";
}

._icon-cart:before {
  content: "\e907";
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

:focus,
:active {
  outline: none;
}

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

html,
body {
  height: 100%;
  min-width: 360px;
}

body {
  color: #1A1C1A;
  line-height: 1;
  font-family: "montserrat";
  font-size: 0.9375rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "montserrat";
  font-size: inherit;
  outline: none;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  line-height: normal;
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

/*
(i) Стили будут применяться ко 
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/

[class*=__container] {
  max-width: 56.25rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
  padding: 0 0.75rem;
}

.form {
  width: 100%;
}

.form__input {
  width: 100%;
  display: block;
  width: 100%;
  color: #000;
  line-height: 133%;
  padding: 0.625rem 0.75rem;
  border: 0.0625rem solid #E8E8E8;
  border-radius: 0.25rem;
}

.form__input:not(:last-of-type) {
  margin-bottom: 0rem;
}

.form__input::-webkit-input-placeholder {
  color: #888;
}

.form__input::-moz-placeholder {
  color: #888;
}

.form__input:-ms-input-placeholder {
  color: #888;
}

.form__input::-ms-input-placeholder {
  color: #888;
}

.form__input::placeholder {
  color: #888;
}

.form__input._form-error {
  color: red;
  border: 0.0625rem solid red;
}

.form__input._form-error::-webkit-input-placeholder {
  color: red;
}

.form__input._form-error::-moz-placeholder {
  color: red;
}

.form__input._form-error:-ms-input-placeholder {
  color: red;
}

.form__input._form-error::-ms-input-placeholder {
  color: red;
}

.form__input._form-error::placeholder {
  color: red;
}

.form__error {
  color: red;
  margin-top: 0.3125rem;
}

.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  padding: 0.5rem 1.5rem;
  line-height: 133%;
  background-color: #2C88AF;
  border: 0.0625rem solid #2C88AF;
  border-radius: 0.25rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  font-weight: 600;
}

.button::before {
  font-size: 1.125rem;
  height: 1.5rem;
  width: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button-copy {
  color: #2C88AF;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  background: rgba(44, 136, 175, 0.06);
  border-radius: 0.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  -webkit-transition: background 0.3s ease 0s;
  -o-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
  line-height: 133%;
}

.button-copy::before {
  font-size: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button-blue {
  color: #005BFF;
  background-color: #fff;
  border: 0.0625rem solid #005BFF;
  gap: 0.5rem;
}

.button-blue-light {
  border: 0.0625rem solid #2C88AF;
  color: #2C88AF;
  background-color: inherit;
}

.button._fw {
  width: 100%;
}

body::after {
  content: "";
  background-color: rgba(42, 129, 166, 0.72);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease 0s;
  -o-transition: opacity 0.8s ease 0s;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

[class*=-ibg] {
  position: relative;
}

[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg_contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page__plate {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: fixed;
  z-index: 5;
  bottom: 0;
  -webkit-transform: translate(0%, 150%);
      -ms-transform: translate(0%, 150%);
          transform: translate(0%, 150%);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.page__plate-active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.plate__content {
  border-radius: 8px;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
  padding: 0.5rem 1.5rem 0.5rem 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  line-height: 133%;
}

.plate__content::before {
  width: 3.625rem;
  height: 3.625rem;
  -webkit-box-flex: 3.625rem;
      -ms-flex: 3.625rem 0 0px;
          flex: 3.625rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #C3FFCD;
  border-radius: 50%;
}

.common-card {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: #FFF;
  border-radius: 4px;
}

.common-card-title {
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

.common-main-title {
  font-weight: 600;
}

.common-title {
  font-weight: 600;
}

.common-subtitle {
  font-weight: 600;
  line-height: 133%;
}

.common-text-bold {
  font-weight: 600;
  line-height: 133%;
}

.common-element-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}

.common-element-text {
  font-size: 0.9375rem;
  line-height: 133%;
  color: #2A2A2A;
}

.common-element-text:not(:last-child) {
  position: relative;
  padding-right: 0.75rem;
}

.common-element-text:not(:last-child)::before {
  position: absolute;
  right: 0;
  content: "·";
}

.common-element-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.common-element-badge {
  padding: 0.25rem 0.375rem;
  border-radius: 0.25rem;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 138%;
}

.common-element-badge-1 {
  background-color: #6C9;
}

.common-element-badge-2 {
  background-color: #AB7BF0;
}

.common-element-badge-3 {
  background-color: #F0AB7B;
}

.common-element-color {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  overflow: hidden;
}

.common-element-color img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.common-element-color picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.common-border-bottom {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.common-border-bottom::after {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  content: "";
  width: 0;
  height: 0.0625rem;
  background-color: #2C88AF;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.common-indent {
  display: block;
}

.header {
  background-color: #2A81A6;
}

.header__container {
  max-width: 1360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  row-gap: 0.75rem;
  font-weight: 500;
  color: #fff;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 26px 40px;
}

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

.header__logo img {
  width: 100%;
  height: 100%;
}

.header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.header__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 0.75rem;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  gap: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 138%;
  font-size: 0.8125rem;
  -webkit-transition: background 0.3s ease 0s, font-weight 0.3s ease 0s;
  -o-transition: background 0.3s ease 0s, font-weight 0.3s ease 0s;
  transition: background 0.3s ease 0s, font-weight 0.3s ease 0s;
}

.header__link::before {
  height: 1.5rem;
  width: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__link._icon-price::before {
  font-size: 1.125rem;
}

.header__link._icon-certif::before {
  font-size: 1.125rem;
}

.header__link._icon-adress::before {
  font-size: 1rem;
}

.header__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.header__contact-svg {
  width: 1.5rem;
  height: 1.5rem;
}

.header__contact-svg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header__contact-icon::before {
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25rem;
}

.header__contact-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}

.header__contact-light {
  line-height: 125%;
  font-weight: 600;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

.header__contact-dark {
  color: #BFD9E5;
  line-height: 104%;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  font-weight: 500;
  transition: color 0.3s ease 0s;
}
.mobile .header__contact{
  display:none;
}
.icon-menu {
  display: none;
}

.footer {
  border-top: 1px solid #EBEBEB;
}

.footer__container {
  max-width: 90rem;
  padding: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.footer__copy {
  line-height: 130%;
  color: #888;
  font-size: 0.75rem;
}

.product__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product__element-info {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}

.product__element-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}

.product__element-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.product__element-subtitle {
  color: #333;
}

.product__element-color-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
  row-gap: 0.75rem;
}

.product__element-color-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

.product__element-color-subtext {
  font-size: 0.8125rem;
  line-height: 138%;
}

.product__element-color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}

.product__element-price-value {
  font-weight: 600;
}

.product__element-price-add {
  line-height: 133%;
  font-size: 0.9375rem;
  font-weight: 400;
}

.product__element-price-gray {
  color: #888;
}

.product__element-price-fz {
  font-size: 0.9375rem;
  font-weight: 400;
}

.product__element-price-billet {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 138%;
  padding: 0.375rem 0.625rem;
  background-color: #E7FFEB;
  color: #333;
  border-radius: 0.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product__element-img {
  -webkit-box-flex: 1;
      -ms-flex: auto 0 0px;
          flex: auto 0 0;
  margin: 0 auto;
}

.product__element-img img {
  width: 100%;
  height: 100%;
}

.product-element__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

.line {
  background: rgba(153, 153, 153, 0.24);
  height: 0.0625rem;
}

.about__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}

.about__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about__group {
  padding: 0.75rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}

.about__group:not(:last-child) {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.12);
}

.about__text {
  -webkit-box-flex: 50%;
      -ms-flex: 50% 1 1;
          flex: 50% 1 1;
  color: #000;
}

.about__billet {
  border-radius: 8px;
  background: #E7FFEB;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.catalog .about__billet {
  padding: 24px;
}
.about__billet-box {
  display: flex;
  align-items:center;
  gap: 31px;
}
.about__billet-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}

.about__billet-icon::before {
  width: 3.625rem;
  height: 3.625rem;
  -webkit-box-flex: 3.625rem;
      -ms-flex: 3.625rem 0 0px;
          flex: 3.625rem 0 0;
  background-color: #C3FFCD;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
}

.about__billet-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about__billet-title {
  line-height: 120%;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.about__billet-text {
  line-height: 138%;
  font-size: 0.8125rem;
  display: block;
  margin: auto;
  color: #000;
}

.catalog__container .about__billet-text {
  font-size: 0.9375rem;
  line-height: 133%;
}

.about__billet-button {
  width: 12.1875rem;
  -webkit-box-flex: 1;
      -ms-flex: auto 0 0px;
          flex: auto 0 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.communication__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.communication__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.communication__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.communication__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.communication__img {
  width: 4rem;
  height: 4rem;
  position: relative;
  border-radius: 50%;
  margin-bottom: 1rem;
}

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

.communication__status {
  position: absolute;
  right: -2.8125rem;
  bottom: 0;
  padding: 0.125rem 0.375rem;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 163%;
  background-color: #C3FFCD;
  border-radius: 0.25rem;
  color: #333;
}

.communication__name {
  margin-top: 0.375rem;
}

.communication__bottom {
  display: flex;
  justify-content: center;
  gap: 36px;
}

.communication__item {
  display: flex;
  align-items: center;
  max-width: 160px;
  width: 100%;
  gap: 0.75rem;
  color: #2C88AF;
}

.communication__item-dark {
  color: #000;
}

.communication__item-dark span::after {
  content: "";
  background-color: #000;
}

.communication__item._icon-mail::before {
  font-size: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.communication__item-img {
  width: 1.5rem;
  height: 1.5rem;
}

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

.communication__line {
  background: rgba(136, 136, 136, 0.24);
  height: 0.0625rem;
}

.communication__birdie {
  border-radius: 0.5rem;
  background-color: #EFFAFF;
  padding: 1.5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
    max-width: 40.625rem;
    width: 100%;
    margin: 0 auto;
}

.communication__birdie-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625rem;
}

.communication__birdie-form-input {
  width: 100%;
}

.communication__birdie-form-button {
  -webkit-box-flex: 1;
      -ms-flex: auto 0 0px;
          flex: auto 0 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.accomplishment__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.accomplishment__container .button {
  margin-top: 30px;
  margin-bottom: 32px;
}

.accomplishment__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.accomplishment__li {
  -webkit-box-flex: 33.333%;
      -ms-flex: 33.333%;
          flex: 33.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

.accomplishment__li-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.accomplishment__li-icon {
  width: 3.625rem;
  height: 3.625rem;
  -webkit-box-flex: 1;
      -ms-flex: auto 0 0px;
          flex: auto 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #CBEFFF;
  border-radius: 50%;
}

.accomplishment__li-icon._icon-star {
  font-size: 1.25rem;
}

.accomplishment__li-icon._icon-school {
  font-size: 1.25rem;
}

.accomplishment__li-icon._icon-people {
  font-size: 1rem;
}

.accomplishment__numb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}

.accomplishment__counter {
  font-weight: 600;
}

.accomplishment__text {
  line-height: 133%;
  color: #000;
}

.accomplishment__btn {
  text-align: center;
}

.accomplishment__copy {
  opacity: 0.8;
  color: #888;
  text-align: center;
  font-size: 0.6875rem;
  line-height: 163%;
}

.more__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.625rem;
}

.more__card {
  -webkit-box-flex: 33.333%;
      -ms-flex: 33.333% 1 0px;
          flex: 33.333% 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.625rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.more__card-img {
  width: 14.125rem;
  height: 10.625rem;
  margin: 0 auto;
}

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

.more__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.more__card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
}

.more__card-reference {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}

.group-more-card__item {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem;
  border-radius: 0.25rem;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  border: 0.0625rem solid #F1F1F1;
  color: #888;
}

.group-more-card__subtext {
  font-size: 0.8125rem;
  line-height: 138%;
}

.group-more-card__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  min-height: 1.125rem;
}

.group-more-card__color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.group-more-card__color img {
  width: 100%;
  height: 100%;
}

.reference-card__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}

.reference-card__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}

.reference-card__art {
  font-size: 0.8125rem;
  line-height: 138%;
  color: #888;
}

.reference-card__title {
  font-weight: 600;
  line-height: 125%;
}

.reference-card__warranty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}

.reference-card__warranty-item {
  line-height: 138%;
  font-size: 0.8125rem;
}

.reference-card__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}

.reference-card__price-value {
  font-weight: 600;
  line-height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
  min-height: 2.25rem;
}

.reference-card__price-value-cell-active .reference-card__price-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.reference-card__price-value-cell-hidden .reference-card__price-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
}
.reference-card__price-cell {
  gap: 0.5rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.reference-card__price-cell-value {
  line-height: 142%;
  color: #888;
  position: relative;
}

.reference-card__price-cell-value::before {
  content: "";
  width: 100%;
  height: 0.0625rem;
  background-color: #888;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.reference-card__price-cell-prc {
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  background: #FFA500;
  line-height: 138%;
  font-weight: 600;
  color: #FFF;
}

.reference-card__price-reduct {
  line-height: 138%;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid rgba(26, 26, 26, 0.06);
}

.reference-card__price-img {
  width: 1.25rem;
  -webkit-box-flex: 1.25rem;
      -ms-flex: 1.25rem 0 0px;
          flex: 1.25rem 0 0;
  height: 1.25rem;
}

.reference-card__price-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.reference-card__price-text {
  margin: auto 0;
}

.reference-card__price-text-blue {
  color: #2A81A6;
  display: inline-block;
  line-break: auto;
}

.reference-card__inp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}

.reference-card__actions {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.reference-card__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #D6ECF5;
  width: 100%;
}

.reference-card__input-btn .reference-card__input-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reference-card__input-button {
  display: none;
  width: 1.1875rem;
  height: 1.1875rem;
  -webkit-box-flex: 1.1875rem;
      -ms-flex: 1.1875rem 0 0px;
          flex: 1.1875rem 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.reference-card__input-button svg {
  width: 100%;
  height: 100%;
}

.reference-card__input input {
  width: 100%;
  text-align: center;
  line-height: 160%;
  font-weight: 500;
}

.reference-card__incart {
  -webkit-box-flex: 1;
      -ms-flex: auto 0 0px;
          flex: auto 0 0;
  text-align: center;
}

.reference-card__button {
  width: 100%;
  margin-top: 1.25rem;
}

.reference-card__button a {
  width: 100%;
}

.catalog__li .reference-card__button {
  margin-top: 0.75rem;
}

.plug-more-card__wrapp {
  background-color: #EFFAFF;
  border-radius: 0.5rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  height: 100%;
  padding: 2rem 1.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.plug-more-card__icon {
  width: 3.625rem;
  height: 3.625rem;
  -webkit-box-flex: 1;
      -ms-flex: auto 0 0px;
          flex: auto 0 0;
  background-color: #CBEFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  margin: 0 auto;
}

.plug-more-card__icon._icon-cart {
  font-size: 1.125rem;
}

.plug-more-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}

.plug-more-card__offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.plug-more-card__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 100%;
}

.plug-more-card__text {
  font-size: 0.8125rem;
  line-height: 138%;
}

.plug-more-card__button {
  margin: 0 auto;
  width: 12.5rem;
}

.catalog__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.catalog__container .about__billet-info {
  gap: 1.25rem;
}

.catalog__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}

.catalog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.catalog__li {
  -webkit-box-flex: 50%;
      -ms-flex: 50% 0 0px;
          flex: 50% 0 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.catalog__li .reference-card__input input {
  font-size: 1.25rem;
}

.catalog__li .reference-card__input {
  padding: 0.25rem 1rem;
}

.catalog__li .reference-card__incart {
  -webkit-box-flex: 50%;
      -ms-flex: 50% 0 0px;
          flex: 50% 0 0;
}

.catalog__li .product__element-color-items {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.catalog__li .reference-card__inp {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.catalog__li-img {
  width: 21.3125rem;
  height: 16.0625rem;
  margin: 0 auto;
}

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

.catalog__li-proposal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}

.catalog__li-proposal .product__element-price-billet {
  margin: 0 auto;
}
.proposal-catalog-li__element-badges li {
  color: #333;
}

.proposal-catalog-li__element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.proposal-catalog-li__present {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}

.proposal-catalog-li__title {
  font-size: 1.125rem;
  line-height: 133%;
  font-weight: 600;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}

.certificates__wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.certificates__offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}

.certificates__subtitle {
  font-weight: 600;
  line-height: 120%;
}

.certificates__list {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; */
  margin: -0.3125rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 20px;
}

.certificates__li {
  padding: 0.3125rem;
  max-width: 290px;
  width: 100%;
  overflow-wrap: normal;  /* не поддерживает IE, Firefox; является копией word-wrap */ 
  word-wrap: break-word;
  word-break: normal;  /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */ 
  line-break: auto;  /* нет поддержки для русского языка */ 
  hyphens: manual;  /* значение auto не поддерживается Chrome */ 
}

.certificates__img {
  margin-bottom: 0.75rem;
}

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

.certificates__name {
  line-height: 160%;
}

.contact__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contact__subtitle {
  font-weight: 600;
  line-height: 133%;
}

.contact__feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.contact__requisites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
          gap:20px;
}

.contact__map {
  width: 100%;
  /*height: 25rem;*/
}

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

.feedback-contact__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 20px;
}

.feedback-contact__li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-flex: 33.333%;
      -ms-flex: 33.333%;
          flex: 33.333%;
  width: 100%;
}

.feedback-contact__li-text {
  line-height: 133%;
  color: #000;
}

.feedback-contact__li-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  color: #2C88AF;
  font-weight: 600;
  line-height: 133%;
}

.feedback-contact__li-link::before {
  height: 1.5rem;
  width: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.feedback-contact__li-link-dark {
  color: #000;
  font-weight: 500;
  line-height: 160%;
  font-size: 0.9375rem !important;
}

.feedback-contact__li-link._icon-phone::before {
  font-size: 1.25rem;
}

.feedback-contact__li-link._icon-mail::before {
  font-size: 0.875rem;
}

.requisites-contact__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.requisites-contact__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem 0;
}

.requisites-contact__row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.requisites-contact__text {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  color: #000;
  line-height: 133%;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  -webkit-transition-property: visibility, opacity, -webkit-transform;
  transition-property: visibility, opacity, -webkit-transform;
  -o-transition-property: transform, visibility, opacity;
  transition-property: transform, visibility, opacity;
  transition-property: transform, visibility, opacity, -webkit-transform;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
       -o-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
          transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

@media (min-width: 479.98px) {

  .page__plate {
    max-width: 29.375rem;
  }
  .reference-card__price-value {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .reference-card__price-reduct {
    padding: 0.5rem;
  }
  .more__card-img {
    width: 14.125rem;
  }
  .more__card-img {
    height: 10.625rem;
  }
  .communication__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }

  .communication__item._icon-mail::before {
    margin: 0 auto;
  }

  .communication__item-img {
    margin: 0 auto;
  }

  .communication__line {
    width: 7.5rem;
    margin: 0 auto;
  }
}
@media (min-width: 743.98px) {
.accomplishment__li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.accomplishment__li-info {
  gap: 0.75rem;
}

.accomplishment__li-icon {
  margin: 0 auto;
}
}


@media (min-width: 767.98px) {
  .common-indent-pc {
    display: block;
  }

  .catalog__container .about__billet-icon {
    margin: auto 0;
  }

  .reference-card__incart {
    width: 8.4375rem;
  }

  .feedback-contact__li {
    max-width: 21.25rem;
  }
  .button {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-size: 0.9375rem;
  }

  .page {
    gap: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .plate__content {
    font-size: 0.9375rem;
  }

  .plate__content::before {
    font-size: 0.75rem;
  }

  .common-subtitle {
    font-size: 1.5rem;
  }

  .header__logo {
    width: 10.875rem;
    height: 1.75rem;
  }

  .header__contact-light {
    font-size: 1rem;
  }

  .header__contact-dark {
    font-size: 0.9375rem;
  }

  .product__element-price-value {
    font-size: 2.75rem;
  }

  .product__element-img {
    width: 32rem;
  }

  .product__element-img {
    height: 24.1875rem;
  }

  .about__billet-title {
    font-size: 1.25rem;
  }

  .accomplishment__counter {
    font-size: 3.375rem;
  }

  .more__card {
    min-width: 17.9375rem;
  }

  .reference-card__title {
    font-size: 1rem;
  }

  .reference-card__price-value {
    font-size: 1.25rem;
  }

  .reference-card__price-cell-value {
    font-size: 0.875rem;
  }

  .reference-card__price-cell-prc {
    font-size: 0.8125rem;
  }

  .reference-card__inp {
    margin-top: 1.25rem;
  }

  .reference-card__input input {
    font-size: 1.25rem;
  }

  .catalog__container {
    gap: 2rem;
  }

  .certificates__title {
    margin-bottom: 2rem;
  }

  .certificates__wrapp {
    gap: 3.75rem;
  }

  .certificates__subtitle {
    font-size: 1.25rem;
  }

  .contact__subtitle {
    font-size: 1.5rem;
  }

  .contact__feedback {
    gap: 1.25rem;
  }

  .feedback-contact__li-link {
    font-size: 1.125rem;
  }

  .requisites-contact__row {
    gap: 1.25rem;
  }
}

@media (min-width: 900px) {
  .page__plate {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .about__billet {
    gap: 2.5rem;
  }

  .contact__container {
    gap: 2.5rem;
  }
}

@media (min-width: 924px) {
  .form {
    margin-top: 0.0000000625rem;
  }
  .header__links {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 991.98px) {
  .product-element__btns {
    margin-right: -3.125rem;
  }
/* 
  .communication__item {
    -webkit-box-flex: 12.25rem;
        -ms-flex: 12.25rem 0 0px;
            flex: 12.25rem 0 0;
  } */

  .communication__birdie-form-input {
    max-width: 16.4375rem;
  }

  .catalog__li .reference-card__actions {
    padding: 0 1.5rem;
  }

  .catalog__container .about__billet {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .catalog__li .product__element-color-items {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

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

  .proposal-catalog-li__element-badges {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .proposal-catalog-li__element-offer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 1440px) {
  .page {
    padding-top: 2.125rem;
  }

  .common-main-title {
    font-size: 3.375rem;
  }

  .common-title {
    font-size: 3.375rem;
  }

  .header__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .footer {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .product__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .line__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .about__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .communication__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .accomplishment__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .more__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .catalog__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .catalog__list {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .catalog__li {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .catalog__li .product__element-price-value {
    margin-top: 2rem;
  }

  .catalog__li .reference-card__inp {
    margin-top: 2rem;
  }

  .certificates__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .contact__container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 991.98px) {
  .header__container {
    padding: 26px 20px;
  }
  .mobile .header__contact{
    display: flex;
  }
  .desktop .header__contact {
    display: none;
  }
  .header__actions, .header__links {
    width: 100%;
  }
  .header__actions {
    gap: 0;
  }
  .header__links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .product__element {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1.25rem;
  }

  .product-element__button {
    -webkit-box-flex: 50%;
        -ms-flex: 50% 1 1;
            flex: 50% 1 1;
  }

  .feedback-contact__li {
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
  }
  .plug-more-card__wrapp {
    gap: 2rem;
  }
}
@media (max-width: 743.98px) {
  .page {
    padding-top: 1.25rem;
  }

  .page__plate {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .page__plate {
    padding-bottom: 1.25rem;
  }

  .common-main-title {
    font-size: 2.75rem;
  }

  .common-title {
    font-size: 2.75rem;
  }

  .header__container {
    /* padding-left: 1.25rem;
    padding-right: 1.25rem; */
    padding: 12px;
  }
  .header__links {
    display: flex;
  }
  .footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .product__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .line__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .about__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .about__billet {
    gap: 1.875rem;
  }
  .about__billet-box {
    flex-direction: column;
    gap: 12px;
  }
  .communication__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .accomplishment__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .more__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .plug-more-card__wrapp {
    padding: 32px 0px;
  }

  .catalog__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .catalog__list {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .catalog__li {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .catalog__li .product__element-price-value {
    margin-top: 1.5rem;
  }

  .catalog__li .reference-card__inp {
    margin-top: 1.5rem;
  }

  .certificates__container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .certificates__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .certificates__name {
    font-size: 13px;
    line-height: 185%;
  }
  .contact__container {
    gap: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .feedback-contact__list {
    row-gap: 16px;
  }
  .contact__requisites {
    gap:16px;
  }
  .header__links {
    width: 100%;
    overflow: auto;
  }
  .header__links::-webkit-scrollbar { 
    width: 0; 
    height: 0;
  }
  .header__link {
    flex-shrink: 0;
  }

  .icon-menu {
    display: block;
    position: relative;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.875rem;
            flex: 0 0 1.875rem;
    height: 1.125rem;
    cursor: pointer;
    z-index: 5;
  }

  .icon-menu span,
  .icon-menu::before,
  .icon-menu::after {
    content: "";
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    right: 0;
    position: absolute;
    width: 100%;
    height: 0.125rem;
    background-color: #000;
  }

  .icon-menu::before {
    top: 0;
  }

  .icon-menu::after {
    bottom: 0;
  }

  .icon-menu span {
    top: calc(50% - 0.0625rem);
  }

  .menu-open .icon-menu span {
    width: 0;
  }

  .menu-open .icon-menu::before,
  .menu-open .icon-menu::after {
    background-color: #fff;
  }

  .menu-open .icon-menu::before {
    top: calc(50% - 0.0625rem);
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .menu-open .icon-menu::after {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  .product__element-color {
    gap: 0.75rem;
  }

  .about__billet {
    gap: 1.25rem;
  }

  .about__billet-button {
    width: 100%;
  }

  .communication__bottom {
    flex-direction: column;
    gap: 16px;
  }

  .communication__item {
    max-width: 100%;
  }

  .accomplishment__list {
    margin: -0.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .accomplishment__li {
    padding: 0.75rem;
    gap: 1.25rem;
  }

  .accomplishment__numb {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }

  .accomplishment__counter {
    line-height: 94%;
  }
  .accomplishment__container .button {
    margin-bottom: 8px;
  }
  .more__card-group {
    gap: 0;
  }

  .more__card-reference {
    gap: 0.75rem;
  }

  .group-more-card__item {
    padding: 0.25rem 0.5rem;
  }

  .group-more-card__item:nth-child(1) {
    border-right: 0.03125rem solid #f1f1f1;
    border-radius: 4px 0px 0px 4px;
  }

  .group-more-card__item:nth-child(2) {
    border-left: 0;
    border-radius: 0px 4px 4px 0px;
  }

  .reference-card__inp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
  }

  .reference-card__input {
    padding: 0.75rem 1rem;
  }
  .reference-card__box {
    display: block;
  }
  .catalog__li {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }

  .feedback-contact__li {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}

@media (max-width: 499.98px) {

  .page__plate {
    width: 100%;
  }

  .plate__content {
    line-height: 153%;
  }

  .common-subtitle {
    line-height: 120%;
  }

  .common-element-badge {
    font-weight: 400;
  }
  .header__contact-svg {
    display: none;
  }

  .header__contact-light {
    line-height: 133%;
  }

  .header__contact-dark {
    line-height: 138%;
  }
  .product-element__btns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .product__element-color-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .product__element-color-item {
    width: 100%;
  }

  .product__element-color-subtext {
    min-width: 3.75rem;
  }

  .about__billet-title {
    line-height: 133%;
  }

  .communication__birdie-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .more__card-img {
    margin: 0.25rem auto;
  }

  .reference-card__title {
    line-height: 138%;
  }

  .reference-card__price-value {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 152%;
  }

  .reference-card__price-cell {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    line-height: 163%;
  }

  .reference-card__price-cell-prc {
    line-height: 163%;
  }

  .reference-card__price-reduct {
    border: 0;
  }

  .reference-card__price-img {
    display: none;
  }

  .reference-card__input input {
    font-weight: 600;
    line-height: 133%;
  }

  .reference-card__button {
    margin-top: 0.5rem;
  }

  .certificates__subtitle {
    line-height: 141%;
  }

  .certificates__name {
    line-height: 184%;
  }

  .contact__subtitle {
    line-height: 141%;
  }

  .feedback-contact__li-link {
    line-height: 160%;
  }
}

@media (max-width: 360px) {
  .form {
    margin-top: 0.0000000625rem;
  }

  .button {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    font-size: 0.875rem;
  }

  .page {
    gap: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 1.5rem;
  }

  .page__plate {
    padding-left: 0.8125rem;
    padding-right: 0.8125rem;
    padding-bottom: 0.8125rem;
  }

  .plate__content {
    font-size: 0.8125rem;
  }

  .plate__content::before {
    font-size: 0.625rem;
  }

  .common-main-title {
    font-size: 1.5rem;
  }

  .common-title {
    font-size: 1.5rem;
  }

  .common-subtitle {
    font-size: 1.25rem;
  }

  .header__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .header__logo {
    width: 7.5rem;
    height: 1.25rem;
  }

  .header__contact-light {
    font-size: 0.9375rem;
  }

  .header__contact-dark {
    font-size: 0.8125rem;
  }

  .footer {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .product__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .product__element-price-value {
    font-size: 2.125rem;
  }

  .product__element-img {
    width: 14.5rem;
    height: 11rem;
  }

  .line__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .about__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .about__billet-title {
    font-size: 0.9375rem;
  }

  .communication__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .accomplishment__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .accomplishment__counter {
    font-size: 2.125rem;
  }

  .more__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .more__card {
    min-width: 10.125rem;
  }

  .more__card-img {
    width: 7.5rem;
    height: 5.625rem;
  }

  .reference-card__title {
    font-size: 0.8125rem;
  }

  .reference-card__price-value {
    font-size: 1.0625rem;
  }

  .reference-card__price-cell-value {
    font-size: 0.6875rem;
  }

  .reference-card__price-cell-prc {
    font-size: 0.6875rem;
  }

  .reference-card__inp {
    margin-top: 0.75rem;
  }

  .reference-card__input input {
    font-size: 0.9375rem;
  }

  .catalog__container {
    gap: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .certificates__container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .certificates__title {
    margin-bottom: 1.5rem;
  }

  .certificates__wrapp {
    gap: 60px;
  }

  .certificates__subtitle {
    font-size: 1.0625rem;
  }

  .certificates__name {
    font-size: 0.8125rem;
  }

  .contact__container {
    gap: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .contact__subtitle {
    font-size: 1.0625rem;
  }

  .contact__feedback {
    gap: 1rem;
  }

  .feedback-contact__li-link {
    font-size: 0.9375rem;
  }

  .requisites-contact__row {
    gap: 0.0000000625rem;
  }
}

@media (min-width: 22.5em) and (max-width: 57.75em) {
@supports (margin-top: clamp( 0.0000000625rem , 0.0000000625rem  +  0vw , 0.0000000625rem )) {
    .form {
      margin-top: clamp( 0.0000000625rem , 0.0000000625rem  +  0vw , 0.0000000625rem );
    }
}

@supports not (margin-top: clamp( 0.0000000625rem , 0.0000000625rem  +  0vw , 0.0000000625rem )) {
    .form {
      margin-top: calc(
        0.0000000625rem + 0 * (100vw - 22.5rem) / 35.25
      );
    }
}
}

@media (min-width: 22.5em) and (max-width: 48em) {
@supports (padding-right: clamp( 0.625rem , -0.1470588235rem  +  3.431372549vw , 1.5rem )) {
    .button {
      padding-right: clamp( 0.625rem , -0.1470588235rem  +  3.431372549vw , 1.5rem );
    }
}

@supports not (padding-right: clamp( 0.625rem , -0.1470588235rem  +  3.431372549vw , 1.5rem )) {
    .button {
      padding-right: calc(
        0.625rem + 0.875 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (padding-left: clamp( 0.625rem , -0.1470588235rem  +  3.431372549vw , 1.5rem )) {
    .button {
      padding-left: clamp( 0.625rem , -0.1470588235rem  +  3.431372549vw , 1.5rem );
    }
}

@supports not (padding-left: clamp( 0.625rem , -0.1470588235rem  +  3.431372549vw , 1.5rem )) {
    .button {
      padding-left: calc(
        0.625rem + 0.875 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 0.875rem , 0.8198529412rem  +  0.2450980392vw , 0.9375rem )) {
    .button {
      font-size: clamp( 0.875rem , 0.8198529412rem  +  0.2450980392vw , 0.9375rem );
    }
}

@supports not (font-size: clamp( 0.875rem , 0.8198529412rem  +  0.2450980392vw , 0.9375rem )) {
    .button {
      font-size: calc(
        0.875rem + 0.0625 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (gap: clamp( 1.5rem , 0.6176470588rem  +  3.9215686275vw , 2.5rem )) {
    .page {
      gap: clamp( 1.5rem , 0.6176470588rem  +  3.9215686275vw , 2.5rem );
    }
}

@supports not (gap: clamp( 1.5rem , 0.6176470588rem  +  3.9215686275vw , 2.5rem )) {
    .page {
      gap: calc(
        1.5rem + 1 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (padding-bottom: clamp( 1.5rem , 0.6176470588rem  +  3.9215686275vw , 2.5rem )) {
    .page {
      padding-bottom: clamp( 1.5rem , 0.6176470588rem  +  3.9215686275vw , 2.5rem );
    }
}

@supports not (padding-bottom: clamp( 1.5rem , 0.6176470588rem  +  3.9215686275vw , 2.5rem )) {
    .page {
      padding-bottom: calc(
        1.5rem + 1 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 0.8125rem , 0.7022058824rem  +  0.4901960784vw , 0.9375rem )) {
    .plate__content {
      font-size: clamp( 0.8125rem , 0.7022058824rem  +  0.4901960784vw , 0.9375rem );
    }
}

@supports not (font-size: clamp( 0.8125rem , 0.7022058824rem  +  0.4901960784vw , 0.9375rem )) {
    .plate__content {
      font-size: calc(
        0.8125rem + 0.125 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 0.625rem , 0.5147058824rem  +  0.4901960784vw , 0.75rem )) {
    .plate__content::before {
      font-size: clamp( 0.625rem , 0.5147058824rem  +  0.4901960784vw , 0.75rem );
    }
}

@supports not (font-size: clamp( 0.625rem , 0.5147058824rem  +  0.4901960784vw , 0.75rem )) {
    .plate__content::before {
      font-size: calc(
        0.625rem + 0.125 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 1.25rem , 1.0294117647rem  +  0.9803921569vw , 1.5rem )) {
    .common-subtitle {
      font-size: clamp( 1.25rem , 1.0294117647rem  +  0.9803921569vw , 1.5rem );
    }
}

@supports not (font-size: clamp( 1.25rem , 1.0294117647rem  +  0.9803921569vw , 1.5rem )) {
    .common-subtitle {
      font-size: calc(
        1.25rem + 0.25 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (padding-top: clamp( 0.75rem , -0.0220588235rem  +  3.431372549vw , 1.625rem )) {
  .header__container {
    padding-top: clamp( 0.75rem , -0.0220588235rem  +  3.431372549vw , 1.625rem );
  }
}

@supports not (padding-top: clamp( 0.75rem , -0.0220588235rem  +  3.431372549vw , 1.625rem )) {
  .header__container {
    padding-top: calc(
      0.75rem + 0.875 * (100vw - 22.5rem) / 25.5
    );
  }
}

@supports (width: clamp( 7.5rem , 4.5220588235rem  +  13.2352941176vw , 10.875rem )) {
  .header__logo {
    width: clamp( 7.5rem , 4.5220588235rem  +  13.2352941176vw , 10.875rem );
  }
}

@supports not (width: clamp( 7.5rem , 4.5220588235rem  +  13.2352941176vw , 10.875rem )) {
  .header__logo {
    width: calc(
      7.5rem + 3.375 * (100vw - 22.5rem) / 25.5
    );
  }
}

@supports (height: clamp( 1.25rem , 0.8088235294rem  +  1.9607843137vw , 1.75rem )) {
  .header__logo {
    height: clamp( 1.25rem , 0.8088235294rem  +  1.9607843137vw , 1.75rem );
  }
}

@supports not (height: clamp( 1.25rem , 0.8088235294rem  +  1.9607843137vw , 1.75rem )) {
  .header__logo {
    height: calc(
      1.25rem + 0.5 * (100vw - 22.5rem) / 25.5
    );
  }
}

@supports (font-size: clamp( 0.9375rem , 0.8823529412rem  +  0.2450980392vw , 1rem )) {
  .header__contact-light {
    font-size: clamp( 0.9375rem , 0.8823529412rem  +  0.2450980392vw , 1rem );
  }
}

@supports not (font-size: clamp( 0.9375rem , 0.8823529412rem  +  0.2450980392vw , 1rem )) {
  .header__contact-light {
    font-size: calc(
      0.9375rem + 0.0625 * (100vw - 22.5rem) / 25.5
    );
  }
}

@supports (font-size: clamp( 0.8125rem , 0.7022058824rem  +  0.4901960784vw , 0.9375rem )) {
  .header__contact-dark {
    font-size: clamp( 0.8125rem , 0.7022058824rem  +  0.4901960784vw , 0.9375rem );
  }
}

@supports not (font-size: clamp( 0.8125rem , 0.7022058824rem  +  0.4901960784vw , 0.9375rem )) {
  .header__contact-dark {
    font-size: calc(
      0.8125rem + 0.125 * (100vw - 22.5rem) / 25.5
    );
  }
}

@supports (font-size: clamp( 2.125rem , 1.5735294118rem  +  2.4509803922vw , 2.75rem )) {
    .product__element-price-value {
      font-size: clamp( 2.125rem , 1.5735294118rem  +  2.4509803922vw , 2.75rem );
    }
}

@supports not (font-size: clamp( 2.125rem , 1.5735294118rem  +  2.4509803922vw , 2.75rem )) {
    .product__element-price-value {
      font-size: calc(
        2.125rem + 0.625 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (width: clamp( 14.5rem , -0.9411764706rem  +  68.6274509804vw , 32rem )) {
    .product__element-img {
      width: clamp( 14.5rem , -0.9411764706rem  +  68.6274509804vw , 32rem );
    }
}

@supports not (width: clamp( 14.5rem , -0.9411764706rem  +  68.6274509804vw , 32rem )) {
    .product__element-img {
      width: calc(
        14.5rem + 17.5 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (height: clamp( 11rem , -0.6360294118rem  +  51.7156862745vw , 24.1875rem )) {
    .product__element-img {
      height: clamp( 11rem , -0.6360294118rem  +  51.7156862745vw , 24.1875rem );
    }
}

@supports not (height: clamp( 11rem , -0.6360294118rem  +  51.7156862745vw , 24.1875rem )) {
    .product__element-img {
      height: calc(
        11rem + 13.1875 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 0.9375rem , 0.6617647059rem  +  1.2254901961vw , 1.25rem )) {
    .about__billet-title {
      font-size: clamp( 0.9375rem , 0.6617647059rem  +  1.2254901961vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.6617647059rem  +  1.2254901961vw , 1.25rem )) {
    .about__billet-title {
      font-size: calc(
        0.9375rem + 0.3125 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 2.125rem , 1.0220588235rem  +  4.9019607843vw , 3.375rem )) {
    .accomplishment__counter {
      font-size: clamp( 2.125rem , 1.0220588235rem  +  4.9019607843vw , 3.375rem );
    }
}

@supports not (font-size: clamp( 2.125rem , 1.0220588235rem  +  4.9019607843vw , 3.375rem )) {
    .accomplishment__counter {
      font-size: calc(
        2.125rem + 1.25 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (min-width: clamp( 10.125rem , 3.2316176471rem  +  30.637254902vw , 17.9375rem )) {
    .more__card {
      min-width: clamp( 10.125rem , 3.2316176471rem  +  30.637254902vw , 17.9375rem );
    }
}

@supports not (min-width: clamp( 10.125rem , 3.2316176471rem  +  30.637254902vw , 17.9375rem )) {
    .more__card {
      min-width: calc(
        10.125rem + 7.8125 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 0.8125rem , 0.6470588235rem  +  0.7352941176vw , 1rem )) {
    .reference-card__title {
      font-size: clamp( 0.8125rem , 0.6470588235rem  +  0.7352941176vw , 1rem );
    }
}

@supports not (font-size: clamp( 0.8125rem , 0.6470588235rem  +  0.7352941176vw , 1rem )) {
    .reference-card__title {
      font-size: calc(
        0.8125rem + 0.1875 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 1.0625rem , 0.8970588235rem  +  0.7352941176vw , 1.25rem )) {
    .reference-card__price-value {
      font-size: clamp( 1.0625rem , 0.8970588235rem  +  0.7352941176vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 1.0625rem , 0.8970588235rem  +  0.7352941176vw , 1.25rem )) {
    .reference-card__price-value {
      font-size: calc(
        1.0625rem + 0.1875 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 0.6875rem , 0.5220588235rem  +  0.7352941176vw , 0.875rem )) {
    .reference-card__price-cell-value {
      font-size: clamp( 0.6875rem , 0.5220588235rem  +  0.7352941176vw , 0.875rem );
    }
}

@supports not (font-size: clamp( 0.6875rem , 0.5220588235rem  +  0.7352941176vw , 0.875rem )) {
    .reference-card__price-cell-value {
      font-size: calc(
        0.6875rem + 0.1875 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 0.6875rem , 0.5772058824rem  +  0.4901960784vw , 0.8125rem )) {
    .reference-card__price-cell-prc {
      font-size: clamp( 0.6875rem , 0.5772058824rem  +  0.4901960784vw , 0.8125rem );
    }
}

@supports not (font-size: clamp( 0.6875rem , 0.5772058824rem  +  0.4901960784vw , 0.8125rem )) {
    .reference-card__price-cell-prc {
      font-size: calc(
        0.6875rem + 0.125 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (margin-top: clamp( 0.75rem , 0.3088235294rem  +  1.9607843137vw , 1.25rem )) {
    .reference-card__inp {
      margin-top: clamp( 0.75rem , 0.3088235294rem  +  1.9607843137vw , 1.25rem );
    }
}

@supports not (margin-top: clamp( 0.75rem , 0.3088235294rem  +  1.9607843137vw , 1.25rem )) {
    .reference-card__inp {
      margin-top: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 0.9375rem , 0.6617647059rem  +  1.2254901961vw , 1.25rem )) {
    .reference-card__input input {
      font-size: clamp( 0.9375rem , 0.6617647059rem  +  1.2254901961vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.6617647059rem  +  1.2254901961vw , 1.25rem )) {
    .reference-card__input input {
      font-size: calc(
        0.9375rem + 0.3125 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (gap: clamp( 1rem , 0.1176470588rem  +  3.9215686275vw , 2rem )) {
    .catalog__container {
      gap: clamp( 1rem , 0.1176470588rem  +  3.9215686275vw , 2rem );
    }
}

@supports not (gap: clamp( 1rem , 0.1176470588rem  +  3.9215686275vw , 2rem )) {
    .catalog__container {
      gap: calc(
        1rem + 1 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (margin-bottom: clamp( 1.5rem , 1.0588235294rem  +  1.9607843137vw , 2rem )) {
    .certificates__title {
      margin-bottom: clamp( 1.5rem , 1.0588235294rem  +  1.9607843137vw , 2rem );
    }
}

@supports not (margin-bottom: clamp( 1.5rem , 1.0588235294rem  +  1.9607843137vw , 2rem )) {
    .certificates__title {
      margin-bottom: calc(
        1.5rem + 0.5 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (gap: clamp( 1.25rem , -0.9558823529rem  +  9.8039215686vw , 3.75rem )) {
    .certificates__wrapp {
      gap: clamp( 1.25rem , -0.9558823529rem  +  9.8039215686vw , 3.75rem );
    }
}

@supports not (gap: clamp( 1.25rem , -0.9558823529rem  +  9.8039215686vw , 3.75rem )) {
    .certificates__wrapp {
      gap: calc(
        1.25rem + 2.5 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 1.0625rem , 0.8970588235rem  +  0.7352941176vw , 1.25rem )) {
    .certificates__subtitle {
      font-size: clamp( 1.0625rem , 0.8970588235rem  +  0.7352941176vw , 1.25rem );
    }
}

@supports not (font-size: clamp( 1.0625rem , 0.8970588235rem  +  0.7352941176vw , 1.25rem )) {
    .certificates__subtitle {
      font-size: calc(
        1.0625rem + 0.1875 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 1.0625rem , 0.6764705882rem  +  1.7156862745vw , 1.5rem )) {
    .contact__subtitle {
      font-size: clamp( 1.0625rem , 0.6764705882rem  +  1.7156862745vw , 1.5rem );
    }
}

@supports not (font-size: clamp( 1.0625rem , 0.6764705882rem  +  1.7156862745vw , 1.5rem )) {
    .contact__subtitle {
      font-size: calc(
        1.0625rem + 0.4375 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (gap: clamp( 1rem , 0.7794117647rem  +  0.9803921569vw , 1.25rem )) {
    .contact__feedback {
      gap: clamp( 1rem , 0.7794117647rem  +  0.9803921569vw , 1.25rem );
    }
}

@supports not (gap: clamp( 1rem , 0.7794117647rem  +  0.9803921569vw , 1.25rem )) {
    .contact__feedback {
      gap: calc(
        1rem + 0.25 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (font-size: clamp( 0.9375rem , 0.7720588235rem  +  0.7352941176vw , 1.125rem )) {
    .feedback-contact__li-link {
      font-size: clamp( 0.9375rem , 0.7720588235rem  +  0.7352941176vw , 1.125rem );
    }
}

@supports not (font-size: clamp( 0.9375rem , 0.7720588235rem  +  0.7352941176vw , 1.125rem )) {
    .feedback-contact__li-link {
      font-size: calc(
        0.9375rem + 0.1875 * (100vw - 22.5rem) / 25.5
      );
    }
}

@supports (gap: clamp( 0.0000000625rem , -1.1029410588rem  +  4.9019605392vw , 1.25rem )) {
    .requisites-contact__row {
      gap: clamp( 0.0000000625rem , -1.1029410588rem  +  4.9019605392vw , 1.25rem );
    }
}

@supports not (gap: clamp( 0.0000000625rem , -1.1029410588rem  +  4.9019605392vw , 1.25rem )) {
    .requisites-contact__row {
      gap: calc(
        0.0000000625rem + 1.2499999375 * (100vw - 22.5rem) / 25.5
      );
    }
}
}

@media (min-width: 48em) and (max-width: 90em) {
@supports (padding-top: clamp( 1.25rem , 0.25rem  +  2.0833333333vw , 2.125rem )) {
    .page {
      padding-top: clamp( 1.25rem , 0.25rem  +  2.0833333333vw , 2.125rem );
    }
}

@supports not (padding-top: clamp( 1.25rem , 0.25rem  +  2.0833333333vw , 2.125rem )) {
    .page {
      padding-top: calc(
        1.25rem + 0.875 * (100vw - 48rem) / 42
      );
    }
}

@supports (font-size: clamp( 2.75rem , 2.0357142857rem  +  1.4880952381vw , 3.375rem )) {
    .common-main-title {
      font-size: clamp( 2.75rem , 2.0357142857rem  +  1.4880952381vw , 3.375rem );
    }
}

@supports not (font-size: clamp( 2.75rem , 2.0357142857rem  +  1.4880952381vw , 3.375rem )) {
    .common-main-title {
      font-size: calc(
        2.75rem + 0.625 * (100vw - 48rem) / 42
      );
    }
}

@supports (font-size: clamp( 2.75rem , 2.0357142857rem  +  1.4880952381vw , 3.375rem )) {
    .common-title {
      font-size: clamp( 2.75rem , 2.0357142857rem  +  1.4880952381vw , 3.375rem );
    }
}

@supports not (font-size: clamp( 2.75rem , 2.0357142857rem  +  1.4880952381vw , 3.375rem )) {
    .common-title {
      font-size: calc(
        2.75rem + 0.625 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .footer {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .footer {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .footer {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .footer {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .product__container {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .product__container {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .product__container {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .product__container {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .line__container {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .line__container {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .line__container {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .line__container {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .about__container {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .about__container {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .about__container {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .about__container {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .communication__container {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .communication__container {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .communication__container {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .communication__container {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .accomplishment__container {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .accomplishment__container {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .accomplishment__container {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .accomplishment__container {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .more__container {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .more__container {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .more__container {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .more__container {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .catalog__container {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .catalog__container {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .catalog__container {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .catalog__container {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (margin-left: clamp( -2rem , 0.1428571429rem  +  -2.380952381vw , -1rem )) {
    .catalog__list {
      margin-left: clamp( -2rem , 0.1428571429rem  +  -2.380952381vw , -1rem );
    }
}

@supports not (margin-left: clamp( -2rem , 0.1428571429rem  +  -2.380952381vw , -1rem )) {
    .catalog__list {
      margin-left: calc(
        -1rem + -1 * (100vw - 48rem) / 42
      );
    }
}

@supports (margin-right: clamp( -2rem , 0.1428571429rem  +  -2.380952381vw , -1rem )) {
    .catalog__list {
      margin-right: clamp( -2rem , 0.1428571429rem  +  -2.380952381vw , -1rem );
    }
}

@supports not (margin-right: clamp( -2rem , 0.1428571429rem  +  -2.380952381vw , -1rem )) {
    .catalog__list {
      margin-right: calc(
        -1rem + -1 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1rem , -0.1428571429rem  +  2.380952381vw , 2rem )) {
    .catalog__li {
      padding-left: clamp( 1rem , -0.1428571429rem  +  2.380952381vw , 2rem );
    }
}

@supports not (padding-left: clamp( 1rem , -0.1428571429rem  +  2.380952381vw , 2rem )) {
    .catalog__li {
      padding-left: calc(
        1rem + 1 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1rem , -0.1428571429rem  +  2.380952381vw , 2rem )) {
    .catalog__li {
      padding-right: clamp( 1rem , -0.1428571429rem  +  2.380952381vw , 2rem );
    }
}

@supports not (padding-right: clamp( 1rem , -0.1428571429rem  +  2.380952381vw , 2rem )) {
    .catalog__li {
      padding-right: calc(
        1rem + 1 * (100vw - 48rem) / 42
      );
    }
}

@supports (margin-top: clamp( 1.5rem , 0.9285714286rem  +  1.1904761905vw , 2rem )) {
    .catalog__li .product__element-price-value {
      margin-top: clamp( 1.5rem , 0.9285714286rem  +  1.1904761905vw , 2rem );
    }
}

@supports not (margin-top: clamp( 1.5rem , 0.9285714286rem  +  1.1904761905vw , 2rem )) {
    .catalog__li .product__element-price-value {
      margin-top: calc(
        1.5rem + 0.5 * (100vw - 48rem) / 42
      );
    }
}

@supports (margin-top: clamp( 1.5rem , 0.9285714286rem  +  1.1904761905vw , 2rem )) {
    .catalog__li .reference-card__inp {
      margin-top: clamp( 1.5rem , 0.9285714286rem  +  1.1904761905vw , 2rem );
    }
}

@supports not (margin-top: clamp( 1.5rem , 0.9285714286rem  +  1.1904761905vw , 2rem )) {
    .catalog__li .reference-card__inp {
      margin-top: calc(
        1.5rem + 0.5 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .certificates__container {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .certificates__container {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .certificates__container {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .certificates__container {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .contact__container {
      padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .contact__container {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .contact__container {
      padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -0.1785714286rem  +  2.9761904762vw , 2.5rem )) {
    .contact__container {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 42
      );
    }
}
}

@media (min-width: 22.5em) and (max-width: 47.99875em) {
@supports (padding-top: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .page {
      padding-top: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-top: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .page {
      padding-top: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.8125rem , 0.4264516643rem  +  1.7157703809vw , 1.25rem )) {
    .page__plate {
      padding-left: clamp( 0.8125rem , 0.4264516643rem  +  1.7157703809vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.8125rem , 0.4264516643rem  +  1.7157703809vw , 1.25rem )) {
    .page__plate {
      padding-left: calc(
        0.8125rem + 0.4375 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.8125rem , 0.4264516643rem  +  1.7157703809vw , 1.25rem )) {
    .page__plate {
      padding-right: clamp( 0.8125rem , 0.4264516643rem  +  1.7157703809vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.8125rem , 0.4264516643rem  +  1.7157703809vw , 1.25rem )) {
    .page__plate {
      padding-right: calc(
        0.8125rem + 0.4375 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-bottom: clamp( 0.8125rem , 0.4264516643rem  +  1.7157703809vw , 1.25rem )) {
    .page__plate {
      padding-bottom: clamp( 0.8125rem , 0.4264516643rem  +  1.7157703809vw , 1.25rem );
    }
}

@supports not (padding-bottom: clamp( 0.8125rem , 0.4264516643rem  +  1.7157703809vw , 1.25rem )) {
    .page__plate {
      padding-bottom: calc(
        0.8125rem + 0.4375 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (font-size: clamp( 1.5rem , 0.3970047551rem  +  4.9022010883vw , 2.75rem )) {
    .common-main-title {
      font-size: clamp( 1.5rem , 0.3970047551rem  +  4.9022010883vw , 2.75rem );
    }
}

@supports not (font-size: clamp( 1.5rem , 0.3970047551rem  +  4.9022010883vw , 2.75rem )) {
    .common-main-title {
      font-size: calc(
        1.5rem + 1.25 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (font-size: clamp( 1.5rem , 0.3970047551rem  +  4.9022010883vw , 2.75rem )) {
    .common-title {
      font-size: clamp( 1.5rem , 0.3970047551rem  +  4.9022010883vw , 2.75rem );
    }
}

@supports not (font-size: clamp( 1.5rem , 0.3970047551rem  +  4.9022010883vw , 2.75rem )) {
    .common-title {
      font-size: calc(
        1.5rem + 1.25 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .footer {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .footer {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .footer {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .footer {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .product__container {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .product__container {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .product__container {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .product__container {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .line__container {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .line__container {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .line__container {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .line__container {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .about__container {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .about__container {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .about__container {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .about__container {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .communication__container {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .communication__container {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .communication__container {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .communication__container {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .accomplishment__container {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .accomplishment__container {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .accomplishment__container {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .accomplishment__container {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .more__container {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .more__container {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .more__container {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .more__container {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .catalog__container {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .catalog__container {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .catalog__container {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .catalog__container {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .certificates__container {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .certificates__container {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .certificates__container {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .certificates__container {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (gap: clamp( 1.5rem , 1.0588019021rem  +  1.9608804353vw , 2rem )) {
    .contact__container {
      gap: clamp( 1.5rem , 1.0588019021rem  +  1.9608804353vw , 2rem );
    }
}

@supports not (gap: clamp( 1.5rem , 1.0588019021rem  +  1.9608804353vw , 2rem )) {
    .contact__container {
      gap: calc(
        1.5rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .contact__container {
      padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-left: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .contact__container {
      padding-left: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}

@supports (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .contact__container {
      padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem );
    }
}

@supports not (padding-right: clamp( 0.75rem , 0.3088019021rem  +  1.9608804353vw , 1.25rem )) {
    .contact__container {
      padding-right: calc(
        0.75rem + 0.5 * (100vw - 22.5rem) / 25.49875
      );
    }
}
}

@media (min-width: 48em) and (max-width: 56.25em) {
@supports (padding-left: clamp( 1.25rem , -6.0227272727rem  +  15.1515151515vw , 2.5rem )) {
    .page__plate {
      padding-left: clamp( 1.25rem , -6.0227272727rem  +  15.1515151515vw , 2.5rem );
    }
}

@supports not (padding-left: clamp( 1.25rem , -6.0227272727rem  +  15.1515151515vw , 2.5rem )) {
    .page__plate {
      padding-left: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 8.25
      );
    }
}

@supports (padding-right: clamp( 1.25rem , -6.0227272727rem  +  15.1515151515vw , 2.5rem )) {
    .page__plate {
      padding-right: clamp( 1.25rem , -6.0227272727rem  +  15.1515151515vw , 2.5rem );
    }
}

@supports not (padding-right: clamp( 1.25rem , -6.0227272727rem  +  15.1515151515vw , 2.5rem )) {
    .page__plate {
      padding-right: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 8.25
      );
    }
}

@supports (padding-bottom: clamp( 1.25rem , -6.0227272727rem  +  15.1515151515vw , 2.5rem )) {
    .page__plate {
      padding-bottom: clamp( 1.25rem , -6.0227272727rem  +  15.1515151515vw , 2.5rem );
    }
}

@supports not (padding-bottom: clamp( 1.25rem , -6.0227272727rem  +  15.1515151515vw , 2.5rem )) {
    .page__plate {
      padding-bottom: calc(
        1.25rem + 1.25 * (100vw - 48rem) / 8.25
      );
    }
}

@supports (gap: clamp( 1.875rem , -1.7613636364rem  +  7.5757575758vw , 2.5rem )) {
    .about__billet {
      gap: clamp( 1.875rem , -1.7613636364rem  +  7.5757575758vw , 2.5rem );
    }
}

@supports not (gap: clamp( 1.875rem , -1.7613636364rem  +  7.5757575758vw , 2.5rem )) {
    .about__billet {
      gap: calc(
        1.875rem + 0.625 * (100vw - 48rem) / 8.25
      );
    }
}

@supports (gap: clamp( 2rem , -0.9090909091rem  +  6.0606060606vw , 2.5rem )) {
    .contact__container {
      gap: clamp( 2rem , -0.9090909091rem  +  6.0606060606vw , 2.5rem );
    }
}

@supports not (gap: clamp( 2rem , -0.9090909091rem  +  6.0606060606vw , 2.5rem )) {
    .contact__container {
      gap: calc(
        2rem + 0.5 * (100vw - 48rem) / 8.25
      );
    }
}
} 

@media (min-width: 22.5em) and (max-width: 30em) {
@supports (width: clamp( 7.5rem , -12.375rem  +  88.3333333333vw , 14.125rem )) {
    .more__card-img {
      width: clamp( 7.5rem , -12.375rem  +  88.3333333333vw , 14.125rem );
    }
}

@supports not (width: clamp( 7.5rem , -12.375rem  +  88.3333333333vw , 14.125rem )) {
    .more__card-img {
      width: calc(
        7.5rem + 6.625 * (100vw - 22.5rem) / 7.5
      );
    }
}

@supports (height: clamp( 5.625rem , -9.375rem  +  66.6666666667vw , 10.625rem )) {
    .more__card-img {
      height: clamp( 5.625rem , -9.375rem  +  66.6666666667vw , 10.625rem );
    }
}

@supports not (height: clamp( 5.625rem , -9.375rem  +  66.6666666667vw , 10.625rem )) {
    .more__card-img {
      height: calc(
        5.625rem + 5 * (100vw - 22.5rem) / 7.5
      );
    }
}
}

@media (any-hover: hover) {
  .button:hover {
    background-color: #27779A;
  }

  .button-copy:hover {
    background: rgba(44, 136, 175, 0.2);
  }

  .button-blue:hover {
    background: rgba(0, 91, 255, 0.06);
  }

  .button-blue-light:hover {
    background: rgba(44, 136, 175, 0.06);
  }

  .common-card:hover {
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(21, 63, 81, 0.12);
            box-shadow: 0px 0px 10px 0px rgba(21, 63, 81, 0.12);
  }

  .common-border-bottom:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
  }

  .header__link:hover {
    background: rgba(255, 255, 255, 0.24);
  }

  .header__link:active {
    font-weight: 600;
  }

  .header__contact-link:hover .header__contact-info p {
    color: #FFF;
  }

  .communication__item:hover span::after {
    content: "";
    width: 100%;
    opacity: 1;
    visibility: visible;
  }

  .proposal-catalog-li__title:hover {
    color: #2C88AF;
  }

  .feedback-contact__li-link:hover span::after {
    width: 100%;
  }
}
/* End */


/* Start:/bitrix/templates/main/assets/css/magnific-popup.css?172087317710748*/
/* Magnific Popup CSS */
.wrap-popup {
  position: relative;
  border-radius: 4px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
  background: #fff;
  padding: 0px;
  width: auto;
  max-width: 550px;
  margin: 50px auto;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: rgb(42 129 166 / 72%);
  opacity: 1;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

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

.mfp-close {
  line-height: 30px;
  position: absolute;
  right: 20px;
  top: 0px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  font-style: normal;
  font-size: 42px;
  font-weight: 500;
  font-family: "icons";
}

.mfp-close-btn-in .mfp-close {
  color: #2C88AF;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  background: rgb(42 129 166 / 72%);
  opacity: 1;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/* Модальное окно custom */
  /* свойства для блока, содержащего контент модального окна */
  .modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06);
    background: #fff;
    outline: 0;
  }

  /* свойства для заголовка модального окна */
  .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    height: 60px;
  }

  .modal-title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 133%;
  }

  /* свойства для блока, содержащего основное содержимое окна */
  .modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 16px 20px 20px 20px;
    overflow: auto;
  }
  /* форма в модальном окне */
  .modal form {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .modal form label .label__text {
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    margin-bottom: 4px;
  }
  .modal input[type='text'], .modal input[type='email'], .modal input[type='tel'], 
  .modal input[type='password'], .modal input[type='mail'] {
    background: #f8f8f8;
    border: 0;
    border-radius: 4px;
    padding: 12px 20px;
    width: 100%;
    height: 44px;
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    opacity: 0.5;
  }
  .modal form input:focus {
    opacity: 1;
  }
  .send-box {
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .send-box button {
    border: 1px solid #2c88af;
    border-radius: 4px;
    padding: 12px;
    width: 250px;
    height: 44px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
  }
  .send-box .formbtn-cancel {
    background-color:#ffffff;
    color: #2c88af;
  }
  .send-box .formbtn-save {
    background-color: #2c88af;
    color:#ffffff;
  }
  @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
      padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px;
    }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0;
    }
  }
  
  @media all and (max-width: 900px) {
    .mfp-arrow {
      -webkit-transform: scale(0.75);
      transform: scale(0.75);
    }
    .mfp-arrow-left {
      -webkit-transform-origin: 0;
      transform-origin: 0;
    }
    .mfp-arrow-right {
      -webkit-transform-origin: 100%;
      transform-origin: 100%;
    }
    .mfp-container {
      padding-left: 6px;
      padding-right: 6px;
    }
    .modal-header {
      padding: 6px 12px;
    }
    .modal-title {
      font-size: 20px;
      line-height: 130%;
    }
    .modal-body {
      padding: 16px 12px 12px 12px;
    }
  }
  @media all and (max-width: 414px) {
  .send-box button {
    height: auto;
  }
  }
/* End */


/* Start:/bitrix/templates/main/assets/css/jquery.fancybox.min.css?171836075212795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/main/template_styles.css?17221016011199*/
@media (max-width: 395px){
	.more__container .group-more-card__subtext{
		font-size: 12px;
	}
	.more__container .group-more-card__item{
		padding: 0.25rem 0.2rem;
	}
}
input.error {
	border: 1px solid red !important;
}
.made-in a {
	color: #1a1a1a;
}
.made-in a span {
	color: #c31725;
}

/*whatsapp*/

	.whatsapp {
		display: none;
	}
	
	@media screen and (max-width: 767px){
		.whatsapp {
			display: flex;
			align-items: center;
			justify-content: center;
			position: fixed;
			bottom: 2vw;
			right: 2vw;
			background: #00D95F;
			border-radius: 50%;
			width: 44px;
			height: 44px;
			z-index: 99;
			transition: all .5s ease;
		}
		.whatsapp img {
			width: 21px;
			height: 21px;
		}
		.whatsapp p {
			/* position: absolute; */
			opacity: 0;
			color: #fff;
			display: none;
			font-size: 15px;
			line-height: 1.8em;
			margin-right: 10px;
			transition: all .5s ease;
			left: 2.7778vw;
			top: 3.3333vw;
		}
		.whatsapp_active {
			width: 137px;
			border-radius: 60px;
		}
		.whatsapp_active p {
			opacity: 1;
			display: block;
		}
		.whatsapp_active svg {
			width: 6.6667vw;
			height: 6.6667vw;
			position: absolute;
			right: 2.7778vw;
			top: 2.7778vw;
		}
	}
/*whatsapp*/
/* End */
/* /bitrix/templates/main/assets/css/main.css?1719399742102329 */
/* /bitrix/templates/main/assets/css/magnific-popup.css?172087317710748 */
/* /bitrix/templates/main/assets/css/jquery.fancybox.min.css?171836075212795 */
/* /bitrix/templates/main/template_styles.css?17221016011199 */