@import url('_root.css');

*{
    box-sizing: border-box;
}

html{
    /* overflow-x: hidden; */
    margin: 0;
}

body{
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 1.3;
    overflow-x: hidden;
    margin: 0;
    color: var(--cst-black);
    font-weight: 300;
}

body.hidden {
  position: relative;
  overflow-y: hidden;
}

body.hidden::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0000004f;
    z-index: 3;
}

a{
    text-decoration: none;
    color: var(--cst-black);
}

a:hover{
  color: var(--cst-primary);
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
    font-family: 'RobotoSlab';
    margin-bottom: 0;
    line-height: 1.3;
    margin-top: 0;
}

h1, .h1{
    font-size: 56px;
}

@media(max-width: 991px){
    h1, .h1{
        font-size: 45px;
    }
}

@media(max-width: 767px){
    h1, .h1{
        font-size: 40px;
    }
}

@media(max-width: 575px){
    h1, .h1{
        font-size: 35px;
    }
}

h2, .h2{
    font-size: 45px;
}

@media(max-width: 991px){
    h2, .h2{
        font-size: 40px;
    }
}

@media(max-width: 575px){
    h2, .h2{
        font-size: 30px;
    }
}

h3, .h3{
    font-size: 40px;
}

@media(max-width: 991px){
    h3, .h3{
        font-size: 30px;
    }
}

@media(max-width: 575px){
    h3, .h3{
        font-size: 24px;
    }
}

h4, .h4{
    font-size: 24px;
}

@media(max-width: 991px){
    h4, .h4{
        font-size: 20px;
    }
}

@media(max-width: 575px){
    h4, .h4{
        font-size: 18px;
    }
}

.bg-primary{
    background-color: var(--cst-primary);
}

.bg-gray-text{
    background-color: var(--cst-gray-text);
}

.bg-light{
    background-color: var(--cst-light);
}

.bg-white{
    background-color: var(--cst-white);
}

.bg-dark{
    background-color: var(--cst-dark);
}

.bg-black{
    background-color: var(--cst-black);
}

.position-relative{
    position: relative !important;
}

.w-100{
    width: 100% !important;
}

.h-100{
    height: 100% !important;
}

.text-white{
    color: var(--cst-white) !important;
}

.text-dark{
    color: var(--cst-dark) !important;
}

.text-gray{
    color: var(--cst-gray-text) !important;
}

.text-primary{
  color: var(--cst-primary);
}

.text-uppercase{
  text-transform: uppercase;
}

.text-small{
  font-size: 14px;
}

.text-large{
  font-size: 20px;
}

.fw-100{
  font-weight: 100 !important;
}

.fw-400{
  font-weight: 400 !important;
}

.fw-500{
  font-weight: 500 !important;
}

.fw-bold{
  font-weight: bold !important;
}

.br-3{
  border-radius: var(--br-3) !important;
}

.br-5{
  border-radius: var(--br-5) !important;
}

.br-10{
  border-radius: var(--br-10) !important;
}

.z-0{
  z-index: 0;
}

.z-1{
  z-index: 1;
}

.z-2{
  z-index: 2;
}

.z-3{
  z-index: 3;
}

.z-4{
  z-index: 4;
}

.z-5{
  z-index: 5;
}

.z-6{
  z-index: 6;
}

.z-7{
  z-index: 7;
}

.z-8{
  z-index: 8;
}

.z-9{
  z-index: 9;
}

