@charset "UTF-8";

header nav .nav__left,
header nav .nav__right-f,
header nav .nav__right-s .lang ul {
      box-shadow: 0 4px 12px 0 rgba(2, 3, 22, .1), 0 4px 2px 0 rgba(2, 3, 22, .04);
      background: #fff
}

.btn,
header nav .nav__left ul.desktop-menu li a {
      font-family: Inter;
      font-size: 16px;
      line-height: 140%
}

.about h2,
.hero .hero__content h1,
.hero .hero__content h2,
.more .cards .card h3,
h2 {
      font-family: "Bogart Trial";
      font-weight: 900;
      line-height: 96%
}

.btn:hover,
.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
      background: var(--white)
}

.allNews .cards .swiper,
.contacts h2,
.filials h2 {
      grid-column: 1/-1
}

.filials .card,
a,
footer .bottom a,
footer .call a,
footer div>nav ul li a {
      text-decoration: none
}

*,
.allNews .swiper,
.modal .checkbox__box,
.policy .box,
header .mobile-menu {
      box-sizing: border-box
}

.error .container a,
.modal .checkbox__text a {
      text-decoration-line: underline;
      text-decoration-style: solid
}

.error .container a,
.modal .checkbox__text a,
footer .bottom a:hover,
footer div>nav ul li a:hover {
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font
}

@font-face {
      font-family: Roboto;
      src: url("../fonts/Roboto-Regular.ttf") format("truetype");
      font-weight: 400;
      font-style: normal
}

@font-face {
      font-family: Roboto;
      src: url("../fonts/Roboto-Bold.ttf") format("truetype");
      font-weight: 700;
      font-style: normal
}

@font-face {
      font-family: Roboto;
      src: url("../fonts/Roboto-Black.ttf") format("truetype");
      font-weight: 900;
      font-style: normal
}

@font-face {
      font-family: Inter;
      src: url("../fonts/Inter_18pt-Medium.ttf") format("truetype");
      font-weight: 500;
      font-style: normal
}

@font-face {
      font-family: Inter;
      src: url("../fonts/Inter_18pt-Bold.ttf") format("truetype");
      font-weight: 700;
      font-style: normal
}

@font-face {
      font-family: "Bogart Trial";
      src: url("../fonts/Bogart-Bold-trial.ttf") format("truetype");
      font-weight: 700;
      font-style: normal
}

@font-face {
      font-family: "Bogart Trial";
      src: url("../fonts/Bogart-Black-trial.ttf") format("truetype");
      font-weight: 900;
      font-style: normal
}

* {
      margin: 0;
      padding: 0
}

.container {
      max-width: 1440px;
      width: 100%;
      justify-content: center;
      align-items: center;
      padding: 0 20px;
      margin: 0 auto
}

ul {
      list-style: none
}

.more .cards .card h3,
h2 {
      color: var(--green);
      font-size: 36px;
      font-style: normal
}