.stretched-link{
  position: absolute;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.link-dased{
  color: var(--cst-primary);
  border-bottom: 1px dashed;
}

.bg-dark :is(h1,.h1, h2,.h2,h3,.h3, h4,.h4, h5,.h5, p, div, .h4>a){
  color: #fff;
  transition: .3s;
}

.cst-section-margin{
    margin: var(--section-margin) 0;
}

.cst-section-padding{
  padding-top: var(--section-margin);
}

.cst-section-padding:first-child{
  padding-top: 0;
}

.cst-section-padding:not(.bg-dark):has( + .cst-section-padding.bg-dark){
  padding-bottom: var(--section-margin);
}

.cst-section-padding.bg-dark:has(+ .cst-section-padding:not(.bg-dark)){
  padding-bottom: var(--section-margin);
}

.cst-section-padding:last-child{
  padding-bottom: var(--section-margin);
}

section:not(.cst-section-padding) + .cst-section-padding.bg-dark{
  margin-top: var(--section-margin);
}

.cst-section-background:has(+ .cst-section-background:not(.bg-dark)){
  padding-bottom: var(--section-margin);
}

.cst-section-padding.bg-dark:has(+ .cst-section-background),
.cst-section-padding:not(.bg-dark):has(+ .cst-section-background:not(.bg-dark)) {
  padding-bottom: var(--section-margin);
}

.btn,
.btn.wpcf7-submit{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 48px;
    padding: 8px 14px;
    border-radius: var(--br-10);
    font-size: 16px;
    width: fit-content;
    cursor: pointer;
    text-align: center;
    background-color: var(--cst-primary);
    color: var(--cst-white);
    font-weight: 500;
    border: none;
    outline: none;
    transition: .5s;
}

.btn:hover,
.btn.wpcf7-submit:hover{
  color: var(--cst-white);
  opacity: .8;
  transition: .5s;
}

.btn--xs,
.btn.wpcf7-submit.btn--xs{
  height: 26px;
  padding: 11px;
  font-size: 13px;
  font-weight: 400;
}

.btn--sm,
.btn.wpcf7-submit.btn--sm{
  height: 40px;
  padding: 15px;
  font-size: 14px;
}

.btn--xl,
.btn.wpcf7-submit.btn--xl{
  height: 53px;
  padding: 15px;
  font-size: 16px;
}

.btn--xxl,
.btn.wpcf7-submit.btn--xxl{
  height: 65px;
  padding: 15px;
  font-size: 16px;
}

.btn--white,
.btn.wpcf7-submit.btn--white{
    background-color: var(--cst-white);
    color: var(--cst-primary);
}

.btn--white:hover,
.btn.wpcf7-submit.btn--white:hover{
   color: var(--cst-primary);
}

.btn--light,
.btn.wpcf7-submit.btn--light{
    background-color: var(--cst-light);
    color: var(--cst-primary);
}

.btn--light:hover,
.btn.wpcf7-submit.btn--light:hover{
    color: var(--cst-primary);
}

.btn--black,
.btn.wpcf7-submit.btn--black{
    background-color: var(--cst-black);
    color: var(--cst-white);
}

.btn--black:hover,
.btn.wpcf7-submit.btn--black:hover{
  color: var(--cst-white);
}

.btn--dark,
.btn.wpcf7-submit.btn--dark{
    background-color: var(--cst-dark);
    color: var(--cst-primary);
}

.btn--dark:hover,
.btn.wpcf7-submit.btn--dark:hover{
  color: var(--cst-primary);
}

.btn--arrow::after,
.btn.wpcf7-submit.btn--arrow::after{
  content: '';
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  background-size: cover;
  background-image: url('../img/icon/arrow-outward-white.svg');
}

.btn--arrow.btn--dark::after,
.btn.wpcf7-submit.btn--arrow.btn--dark::after{
  content: '';
  background-image: url('../img/icon/arrow-outward-primary.svg');
}

.btn--arrow.btn--white::after,
.btn.wpcf7-submit.btn--arrow.btn--white::after{
  content: '';
  background-image: url('../img/icon/arrow-outward-primary.svg');
}

.btn-line,
.btn.wpcf7-submit.btn-line{
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  margin-bottom: 16px;
  transition: .5s;
}

.btn-line::before,
.btn.wpcf7-submit.btn-line::before{
  content: '';
  width: 11px;
  height: 11px;
  flex-shrink: 0;
  background-image: url('../img/icon/arrow-outward.svg');
  transition: .5s;
}

.bg-dark :is(.btn-line, .btn.wpcf7-submit.btn-line){
  color: #ffffff;
}

.bg-dark :is(.btn-line, .btn.wpcf7-submit.btn-line):hover{
  color: var(--cst-primary);
}

.btn-line::after,
.btn.wpcf7-submit.btn-line::after{
  content: '';
  position: absolute;
  bottom: -3px;
  left: -3px;
  right: -3px;
  height: 1px;
  background-color: var(--cst-dark);
  transition: .5s;
}

.bg-dark .btn-line::after,
.bg-dark .btn.wpcf7-submit.btn-line::after{
  background-color: var(--cst-light);
}

.btn-line:hover::before,
.btn.wpcf7-submit.btn-line:hover::before{
  background-image: url('../img/icon/arrow-outward-primary.svg');
  transition: .5s;
}

.bg-dark .btn-line::before,
.bg-dark .btn.wpcf7-submit.btn-line::before{
  filter: invert(1);
}

.btn-line:hover::after,
.btn.wpcf7-submit.btn-line:hover::after{
  background-color: var(--cst-primary);
  transition: .5s;
}

.bg-dark .btn-line:hover::before,
.bg-dark .btn.wpcf7-submit.btn-line:hover::before{
  filter: invert(0);
}

.badge{
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items:center;
}

.badge__item{
    padding: 5px 13px;
    background-color: var(--cst-primary);
    font-family: 'RobotoSlab';
    font-weight: 400;
    font-size: 13px;
    line-height: 1;
    border-radius: var(--br-3);
    text-transform: uppercase;
    color: #ffffff;
}

.badge__item--light{
  background-color: var(--cst-light);
  color: var(--cst-dark);
}

.form-control,
.wpcf7-form-control{
  height: 52px;
  width: 100%;
  padding: 15px 22px;
  border: none;
  outline: 1px solid var(--cst-dark);
  border-radius: var(--br-10);
  background-color: transparent;
  color: var(--cst-dark);
}

:is(.bg-primary, .bg-dark, .bg-black) :is(.wpcf7-form-control, .form-control){
  outline: 1px solid #ffffff;
  color: #ffffff;
}

textarea.form-control,
textarea.wpcf7-form-control{
  height: 104px;
}

.wpcf7-form-control.wpcf7-acceptance{
  outline: none;
  padding: 0;
}

.form-control::placeholder,
.wpcf7-form-control::placeholder{
  color: var(--cst-gray-text);
}

:is(.bg-primary, .bg-dark, .bg-black) :is(.wpcf7-form-control, .form-control)::placeholder{
  color: #ffffff82;
}

.form-control:focus,
.form-control:focus-visible,
.wpcf7-form-control:focus,
.wpcf7-form-control:focus-visible{
    outline: 1px solid var(--cst-black);
}

:is(.bg-primary, .bg-dark, .bg-black) :is(.wpcf7-form-control, .form-control):focus{
    outline: 1px solid #ffffff;
}

:is(.bg-primary, .bg-dark, .bg-black) :is(.wpcf7-form-control, .form-control):focus-visible{
    outline: 1px solid #ffffff;
}


.form-checkbox{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.form-checkbox input{
    margin-top: 2px;
    width: 14px;
    height: 14px;
}

.form-checkbox input:checked{
    accent-color: #ffffff;
}

.form-checkbox.dark-checkbox input:checked{
  accent-color: var(--cst-dark);
}

.form-checkbox label{
    text-align: left;
    font-size: 14px;
}

.form-checkbox label a{
  color: inherit;
  text-decoration: underline;
}

.form-checkbox label a:hover{
  text-decoration: none;
}

.cst-radio-mess {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 16px;
  justify-content: space-between;
}

@media (min-width: 576px) {
    .cst-radio-mess {
        flex-direction: row;
    }
}

.cst-radio-mess__item {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.cst-radio-mess__item input[type=radio] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  cursor: pointer;
}

@media (992px <= width <= 1199px) {
  .id-vertical-form .cst-radio-mess{
    flex-direction: column;
  }
}

.cst-radio-mess__label {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  padding: 19px;
  gap: 13px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: var(--br-10);
  opacity: 0.6;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.cst-radio-mess__item input[type=radio]:checked + .cst-radio-mess__label {
  opacity: 1;
}

.cst-radio-mess__label::before {
  content: '';
  width: 15px;
  height: 15px;
  background-size: cover;
}

.cst-radio-mess__label.phone::before {
  background-image: url('../img/icon/soc-phone-white.svg');
}

.cst-radio-mess__label.telegram::before {
  background-image: url('../img/icon/soc-tg-white.svg');
}

.cst-radio-mess__label.max::before {
  background-image: url('../img/icon/soc-max-white.svg');
}

.form-mail{
  position: relative;
}

.form-mail__btn{
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  border: none;
  outline: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_13_305)'%3E%3Cg clip-path='url(%23clip1_13_305)'%3E%3Cpath d='M21.9803 14.0001C21.9803 14.5019 21.7887 15.0036 21.4063 15.3862L9.36682 27.4256C8.60096 28.1915 7.35925 28.1915 6.59369 27.4256C5.82814 26.6601 5.82814 25.4186 6.59369 24.6527L17.2469 14.0001L6.59407 3.34743C5.82852 2.58157 5.82852 1.34023 6.59407 0.574738C7.35962 -0.191496 8.60133 -0.191496 9.36719 0.574738L21.4067 12.6139C21.7891 12.9967 21.9803 13.4984 21.9803 14.0001Z' fill='%23C68C27'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13_305'%3E%3Crect width='28' height='28' fill='white' transform='matrix(0 -1 1 0 0 28)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_13_305'%3E%3Crect width='28' height='28' fill='white' transform='matrix(0 -1 1 0 0 28)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

select.form-control{
  min-width: 210px;
  background-color: #F5F6F8;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: var(--br-md);
  font-weight: 700;
  color: #383838;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Ctitle%3EArrow-down SVG Icon%3C/title%3E%3Cpath fill='%23000000' d='M831.872 340.864L512 652.672L192.128 340.864a30.59 30.59 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.59 30.59 0 0 0-42.752 0z'/%3E%3C/svg%3E");
  background-size: 18px;
  background-position: calc(100% - 15px) center;
  background-repeat: no-repeat;
}

select.form-control:focus,
select.form-control:focus-visible{
  border: 1px solid #d0d0cf;
  outline: 0;
}

.vstack{
    display: flex;
    flex-direction: column;
}

.transform-none{
    text-transform: none !important;
}

/* END Стандарт*/

.sw-buttons{
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.sw-button-prev,
.sw-button-next{
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  background-color: var(--cst-light);
  border-radius: var(--br-5);
}

.sw-button-prev{
  background-image: url('../img/icon/arrow-prev.svg');
}

.sw-button-next{
  background-image: url('../img/icon/arrow-next.svg');
}

.sw-pagination.swiper-pagination-bullets{
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 10px;
  gap: 4px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 11px;
  background: var(--cst-white);
  border-radius: 50px;
  z-index: 1;
}

.sw-pagination.swiper-pagination-bullets .swiper-pagination-bullet{
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--cst-light);
  opacity: 1 !important;
}

.sw-pagination.swiper-pagination-bullets .swiper-pagination-bullet::before{
  content: '';
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  border-radius: 50%;
  border: 1px solid var(--cst-light)
}

.sw-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{
  background-color: var(--cst-primary);
}

.sw-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active::before{
  border-color: var(--cst-primary);
}

/* ------------------------*/






/*---------Footer---------*/
.footer{
  color: var(--cst-white);
}
.footer-socials{
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-social{
  display: flex;
  align-items:center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--br-5);
  background-color: var(--cst-white);
}

.footer-social:hover{
  opacity: .8;
}

.footer-social img{
  height: 17px;
}

.footer__contact + .footer__contact{
  margin-top: 20px;
}

.footer__menu a{
  display: block;
  width: fit-content;
  color: var(--cst-white);
}

.footer__menu a:hover{
  color: var(--cst-primary);
}

.footer__menu a  + a{
  margin-top: 16px;
}

.footer__btn{
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 10px 16px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--br-5);
  font-weight: 800;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: var(--cst-primary);
}

.footer__btn .icon{
  width: 16px;
  height: 16px;
  margin-top: -4px;
}

.icon{
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-phone{
    background-image: url('../img/icon/soc-phone-primary.svg');
}

.icon-tg{
    background-image: url('../img/icon/soc-tg-primary.svg');
}

.icon-email{
  background-image: url('../img/icon/email.svg');
}

.footer__menu-small{
  display: flex;
  align-items: center;
}

.footer__menu-small-item{
  color: var(--cst-dark-gray);
  font-size: 14px;
}

.footer__menu-small-item + .footer__menu-small-item::before{
  content: '|';
  margin-left: 5px;
}
/*---------Блоки--------*/

.tizer{
  position: relative;
  border-radius: var(--br-10);
  padding: 30px 45px;
  background-color: var(--cst-dark);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
}

@media(max-width: 991px){
  .tizer{
    background-position: top center;
  }
}

@media(max-width: 575px){
  .tizer{
    padding-bottom: 70px;
  }
  .tizer__description{
    width: 70%;
  }
}

.goods__item{
  height: 100%;
}

.goods__title{
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
}

.goods__description{
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
}

.goods__imgs{
  position: relative;
  overflow: hidden;
}

.goods__img{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 430px;
  border-radius: var(--br-xl);
  background-color: var(--cst-light);
  overflow: hidden;
}

.goods__img img{
  object-fit: cover;
}

.goods__see-more{
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000000;
}

.goods__see-more::after{
  content: '';
  width: 6px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.501059 10.861C0.37403 10.861 0.247001 10.8186 0.1482 10.7198C-0.0494001 10.5222 -0.0494001 10.2117 0.1482 10.0282L4.66479 5.51164C4.69301 5.48342 4.69301 5.42696 4.66479 5.39873L0.1482 0.853916C-0.0494001 0.656316 -0.0494001 0.345801 0.1482 0.1482C0.345801 -0.0494001 0.656316 -0.0494002 0.853917 0.1482L5.38461 4.6789C5.80804 5.10233 5.80804 5.77982 5.38461 6.18913L0.868031 10.7057C0.755117 10.8186 0.628088 10.861 0.501059 10.861Z' fill='black'/%3E%3C/svg%3E%0A");
}

.goods__see-more:hover::after{
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.501059 10.861C0.37403 10.861 0.247001 10.8186 0.1482 10.7198C-0.0494001 10.5222 -0.0494001 10.2117 0.1482 10.0282L4.66479 5.51164C4.69301 5.48342 4.69301 5.42696 4.66479 5.39873L0.1482 0.853916C-0.0494001 0.656316 -0.0494001 0.345801 0.1482 0.1482C0.345801 -0.0494001 0.656316 -0.0494002 0.853917 0.1482L5.38461 4.6789C5.80804 5.10233 5.80804 5.77982 5.38461 6.18913L0.868031 10.7057C0.755117 10.8186 0.628088 10.861 0.501059 10.861Z' fill='%23C68D29'/%3E%3C/svg%3E%0A");
}

.news__item{
  height: 100%;
}

.news__item-content{
  height: calc(100% - 161px);
  border: 1px solid var(--cst-gray);
  border-top: none;
  border-radius: 0 0 var(--br-xl) var(--br-xl);
  padding: var(--padding-sm) var(--padding-md);
}

.news__item-img{
  width: 100%;
  height: 161px;
}

.news__item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.news__item-time{
  font-weight: 400;
  font-size: 13px;
  color: var(--cst-dark-gray);
}

.news__item-name{
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  margin-top: 10px;
}

.contacts__item{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding:  var(--padding-md) var(--padding-md) 0 var(--padding-md);
  border-radius: var(--br-lg);
  background-color: var(--cst-light);
}

.contacts__img{
  width: 100%;
  height: 253px;
  object-fit: cover;
  object-position: center;
}

.mail__img{
  position: absolute;
  bottom: -50px;
  width: 100%;
  max-width: 230px;
}

.breadcrumb{
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
}

.breadcrumb__item,
.breadcrumb li{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #777777;
}

.breadcrumb__item a,
.breadcrumb li a{
  color: #777777;
}

.breadcrumb__item::after,
.breadcrumb li::after {
    content: '';
    width: 7px;
    height: 11px;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.26163 5.21073C6.33461 5.28371 6.3711 5.36764 6.3711 5.46251C6.3711 5.55738 6.33461 5.64131 6.26163 5.71429L1.16037 10.8155C1.08739 10.8885 1.00347 10.925 0.908593 10.925C0.81372 10.925 0.729794 10.8885 0.656814 10.8155L0.109469 10.2682C0.0364897 10.1952 0 10.1113 0 10.0164C0 9.92155 0.0364897 9.83763 0.109469 9.76465L4.4116 5.46251L0.109469 1.16038C0.0364897 1.0874 0 1.00347 0 0.908598C0 0.813725 0.0364897 0.729799 0.109469 0.656819L0.656814 0.109474C0.729794 0.0364943 0.81372 4.76837e-06 0.908593 4.76837e-06C1.00347 4.76837e-06 1.08739 0.0364943 1.16037 0.109474L6.26163 5.21073Z' fill='%23208E20'/%3E%3C/svg%3E%0A");
}

.breadcrumb__item:last-child::after,
.breadcrumb li:last-child::after{
  display: none;
}

.product__images{
  padding: var(--padding-sm);
  background-color: var(--cst-light);
  border-radius: var(--br-lg);
}

.product-slider-small{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.product-slider-small .swiper-wrapper{
  height: calc(100% - 150px);
  overflow: hidden;
}

.product-slider-small .swiper-wrapper .swiper-slide{
  height: 120px;
}

.product-slider-small__item{
  width: 100%;
  height: 120px;
  background-color: var(--cst-white);
  border-radius: var(--br-xs);
  overflow: hidden;
}

.product-slider-small__item img{
  width: 100%;
  height: 120px;
  object-fit: cover;
}

.product-slider-large{
  overflow: hidden;
}

.product-slider-large__item img{
  width: 100%;
  height: 100%;
}

.product-all-arrow{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 59px;
  border-radius: var(--br-xs);
  background-color: var(--cst-white);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9;
}

.product-all-arrow--prev{
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_22_7316)'%3E%3Cg clip-path='url(%23clip1_22_7316)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.70587 0.250057L11.6909 5.30011C11.7922 5.39091 11.8739 5.50135 11.931 5.62481C11.9881 5.74828 12.0194 5.88214 12.023 6.01812C12.0266 6.15411 12.0024 6.28939 11.952 6.41571C11.9015 6.54203 11.8258 6.65669 11.7295 6.75274C11.6331 6.84879 11.5182 6.92419 11.3918 6.9743C11.2653 7.02442 11.1299 7.04824 10.994 7.04425C10.858 7.04025 10.7243 7.00856 10.601 6.95111C10.4777 6.89365 10.3674 6.81156 10.2769 6.71002L5.99887 2.38006L1.68988 6.74005C1.49996 6.91275 1.2509 7.0058 0.99426 6.99994C0.737625 6.99408 0.493068 6.88975 0.311231 6.70855C0.129394 6.52736 0.0242067 6.28316 0.0174382 6.02655C0.0106696 5.76993 0.102837 5.52054 0.274869 5.33001L5.29188 0.250058C5.47941 0.0625866 5.7337 -0.0427892 5.99887 -0.0427892C6.26403 -0.0427892 6.51834 0.0625865 6.70587 0.250057Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_22_7316'%3E%3Crect width='7' height='12' fill='white' transform='translate(3.0598e-07 7) rotate(-90)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_22_7316'%3E%3Crect width='139' height='93' fill='white' transform='translate(-65 18) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.product-all-arrow--next{
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_22_7349)'%3E%3Cg clip-path='url(%23clip1_22_7349)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29389 6.74994L0.308887 1.69989C0.2076 1.60909 0.125897 1.49865 0.0687897 1.37519C0.0116828 1.25172 -0.0196397 1.11786 -0.0232513 0.981876C-0.0268628 0.845894 -0.00267955 0.710613 0.0477937 0.584293C0.0982669 0.457973 0.173973 0.343309 0.270297 0.247257C0.366621 0.151206 0.481527 0.0758146 0.60799 0.0256997C0.734453 -0.0244152 0.869814 -0.0482434 1.00579 -0.0442465C1.14176 -0.0402497 1.27548 -0.0085635 1.39878 0.0488931C1.52208 0.10635 1.63237 0.188438 1.72289 0.289982L6.00089 4.61994L10.3099 0.259953C10.4998 0.0872475 10.7489 -0.00579469 11.0055 6.54323e-05C11.2621 0.00592555 11.5067 0.110253 11.6885 0.291447C11.8704 0.472642 11.9755 0.716841 11.9823 0.973454C11.9891 1.23007 11.8969 1.47946 11.7249 1.66999L6.70787 6.74994C6.52035 6.93741 6.26605 7.04279 6.00089 7.04279C5.73572 7.04279 5.48141 6.93741 5.29389 6.74994Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_22_7349'%3E%3Crect width='7' height='12' fill='white' transform='translate(12) rotate(90)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_22_7349'%3E%3Crect width='139' height='93' fill='white' transform='translate(77 -11) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.product-option__item{
  padding: 8px 18px;
  background: #F5F6F8;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15);
  border-radius: var(--br-xs);
  font-size: 18px;
  display: flex;
  align-items: center;
  color: var(--cst-primary);
  cursor: pointer;
}

.product-option__item:hover,
.product-option__item.active{
  background-color: var(--cst-primary);
  color: var(--cst-white);
}

.product-option__item.active{
  cursor: none;
  pointer-events: none;
}

.property-short{
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.property-short__item{
  display: flex;
  flex-direction: row;
  gap: 13px;
}

.property-short__title{
  flex: 0 0 auto;
  width: 50%;
  font-size: 16px;
  color: #999999;
}

.property-short__dedscription{
  flex: 0 0 auto;
  width: 50%;
  font-size: 14px;
}

.feature{
  border: 1px solid #ECECEC;
  border-top: none;
  border-radius: 0 0 var(--br-xl) var(--br-xl);
  padding-top: 54px;
  margin-top: -24px;
}

.feature__item{
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.feature__item img{
  width: 35px;
  flex-shrink: 0;
}

.feature__item + .feature__item {
  margin-top: 26px;
}

.tab-link{
  display: flex;
  gap: 10px;
  align-items: center;
}

.tab-link__item{
  padding: 16px 24px;
  background: var(--cst-white);
  border: 1px solid #ECECEC;
  border-radius: var(--br-xs);
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #666666;
  cursor: pointer;
}

.tab-link__item.active,
.tab-link__item:hover{
  background-color: var(--cst-primary);
  color: var(--cst-white);
}

.tab-link__item.active{
  cursor: default;
}

.tab-content__item{
  display: none;
}

.tab-content__item.active{
  display: block;
}



/*-- Отзывы и старые и новые --*/
.review__item{
  height: 100%;
  padding: 26px;
  background-color: var(--cst-light);
  border-radius: var(--br-10);
}

.bg-dark .review__item{
  background-color: #ffffff;
}

.more-star-icon{
  display: flex;
  align-items: center;
  width: 88px;
}

.c-icon {
  width: 15px;
  height: 15px;
  --star-active: #ffc000;
  --star-inactive: #e1ded2;
  fill: var(--star-inactive);
}

.c-icon.active {
  fill: var(--star-active);
}

.all-star .c-icon{
  width: 30px;
  height: 30px;
}

.review__face{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  background-color: var(--cst-gray-text);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.review__text{
  font-size: 14px;
  color: var(--cst-gray-text);
  line-height: 1.5;
}

.review__tanswer{
  margin-left: 25px;
  padding-left: 15px;
  border-left: 1px solid var(--cst-dark-gray);
}

.new-reviews-summ{
  padding: var(--padding-md);
  border-radius: var(--br-xl);
  background-color: var(--cst-white);
}

.more-star-item{
  font-weight: 700;
  line-height: 23px;
  color: #999999;
}

.all-star{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.more-star-progress {
  position: relative;
  background: var(--cst-light);
  border-radius: var(--br-xs);
  height: 16px;
}

.more-star-progress span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--cst-primary);
  border-radius: var(--br-xs);
}

/*---------END Блоки---------*/


/*--Балуны--*/
.baloon{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.baloon__item{
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--cst-primary);
    border-radius: var(--br-3);
    font-family: 'RobotoSlab';
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
}
/*--END Балуны--*/

/*--Меню, бургер--*/
.cst-burger{
    width: 52px;
    height: 46px;
    background-color: var(--cst-primary);
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--br-5);
    background-image: url('../img/icon/burger.svg');
    cursor: pointer;
}

.cst-burger.active{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ctitle%3EClose SVG Icon%3C/title%3E%3Cg fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'%3E%3Cpath d='M8 8L40 40'/%3E%3Cpath d='M8 40L40 8'/%3E%3C/g%3E%3C/svg%3E");
}

.cst-burger__menu{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: min(480px, 90vw);
  padding: 30px;
  background-color: #fff;
  z-index: 6;
}

@media(max-width: 767px){
  .cst-burger__menu{
    padding: 20px;
  }
}

.cst-burger__menu.active {
    display: flex;
}

.burger-close {
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3ESign-times-fill SVG Icon%3C/title%3E%3Cpath fill='%23000000' fill-rule='evenodd' d='M17.707 7.707a1 1 0 0 0-1.414-1.414L12 10.586L7.707 6.293a1 1 0 0 0-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 1 0 1.414 1.414L12 13.414l4.293 4.293a1 1 0 1 0 1.414-1.414L13.414 12z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.cst-burger__menu .cst-burger__menu-nav {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: calc(100vh - 60px);
    overflow: auto;
}

.cst-burger__menu .cst-burger__menu-nav::-webkit-scrollbar{
  width: 3px;
}

.cst-burger__menu .cst-burger__menu-nav::-webkit-scrollbar-track {
  background: var(--cst-light);        /* цвет дорожки */
}

.cst-burger__menu .cst-burger__menu-nav::-webkit-scrollbar-thumb{
  background-color: var(--cst-primary);    /* цвет плашки */
  border-radius: var(--br-3);       /* закругления плашки */
  border: 0;
}

.cst-burger__parent{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    gap: 5px;
    cursor: pointer;
}

.cst-burger__parent::after {
    content: '+';
    font-size: 25px;
    line-height: 0;
    padding-right: 10px;
}

.cst-burger__child {
    display: none;
    padding-left: 24px;
}

.cst-burger__parent.active + .cst-burger__child {
    display: block;
}

.cst-burger__menu .cst-burger__menu-nav__item a,
.cst-burger__menu .cst-burger__menu-nav__item span{
    padding: 0;
    text-align: center;
}

.mobile-menu-nav__lvl2 {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 18px;
}

.nav{
    display: none;
    width: 300px;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background-color: var(--cst-black);
    border-radius: var(--br-radius-md);
    position: absolute;
    z-index: 2;
}

.nav.active::before{
    content: '';
    position: absolute;
    top: -37px;
    bottom: 60px;
    left: 0;
    width: 48px;
    background-color: #1D1D21;
}

.nav.active::after{
    content: '';
    position: absolute;
    right: 0;
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 144 144' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M144 144L100 133.5L81 126L59.5 114L41 96L31.5 81L18 58.5L10 37.5L0 0V144H144Z' fill='%23161616'/%3E%3C/svg%3E");
}

.nav.active{
    display: flex;
}

.nav__item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 43px;
    width: 100%;
    /* padding: 0 15px; */
    color: #ffffff;
    font-weight: 500;
}


@media(min-width: 1200px){
    .nav{
        position: relative;
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 0;
    }

    .nav__item{
        justify-content: center;
    }
}

.nav__item::after{
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0;
    right: auto;
    height: 1px;
    background-color: #ffffff61;
    transition: .5s;
}

.nav__item:hover::after{
    right: 0;
    transition: .5s;
}

.cst-header__navigation{
  display: flex;
  align-items: center;
  gap: 12px;
}

.cst-header.scroll{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  box-shadow: 0px 0px 6px -1px #00000080;
  z-index: 2;
}

.cst-header .scroll-view{
  display: none;
}

.cst-header.scroll .scroll-view{
  display: block;
}

.cst-header.scroll .scroll-hidden{
  display: none;
}

@media(max-width: 991px){
  .cst-header__navigation{
    display: none;
  }

  .cst-header .scroll-view{
    display: block;
  }
}

.menu-page{
  display: flex;
  align-items: center;
  width: calc(100% - 50px - 94px);
  gap: 12px;
  overflow: auto;
  flex-wrap: nowrap;
}

.menu-page__item{
  width: 100%;
}

.menu-page__item a{
  display: block;
  padding: 13px 20px;
  background-color: var(--cst-light);
  border-radius: var(--br-10);
  text-align: center;
  white-space: nowrap;
}

.menu-page__more{
  position: relative;
}

.menu-page__more .menu-page__item a{
  display: flex;
  align-items: center;
  gap: 15px;
}

.menu-page__more .menu-page__item a::after{
  content: '';
  width: 9px;
  height: 9px;
  background-image: url('../img/icon/arrow-down.svg');
}

.menu-page__more-content{
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 16px);
  flex-direction: column;
  gap: 12px;
  min-width: 237px;
  padding: 19px 22px;
  background: var(--cst-light);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.12);
  border-radius: var(--br-10);
  z-index: 2;
  transition: .5s;
}

.menu-page__more:hover .menu-page__more-content{
  display: flex;
  transition: .5s;
}

.menu-page__more:hover::before{
  content: '';
  bottom: -25px;
  position: absolute;
  left: 0;
  width: 100%;
  height: 35px;
  z-index: 3;
}

.menu-page-more__item + .menu-page-more__item{
  margin-top: 20px;
}

/*--END Меню бургер--*/


/*--Хлебные крошки--*/
.breadcrumbs{
  display: flex;
  align-items: center;
  list-style: none;
  gap: 5px;
  padding-left: 0;
}

.breadcrumbs__item{
  font-size: 13px;
}

.breadcrumbs__item a:hover{
  text-decoration: underline;
}

.breadcrumbs__item:has(+ .breadcrumbs__item)::after{
  content: '>';
}
/*--END Хлебные крошки--*/

/*---Cookie----*/
.cookie-form {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 85px;
    background-color: #fff;
    border: 1px solid #8F9BB0;
    width: min(90%, 570px);
    padding: 28px 18px;
    border-radius: var(--br-10);
    font-size: 13px;
    line-height: 1.3;
    z-index: 10;
}

.cookie-form a{
  text-decoration: underline;
}

@media(max-width: 575px){
    .cookie-form {
        right: 50%;
        transform: translateX(-50%);
        bottom: 15px;
    }
}

/*---END Cookie----*/

/*-- Простой контент --*/
.def-content p,
.def-content div,
.def-content li{
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
}

.def-content p + :is(p,ul,ol,h2,h3),
.def-content ul + is(p,ul,ol,h2,h3),
.def-content ol + is(p,ul,ol,h2,h3),
.def-content h2 + is(p,ul,ol,h2,h3),
.def-content h3 + is(p,ul,ol,h2,h3){
  margin-top: 1rem;
}

.bg-dark .def-content p,
.bg-dark .def-content div,
.bg-dark .def-content li{
  color: #ffffff;
}

.def-content ol{
  padding-left: 16px;
}

.def-content ul{
  list-style: none;
  padding-left: 22px;
}

.def-content ul li{
  position: relative;
}

.def-content ul li::before{
  content: '—';
  position: absolute;
  top: 1px;
  left: -20px;
}

.def-content a:not(.btn){
  color: var(--cst-primary);
}

.def-content :is(h2, .h2){
    font-size: 30px;
}

@media(max-width: 991px){
    .def-content :is(h2, .h2){
        font-size: 24px;
    }
}

@media(max-width: 575px){
    .def-content :is(h2, .h2){
        font-size: 20px;
    }
}

.def-content :is(h3, .h3){
    font-size: 24px;
}

@media(max-width: 991px){
    .def-content :is(h3, .h3){
        font-size: 20px;
    }
}

@media(max-width: 575px){
    .def-content :is(h3, .h3){
        font-size: 18px;
    }
}

.def-content :is(h4, .h4){
    font-size: 20px;
}

@media(max-width: 991px){
    .def-content :is(h4, .h4){
        font-size: 18px;
    }
}

@media(max-width: 575px){
    .def-content :is(h4, .h4){
        font-size: 16px;
    }
}

/*-- END Простой контент --*/


/*-- Хедер --*/
.cst-header{
    padding: 15px 0;
}

.logo{
  height: 60px;
  margin-top: -10px;
}

@media(max-width: 435px){
  .logo{
    height: 45px;
    margin-top: -6px;
  }
}

.cst-header__email,
.cst-header__phone{
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 16px;
}

@media(max-width: 435px){
  .cst-header__email,
  .cst-header__phone{
    font-size: 14px;
  }
}

.cst-header__phone a{
  display: block;
}

.cst-header__email::before{
    content: '';
    flex-shrink: 0;
    width: 18px;
    height: 14px;
    background-image: url('../img/icon/email.svg');
  }

.cst-header__phone::before{
    content: '';
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-image: url('../img/icon/phone.svg');
}

.cst-soc{
  display: flex;
  align-items: center;
  gap: 10px;
}

.cst-soc__item{
  width: 48px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: var(--br-10);
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  transition: .5s;
}

.cst-soc__item:hover{
  background-color: var(--cst-black);
  transition: .5s;
}

.cst-soc__item--tg{
  background-image: url('../img/icon/soc-tg.svg');
}

.cst-soc__item--tg:hover{
  background-image: url('../img/icon/soc-tg-white.svg');
  transition: .5s;
}

.cst-soc__item--max{
  background-image: url('../img/icon/soc-max.svg');
}

.cst-soc__item--max:hover{
  background-image: url('../img/icon/soc-max-white.svg');
  transition: .5s;
}

.cst-soc__item--vk{
  background-image: url('../img/icon/soc-vk.svg');
}

.cst-soc__item--vk:hover{
  background-image: url('../img/icon/soc-vk-white.svg');
  transition: .5s;
}

.cst-soc__item--whatsapp{
  background-image: url('../img/icon/soc-whatsapp.svg');
}

.cst-soc__item--whatsapp:hover{
  background-image: url('../img/icon/soc-whatsapp-white.svg');
  transition: .5s;
}

/*-- END Хедер --*/
.list-ok{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.list-ok__item{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  color: #ffffff;
}

.list-ok__item::before{
  content: '';
  width: 28px;
  height: 27px;
  flex-shrink: 0;
  background-image: url('../img/icon/list-ok.svg');
  background-size: contain;
}

@media(max-width: 575px){
  .list-ok{
    gap: 16px;
  }
  .list-ok__item{
    font-size: 16px;
  }
  .list-ok__item::before{
    width: 23px;
    height: 22px;
  }
}

.fs-main{
  background-image: url('../img/bg-main.png');
  border-radius: var(--br-10);
  background-size: cover;
}

.fs-main__content{
  padding: 58px 0 58px 70px;
}

@media(max-width: 767px){
  .fs-main__content{
    padding: 40px;
  }
}

@media(max-width: 575px){
  .fs-main__content{
    padding: 30px;
  }
}

.fs-main__img{
  position: absolute;
  left: auto;
  right: -40px;
  top: -50px;
  width: auto;
  height: calc(100% - 50px);
}

@media(max-width: 991px){
  .fs-main__img{
    right: -20px;
    bottom: -70px;
    top: auto;
    height: 80%;
  }
}

@media(max-width: 767px){
  .fs-main__img{
    right: -20px;
    bottom: -50px;
    top: auto;
    height: 70%;
  }
}



.cat__item{
  position: relative;
  height: 100%;
}

.cat__img{
  height: 200px;
  width: 100%;
  object-fit: cover;
  border-radius: var(--br-10);
}

.brand__item{
  border: 1px solid #E8E8E8;
  border-radius: var(--br-10);
  margin-bottom: 1px;
  overflow: hidden;
}

.brand__img{
  height: 100%;
  padding: 16px;
}

.brand__img img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.bg-dark .brand__img{
  background-color: #ffffff;
}

.brand__name{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 40px;
  background-color: var(--cst-dark);
  color: #ffffff;
}

.sw-brand{
  overflow: hidden;
}

.step__number{
  font-family: 'RobotoSlab';
  font-style: normal;
  font-weight: 400;
  font-size: 57px;
  color: var(--cst-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.step__description{
  font-weight: 400;
  font-size: 15px;
  color: var(--cst-gray-text);
}

.step__number::after{
  content: '';
  width: 65px;
  height: 17px;
  background-image: url('../img/icon/step-arrow.png');
}

.step__block .col:last-child .step__item .step__number::after{
  display: none;
}

.bg-dark .step__number::after{
  filter: contrast(0);
}

.def-table table{
  border-spacing: 0;
  width: 100%;
}

.def-table tr td{
  padding: 16px 25px;
  color: #ffffff;

}

.def-table tr:nth-child(2n) td{
  background-color: var(--cst-dark);
}

.def-table tr td:first-child{
  border-top-left-radius: var(--br-10);
  border-bottom-left-radius: var(--br-10);
}

.def-table tr td:last-child{
  border-top-right-radius: var(--br-10);
  border-bottom-right-radius: var(--br-10);
}

.blockquote{
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 11px;
  font-size: 20px;
  margin: 0;
}

.blockquote::before{
  content: '';
  background-image: url('../img/icon/quote.svg');
  width: 45px;
  height: 45px;
  background-size: cover;
  flex-shrink: 0;
  margin-top: 24px;
}

.bg-dark .blockquote::before{
  filter: contrast(0);
}

.blockquote__name{
  font-family: 'RobotoSlab';
  font-weight: 400;
  font-size: 20px;
}


.case__item + .case__item{
  margin-top: 2.5rem;
}

.case__img{
  height: 240px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: var(--br-5);
}

.trust__item{
  height: 100%;
  min-height: 168px;
  padding: 48px 26px 26px 26px;
  background-color: var(--cst-light);
  border-radius: var(--br-10);
  background-size: cover;
  background-size: 101%;
  background-position: center;
  text-align: center;
}

.bg-dark .trust__item{
  background-color: #ffffff;
  color: var(--cst-dark) !important;
}

.trust__icon{
  display: flex;
  justify-content: flex-end;
  width: 100px;
  height: 50px;
  background-color: var(--cst-primary);
  border-radius: 90px;
  margin: auto;
}

.trust__img{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid var(--cst-dark);
}

.trust__img img{
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.blog__item + .blog__item{
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--cst-gray-text);
}

.blog__img{
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  border-radius: var(--br-5);
}


.faq__item + .faq__item{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--cst-gray-text);
}

.faq__title{
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  transition: .5s;
}

.faq__title span{
  margin-top: 0;
}

.faq__title::after{
  content: '';
  display: block;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background-color: var(--cst-primary);
  border: 1px solid var(--cst-primary);
  border-radius: var(--br-3);
  background-image: url('../img/icon/plus-white.svg');
  background-repeat: no-repeat;
  background-position: center;
  transition: .5s;
}

.faq__title.active::after{
  content: '';
  background-image: url('../img/icon/minus.svg');
  background-color: transparent;
  border-color: var(--cst-black);
  transition: .5s;
}

.bg-dark .faq__title.active::after{
  filter: invert(1);
}

.faq__description{
  display: none;
  padding-bottom: 10px;
  transition: .5s;
}

.faq__description.active{
  display: block;
  transition: .5s;
}

.contacts-map{
  min-height: 240px;
  border-radius: var(--br-10);
}

.bg-background{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 280px;
  background: linear-gradient(35deg, #06212B 10%, #06212B 32%, #093e28 100%);
  background-position: center;
  background-size: cover;
  border-radius: var(--br-10);
}

.bg-background-img{
  position: absolute;
  top: -40px;
  left: 50%;
  height: calc(100% + 110px);
  transform: translateX(-50%);
}

.advnumber__number{
  font-weight: 600;
  font-size: 56px;
  color: var(--cst-black);
}

.advnumber__number span{
  font-weight: 500;
  font-size: 24px;
  color: #565656;
}

.advnumber__description{
  color: var(--cst-gray-text);
}

.advnumber__number + .advnumber__description{
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid #9E9E9E;
}

.avail__img img{
  height: 100%;
  width: 100%;
  border-radius: var(--br-10);
  object-fit: cover;
  object-position: top center;
}

.principles__item{
  display: flex;
  gap: 28px;
  flex-wrap: nowrap;
}

.principles__icon{
  display: flex;
  align-items: center;
  justify-content:  center;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  background: var(--cst-light);
  border-radius: var(--br-3);
}

.principles__icon img {
  width: 40px;
  height: 40px;
}

.principles__title{
  font-weight: 700;
  font-size: 24px;
}

.popup-form{
  width: min(380px, 95vw);
  padding: 24px;
  border-radius: var(--br-10);
}

.popup-form *:not(input, textarea, svg, path):empty{
  display: none;
}

.popup-form :is(.h1, .h2, .h3, .h4) p{
  margin: 0;
}

.fancybox-container p{
  margin: 0;
}

.hidden-fields-container{
  display: none;
}

.post-rating{
  display: flex;
  align-items: center;
}

.badge__item span{
  font-family: 'Roboto';
  font-weight: 300;
  text-transform: capitalize;
  font-size: 13px;
}

.post-rating .stars{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.post-rating .stars .star{
  line-height: 0;
}

.post-natigation{
  background-color: #ffffff;
  border-radius: var(--br-5);
  transition: .3s;
}
.post-natigation:hover{
  background-color: var(--cst-primary);
  transition: .3s;
}

.post-natigation:hover *{
  color: #ffffff;
  transition: .3s;
}

.post-natigation img{
  border-radius: var(--br-5);
}

.form-checkbox p,
p:has( .btn ) {
  margin: 0;
}

.nowrap{
  white-space: nowrap;
}


.bg-dark .review__item :is(p, div, a){
  color: var(--cst-dark) !important;
}

.bg-dark .review__item a.btn-line:hover,
.bg-dark .h4>a:hover{
  color: var(--cst-primary) !important;
  transition: .3s;
}

ul.list {
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
}
max-width: 992px {
 ul.list {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
}
max-width: 768px {
ul.list {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}


.ellipse{
  position: relative;
}

.ellipse::before{
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  z-index: -1;
}

.ellipse-right::before{
  right: 0;
  background-image: url('../img/ellipse-right.png');
  background-position: right;
  top: -550px;
  height: 1163px;
  width: 480px;
}

.ellipse-left::before{
  left: 0;
  background-image: url('../img/ellipse-left.png');
  background-position: left;
  top: -550px;
  height: 1163px;
  width: 735px;
}

.ellipse > .container{
  position: relative;
}

/*.fs-main__img-animate {*/
/*  animation: move 1s ;*/
/*  animation-timeline: scroll(root block);*/
/*}*/

/*@keyframes move {*/
/*  from { transform: translateY(0); }*/
/*  to { transform: translateY(-50px); }*/
/*}*/

.warning{
  background-color: #ffd073;
  border-radius: var(--br-10);
}


.fs-main__img-animate {
    animation: floatAnimation 3s ease-in-out infinite;
}

/* Настройка движения */
@keyframes floatAnimation {
    0% {
        transform: translateY(0px); /* Стартовая позиция */
    }
    50% {
        transform: translateY(-15px); /* Смещение вверх в середине цикла */
    }
    100% {
        transform: translateY(0px); /* Возврат в исходную точку */
    }
}