header .mobile-menu__nav li a,
header nav .nav__left ul.desktop-menu li a,
header nav .nav__right-s .lang a,
p {
      color: var(--Black, #1a1a1a);
      font-style: normal
}

.about h2,
.about p,
.btn,
.filials .card:hover .card__link,
.filials .card:hover h3,
.filials .card:hover h4,
.filials .card:hover p,
.filials .card:hover span,
.mobile-menu__top ul .active>a {
      color: var(--white)
}

p {
      overflow: hidden;
      text-overflow: ellipsis;
      font-family: Roboto;
      font-size: 14px;
      font-weight: 400;
      line-height: 130%
}

:root {
      --white: #ffffff;
      --black: #1A1A1A;
      --red: #CE0E2D;
      --green: #006937;
      --gray: #AEAEAE
}

.btn {
      display: flex;
      padding: 12px 16px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 46px;
      background: var(--red);
      font-style: normal;
      font-weight: 700;
      border: 2px solid transparent;
      cursor: pointer !important
}

.btn:hover,
.text-empty,
header nav .nav__left ul.desktop-menu li a:hover {
      color: var(--red)
}

.btn:hover {
      border: 2px solid var(--red)
}

header {
      padding-bottom: 24px;
      position: sticky;
      top: 0;
      left: 0;
      z-index: 999
}

header nav {
      display: flex;
      width: 100%;
      justify-content: space-between;
      padding-top: 20px;
      position: relative;
      align-items: center
}

header nav .nav__left,
header nav .nav__right-f {
      align-items: center;
      display: flex;
      border-radius: 66px
}

header nav .nav__left {
      padding: 10px 28px
}

header nav .nav__left a {
      width: 130px;
      height: 46px
}

header nav .nav__left a img {
      width: 100%;
      height: 100%
}

header nav .nav__left ul.desktop-menu {
      display: flex;
      margin-left: 64px;
      padding-right: 40px;
      padding-left: 20px
}

footer div>nav ul li,
header nav .nav__left ul.desktop-menu li {
      padding: 0 24px;
      border-right: 1px solid var(--gray)
}

header nav .nav__left ul.desktop-menu li a {
      font-weight: 500;
      transition: .3s
}

header nav .nav__left ul.desktop-menu li:last-child {
      border-right: none
}

header nav .nav__right-f {
      gap: 10px;
      padding: 10px
}

header nav .burger-btn,
header nav .nav__right-s {
      box-shadow: 0 4px 12px rgba(2, 3, 22, .1), 0 4px 2px rgba(2, 3, 22, .04);
      background: #fff
}

header nav .nav__right-s {
      display: flex;
      padding: 10px;
      align-items: center;
      gap: 344px;
      border-radius: 66px
}

header nav .nav__right-s .lang {
      position: relative;
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 12px 16px;
      border-radius: 46px;
      background: var(--Light, #f8f8f8);
      cursor: pointer
}

header nav .nav__right-s .lang a {
      font-family: Roboto;
      font-size: 16px;
      font-weight: 700;
      line-height: 140%
}

header nav .nav__right-s .lang::after {
      content: "";
      width: 10px;
      height: 7px;
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7' fill='none'><path d='M5 6.0625L0 1.0625L1.0625 0L5 3.9375L8.9375 0L10 1.0625L5 6.0625Z' fill='%23006937'/></svg>") center no-repeat;
      transition: transform .2s;
      margin-left: 6px
}

header nav .nav__right-s .lang::before {
      content: "";
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 6px
}

header nav .nav__right-s .lang ul {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      margin-top: 6px;
      border-radius: 12px;
      background: var(--White, #fff);
      list-style: none;
      padding: 6px 0;
      min-width: 100%;
      z-index: 10
}

header nav .nav__right-s .lang ul li a {
      color: var(--black);
      text-align: center;
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%;
      display: block
}

header nav .nav__right-s .lang ul li:hover a {
      color: var(--green)
}

header nav .nav__right-s .lang:hover ul {
      display: block
}

header nav .nav__right-s .lang:hover::after {
      transform: rotate(180deg);
      fill: var(--2, #CE0E2D)
}

header nav .nav__right {
      display: flex;
      gap: 12px
}

header nav .burger-btn {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      border: none;
      cursor: pointer;
      position: relative;
      display: none
}

header nav .burger-btn::before {
      content: "";
      width: 24px;
      height: 24px;
      display: block;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5.9107 20.1854C5.33637 20.1854 4.84337 19.9797 4.4317 19.5682C4.0202 19.1565 3.81445 18.6635 3.81445 18.0892C3.81445 17.5147 4.0202 17.0229 4.4317 16.6137C4.84337 16.2047 5.33637 16.0002 5.9107 16.0002C6.4852 16.0002 6.97704 16.2047 7.3862 16.6137C7.7952 17.0229 7.9997 17.5147 7.9997 18.0892C7.9997 18.6635 7.7952 19.1565 7.3862 19.5682C6.97704 19.9797 6.4852 20.1854 5.9107 20.1854ZM12.0005 20.1854C11.4261 20.1854 10.9341 19.9797 10.5245 19.5682C10.1148 19.1565 9.90995 18.6635 9.90995 18.0892C9.90995 17.5147 10.1145 17.0229 10.5237 16.6137C10.9327 16.2047 11.4245 16.0002 11.999 16.0002C12.5733 16.0002 13.0653 16.2047 13.475 16.6137C13.8846 17.0229 14.0895 17.5147 14.0895 18.0892C14.0895 18.6635 13.8849 19.1565 13.4757 19.5682C13.0667 19.9797 12.575 20.1854 12.0005 20.1854ZM18.0887 20.1854C17.5142 20.1854 17.0224 19.9797 16.6132 19.5682C16.2042 19.1565 15.9997 18.6635 15.9997 18.0892C15.9997 17.5147 16.2042 17.0229 16.6132 16.6137C17.0224 16.2047 17.5142 16.0002 18.0887 16.0002C18.663 16.0002 19.156 16.2047 19.5677 16.6137C19.9792 17.0229 20.185 17.5147 20.185 18.0892C20.185 18.6635 19.9792 19.1565 19.5677 19.5682C19.156 19.9797 18.663 20.1854 18.0887 20.1854ZM5.9107 14.0899C5.33637 14.0899 4.84337 13.8854 4.4317 13.4762C4.0202 13.0672 3.81445 12.5754 3.81445 12.0009C3.81445 11.4266 4.0202 10.9346 4.4317 10.5249C4.84337 10.1153 5.33637 9.91044 5.9107 9.91044C6.4852 9.91044 6.97704 10.115 7.3862 10.5242C7.7952 10.9332 7.9997 11.4249 7.9997 11.9994C7.9997 12.5738 7.7952 13.0658 7.3862 13.4754C6.97704 13.8851 6.4852 14.0899 5.9107 14.0899ZM12.0005 14.0899C11.4261 14.0899 10.9341 13.8854 10.5245 13.4762C10.1148 13.0672 9.90995 12.5754 9.90995 12.0009C9.90995 11.4266 10.1145 10.9346 10.5237 10.5249C10.9327 10.1153 11.4245 9.91044 11.999 9.91044C12.5733 9.91044 13.0653 10.115 13.475 10.5242C13.8846 10.9332 14.0895 11.4249 14.0895 11.9994C14.0895 12.5738 13.8849 13.0658 13.4757 13.4754C13.0667 13.8851 12.575 14.0899 12.0005 14.0899ZM18.0887 14.0899C17.5142 14.0899 17.0224 13.8854 16.6132 13.4762C16.2042 13.0672 15.9997 12.5754 15.9997 12.0009C15.9997 11.4266 16.2042 10.9346 16.6132 10.5249C17.0224 10.1153 17.5142 9.91044 18.0887 9.91044C18.663 9.91044 19.156 10.115 19.5677 10.5242C19.9792 10.9332 20.185 11.4249 20.185 11.9994C20.185 12.5738 19.9792 13.0658 19.5677 13.4754C19.156 13.8851 18.663 14.0899 18.0887 14.0899ZM5.9107 8.00019C5.33637 8.00019 4.84337 7.79569 4.4317 7.38669C4.0202 6.97752 3.81445 6.48569 3.81445 5.91119C3.81445 5.33686 4.0202 4.84386 4.4317 4.43219C4.84337 4.02069 5.33637 3.81494 5.9107 3.81494C6.4852 3.81494 6.97704 4.02069 7.3862 4.43219C7.7952 4.84386 7.9997 5.33686 7.9997 5.91119C7.9997 6.48569 7.7952 6.97752 7.3862 7.38669C6.97704 7.79569 6.4852 8.00019 5.9107 8.00019ZM12.0005 8.00019C11.4261 8.00019 10.9341 7.79569 10.5245 7.38669C10.1148 6.97752 9.90995 6.48569 9.90995 5.91119C9.90995 5.33686 10.1145 4.84386 10.5237 4.43219C10.9327 4.02069 11.4245 3.81494 11.999 3.81494C12.5733 3.81494 13.0653 4.02069 13.475 4.43219C13.8846 4.84386 14.0895 5.33686 14.0895 5.91119C14.0895 6.48569 13.8849 6.97752 13.4757 7.38669C13.0667 7.79569 12.575 8.00019 12.0005 8.00019ZM18.0887 8.00019C17.5142 8.00019 17.0224 7.79569 16.6132 7.38669C16.2042 6.97752 15.9997 6.48569 15.9997 5.91119C15.9997 5.33686 16.2042 4.84386 16.6132 4.43219C17.0224 4.02069 17.5142 3.81494 18.0887 3.81494C18.663 3.81494 19.156 4.02069 19.5677 4.43219C19.9792 4.84386 20.185 5.33686 20.185 5.91119C20.185 6.48569 19.9792 6.97752 19.5677 7.38669C19.156 7.79569 18.663 8.00019 18.0887 8.00019Z' fill='%23CE0E2D'/%3E%3C/svg%3E")
}

header nav .burger-btn.active::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='%23CE0E2D' stroke-width='2'/%3E%3C/svg%3E")
}

header .mobile-menu {
      position: fixed;
      top: 90px;
      background: #fff;
      z-index: 1000;
      display: flex;
      flex-direction: column;
      padding: 24px 15px;
      gap: 32px;
      transform: translateX(100vw);
      width: 420px;
      left: auto;
      right: 20px;
      border-radius: 12px;
      transition: transform .4s;
      max-height: calc(100vh - 90px);
      overflow-y: auto
}

.allNews__slider,
.hero,
.hero .swiper,
.more,
.news__slider,
body.menu-open {
      overflow: hidden
}

header .mobile-menu.active {
      transform: translateX(0);
      right: 0
}

header body.menu-open::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .6);
      z-index: 999
}

header .mobile-menu__header .social {
      position: absolute;
      top: 24px;
      right: 15px;
      display: inline-flex
}

header .mobile-menu__nav {
      display: flex;
      flex-direction: column;
      gap: 24px
}

header .mobile-menu__nav li a {
      font-family: "Bogart Trial";
      font-size: 20px;
      font-weight: 700;
      line-height: 100%
}

header .mobile-menu__footer {
      margin-top: auto;
      display: flex;
      flex-direction: column;
      gap: 32px
}

header .mobile-menu__footer p,
header .mobile-menu__footer p a {
      color: var(--Black, #1a1a1a);
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%
}

header .btn {
      display: inline-block;
      width: auto;
      align-self: flex-start
}

.info .img,
.modal input,
.modal__content,
.more .cards .card__l,
footer,
footer .call p {
      align-self: stretch
}

.social {
      width: 40px;
      height: 40px;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center
}

.social:hover::after {
      background: var(--green)
}

.social:hover::before {
      background: #fff
}

.mobile-menu__top ul {
      display: flex;
      gap: 4px
}

.mobile-menu__top ul li {
      display: flex;
      padding: 5px 15px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 52px;
      background: var(--Light, #f8f8f8)
}

.mobile-menu__top ul li a {
      color: var(--black);
      text-align: center;
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%
}

.allNews .swiper-button-next:hover,
.allNews .swiper-button-prev:hover,
.filials .card:hover,
.mobile-menu__top ul .active,
.more .swiper-button-next:hover,
.more .swiper-button-prev:hover,
.news .swiper-button-next:hover,
.news .swiper-button-prev:hover {
      background: var(--green)
}

@media (max-width:1390px) {

      header nav .nav__left ul.desktop-menu,
      header nav .nav__right-f .btn,
      header nav .nav__right-s {
            display: none
      }

      header nav .nav__left {
            padding: 10px 20px;
            height: 60px
      }

      header nav .nav__left a {
            width: 100px;
            height: 36px
      }

      header nav .nav__right-f {
            height: 60px
      }

      header nav .burger-btn {
            display: flex;
            height: 60px;
            width: 60px
      }

      header .nav__right {
            margin-left: auto;
            margin-right: 12px
      }
}

@media (max-width:340px) {
      header .nav__right {
            margin: 0 auto
      }
}

.hero {
      height: calc(100vh - 150px);
      flex-shrink: 0
}

.hero .swiper-wrapper {
      max-width: 1840px;
      width: 100%
}

.hero .swiper {
      height: 100%
}

.hero .swiper-slide {
      position: relative;
      width: 100%;
      height: 100%;
      flex-shrink: 0;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      overflow: hidden
}

.hero .hero__bg {
      position: absolute;
      inset: 0;
      z-index: 0
}

#test,
.allNews__slider-wrapper,
.hero,
.hero .hero__content,
.input,
.more__slider-wrapper,
.news__slider-wrapper {
      position: relative
}

.hero .hero__bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block
}

.hero .hero__content {
      display: flex;
      max-width: 652px;
      width: 100%;
      padding: 24px;
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
      border-radius: 28px;
      background: #fff;
      justify-content: flex-start;
      z-index: 2;
      margin-top: 60px
}

.hero .hero__content h1,
.hero .hero__content h2 {
      color: #006937;
      font-size: 44px;
      font-style: normal
}

.hero .hero__content p,
.modal-product p {
      color: var(--Black, #1a1a1a);
      font-family: Roboto;
      font-style: normal
}

.hero .hero__content p {
      font-size: 18px;
      font-weight: 400;
      line-height: 140%
}

.modal .checkbox__text,
.modal .checkbox__text a {
      color: var(--Main, #101010);
      font-family: Roboto;
      line-height: 130%;
      font-size: 14px
}

.hero .swiper-button-next,
.hero .swiper-button-prev {
      display: flex;
      width: 48px;
      height: 48px;
      justify-content: center;
      align-items: center;
      border-radius: 6px;
      background: rgba(0, 0, 0, .2)
}

.hero .swiper-button-next::after,
.hero .swiper-button-prev::after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M7 18L15 10L7 2L5.58333 3.41667L12.1667 10L5.58333 16.5833L7 18Z' fill='white'/></svg>") center/contain no-repeat
}

.allNews .swiper .swipe.left::before,
.allNews .swiper-button-next:after,
.hero .swiper-button-prev::after,
.more .swiper-button-next:after,
.news .swiper-button-next:after {
      transform: rotate(180deg)
}

.hero .swiper-button-next::after {
      transform: rotate(0)
}

.hero .swiper-pagination {
      width: auto !important;
      display: inline-flex;
      justify-content: center;
      bottom: 20px !important;
      left: 50% !important;
      transform: translateX(-50%);
      position: absolute;
      border-radius: 46px;
      padding: 6px;
      background: rgba(0, 0, 0, .2)
}

.hero .swiper-pagination-bullet {
      background: #fff;
      opacity: .6
}

.hero .swiper-pagination-bullet-active,
.modal .checkbox input:checked+.checkbox__box::after {
      opacity: 1
}

.modal {
      display: flex;
      max-width: 569px;
      width: 100%;
      padding: 32px 24px;
      flex-direction: column;
      align-items: flex-start;
      gap: 32px;
      border-radius: 12px;
      background: #fff
}

.about,
.allNews,
.contacts,
.filials,
.more,
.news,
.products {
      padding: 60px 0
}

.modal .checkbox,
.modal input {
      align-items: center;
      display: flex
}

.modal input {
      padding: 15px 16px;
      gap: 10px;
      border-radius: 14px;
      border: 1px solid var(--Grey-border, #9c9c9c);
      background: #fff;
      width: 100%
}

.modal input:hover {
      border: 1px solid var(--Black, #1a1a1a)
}

.modal__content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 14px
}

.modal .carousel__button {
      display: flex;
      width: 44px;
      height: 44px;
      padding: 10px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      border-radius: 66px;
      background: var(--White, #fff)
}

.modal .checkbox {
      gap: 8px;
      cursor: pointer
}

#my-modal-2,
.modal .checkbox input,
.modal-product {
      display: none
}

.modal .checkbox__box {
      width: 16px;
      height: 16px;
      border: 1px solid #101010;
      display: flex;
      align-items: center;
      justify-content: center
}

.modal .checkbox__box::after {
      content: "";
      width: 11px;
      height: 8px;
      display: block;
      background: center no-repeat #fff;
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none"><path d="M4.41747 7.60407L4.39985 7.62169L0 3.22185L1.43268 1.78917L4.41752 4.77402L9.19154 0L10.6242 1.43268L4.43514 7.62175L4.41747 7.60407Z" fill="white"/></svg>');
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
      opacity: 0
}

.modal .checkbox input:checked+.checkbox__box {
      background: var(--2, #ce0e2d);
      border-color: var(--2, #ce0e2d)
}

.info ul li,
.modal .checkbox__text,
footer .call a {
      font-weight: 400
}

.modal .checkbox__text a {
      font-style: normal;
      font-weight: 700;
      text-decoration-skip-ink: none
}

.carousel__button svg {
      stroke: var(--red) !important
}

.modal__content input:focus {
      border: 2px solid var(--1, #006937);
      outline: 0
}

.modal__content input,
.modal__content input:active,
.modal__content input:focus,
.modal__content input:focus-visible {
      outline: 0 !important
}

.about .blocks .block img,
.hero {
      border-radius: 24px
}

.hero .swiper {
      border-radius: inherit
}

.hero.container {
      max-width: 100%
}

.about {
      background: var(--green);
      margin-top: 20px;
      border-radius: 32px
}

.about h2 {
      font-size: 36px;
      font-style: normal;
      margin-bottom: 48px
}

.about p,
.more .cards .card p,
.products .cards .card .img span {
      font-family: Roboto;
      line-height: 130%;
      font-weight: 400
}

.about p {
      font-size: 18px;
      font-style: normal
}

.about .blocks {
      display: flex;
      gap: 40px;
      flex-wrap: wrap;
      row-gap: 48px
}

.about .blocks .block {
      display: flex;
      flex-direction: column;
      gap: 10px;
      flex: 1 1 440px;
      max-width: 440px;
      width: 100%
}

.about .blocks .block:nth-child(3) {
      flex: 1 1 440px;
      max-width: 100%;
      height: 440px
}

.about .blocks .block:nth-child(3) img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 24px
}

.more__slider {
      overflow: visible
}

.filials__left,
.modal-product .modal__content,
.modal-scroll {
      overflow-y: auto
}

.allNews__slider .swiper-wrapper,
.more__slider .swiper-wrapper,
.news__slider .swiper-wrapper,
footer div>nav ul {
      display: flex
}

.more__slider .swiper-slide {
      flex-shrink: 0;
      width: auto
}

.more__navigation {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      margin-top: 32px
}

.more .swiper-button-next,
.more .swiper-button-prev {
      position: static;
      display: flex;
      width: 48px;
      height: 48px;
      padding: 12px 16px;
      justify-content: center;
      align-items: center;
      gap: 2px;
      border-radius: 6px;
      background: var(--Light, #f8f8f8);
      margin: 0;
      cursor: pointer;
      transition: .3s
}

.allNews .swiper-button-next:after,
.allNews .swiper-button-prev:after,
.more .swiper-button-next:after,
.more .swiper-button-prev:after,
.news .swiper-button-next:after,
.news .swiper-button-prev:after {
      content: "";
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13 18L5 10L13 2L14.4167 3.41667L7.83333 10L14.4167 16.5833L13 18Z' fill='%23006937'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain
}

.allNews .swiper-button-next:hover:after,
.allNews .swiper-button-prev:hover:after,
.more .swiper-button-next:hover:after,
.more .swiper-button-prev:hover:after,
.news .swiper-button-next:hover:after,
.news .swiper-button-prev:hover:after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13 18L5 10L13 2L14.4167 3.41667L7.83333 10L14.4167 16.5833L13 18Z' fill='%23ffffff'/%3E%3C/svg%3E")
}

.allNews .swiper-button-next.swiper-button-disabled,
.allNews .swiper-button-prev.swiper-button-disabled,
.more .swiper-button-next.swiper-button-disabled,
.more .swiper-button-prev.swiper-button-disabled,
.news .swiper-button-next.swiper-button-disabled,
.news .swiper-button-prev.swiper-button-disabled {
      opacity: .5;
      cursor: not-allowed
}

.more .cards .card {
      display: flex;
      max-width: 1440px;
      height: 415px;
      width: 100%;
      align-items: center;
      border-radius: 24px;
      background: var(--Light, #f8f8f8);
      flex-direction: row
}

.modal-product,
.more .cards .card__l {
      flex-direction: column;
      gap: 30px;
      padding: 32px 24px
}

.more .cards .card p {
      color: var(--black);
      font-size: 18px;
      font-style: normal
}

.more .cards .card__l {
      height: 100%;
      display: flex;
      width: 487px;
      align-items: flex-start;
      flex-shrink: 0
}

.more .cards .card__l .btn {
      margin-top: auto
}

.more .cards .card__r {
      width: 953px;
      height: 415px;
      margin-top: auto
}

@media (max-width:900px) {
      .more .cards .card {
            flex-direction: column;
            height: auto
      }

      .more .cards .card__l,
      .more .cards .card__r {
            width: 100%;
            height: auto
      }
}

.more .cards .card__r img {
      width: 100%;
      height: 100%;
      border-radius: 24px;
      object-fit: cover
}

.modal-product {
      height: 100%;
      align-items: flex-start;
      max-width: 939px;
      width: 100%;
      max-height: 420px;
      border-radius: 12px;
      background: #fff;
      gap: 20px
}

.modal-product p {
      font-weight: 400;
      font-size: 18px;
      line-height: 140%;
      margin: 0 0 16px
}

.modal__content {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      gap: 10px
}

.modal-scroll {
      flex: 1 1 auto
}

.products .cards {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 24px
}

.products .cards h2 {
      grid-column: 1/-1;
      margin-bottom: 24px
}

.products .cards .card {
      display: flex;
      flex-direction: column;
      gap: 12px;
      cursor: pointer;
      border-radius: 12px;
}

.products .cards .card .img {
      width: 100%;
      height: 342px;
      border-radius: 24px;
      overflow: hidden;
      position: relative
}

.allNews .cards .card .img img,
.news .cards .card .img img,
.products .cards .card .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .4s
}

.products .cards .card .img span {
      position: absolute;
      top: 10px;
      left: 10px;
      display: inline-flex;
      padding: 4px 10px;
      white-space: nowrap;
      justify-content: center;
      align-items: center;
      gap: 6px;
      border-radius: 46px;
      background: var(--2, #ce0e2d);
      color: #fff;
      font-size: 14px;
      z-index: 2
}

.allNews .cards .card:hover .img img,
.news .cards .card:hover .img img,
.products .cards .card:hover .img img {
      transform: scale(1.1)
}

.products .cards .card .text {
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding: 18px;
      flex: 1;
      border-radius: 24px;
      background: var(--Light, #f8f8f8)
}

.products .cards .card h4 {
      font-family: "Bogart Trial";
      font-size: 18px;
      font-weight: 700;
      line-height: 96%;
      color: var(--black)
}

.products .cards .card p {
      font-family: Roboto;
      font-size: 14px;
      line-height: 130%;
      color: var(--black)
}

.products .cards .card .price {
      margin-top: auto;
      display: flex;
      gap: 10px;
      margin-left: auto;
      text-align: right
}

.products .cards .card .price .sale {
      text-decoration: line-through;
      color: var(--gray) !important;
      font-size: 14px
}

.products .cards .card span {
      color: var(--green);
      text-align: right;
      font-family: Roboto;
      font-size: 16px;
      font-weight: 900;
      line-height: 130%;
      margin-top: auto
}

.allNews,
.news {
      border-radius: 32px;
      background: var(--Light, #f8f8f8)
}

.allNews h2,
.news h2 {
      text-align: left;
      font-size: 32px;
      margin-bottom: 24px
}

.allNews__slider .swiper-slide,
.news__slider .swiper-slide {
      height: auto
}

.allNews__navigation,
.news__navigation {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: 32px
}

.allNews .swiper-button-next,
.allNews .swiper-button-prev,
.news .swiper-button-next,
.news .swiper-button-prev {
      position: static;
      display: flex;
      width: 48px;
      height: 48px;
      padding: 12px 16px;
      justify-content: center;
      align-items: center;
      gap: 2px;
      border-radius: 6px;
      background: var(--white);
      margin: 0;
      cursor: pointer;
      transition: .3s
}

.allNews .cards,
.news .cards {
      display: flex;
      transform: translate(0)
}

.allNews .cards .card,
.news .cards .card {
      background: var(--white);
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      transition: transform .3s, box-shadow .3s;
      text-decoration: none
}

.allNews .cards .card .img,
.news .cards .card .img {
      width: 100%;
      height: 320px;
      overflow: hidden;
      border-radius: 16px;
      display: block
}

.allNews .cards .card .text,
.news .cards .card .text {
      padding: 18px 24px;
      display: flex;
      flex-direction: column;
      flex: 1
}

.allNews .cards .card .text span,
.news .cards .card .text span {
      overflow: hidden;
      color: var(--Grey, #717171);
      text-overflow: ellipsis;
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 700;
      line-height: 130%;
      margin-bottom: 12px
}

.allNews .cards .card h4,
.news .cards .card h4 {
      color: var(--green);
      font-family: "Bogart Trial";
      font-size: 18px;
      font-weight: 900;
      margin-bottom: 12px
}

.allNews .cards .card p,
.news .cards .card p {
      color: var(--Black, #1a1a1a);
      font-family: Roboto;
      font-size: 14px;
      line-height: 130%;
      margin-bottom: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      flex: 1
}

.allNews .cards .card .btn,
.news .cards .card .btn {
      align-self: flex-start;
      width: auto;
      display: inline-flex;
      color: var(--white) !important
}

.allNews .cards .card .btn:hover,
.news .cards .card .btn:hover {
      color: var(--red) !important
}

.allNews .cards {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
      flex-wrap: wrap;
      gap: 24px
}

.allNews .swiper {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 4px;
      margin-top: 25px;
      width: 100%
}

.allNews .swiper .swipe {
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: transparent;
      border: 1px solid var(--Grey-border);
      border-radius: 39px;
      position: relative
}

.allNews .swiper .swipe::before {
      content: "";
      width: 7px;
      height: 12px;
      background-color: #1a1a1a;
      mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12'><path d='M4.13749 6L0 1.5421L1.43126 0L7 6L1.43126 12L0 10.4579L4.13749 6Z' fill='black'/></svg>") center/contain no-repeat;
      -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12'><path d='M4.13749 6L0 1.5421L1.43126 0L7 6L1.43126 12L0 10.4579L4.13749 6Z' fill='black'/></svg>") center/contain no-repeat;
      transition: background-color .2s
}

.allNews .swiper .swipe:hover::before {
      background-color: var(--green)
}

.allNews .swiper .button {
      display: flex;
      width: 40px;
      height: 40px;
      padding: 1px 4px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
      aspect-ratio: 1/1;
      border-radius: 39px;
      border: 1px solid var(--Grey-border, #9c9c9c);
      color: var(--Black, #1a1a1a);
      text-align: center;
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 130%;
      transition: .3s
}

.allNews .swiper .active,
.allNews .swiper .button:hover {
      border: 1px solid var(--green)
}

.allNews .swiper .active {
      background: var(--green);
      color: var(--white)
}

.bg {
      background: #f8f8f8
}

.contacts__card,
.filials__left {
      padding: 24px;
      background: var(--Light, #f8f8f8)
}

.contacts__wrapper,
.filials__wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      align-items: start
}

.filials h2 {
      text-align: center;
      margin-bottom: 24px
}

.filials__left {
      display: flex;
      border-radius: 32px
}

.filials__left::-webkit-scrollbar {
      width: 6px
}

.filials__left::-webkit-scrollbar-track {
      background: 0 0
}

.filials__left::-webkit-scrollbar-thumb {
      border-radius: 7px;
      background: var(--Black, #1a1a1a)
}

.filials__left,
.filials__right {
      height: 640px
}

@media (max-width:1100px) {

      .contacts__wrapper,
      .filials__wrapper {
            grid-template-columns: 1fr
      }

      .filials__left,
      .filials__right {
            height: 450px
      }

      .contacts__wrapper {
            gap: 16px
      }
}

.filials__right {
      height: 640px;
      border-radius: 32px;
      overflow: hidden
}

.contacts__left #map,
.error .container .img img,
.filials__image,
footer div>a img img {
      height: 100%;
      width: 100%
}

.filials__image {
      object-fit: cover
}

.filials .cards {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 10px
}

.filials .card {
      display: flex;
      padding: 24px;
      width: 100%;
      border-radius: 8px;
      background: var(--white);
      transition: .3s
}

.filials .card__content {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 16px
}

.filials .card__top {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 16px
}

.filials .card__l {
      display: flex;
      flex-direction: column;
      gap: 4px
}

.filials .card__r {
      display: flex;
      flex-direction: column;
      gap: 2px;
      text-align: right
}

.filials .card__link {
      display: flex;
      align-items: center;
      gap: 8px;
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%
}

.filials .card p,
.filials .card span {
      color: var(--black);
      font-family: Roboto;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%
}

.filials .card__icon {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: #e31e24;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      position: relative
}

.filials .card__icon::after {
      content: "";
      width: 11px;
      height: 11px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M8.033 6.22717H0V4.7105H8.033L4.38733 1.06483L5.46883 0L10.9377 5.46883L5.46883 10.9377L4.38733 9.87283L8.033 6.22717Z' fill='white'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain
}

.filials .card h3 {
      color: var(--green);
      font-family: "Bogart Trial";
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%
}

.filials .card h4,
.filials .card:not(:hover) .card__link {
      color: var(--black)
}

.contacts__card a,
.filials .card h4 {
      font-family: Roboto;
      font-style: normal
}

.filials .card h4 {
      font-size: 14px;
      font-weight: 700;
      line-height: 120%
}

.error .container h1,
.error .container p,
.policy .box h1,
.policy .box h3,
.policy .box p {
      color: var(--Black, #1a1a1a)
}

.filials__right .filials__image {
      background: url("../images/hero.png") center/cover no-repeat
}

.contacts h2 {
      text-align: center;
      margin-bottom: 48px
}

.contacts__left,
.contacts__right,
.error__txt,
.info .img,
form {
      width: 100%
}

@media (max-width:992px) {

      .contacts__left,
      .contacts__right {
            height: auto
      }
}

.contacts__left {
      width: 100%;
      height: 384px;
      border-radius: 28px;
      overflow: hidden
}

.contacts__right {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px
}

.contacts__card {
      display: flex;
      width: 100%;
      max-width: 342px;
      height: 180px;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      border-radius: 12px
}

.contacts__card a {
      color: var(--Black, #181818);
      font-size: 18px;
      font-weight: 400;
      line-height: 140%;
      margin-top: auto
}

.contacts__card h3,
.info h3,
footer .call p,
footer div>nav ul li a {
      font-weight: 700;
      font-family: "Bogart Trial"
}

.contacts__card h3,
.info h3 {
      line-height: 100%
}

.contacts__card h3 {
      color: var(--Black, #181818);
      font-size: 24px;
      font-style: normal
}

.contacts__socials,
.footer__socials {
      display: flex;
      gap: 6px;
      align-items: center;
      margin-top: auto
}

.contacts__socials .social,
.footer__socials .social {
      width: 48px;
      height: 48px;
      aspect-ratio: 1/1;
      padding: 12px 10px;
      border: 2px solid var(--green);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: .3s
}

.contacts__socials .social img,
.footer__socials .social img {
      width: 24px;
      height: 24px;
      flex-shrink: 0
}

.footer__socials {
      flex-direction: row !important;
      gap: 6px !important
}

.footer__socials .social {
      background: #fff
}

.social:hover,
footer {
      background: var(--green)
}

footer {
      border-radius: 32px 32px 0 0;
      display: flex;
      padding: 60px 0 30px;
      flex-direction: column;
      align-items: center;
      gap: 48px
}

footer .container {
      display: flex;
      flex-direction: column;
      gap: 48px
}

footer div>nav ul li:last-of-type {
      border: none
}

footer div>nav ul li a {
      color: var(--White, #fff);
      font-size: 18px;
      font-style: normal;
      line-height: 140%;
      display: inline-block
}

footer .bottom a:hover,
footer div>nav ul li a:hover {
      color: var(--White, #fff);
      text-decoration: underline;
      text-decoration-skip-ink: none
}

footer div>a img {
      width: 310.87px;
      height: 110px
}

footer .bottom,
footer .call {
      display: flex;
      justify-content: space-between;
      width: 100%;
      flex-wrap: wrap;
      row-gap: 24px
}

footer .call div {
      width: 300px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 12px
}

footer .call p {
      color: var(--White, #fff);
      text-align: center;
      font-size: 18px;
      font-style: normal;
      line-height: 110%;
      letter-spacing: -.27px
}

footer .bottom a,
footer .bottom p,
footer .call a {
      color: var(--White, #fff);
      font-family: Roboto;
      text-align: center;
      font-style: normal
}

footer .call a {
      font-size: 18px;
      line-height: 120%;
      letter-spacing: -.18px;
      display: inline-block
}

footer .call a:hover {
      text-decoration: underline;
      text-decoration-thickness: auto;
      text-decoration-skip-ink: none
}

footer .bottom a,
footer .bottom p {
      font-size: 16px;
      font-weight: 400;
      line-height: 110%
}

.info h1,
.info h3,
.info ul li,
.info ul li span {
      color: var(--Black, #1f1f1f)
}

.error .container a,
.info span {
      color: var(--1, #006937)
}

footer .bottom a {
      transition: color .2s, text-decoration .2s
}

footer .social:hover::after {
      background: var(--red) !important
}

@media (max-width:1300px) {
      .contacts__right {
            grid-template-columns: 1fr
      }

      .contacts__card {
            width: 100%;
            max-width: 100%
      }

      footer .call {
            justify-content: center;
            gap: 24px
      }

      footer div>nav ul {
            flex-direction: column;
            gap: 12px
      }

      footer div>nav ul li {
            border: none;
            text-align: center
      }
}

.box,
.info .img img {
      border-radius: 24px;
      width: 100%
}

@media (max-width:1500px) {
      .bottom {
            flex-direction: column;
            align-items: center;
            justify-content: center
      }
}

@media (max-width:959px) {
      .about .blocks .block {
            max-width: 100%
      }
}

@media (max-width:700px) {
      footer div>a img {
            width: 250px;
            height: 110px
      }

      .filials__right {
            height: 312px
      }

      body h2 {
            font-size: 24px
      }

      .hero h2,
      body h1 {
            font-size: 32px
      }

      .btn,
      body h3,
      body h4,
      body p {
            font-size: 16px
      }

      body .filials h4,
      body p {
            font-size: 14px
      }

      .card__top {
            flex-direction: column
      }

      .filials .card__r {
            text-align: left
      }
}

@media (max-width:500px) {
      header .mobile-menu {
            width: calc(100% - 40px);
            left: 20px;
            right: 20px
      }

      footer div>a img {
            width: 220px
      }

      h2 {
            font-size: 26px !important
      }

      .hero h2,
      h1 {
            font-size: 32px !important
      }

      .btn,
      p {
            font-size: 14px !important
      }

      h3,
      h4 {
            font-size: 18px !important
      }

      .filials h4,
      p {
            font-size: 16px !important
      }

      .error .container h1,
      .error .container h1 span {
            font-size: 24px !important
      }

      .mobile-menu {
            left: 20px !important;
            width: calc(100% - 40px) !important
      }
}

@media (max-width:450px) {
      .allNews .cards {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            flex-wrap: wrap;
            gap: 24px
      }
}

@media (max-width:400px) {
      .hero .btn {
            margin: 0 auto !important
      }

      .info .img {
            height: 320px !important
      }

      footer div>a img {
            width: 209px
      }
}

@media (max-width:370px) {
      header nav .nav__left {
            padding: 10px
      }

      header .social {
            width: 30px !important;
            height: 30px !important
      }

      header nav .nav__left a {
            height: 30px
      }

      .hero__content {
            padding: 24px 15px !important
      }

      .hero .container {
            padding: 0 10px !important
      }

      .hero .swiper-button-next,
      .hero .swiper-button-prev {
            width: 35px;
            height: 35px
      }

      .allNews .swiper .button {
            width: 35px !important;
            height: 35px !important
      }
}

@media (max-width:330px) {
      .hero__content {
            padding: 24px 10px !important
      }
}

.info {
      margin-bottom: 60px
}

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

.info .img {
      display: flex;
      height: 656px;
      justify-content: center;
      align-items: center
}

.box,
.error__txt,
.policy .box,
form {
      flex-direction: column;
      display: flex
}

.box,
.policy .box {
      max-width: 990px;
      padding: 24px;
      margin: 0 auto
}

.info .img img {
      height: 100%;
      object-fit: cover
}

.info h3 {
      font-size: 24px;
      font-style: normal
}

.info h1,
.policy .box h1 {
      font-size: 44px;
      font-weight: 900;
      font-family: "Bogart Trial"
}

.info span,
.info ul li span,
.policy .box h3 {
      font-weight: 700
}

.info h1 {
      font-style: normal;
      line-height: 96%
}

.info span,
.info ul li,
.info ul li span {
      font-family: Roboto;
      font-size: 18px;
      font-style: normal;
      line-height: 140%
}

.box {
      align-items: flex-start;
      gap: 40px;
      background: var(--White, #fff)
}

.policy .box {
      gap: 50px;
      width: 100%
}

.policy .box h1 {
      line-height: 1.1;
      max-width: 100%;
      word-break: break-word
}

.policy .box h3 {
      font-family: "Bogart Trial";
      font-size: 24px;
      line-height: 1.2
}

.policy .box p {
      font-family: Roboto;
      font-size: 18px;
      font-weight: 400;
      line-height: 1.4
}

@media (max-width:768px) {
      .more .cards .card h3 {
            font-size: 28px
      }

      .more .cards .card p,
      .policy .box p {
            font-size: 16px
      }

      .policy .box h1 {
            font-size: 32px;
            line-height: 1.2
      }

      .policy .box h3 {
            font-size: 20px
      }
}

.error .container h1,
.error .container h1 span {
      font-family: "Bogart Trial";
      font-size: 36px;
      font-weight: 900;
      line-height: 96%
}

.error__txt {
      gap: 24px;
      max-width: 518px;
      margin: 0 auto
}

.error .container {
      text-align: center
}

.error .container .img {
      max-height: 428px;
      height: 100%;
      align-self: stretch;
      aspect-ratio: 185/107;
      margin: 0 auto
}

.error .container h1 {
      text-align: center;
      font-style: normal
}

.error .container a,
.error .container p {
      text-align: center;
      font-size: 18px;
      font-style: normal
}

.error .container h1 span {
      color: var(--2, #ce0e2d);
      font-style: normal
}

.error .container p {
      font-family: Roboto;
      font-weight: 400;
      line-height: 140%
}

.error .container a {
      font-family: "Bogart Trial";
      font-weight: 700;
      line-height: 96%;
      text-decoration-skip-ink: auto
}

form {
      gap: 14px
}

.text-empty {
      font-family: Roboto;
      margin-top: 5px
}

.form-preloader {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 10;
      background: #fff;
      padding: 40px;
      border-radius: 8px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, .15);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px;
      min-width: 300px;
      min-height: 200px
}

.form-preloader__round {
      width: 40px;
      height: 40px;
      border: 4px solid #f3f3f3;
      border-top: 4px solid #3498db;
      border-radius: 50%;
      animation: 1s linear infinite spin
}

.form-preloader__text {
      color: #000;
      font-size: 14px;
      font-weight: 500
}

@keyframes spin {
      0% {
            transform: rotate(0)
      }

      100% {
            transform: rotate(360deg)
      }
}

html {
      scroll-behavior: smooth
}

html body .fancybox__content>.carousel__button.is-close {
      position: absolute !important;
      top: -40px !important;
      right: -40px !important
}

@media (max-width:1023px) {
      html body .fancybox__content>.carousel__button.is-close {
            top: -50px !important;
            right: 0 !important
      }

      .modal .carousel__button {
            width: 42px !important;
            height: 42px !important
      }
}

header nav .nav__right-s .lang ul li {
      padding: 5px 15px;
      cursor: pointer;
      display: flex;
      justify-content: center
}

.error {
      padding-bottom: 100px
}

.social:hover {
      border-radius: 100px;
      border: 2px solid var(--green)
}

footer .footer__socials .social:hover {
      background: var(--red)
}

.social {
      border: 2px solid var(--green);
      border-radius: 50%
}

.social img {
      transition: filter .3s;
      filter: invert(21%) sepia(64%) saturate(5307%) hue-rotate(340deg) brightness(79%) contrast(107%)
}

.social:hover img {
      filter: brightness(0) invert(1)
}