/* Start:/local/templates/tzk/css/swiper-bundle.min.css?176155768413918*/
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/tzk/css/style.css?176362828183799*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

body,
html {
  scroll-behavior: smooth;
}



a {
  color: inherit;
}

button {
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
  display: inline-block;
}

.bot-check {
  visibility: hidden;
  position: absolute;
  order: -100;
  width: 0;
  overflow: hidden;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-Italic.eot");
  src:
    local("Satoshi Italic"),
    local("Satoshi-Italic"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Italic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-ITALIC.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Italic.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-Black.eot");
  src:
    local("Satoshi Black"),
    local("Satoshi-Black"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Black.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-BLACK.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Black.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Black.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-BlackItalic.eot");
  src:
    local("Satoshi Black Italic"),
    local("Satoshi-BlackItalic"),
    url("/local/templates/tzk/css/./fonts/Satoshi-BlackItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-BLACKITALIC.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-BlackItalic.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-BlackItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-Regular.eot");
  src:
    local("Satoshi Regular"),
    local("Satoshi-Regular"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Regular.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-REGULAR.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Regular.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-LightItalic.eot");
  src:
    local("Satoshi Light Italic"),
    local("Satoshi-LightItalic"),
    url("/local/templates/tzk/css/./fonts/Satoshi-LightItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-LIGHTITALIC.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-LightItalic.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-Medium.eot");
  src:
    local("Satoshi Medium"),
    local("Satoshi-Medium"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Medium.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-MEDIUM.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Medium.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-Medium.eot");
  src:
    local("Satoshi Medium"),
    local("Satoshi-Medium"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Medium.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-MEDIUM.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Medium.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Medium.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-BoldItalic.eot");
  src:
    local("Satoshi Bold Italic"),
    local("Satoshi-BoldItalic"),
    url("/local/templates/tzk/css/./fonts/Satoshi-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-BOLDITALIC.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-BoldItalic.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-Bold.eot");
  src:
    local("Satoshi Bold"),
    local("Satoshi-Bold"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Bold.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-BOLD.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Bold.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-Light.eot");
  src:
    local("Satoshi Light"),
    local("Satoshi-Light"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Light.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-LIGHT.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Light.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-MediumItalic.eot");
  src:
    local("Satoshi Medium Italic"),
    local("Satoshi-MediumItalic"),
    url("/local/templates/tzk/css/./fonts/Satoshi-MediumItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-MEDIUMITALIC.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-MediumItalic.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("/local/templates/tzk/css/./fonts/Satoshi-MediumItalic.eot");
  src:
    local("Satoshi Medium Italic"),
    local("Satoshi-MediumItalic"),
    url("/local/templates/tzk/css/./fonts/Satoshi-MediumItalic.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/tzk/css/./fonts/SATOSHI-MEDIUMITALIC.OTF") format("opentype"),
    url("/local/templates/tzk/css/./fonts/Satoshi-MediumItalic.woff") format("woff"),
    url("/local/templates/tzk/css/./fonts/Satoshi-MediumItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

* {
  font-family: "Noto Sans", sans-serif;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

body,
html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.main-wrap {
  flex: 1 0 auto;
}

.footer {
  flex-shrink: 0;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  outline: none;
  -webkit-user-drag: none;
}

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

header {
  background-color: #1a1a1a;
  color: white;
  z-index: 1000;
  position: sticky;
  top: 0;
}

.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: content-box;
  column-gap: 10px;
}

.header-container .logo {
  width: 295px;
  height: 58px;
}

#logo {
  width: 295px;
  height: 58px;
}

#phone {
  width: 48px;
  height: 48px;
}

.nav-menu {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 800px;
}

.nav-menu li {
  position: relative;
}

.nav-submenu {
  display: none;
  flex-direction: column;
  gap: 16px;
  position: absolute;
  top: 42px;
  left: -30px;
  border: 1px solid #b2b2b266;
  background: #191919;
  padding: 32px;
  z-index: 1001;
  width: max-content;
}

.nav-submenu.show {
  display: flex;
}

.nav-submenu li a {
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffff;
}

.nav-menu a {
  text-decoration: none;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #ffffff;
}

.phone-btn {
  border: 1px solid #b2b2b266;
  background: none;
  width: 48px;
  height: 48px;
  display: inline-block;
}

.phone-btn:hover {
  background: linear-gradient(82.17deg,
      #fee794 -25.76%,
      #ddb464 -11.23%,
      #d59c5d 9.41%,
      #e4bd70 84%,
      #fbe282 108.8%,
      #eacd84 122.45%);
  border: none;
}

.phone-icon {
  width: 24px;
  height: 24px;
}

body {
  background-color: #1a1a1a;
  color: white;
}

.main-wrapper {
  padding: 0 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.header-container {
  padding: 42px 16px;
  box-sizing: border-box;
}

.first-img {
  height: 618px;
}

.first-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.first-block {
  padding: 48px 0 120px 0;
}

.first-block .main-title {
  padding: 0 0 46px 0;
}

.about-company-container {
  display: flex;
  box-sizing: content-box;
}

.about-description-container {
  display: flex;
  flex-direction: column;
}

.about-description-container .main-title {
  padding: 0 0 48px 0;
  width: 708px;
}

.about-description-container .caption {
  padding: 8px 0 48px 0;
}

.second-img {
  width: 55%;
  height: 618px;
}

.btn {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  background: linear-gradient(82.17deg,
      #e9ce6a -25.76%,
      #be9545 -11.23%,
      #b57e41 9.41%,
      #be9544 84%,
      #eacf6a 108.8%,
      #d9ba6d 122.45%);
}

.btn:hover {
  background: linear-gradient(82.17deg,
      #fee794 -25.76%,
      #ddb464 -11.23%,
      #d59c5d 9.41%,
      #e4bd70 84%,
      #fbe282 108.8%,
      #eacd84 122.45%);
}

.btn {
  width: 268px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
}

.head-title {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}

.subtitle {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.caption {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
}

.highlight {
  font-size: 48px;
  line-height: 56px;
  font-weight: 500;
  color: #fff2ce;
}

.title {
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
}

.main-title {
  font-size: 48px;
  line-height: 56px;
  font-weight: 500;
}

.item-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
}

.news {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.bought {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 0 0 40px 0;
}

.head-wrapper .bought {
  padding: 0;
}

.about-company,
.main-wrapper-general .company-numbers {
  padding: 107px 104px;
}

.main-wrapper-general .company-numbers.active {
  display: block;
}

.company-numbers-container {
  display: flex;
  gap: 20px;
}

.main-wrapper-general .company-numbers-container {
  justify-content: center;
  gap: 0;
}

.company-stat-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  padding: 48px 40px;
  border: 1px solid #b2b2b266;
  height: 100%;
}

.main-wrapper-general .company-stat-container {
  padding: 0;
  border: none;
}

.third-img {
  width: 570px;
  height: 502px;
}

.stat {
  display: flex;
  justify-content: space-between;
  width: 100%;
  column-gap: 10px;
}

.stat-item {
  width: 300px;
}

.general-stat {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.first-product-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.general-product-title {
  display: flex;
  padding: 120px 0 40px 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.general-product-title .head-title {
  max-width: 718px;
}

.general-product-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.product-item {
  background-color: #1a1a1a;
  border: 1px solid;
  border-color: #b2b2b266;
  box-sizing: border-box;
}

.product-item:nth-child(1),
.product-item:nth-child(2) {
  padding: 24px 24px 22px 24px;
  width: calc((100% - 20px) / 2);
  margin: 0 0 20px 0;
}

.product-item:nth-child(1) {
  margin: 0 20px 20px 0;
}

.product-item .item-description {
  padding: 12px 0 24px 0;
}

.product-item .product-item-img {
  height: 306px;
}

.product-item:nth-child(3),
.product-item:nth-child(4),
.product-item:nth-child(5) {
  padding: 24px;
  width: calc((100% - 40px) / 3);
}

.product-item:nth-child(3),
.product-item:nth-child(4) {
  margin: 0 20px 0 0;
}

.product-image {
  object-fit: cover;
}

.product-item-small-img {
  height: 200px;
}

.swipe-btn {
  width: 48px;
  height: 48px;
  border: none;
  background: none;
}

.slider-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

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

.main-partners .swiper-slide {
  background-color: #1a1a1a;
  /* border: 1px solid #B2B2B266; */
  /* padding: 24px; */
  box-sizing: border-box;
  max-width: 262px;
  width: 100%;
  height: auto;
  cursor: pointer;
}

.partner-card-title {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 0 0 16px 0;
}

.partner-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.partner-logo img {
  object-fit: contain;
}

.center-btn-100 {
  display: flex;
  padding: 40px 0 100px 0;
  align-items: center;
  justify-content: center;
}

.center-btn-120 {
  display: flex;
  padding: 40px 0 120px 0;
  align-items: center;
  justify-content: center;
}

.partner-logo {
  width: 98px;
  height: 70px;
  box-sizing: border-box;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.16) 1%, rgba(255, 255, 255, 0) 100%);
}

.partner-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
}

.clients {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.section-title {
  margin-bottom: 40px;
}

.clients img {
  pointer-events: none;
}

#marque-content {
  pointer-events: none;
}

.clients-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}

.clients .swiper-slide,
.partners-slider .swiper-slide {
  width: 216px;
  height: 124px;
  padding: 26px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(106.77deg, rgba(255, 255, 255, 0.16) 1.02%, rgba(255, 255, 255, 0) 110.55%);
}

#marqueeContent {
  display: flex;
  gap: 20px;
}

.swiper-slide img {
  object-fit: contain;
}

.about-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.about-title .head-title {
  padding: 16px 0 40px 0;
}

.about-container {
  display: flex;
  gap: 20px;
}

.text-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #1a1a1a;
  padding: 48px 40px;
  border: 1px solid #b2b2b266;
  box-sizing: border-box;
  flex: 1;
}

.text-box .caption {
  padding: 40px 0 0 0;
}

.steps {
  display: flex;
  gap: 16px;
}

.step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #1a1a1a;
  border: 1px solid #b2b2b266;
  color: white;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.step:hover {
  background: linear-gradient(82.17deg,
      #fee794 -25.76%,
      #ddb464 -11.23%,
      #d59c5d 9.41%,
      #e4bd70 84%,
      #fbe282 108.8%,
      #eacd84 122.45%);
}

.none {
  display: none;
}

.step.active {
  background: linear-gradient(82.17deg,
      #e9ce6a -25.76%,
      #be9545 -11.23%,
      #b57e41 9.41%,
      #be9544 84%,
      #eacf6a 108.8%,
      #d9ba6d 122.45%);
}

.image-box {
  width: 41%;
  height: 502px;
}

.news {
  padding: 120px 0 0 0;
}

.news .head-title {
  padding: 16px 0 40px 0;
}

.news-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.news-title-description {
  margin-bottom: 64px;
}

.news-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
}

.news-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
  margin-top: auto;
}

.news .swiper-slide,
.news-slider .swiper-slide {
  background-color: #1a1a1a;
  border: 1px solid #b2b2b266;
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: start;
  max-width: 452px;
  width: 100%;
  height: auto;
}

.news-description {
  padding: 16px 0 0 0;
}

footer {
  border-top: 1px solid #b2b2b266;
  display: flex;
}

.footer-content {
  display: flex;
  width: 100%;
}

.footer-col-general {
  display: flex;
  justify-content: space-between;
  width: 100%;
  column-gap: 20px;
}

.footer-col-widespread {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.footer-col {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.copyright {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: rgba(255, 255, 255, 0.5);
}

.copyright a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}

.footer-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.footer-col li a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}

.footer-col ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

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

.footer-col-column {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.footer-col-left {
  display: flex;
  flex-direction: column;
  gap: 66px;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.phone,
.email {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.email {
  padding: 0 0 8px 0;
}

#openModalBtn,
#closeModalBtn {
  display: none;
  border: none;
  width: 40px;
  height: 40px;
}

.modal-menu {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 81px;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  box-sizing: border-box;
}

.modal-menu__content {
  background-color: #1a1a1a;
  width: 100%;
  padding: 32px 32px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  max-height: calc(100% - 80px);
  height: 100%;
  overflow-y: auto;
}

.modal-menu__items {
  flex: 1 0 auto;
}

.bottom-menu {
  display: none;
  padding-top: 6px;
  padding-bottom: 30px;
  border-top: 1px solid rgba(178, 178, 178, 0.4);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #1a1a1a;
}

.bottom-menu__inner {
  max-width: 1428px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 8px;
}

.bottom-menu a {}

.bottom-menu svg {
  width: 24px;
  display: block;
  margin: 0 auto;
  margin-bottom: 4px;
}

.bottom-menu svg path {
  fill: rgba(255, 255, 255, 0.5);
}

.bottom-menu span {
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}

.bottom-menu a.active span {
  color: rgba(255, 255, 255, 0.5);
}

.bottom-menu a.active svg path {
  fill: #fff;
}

#burger-svg {
  width: 40px;
  height: 40px;
}

.open,
.close {
  background: none;
}

.burger-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
}

.burger-title.active svg {}

.burger-col li a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}

.arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

.arrow.up,
.arrow.active {
  transform: rotate(90deg);
}

.burger-submenu {
  display: none;
}

.burger-submenu.active {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 0 0 0;
}

.arrow-svg {
  width: 20px;
  height: 28px;
  transform: translateY(-1px);
}

#modalBody {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.contact-number-mail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contact-general {
  display: flex;
  gap: 12px;
  align-items: center;
}

.contact-number-mail .highlight {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

.main-partners .swiper-container {
  width: 100%;
  overflow: hidden;
}

.news .news-container {
  overflow: hidden;
}

.other-news-slider {
  margin-top: 40px;
  margin-bottom: 40px;
}

.other-news-slider .news-title {
  margin-bottom: 16px;
}

.other-news .news-container {
  overflow: hidden;
}

.slider-btn {
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
  outline: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.button-general {
  display: none;
}

.button-slider {
  display: flex;
  flex-direction: column;
}

.footer-content-mobile-wrap {
  display: none;
}

.about-mobile {
  display: none;
}

.mobile-btn {
  display: none;
}

.second-img-modile {
  display: none;
}

.about-caption {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

.about-wrapper-general {
  display: flex;
  flex-direction: column;
  gap: 46px;
  padding-bottom: 120px;
}

.about-wrapper-common {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
}

.about-wrapper {
  display: flex;
  flex-direction: column;
  gap: 120px;
}

.content-wrapper {
  max-width: 1160px;
  width: 100%;
}

.about-wrapper .about-img {
  width: 100%;
  height: 474px;
  padding: 46px 0 0 0;
}

.sidebar {
  max-width: 140px;
  width: 100%;
  height: 144px;
  top: 335px;
  z-index: 10;
  position: sticky;
}

.sidebar li a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
  text-transform: uppercase;
}

.sidebar ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.company-header {
  display: flex;
  border: 1px solid #b2b2b266;
}

.company-header .company-description {
  padding: 66px 0px 66px 40px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.company-header .head-title {
  padding: 8px 0 40px 0;
}

.company-header .image-408 {
  width: 340px;
}

.company-caption {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #ffffffb2;
}

.image-408 {
  height: 408px;
  margin: 40px 40px 40px 32px;
}

.company-history {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.company-history .history-buttons {
  display: flex;
  justify-content: space-between;
}

.company-history .year-buttons {
  display: flex;
  gap: 12px;
}

.company-history .history-description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.company-history .history-item {
  display: flex;
  border: 1px solid #b2b2b266;
}

.company-history .history-item-mobile {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 0px 40px 40px;
  flex: 1;
}

.company-history .image-408-mobile {
  display: none;
}

.company-history .image-408 {
  width: 408px;
}

.year {
  display: inline-block;
  padding: 10px 16px;
  background: #191919;
  border: 1px solid #b2b2b266;
  border-radius: 25px;
  color: #ffffffb2;
  font-size: 16px;
}

.arrow-buttons {
  display: flex;
  gap: 24px;
}

.arrow-prev,
.arrow-next {
  background: none;
  border: none;
  width: 32px;
  height: 32px;
}

.advantages-container {
  display: flex;
  justify-content: space-between;
}

.advantages-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 12px;
  border: 1px solid #b2b2b266;
  width: 24%;
  text-align: center;
}

.advantages-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.advantages .head-title {
  padding: 8px 0 40px 0;
}

.about-first .main-title {
  margin-bottom: 46px;
}

.about-wrapper .bought {
  align-items: start;
  padding: 0 0 40px 0;
}

.company-items-container {
  max-width: 806px;
  width: 100%;
}

.about-wrapper .third-img {
  max-width: 334px;
  width: 100%;
}

.year.active {
  background: linear-gradient(82.17deg,
      #e9ce6a -25.76%,
      #be9545 -11.23%,
      #b57e41 9.41%,
      #be9544 84%,
      #eacf6a 108.8%,
      #d9ba6d 122.45%);
}

.arrow-prev[disabled],
.arrow-next[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.company-history .history-item {
  display: none;
}

.history-item.active {
  display: flex;
}

.leftmenu {
  max-width: 266px;
  width: 100%;
  height: max-content;
  top: 202px;
  z-index: 10;
  position: sticky;
  margin: 40px 0 0 0;
}

.leftmenu li a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
}

.menu-header-submenu {
  display: none;
}

.menu-header-submenu.active {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0 0 0;
}

.left-submenu {
  display: none;
}

.left-submenu.active {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 0 0 0;
}

.menu-item.active a.active {
  color: #fff2ce;
  text-decoration: underline;
}

.leftmenu-item li a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
}

.catalog-wrapper-common {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.catalog-main {
  margin-bottom: 80px;
}

.catalog-wrapper {
  flex: 1;
}

.catalog-wrapper-general {
  padding: 0px 0 120px 0;
  display: flex;
  justify-content: space-between;
  gap: 46px;
}

.main-menu {
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.leftmenu-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
}

.leftmenu-title .arrow {
  cursor: pointer;
}

.main-menu-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}

.menu-header-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.main-menu-above {
  display: flex;
  justify-content: space-between;
}

.menu-above-button {
  margin-bottom: 46px;
  width: 214px;
  height: 52px;
  border: 1px solid rgba(254, 231, 148, 0.5);
  color: rgba(254, 231, 148, 0.5);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  cursor: pointer;
  background: transparent;
}

.item .availability-item {
  color: rgba(255, 255, 255, 0.5);
}

.item .availability-item span {
  color: #00c206;
}

.breadcrumbs {
  padding-top: 20px;
  padding-bottom: 46px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.breadcrumbs,
.breadcrumbs a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffff80;
}

.catalog-contact-info {
  margin-bottom: 46px;
  background: #9292921a;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.catalog-contact-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.catalog-contact-number {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}

.menu-above-title {
  font-size: 48px;
  line-height: 56px;
  font-weight: 500;
}

.menu-above-subtitle {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #ffffff80;
}

.menu-above-description {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.catalog-steps {
  display: flex;
  gap: 16px;
  align-items: center;
}

.catalog-steps .step.active {
  background: linear-gradient(82.17deg,
      #e9ce6a -25.76%,
      #be9545 -11.23%,
      #b57e41 9.41%,
      #be9544 84%,
      #eacf6a 108.8%,
      #d9ba6d 122.45%);
}

.certificates-wrapper-general {
  display: flex;
  flex-direction: column;
  gap: 46px;
  padding: 48px 0 120px 0;
}

.certificates-wrapper-common {
  display: flex;
  gap: 113px;
}

.certificates-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.certificates-container-below {
  display: flex;
  gap: 16px;
}

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

.certificates-container-below img {
  width: 170px;
}

.certificates-item {
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.certificates-image {
  padding: 24px 0;
  height: 288px;
  background-color: #3d3d3d4d;
  transition: all 0.3s ease;
  position: relative;
}

.certificates-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(106.77deg, rgba(255, 255, 255, 0.16) 1.02%, rgba(255, 255, 255, 0) 110.55%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.certificates-image:hover::before {
  opacity: 1;
}

.certificates-wrapper img {
  object-fit: unset;
  cursor: pointer;
}

.certificates-item-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
}

.certificates-wrapper-general .sidebar {
  top: 320px;
}

.container-above-title {
  font-size: 48px;
  line-height: 56px;
  font-weight: 500;
}

.certificates-modal {
  display: none;
  position: absolute;
  z-index: 10000;
  top: calc(50% + 35px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 666px;
  height: 942px;
}

.modal-close {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 10000;
  top: calc(50% - 416px);
  left: calc(50% + 399px);
  transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: none;
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 25, 25, 0.4);
  z-index: 9999;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.modal-overlay.active {
  display: block;
}

.partners-slider .swiper-button-next,
.partners-slider .swiper-button-prev {
  position: static;
  margin-top: 0;
  color: transparent;
  width: 48px;
  height: 48px;
}

.partners-slider .arrows-slider {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.partners-wrapper-general {
  display: flex;
  flex-direction: column;
  gap: 46px;
  padding: 48px 0 120px 0;
}

.partners-wrapper-common {
  display: flex;
  gap: 118px;
}

.partners-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.partners-container-below {
  margin-bottom: 120px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: none;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.partners-slider__inner {
  gap: 20px;
}

.partners-container-below.active {
  height: auto;
  opacity: 1;
  overflow: visible;
}

.partners-container-middle {
  margin: 46px 0 40px 0;
  display: flex;
  gap: 12px;
  overflow-x: auto;
}

.factory-button {
  padding: 10px 16px;
  border: 1px solid #b2b2b266;
  border-radius: 50px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
  background: none;
  flex-shrink: 0;
}

.factory-button.active {
  background: linear-gradient(82.17deg,
      #e9ce6a -25.76%,
      #be9545 -11.23%,
      #b57e41 9.41%,
      #be9544 84%,
      #eacf6a 108.8%,
      #d9ba6d 122.45%);
  border: none;
  color: #ffffff;
}

.partners-image {
  height: 80px;
  width: 112px;
}

.partners-image {
  padding: 12px 10px;
  height: 70px;
  width: 112px;
  background: linear-gradient(106.77deg, rgba(255, 255, 255, 0.16) 1.02%, rgba(255, 255, 255, 0) 110.55%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.partners-image img {
  object-fit: contain;
  max-width: 100%;
  width: auto;
}

.partners-above-title {
  font-size: 48px;
  line-height: 56px;
  font-weight: 500;
}

.partners-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  column-gap: 5px;
}

.partners-description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
  height: 100%;
}

.partners-open-on-click {
  margin: 0 40px 0 128px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 0px;
  opacity: 0;
}

.partners-open-on-click.active {
  height: auto;
  opacity: 1;
}

.partners-open-on-click a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #fff2ce;
}

.partners-item-general {
  display: flex;
  gap: 16px;
}

.partners-item-general .arrow.active {
  transform: rotate(180deg);
}

.partners-item {
  display: none;
  flex-direction: column;
  padding: 24px;
  border: 1px solid #b2b2b266;
  height: 100%;
}

.partners-item.active {
  display: flex;
}

.partners-item:hover {
  background: #9292921a;
}

.partners-title {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
}

.partners-wrapper-general .arrow.up {
  transform: rotate(180deg);
}

.partners-wrapper-general .arrow {
  width: 32px;
  height: 32px;
}

.contact-form {
  display: flex;
  gap: 40px;
  padding: 48px 40px;
  border: 1px solid #b2b2b266;
}

.form-title {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}

.form-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 676px;
  width: 100%;
}

.form-container.hide {
  display: none;
}

.form-general {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

#full-name,
#email {
  width: 100%;
  height: 44px;
  background: #ffffff1a;
  border: none;
  padding: 16px 12px;
  color: #ffffffb2;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

#message {
  width: 100%;
  height: 152px;
  background: #ffffff1a;
  border: none;
  padding: 16px 12px;
  color: #ffffffb2;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.select {
  display: flex;
  gap: 4px;
  width: 100%;
  height: 44px;
}

.select-header {
  width: 72px;
  display: flex;
  align-items: center;
  padding: 16px 12px;
  justify-content: space-between;
  background: #ffffff1a;
  height: 100%;
  border: none;
  cursor: pointer;
}

.inp-wrap .error {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #F43535;
}

#phone {
  background: none;
  border: none;
}

.number-container {
  display: flex;
  align-items: center;
  flex: 1;
  background: #ffffff1a;
  padding: 12px 10px;
  gap: 10px;
  width: 100%;
}

.number-item {
  display: none;
}

.number-item.active {
  display: block;
}

.flag-item {
  display: none;
}

.flag-item.active {
  display: block;
}

.select-general {
  display: flex;
  flex-direction: column;
  width: 72px;
}

#country-dropdown {
  width: 100%;
  display: none;
  max-height: 280px;
  position: absolute;
  overflow-y: auto;
  top: 170px;
  left: 0;
}

#country-dropdown.active {
  display: block;
}

.country-item {
  display: flex;
  gap: 8px;
  padding: 16px;
  align-items: center;
  background: #ffffff;
  cursor: pointer;
}


.country-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #091720;
}

.country-code {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #b6b6b6;
}

.form-image {
  max-width: 570px;
  width: 100%;
}

.input-container {
  flex: 1;
}

.input-item {
  display: none;
}

input[name="phone"] {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
  background: none;
  border: none;
}

.select-header .arrow {
  width: 20px;
  height: 20px;
}

.number-item {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #ffffff;
}

.submit-text {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #7a7d81;
  cursor: pointer;
}

.submit-text a {
  color: #ffffff;
  text-decoration: underline;
}

.checkbox-input {
  display: none;
}

.custom-checkbox {
  display: flex;
  gap: 8px;
}

.checkbox-custom {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  cursor: pointer;
}

.checkbox-custom:hover {
  background: linear-gradient(82.17deg,
      #fee794 -25.76%,
      #ddb464 -11.23%,
      #d59c5d 9.41%,
      #e4bd70 84%,
      #fbe282 108.8%,
      #eacd84 122.45%);
}

.checkbox-custom svg {
  opacity: 0;
  width: 12px;
  height: 9px;
}

.checkbox-input:checked+.checkbox-custom {
  background: linear-gradient(82.17deg,
      #e9ce6a -25.76%,
      #be9545 -11.23%,
      #b57e41 9.41%,
      #be9544 84%,
      #eacf6a 108.8%,
      #d9ba6d 122.45%);
}

.checkbox-input:checked+.checkbox-custom svg {
  opacity: 1;
}

.partners-wrapper-general .btn {
  width: 233px;
}

.news-wrapper-general {
  display: flex;
  flex-direction: column;
  gap: 46px;
  padding: 48px 0 120px 0;
}

.news-wrapper-common {
  display: flex;
  gap: 118px;
}

.news-container-middle {
  margin: 46px 0 40px 0;
  display: flex;
  gap: 16px;
}

.news-search {
  max-width: 640px;
  width: 100%;
  height: 44px;
  background: #ffffff1a;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
}

.search-page {
  max-width: 1160px;
  width: 100%;
}

.news-date-selection {
  flex: 1;
  height: 44px;
  background: #ffffff1a;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  position: relative;
}

.search,
.date-selection {
  background: none;
  flex: 1;
  border: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffffb2;
  width: 100%;
}

.news-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.news-wrapper-general .news-container-below {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.pagination-container {
  display: flex;
  justify-content: center;
}

.news-wrapper-general .news-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.news-item {
  max-width: 373px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #b2b2b266;
  padding: 24px;
}

.news-wrapper-general .news-title {
  height: 128px;
}

.calendar-container {
  height: max-content;
  background: #ffffff;
  box-shadow: 0px 2px 12.5px 0px #888c8e26;
  padding: 20px;
  display: none;
  flex-direction: column;
  gap: 8px;
  width: 328px;
  position: absolute;
  top: 52px;
  left: 0;
}

.calendar-container.active {
  display: flex;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
}

.month-year {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1a1a1a;
  width: 144px;
  text-align: center;
}

#prev-month,
#next-month {
  border: none;
  width: 24px;
  height: 24px;
  background: none;
}

.weekdays {
  display: flex;
  justify-content: center;
}

.weekdays .day {
  color: #7a7d81;
}

.day {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #091720;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.day.outside-month {
  color: #7a7d81;
}

.calendar-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.news-wrapper-general .buttons {
  display: flex;
  gap: 24px;
  padding: 8px 0 0 0;
}

.news-wrapper-general .buttons .btn {
  width: 132px;
  height: 52px;
}

.news-wrapper-general #reset {
  background: none;
  border: none;
  color: #d4af37;
}

.news-wrapper-general #apply {
  border: none;
}

.day.range-start,
.day.range-end {
  background-color: #d4af37;
}

.day.range-middle {
  color: #d4af37;
}

.sidemenu-hightlight {
  font-weight: 700 !important;
  color: #ffffff !important;
}

.expansion-wrapper-general,
.wrap-box {
  display: flex;
  flex-direction: column;
  gap: 44px;
  overflow-x: hidden;
}

.wrap-box {
  max-width: 1160px;
  width: 100%;
}

.information-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.information-container-above {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #fff2ce;
}

.information-container-below {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.information-image {
  height: 428px;
}

.information-image img {
  object-position: center 20%;
}

.information-description-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.information-description-container p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #ffffff;
}

.other-news .center-button {
  display: flex;
  justify-content: center;
}

.catalog-wrapper-general .checkbox-custom {
  border-radius: 0;
  background-color: #1a1a1a;
  border: 1px solid #b2b2b266;
}

.catalog-wrapper-general .checkbox-input:checked+.checkbox-custom {
  background: #d4af37;
}

.checkbox-input:checked~.drop-title {
  color: #fff2ce;
}

.catalog-wrapper-general .arrow {
  width: 20px;
  height: 20px;
}

.catalog-wrapper-general .leftmenu .arrow {
  width: 20px;
  height: 28px;
}

.catalog-wrapper-general .leftmenu .arrow.up {
  transform: rotate(90deg);
}

.catalog-wrapper-general .arrow.up {
  transform: rotate(180deg);
}

.main-menu-container {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #b2b2b266;
  padding: 0 0 20px 0;
}

.minor-menu-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0 0 0;
}

.minor-menu-container.active {
  display: flex;
}

.main-item {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  cursor: pointer;
}

.brand {
  width: 136px;
}

.size {
  width: 102px;
}

.delivery-status {
  width: 188px;
}

.view-prod {
  width: 100px;
}

.view-prod-name {
  width: 140px;
}

.alloy-item {
  width: 100px;
}

.availability-item {
  width: 100px;
}

.gost {
  width: 140px;
}

.main-drop {
  position: absolute;
  z-index: 10;
  top: 36px;
  left: 0;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border: 1px solid #b2b2b266;
  overflow-y: auto;
  width: 294px;
  height: 290px;
  background: #1a1a1a;
}

.main-drop {
  display: none;
}

.main-drop.show {
  display: flex;
}

.minor-menu-container .item {
  display: flex;
  justify-content: space-between;
}

.main-menu-below {
  padding: 24px;
  border: 1px solid #b2b2b266;
  width: 1042px;
}

.services-wrapper-general {
  padding: 58px 0 120px 0;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.services-wrapper,
.delivery-wrapper,
.cooperation-wrapper,
.products-wrapper,
.expansion-wrapper {
  margin-bottom: 120px;
  display: flex;
  flex-direction: column;
  gap: 120px;
}

.calcus-wrap {
  margin-bottom: 120px;
}

.main-services {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.main-services .about-caption {
  margin: 6px 0 0 0;
}

.services-container {
  display: flex;
  gap: 20px;
}

.services-item {
  flex: 1;
  padding: 24px;
  border: 1px solid #b2b2b266;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: auto;
  position: relative;
}

.services-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(106.77deg, rgba(255, 255, 255, 0.16) 1.02%, rgba(255, 255, 255, 0) 110.55%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.services-item:hover::before {
  opacity: 1;
}

.services-item .subtitle {
  max-width: 380px;
  color: #ffffffb2;
}

.services-form {
  display: flex;
  flex-direction: row-reverse;
  gap: 70px;
  padding: 48px 40px;
  border: 1px solid #b2b2b266;
}

.catalog-menu {
  display: flex;
  flex-direction: column;
  gap: 48px;
  flex: 1;
}

.catalog-menu-below {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.catalog-sections {
  padding-bottom: 120px;
}

.catalog-sections .menu-item .leftmenu-title {
  text-transform: uppercase;
}

.catalog-sections .catalog-wrapper {
  max-width: 1042px;
}

.catalog-sections .catalog-menu-below {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(200px, 334px));
}

.catalog-sections .news-title {
  margin-bottom: 24px;
}

.catalog-sections .catalog-img {
  margin-bottom: 16px;
}

.catalog-menu-item {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border: 1px solid #b2b2b266;
}
.catalog-menu-item .catalog-img img{
  transition: transform 0.8s;
}
.catalog-menu-item:hover .catalog-img img{
  transform: scale(1.05);
}
.catalog-menu-item .catalog-img{
  overflow: hidden;
}

.catalog-menu-item {
  max-width: 334px;
  width: 100%;
}

.up-arrow {
  transform: rotate(90deg);
}

.catalog-img {
  height: 200px;
}

.catalog-img img {
  object-fit: cover;
}

.catalog-menu-items {
  width: 100%;
  display: flex;
  gap: 20px;
}

.auxiliary {
  width: 66%;
  flex: none;
}

.auxiliary img {
  object-fit: cover;
  object-position: 20% 25%;
}

.catalog-menu-item .highlight {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #fff2ce;
  background: none;
  border: none;
  text-align: left;
}

.catalog-menu-below .menu-item-description {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.delivery-wrapper-general {
  padding: 58px 0 120px 0;
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.delivery-svg {
  fill: #d4af37;
  fill-opacity: 0.3;
  stroke: #191919;
  stroke-width: 1.1224;
  stroke-miterlimit: 10;
  transition: fill-opacity 0.3s ease;
}

.delivery-svg:hover {
  fill-opacity: 1;
}

.svg-defective-one {
  fill: #d4af37;
  fill-opacity: 0.3;
}

.svg-defective-two {
  stroke: #191919;
  stroke-width: 1.1224;
  stroke-miterlimit: 10;
}

.delivery-geography {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.delivery-description {
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.delivery-img,
.cooperation-img {
  max-height: 550px;
  min-height: 200px;
  height: 100%;
  overflow: hidden;
}

.delivery-img img,
.cooperation-img img {
  min-height: 200px;
}

.delivery-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.delivery-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 418px;
  padding: 24px;
  border: 1px solid #b2b2b266;
}

.delivery-item-img {
  height: 200px;
  margin-top: auto;
  overflow: hidden;
}

.dilvery-svg-container {
  padding: 46px 112px 81px 52px;
  position: relative;
}

.yellow-circle {
  fill: white;
  stroke: #d4af37;
  stroke-width: 1;
}

.hover-circle:hover .yellow-circle {
  fill: #d4af37;
}

.hover-text {
  position: absolute;
  top: 62%;
  transform: translate(30%, 16%);
  left: 19%;
  display: none;
  padding: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #1a1a1a;
  background: #ffffff;
}

.point {
  position: absolute;
  top: 62%;
  transform: translate(30%, 16%);
  left: 19%;
  width: 31px;
  height: 31px;
}

.hover-text.active {
  display: block;
}

.delivery-wrapper-general .services-form {
  flex-direction: row;
}

.open-submenu,
.close-submenu {
  border: none;
  background: none;
  width: 20px;
  height: 20px;
}

.close-submenu {
  display: none;
}

.close-submenu.active {
  display: block;
}

.open-submenu.hidden {
  display: none;
}

.faq-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
}

.faq-item {
  padding: 24px;
  background: linear-gradient(106.77deg, rgba(255, 255, 255, 0.16) 1.02%, rgba(255, 255, 255, 0) 110.55%);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.faq-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.faq {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.faq-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.faq-submenu {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: none;
}

.faq-submenu.active {
  display: block;
}

.cooperation-wrapper-general {
  display: flex;
  flex-direction: column;
  gap: 46px;
  padding: 48px 0 120px 0;
}

.caption-button {
  display: flex;
  justify-content: space-between;
  margin: 6px 0 0 0;
  column-gap: 10px;
}

.open-to-cooperation {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.caption-button .btn {
  width: 341px;
  border: none;
}

.cooperation-wrapper-general .bought {
  padding: 0;
  margin: 0 0 40px 0;
}

.cooperation-wrapper-general .contact-form {
  margin: 0;
}

.contact-us-general {
  display: flex;
  gap: 20px;
  margin: 24px 0 0 0;
}

.contact-us-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  border: 1px solid #b2b2b266;
  padding: 48px 40px;
}

.contact-block {
  max-width: 806px;
  width: 100%;
}

.contact-us-img {
  max-width: 570px;
  width: 100%;
  max-height: 502px;
  height: 100%;
}

.contact-us-container .contact-number-mail {
  gap: 28px;
}

.operating-mode {
  margin-top: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffff80;
}

.contact-us {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.location {
  display: inline-block;
  padding: 10px 16px;
  background: #191919;
  border: 1px solid #b2b2b266;
  border-radius: 25px;
  color: #ffffffb2;
}

.location.active {
  background: linear-gradient(82.17deg,
      #e9ce6a -25.76%,
      #be9545 -11.23%,
      #b57e41 9.41%,
      #be9544 84%,
      #eacf6a 108.8%,
      #d9ba6d 122.45%);
  border: none;
}

.contacts-wrapper-general {
  display: flex;
  flex-direction: column;
  gap: 46px;
  padding: 48px 0 120px 0;
}

.contacts-wrapper {
  margin-bottom: 120px;
}

.map-container-above {
  margin-bottom: 120px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.location-buttons {
  margin: 6px 0 0 0;
}

.map-container,
.location-block {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  width: 100%;
}

.location-block {
  display: none;
}

.location-block.active {
  display: flex;
}

.location-block .map iframe {
  height: 100%;
  width: 100%;
}

.map-container .contact-us-container {
  gap: 0;
}

.download-operating {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.download-scheme {
  margin: 4px 0 0 52px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #fff2ce;
}

.address {
  display: none;
}

.address.active {
  display: block;
}

.map {
  display: none;
}

.map.active {
  display: block;
}

.map {
  max-width: 570px;
  width: 100%;
  height: 502px;
}

.products-wrapper-general {
  display: flex;
  flex-direction: column;
  gap: 46px;
  padding-bottom: 120px;
}

.products-title-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.products-title-container .about-caption {
  margin: 6px 0 0 0;
}

.order-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.order-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.order-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  border: 1px solid #b2b2b266;
  max-width: 334px;
  width: 100%;
}

.what-order {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.arrow-buttons-mobile {
  display: none;
}

.a-title {
  display: none;
}

.modal-swipe {
  display: none;
}

.submit-text {
  width: 480px;
}

.contacts-svg {
  width: 40px;
  height: 40px;
}

.cooperation-wrapper-general .contact-us-img-mobile {
  display: none;
}

.map-svg {
  width: 100%;
  height: 100%;
}

.hover-circle {
  width: 31px;
  height: 31px;
}

.g-center {
  transform: translate(9.5px, 9.5px);
}

.desc-img {
  display: block;
}

.mobile-img {
  display: none;
}

.news .swiper-wrapper {}

.news-wrapper-general .btn {
  width: 258px;
  height: 52px;
}

.catalog-wrapper .information-container-above {
  display: none;
}

.main-wrapper-general {
  position: relative;
}

.calculator-right-icon {
  position: fixed;
  top: 387px;
  right: 0;
  z-index: 100;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 70px;
  padding: 12px 2px 12px 12px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background: linear-gradient(82.17deg,
      #e9ce6a -25.76%,
      #be9545 -11.23%,
      #b57e41 9.41%,
      #be9544 84%,
      #eacf6a 108.8%,
      #d9ba6d 122.45%);
  transition: width 0.5s;
  overflow-x: hidden;
}

.calculator-wrap {
    overflow-x: auto;
}

.calculator-right-icon:hover {
  background: linear-gradient(82.17deg,
      #fee794 -25.76%,
      #ddb464 -11.23%,
      #d59c5d 9.41%,
      #e4bd70 84%,
      #fbe282 108.8%,
      #eacd84 122.45%);
}

.calculator-svg {
  width: 42px;
  height: 42px;
}

.calculator-right-icon:hover {
  width: 306px;
}

.calculator-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.5s ease;
}

.calculator-right-icon:hover .calculator-title {
  clip-path: inset(0 0 0 0);
}

.feedback-button {
  position: fixed;
  bottom: 20px;
  right: 21px;
  z-index: 100;
  padding: 19px;
  border: none;
  border-radius: 50%;
  background: linear-gradient(82.17deg,
      #e9ce6a -25.76%,
      #be9545 -11.23%,
      #b57e41 9.41%,
      #be9544 84%,
      #eacf6a 108.8%,
      #d9ba6d 122.45%);
}

.feedback-button:hover {
  background: linear-gradient(82.17deg,
      #fee794 -25.76%,
      #ddb464 -11.23%,
      #d59c5d 9.41%,
      #e4bd70 84%,
      #fbe282 108.8%,
      #eacd84 122.45%);
}

.feedback-button:focus {
  outline: none;
  box-shadow: none;
}

.feedback-svg {
  width: 32px;
  height: 32px;
}

.contact-modal {
  overflow-y: auto;
  display: none;
  position: fixed;
  z-index: 10000;
  top: calc(50% + 15px);
  left: calc(50%);
  transform: translate(-50%, -50%);
  max-width: 720px;
  width: 100%;
  background: #191919;
  box-shadow: 0px 4px 97.1px rgba(44, 44, 44, 0.8);
}

.contact-modal .contact-form {
  border: none;
  margin: 0;
  display: block;
  padding: 60px;
}

.contact-modal.active {
  display: block;
}

.contact-modal .form-container {
  align-items: center;
  max-width: 670px;
  width: 100%;
}

.contact-modal .btn {
  width: 100%;
}

.close-modal-relative {
  position: relative;
}

.close-modal-btn {
  position: absolute;
  top: 32px;
  right: 32px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.main-partners .head-title {
  max-width: 640px;
}

.main-partners .swiper-slide:hover {
  background: #9292921a;
}

.header-container ul li a:hover,
.footer-content ul li a:hover {
  color: #fff2ce;
}

.calculator-container {
  display: flex;
  flex-direction: column;
  gap: 46px;
}

.calculator-img {
  height: 805px;
}

.main-partners .bought .head-title {
  text-align: center;
}

.wrapper-buttons-container {
  position: absolute;
  bottom: 32px;
  right: 64px;
  z-index: 10;
  display: flex;
  gap: 12px;
  align-items: center;
  width: 42px;
}

.circle {
  background: none;
  border: none;
  width: 13px;
  height: 12px;
}

.slider-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
  height: 100%;
}

.slide {
  min-width: 100%;
  background-position: center 100%;
  background-size: cover;
}

.wrapper-mobile {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.wrapper-mobile .btn {
  display: none;
}

.half-ring {
  transition: stroke-dashoffset 0.5s ease-out;
}

.product-item:nth-child(3) img {
  object-position: center 20%;
}

.main-slider__slide {
  padding: 7%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 618px;
  height: auto;
  position: relative;
  overflow: hidden;
}

.main-slider__slide::after {
  content: '';
  background: #00000005;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.main-slider .swiper-pagination {
  width: max-content;
  left: auto;
  right: 50px;
  bottom: 20px;
  display: flex;
  column-gap: 9px;
}

.main-slider .swiper-pagination button {
  height: auto;
}

.main-slider__items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: calc(23%);
}

.main-slider-item {
  width: 100%;
  max-width: 333px;
}

.main-slider-item h2 {
  margin-bottom: 8px;
  color: #fff2ce;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 116.667%;
}

.main-slider-item p {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.main-slider .main-title {
  margin-bottom: 32px;
  max-width: 708px;
  font-weight: 700;
}

.container {
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto;
  max-width: 1428px;
  box-sizing: border-box;
}

.metal-calculator-widget,
.metal-calculator-widget iframe {
  width: 100% !important;
  height: 805px !important;
}

.header-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1428px;
}

.footer-content {
  margin-left: auto;
  margin-right: auto;
  padding: 42px 16px;
  max-width: 1428px;
  gap: 98px;
}

.footer-col-general {
  padding: 0 61.41px 0 0;
}

.calc-form {
  background-color: #eef3f4;
  border-width: 1px;
  border-style: solid;
  padding-top: 20px;
  border-radius: 10px;
  color: #000;
}

.calc-frow.assortment-x img {
  max-width: 300px;
  /* background: #fff; */
}

/* .calc-toggle-button {
  color: #000;
}

.calc-frow.assortment-x {
  width: 300px;
  background: #fff;
}

.calc-fleft {
  width: auto;
  color: #000;
}

.calc-fright {
  margin-left: 8%; */
/* } */

.cards-catalog {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}

.catalog-wrapper-general .main-menu {
  width: 100%;
  max-width: 1042px;
}

.inner-catalog {
  min-height: 300px;
}

.card-catalog {
  padding: 24px 10px;
  width: calc(33.97% - 20px);
  border: 1px solid rgba(178, 178, 178, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.card-item__title {
  max-width: 286px;
  width: 100%;
  margin: 0 auto;
  margin-top: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
}

.successfully-block {
  display: none;
  text-align: center;
}

.successfully-block svg {
  display: inline-block;
  margin-bottom: 24px;
}

.successfully-title {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
}

.successfully-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}

.successfully-block.active {
  display: block;
}

.catalog-sections .leftmenu {
  margin: 0;
}

.catalog-sections .catalog-wrapper-general {
  gap: 0;
}

.catalog-list .wrap-catalog {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 20px;
}

.catalog-list .main-menu {
  gap: 0;
}

.catalog-back-link {
  display: none;
  color: #fff2ce;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.contact-us-img.mob-wrap-img {
  display: none;
}

@media (max-width: 1440px) {
  q .about-wrapper-general .stat-item {
    width: 42%;
  }

  .header-container {
    margin: 0px;
  }

  .footer-content {
    margin: 0px;
    padding: 42px 16px;
  }

  .company-stat-container {
    gap: 32px;
  }

  .footer-col-general {
    padding: 0 41.41px 0 0;
  }

  .certificates-modal {
    width: 606px;
    height: 782px;
    top: calc(50% + 25px);
  }

  .modal-close {
    top: calc(50% - 346px);
  }

  .third-img {
    width: 470px;
  }
}

@media (max-width: 1350px) {
  .inner-catalog {
    overflow-x: auto;
  }

  .catalog-wrapper-general .main-menu {
    overflow-x: hidden;
  }
}

@media (max-width: 1180px) {
  .catalog-sections .catalog-menu-below {
    grid-template-columns: repeat(2, minmax(200px, 50%));
  }

  .catalog-sections .catalog-menu-item {
    max-width: 100%;
  }

  #logo {
    width: 200px;
    height: 52px;
  }

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

  .advantages-item {
    width: 100%;
  }
}

@media (max-width: 1100px) {
  .order-container {
    flex-wrap: wrap;
  }

  .order-item {
    max-width: calc(50% - 12px);
  }

  .nav-menu {
    display: none;
  }

  .phone-btn {
    display: none;
  }

  #openModalBtn {
    display: block;
  }
}

@media (max-width: 1024px) {
  .successfully-title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
  }

  .successfully-text {
    font-size: 16px;
    line-height: 24px;
  }

  .card-catalog {
    width: calc(51% - 20px);
  }

  .location-block {
    flex-wrap: wrap;
  }

  .map {
    max-width: 100%;
    height: 328px;
  }

  .map-container .operating-mode {
    margin-bottom: 0;
  }

  .contact-us-general {
    gap: 0;
    margin: 0;
  }

  .contact-us-container {
    width: 100%;
    max-width: 100%;
  }

  .contact-us-img {
    display: none;
  }

  .contact-us-container,
  .contact-us-container .contact-number-mail {
    gap: 16px;
  }

  .contacts-svg {
    width: 19px;
    height: 19px;
  }

  .contact-us-img.mob-wrap-img {
    max-width: 100%;
    display: block;
  }

  .company-items-container {
    max-width: 100%;
  }

  .catalog-back-link {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    column-gap: 10px;
  }

  .menu-above-button {
    margin-bottom: 24px;
    width: 100%;
  }

  .catalog-contact-info {
    margin-bottom: 20px;
  }

  .catalog-sections .catalog-menu {
    gap: 20px;
  }

  .catalog-sections .catalog-menu-below {
    grid-template-columns: 100%;
    gap: 24px;
  }

  .catalog-menu-item:nth-child(5n) {
    grid-column: auto;
  }

  .catalog-sections .highlight {
    display: none;
  }

  .catalog-sections .catalog-img {
    margin: 0;
  }

  .catalog-sections .leftmenu {
    display: none;
  }

  .information-image {
    height: 350px;
  }

  .news-item {
    max-width: 100%;
  }

  .advantages-title {
    font-size: 20px;
    line-height: 28px;
  }

  .about-wrapper .about-img {
    height: 400px;
  }

  .company-history .image-408 {
    height: 320px;
  }

  .main-menu-below .main-drop {
    overflow-y: scroll;
    max-height: 195px;
  }

  .catalog-wrapper-general {
    gap: 0;
  }

  .sidebar {
    top: 244px;
  }

  .main-partners,
  .clients {
    margin-bottom: 80px;
  }

  .main-partners .btn,
  .clients .btn {
    width: 100%;
  }

  .product-item:nth-child(1),
  .product-item:nth-child(2),
  .product-item:nth-child(3),
  .product-item:nth-child(4),
  .product-item:nth-child(5) {
    width: 100%;
    margin: 0;
  }

  .general-product-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .general-product-title {
    flex-wrap: wrap;
  }

  .general-product-title .btn {
    width: 100%;
  }

  .general-product-title {
    padding-top: 80px;
  }

  .main-slider {
    margin-top: 28px;
  }

  .header-container {
    padding: 11px 16px;
    border-bottom: 1px solid #b2b2b266;
  }

  .footer-content {
    padding: 42px 16px;
    gap: 38px;
  }

  .nav-menu a {
    font-size: 16px;
  }

  #phone {
    width: 44px;
    height: 44px;
  }

  .phone-btn {
    width: 44px;
    height: 44px;
  }

  .company-stat-container .title {
    font-size: 30px;
  }

  .company-stat-container .highlight {
    font-size: 38px;
  }

  .stat-item {
    width: 36%;
  }

  .general-stat {
    gap: 28px;
  }

  .text-box {
    height: 502px;
    padding: 38px 30px;
  }

  .footer-col {
    gap: 24px;
  }

  .footer-col ul {
    gap: 18px;
  }

  .button-general {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 42px 0 78px 0;
    gap: 20px;
  }

  .button-slider {
    flex-direction: column-reverse;
  }

  .center-btn-100 {
    padding: 30px 0 42px 0;
  }

  .bought {
    padding: 0 0 20px 0;
  }

  .partner-description {
    font-size: 18px;
  }

  #news-swiper .news-title {
    font-size: 20px;
    line-height: 28px;
  }

  #news-swiper .news-description {
    padding: 12px 0 0 0;
  }

  .news {
    padding: 80px 0 0 0;
  }

  .center-btn-120 {
    padding: 32px 0 80px 0;
  }

  .footer-col-general {
    padding: 0;
  }

  .about-wrapper-common {
    gap: 59px;
  }

  .about-wrapper-general .company-header {
    flex-direction: column;
    gap: 20px;
  }

  .company-header .image-408 {
    width: auto;
    margin: 0 32px 40px 32px;
    height: 405px;
  }

  .company-header .company-description {
    padding: 40px 32px 0 32px;
  }

  .company-header .head-title {
    padding: 0px 0 20px 0;
  }

  .company-history .image-408 {
    width: auto;
    margin: 0 24px 24px 24px;
  }

  .history-item.active {
    flex-direction: column;
    gap: 16px;
  }

  .company-history .history-item-mobile {
    padding: 24px 24px 0 24px;
  }

  .about-wrapper-general .company-stat-container {
    gap: 32px;
  }

  .about-wrapper-general .stat {
    flex-direction: column;
    gap: 32px;
  }

  .company-items-container {
    height: 100%;
  }

  .about-wrapper-general .stat-item {
    width: 100%;
  }

  .about-wrapper-general .arrow-buttons {
    display: none;
  }

  .about-wrapper-general .arrow-buttons-mobile {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 8px 0 0 0;
  }

  .arrow-buttons-mobile .arrow-prev,
  .arrow-buttons-mobile .arrow-next {
    border: 1px solid #b2b2b266;
    width: 48px;
    height: 48px;
    padding: 12px;
  }

  .about-wrapper .about-img {
    padding: 20px 0 0 0;
  }

  .about-wrapper-general .third-img {
    height: auto;
  }

  .catalog-menu .catalog-img {
    height: 380px;
  }

  .catalog-menu-items {
    flex-direction: column;
  }

  .auxiliary {
    width: 100%;
  }

  .catalog-img img {
    object-fit: cover;
  }

  .certificates-wrapper-common {
    gap: 63px;
  }

  .certificates-modal {
    width: 506px;
    height: 682px;
    top: calc(50% + 15px);
  }

  .modal-close {
    top: calc(50% - 306px);
    left: calc(50% + 329px);
  }

  .map-container {
    flex-direction: column;
  }

  .map {
    width: 100%;
  }

  .operating-mode {
    margin: 16px 0 16px 0;
  }

  .contact-us-container .title {
    margin-bottom: 16px;
  }

  .form-title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
  }

  .contact-form {
    gap: 0;
  }

  .form-image {
    padding: 39px 0;
  }

  .submit-text {
    width: 420px;
  }

  .contact-us-container {
    padding: 40px 32px;
  }

  .cooperation-wrapper-general .contact-us-img {
    width: 420px;
    height: 506px;
  }

  .contact-us-container .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
  }

  .dilvery-svg-container {
    padding: 0;
  }

  .hover-circle {
    width: 21px;
    height: 21px;
  }

  .point {
    width: 21px;
    height: 21px;
    top: 67%;
    left: 17%;
  }

  .news .swiper-wrapper {
    gap: 0;
  }

  .news-wrapper-general .sidebar,
  .partners-wrapper-general .sidebar {
    display: none;
  }

  .news-wrapper-general .news-title {
    height: 158px;
  }

  .services-form,
  .contact-form {
    gap: 30px;
  }

  .image-box {
    width: 46%;
  }

  .catalog-wrapper-general .leftmenu {
    display: none;
  }

  .services-item .title {
    font-size: 20px;
    line-height: 28px;
  }

  .news .swiper-slide:last-child {
    margin-right: 0 !important;
  }

  .third-img {
    width: 320px;
  }

  .about-wrapper .third-img {
    max-width: 300px;
  }

  .news-title-description {
    margin-bottom: 32px;
  }

  .catalog-sections .catalog-img {
    height: 170px;
  }
}

@media (min-width: 1025px) {}

@media (max-width: 980px) {
  .about-wrapper-general {
    padding-bottom: 80px;
  }

  .partners-container-below {
    margin-bottom: 80px;
  }

  .order-item {
    width: 100%;
  }

  .order-item .order-img {
    height: 240px;
  }

  .news-container-middle {
    flex-direction: column;
    margin: 20px 0 32px 0;
  }

  .news-search {
    max-width: 100%;
  }

  .certificates-wrapper .certificates-item-description {
    max-width: 328px;
    margin: 0 auto;
  }

  .company-history {
    gap: 24px;
  }

  .company-caption {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }

  .advantages-item .company-caption {
    max-width: 370px;
    margin: 0 auto;
  }

  .about-wrapper {
    gap: 80px;
  }

  .certificates-item {
    width: 100%;
  }

  .certificates-container-below {
    flex-direction: column;
    gap: 24px;
  }

  .footer-content {
    display: none;
  }

  .footer-content-mobile-wrap {
    display: block;
  }

  .footer-content-mobile {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: start;
    padding: 40px 16px 32px;
    border-top: 1px solid #b2b2b266;
    width: 100%;
  }

  .footer-col-general {
    flex-direction: column;
    gap: 20px;
  }

  .third-img {
    display: none;
  }
}

@media (max-width: 880px) {
  .form-image {
    display: none;
  }

  .form-container {
    width: 100%;
    max-width: 100%;
  }

  .hover-text {
    top: 55%;
    transform: translate(30%, 16%);
    left: 15%;
    padding: 4px;
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    max-width: 131px;
  }
}

@media (max-width: 768px) {
  .about-first .main-title {
    margin-bottom: 20px;
  }

  .catalog-sections {
    padding-bottom: 80px;
  }

  .map-container-above {
    gap: 20px;
  }

  .map-container-above,
  .contacts-wrapper,
  .map-container-above {
    margin-bottom: 80px;
  }

  .advantages-item {
    gap: 8px;
  }

  .mobile-btn {
    display: flex;
    margin: 20px 0 0 0;
  }

  .open-to-cooperation .mobile-btn {
    margin: 0;
  }

  .mobile-btn .btn {
    width: 100%;
  }

  .desc-btn {
    display: none;
  }

  .open-to-cooperation {
    gap: 20px;
  }

  .breadcrumbs {
    padding-bottom: 16px;
    gap: 0;
  }

  .faq-item {
    gap: 12px;
  }

  .faq-title {
    font-size: 16px;
    line-height: 24px;
  }

  .faq {
    gap: 20px;
  }

  .delivery-description {
    gap: 20px;
  }

  .services-container {
    gap: 16px;
  }

  .about-caption {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .services-wrapper,
  .delivery-wrapper,
  .cooperation-wrapper,
  .products-wrapper,
  .expansion-wrapper {
    gap: 80px;
    margin-bottom: 80px;
  }

  .calcus-wrap {
    margin-bottom: 80px;
  }

  .calculator-container {
    gap: 24px;
  }

  .main-services {
    gap: 20px;
  }

  .services-form {
    padding: 24px;
  }

  .services-form .btn {
    width: 100%;
  }

  .order-item {
    max-width: 100%;
  }

  .products-title-container .head-title {
    font-size: 24px;
    line-height: 32px;
  }

  .products-title-container .btn {
    width: 100%;
  }

  .products-title-container {
    gap: 20px;
  }

  .news-wrapper .news-title {
    font-size: 20px;
    line-height: 28px;
  }

  .catalog-contact-number {
    font-size: 24px;
    line-height: 32px;
  }

  .catalog-contact-info {
    gap: 12px;
  }

  .contact-form {
    padding: 24px;
  }

  .contact-form .btn {
    width: 100%;
  }

  .form-title {
    font-size: 26px;
    line-height: 32px;
  }

  .partners-open-on-click.active {
    margin: 0;
    margin-top: 12px;
  }

  .partners-container-middle {
    margin: 20px 0 24px;
  }

  .partners-item-general .partners-title {
    font-size: 20px;
    line-height: 20px;
  }

  .partners-item-general {
    gap: 12px;
  }

  .partners-item {
    padding: 20px 24px;
  }

  .certificates-wrapper {
    gap: 20px;
  }

  .about-wrapper .about-img {
    height: 350px;
  }

  .contact-modal .contact-form {
    padding: 5%;
    padding-top: 73px;
  }

  .item-description,
  .product-item .item-description {
    padding: 8px 0 20px;
  }

  .product-item .title {
    font-size: 28px;
    line-height: 28px;
  }

  .head-title,
  .main-title {
    font-size: 30px;
    line-height: 32px;
  }

  .general-product-title .head-title {
    max-width: 565px;
  }

  .main-slider .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
  }

  .main-slider .main-title {
    max-width: 493px;
  }

  .main-slider__slide {
    padding: 60px 30px 60px;
  }

  .about-description-container .head-title {
    font-size: 28px;
  }

  .about-description-container .highlight {
    font-size: 38px;
  }

  .company-items-container {
    width: 100%;
  }

  .footer-content {
    padding: 24px 16px;
  }

  .center-btn-100 {
    padding: 0px;
  }

  .center-btn-100 {
    padding: 20px 0 32px 0;
  }

  .button-general {
    padding: 32px 0 68px 0;
  }

  .partner-description {
    font-size: 16px;
  }

  .footer-col-general {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .footer-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .about .about-deck {
    display: none;
  }

  .about-mobile {
    display: flex;
    flex-direction: column;
  }

  .about-mobile .image-box {
    width: 100%;
    height: 352px;
  }

  .about-mobile .about-container {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border: 1px solid #b2b2b266;
  }

  .about-mobile .head-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    padding: 8px 0 24px 0;
  }

  .about-mobile .title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .about-mobile .caption {
    padding: 8px 0 16px 0;
  }

  .about-mobile .steps {
    padding: 32px 0 0 0;
    justify-content: center;
  }

  .product-item .product-item-img {
    height: 170px;
  }

  .product-item .product-item-small-img {
    height: 300px;
  }

  .sidebar {
    display: none;
  }

  .modal-swipe.active {
    width: 704px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: calc(50% + 284px);
    left: 32px;
    z-index: 10001;
    align-items: center;
  }

  .modal-counter {
    display: flex;
    gap: 2px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }

  .check {
    display: none;
  }

  .check.active {
    display: block;
  }

  .about-company,
  .main-wrapper-general .company-numbers {
    padding: 87px 84px;
  }

  .about-description-container .main-title {
    width: 508px;
  }

  .counter-current {
    color: #ffffff;
  }

  .counter-total {
    color: #ffffff80;
    display: flex;
    gap: 2px;
  }

  .certificates-wrapper-general .arrow-buttons-mobile {
    display: flex;
    gap: 24px;
  }

  .certificates-modal {
    width: 428px;
    height: 562px;
    top: calc(50% - 15px);
  }

  .submit-text {
    width: 590px;
  }

  .cooperation-wrapper-general .contact-us-img {
    display: none;
  }

  .cooperation-wrapper-general .contact-us-img-mobile {
    display: block;
    width: 100%;
    height: 464px;
  }

  .contact-us-container .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
  }

  .cooperation-wrapper-general .desc-btn {
    display: none;
  }

  .cooperation-wrapper-general .mobile-btn {
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: center;
  }

  .cooperation-wrapper-general .mobile-btn .btn {
    width: 328px;
    height: 48px;
  }

  .delivery-container {
    flex-direction: column;
    gap: 24px;
  }

  .delivery-item-img {
    height: 320px;
  }

  .point {
    width: 16px;
    height: 16px;
  }

  .hover-circle {
    width: 16px;
    height: 16px;
  }

  .yellow-circle {
    fill: #d4af37;
  }

  .news-wrapper-general .news-container {
    gap: 16px;
  }

  .main-menu-below {
    width: 704px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .main-menu-container,
  .minor-menu-container {
    width: 940px;
  }

  .services-container {
    flex-direction: column;
  }

  .services-item {
    flex: none;
    height: max-content;
  }

  .wrapper-buttons-container {
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
  }

  .main-slider-item h2 {
    font-size: 30px;
    line-height: 32px;
  }

  .main-slider__items {
    row-gap: 32px;
  }
}

@media (max-width: 480px) {
  .card-catalog {
    width: 100%;
  }

  .contact-us-container .title {
    max-width: 264px;
  }

  .order-item {
    gap: 20px;
  }

  .information-image {
    height: 200px;
  }

  .partners-item-general .partners-title {
    font-size: 16px;
    line-height: 24px;
  }

  .partners-image {
    width: 80px;
  }

  .company-stat-container {
    padding: 40px 32px;
  }

  .company-stat-container .highlight {
    font-size: 30px;
    line-height: 38px;
  }

  .company-stat-container .title {
    font-size: 24px;
    line-height: 32px;
  }

  .form-title {
    font-size: 24px;
  }

  .form-container {
    gap: 16px;
  }

  .form-container .subtitle {
    text-align: center;
    color: rgb(255, 255, 255, 0.7);
  }

  .close-modal-btn svg {
    width: 33px;
    height: 33px;
  }

  .close-modal-btn {
    right: 20px;
    width: 33px;
    height: 33px;
    top: 29px;
  }

  .contact-modal {
    height: 100%;
    top: 0;
    transform: translate(-50%, -0%);
  }

  .product-item .title {
    font-size: 24px;
  }

  .head-title {
    font-size: 28px;
    line-height: 32px;
  }

  .main-slider-item h2 {
    font-size: 24px;
  }

  .main-slider__slide {
    padding: 60px 14px 60px;
  }

  .main-slider__items {
    row-gap: 26px;
  }
}

@media (max-width: 390px) {
  .modal-menu {
    top: 63px;
  }

  .modal-menu__content {
    max-height: calc(100% - 63px);
  }

  .order-item .order-img {
    height: 170px;
  }

  .about-wrapper .about-img {
    height: 200px;
  }

  .company-header .image-408 {
    height: 264px;
  }

  .company-history .image-408 {
    height: 232px;
  }

  .about-wrapper .about-img {
    height: 200px;
  }

  .modal {
    top: 63px;
  }

  .product-item .title {
    font-size: 20px;
  }

  .general-product-title {
    gap: 0;
  }

  .head-title {
    font-size: 24px;
  }

  .main-slider .main-title {
    font-size: 24px;
    line-height: 32px;
  }

  .bottom-menu {
    display: block;
  }

  .feedback-button {
    bottom: 104px;
    right: 10px;
  }

  #logo {
    width: 164px;
    height: 32px;
  }

  .header-container .logo {
    width: 164px;
    height: 32px;
  }

  .header-container {
    padding: 11px 16px;
  }

  .first-img {
    height: 410px;
  }

  .btn {
    width: 100%;
    height: 52px;
  }

  .first-block .main-title {
    padding: 0 0 20px 0;
  }

  .first-block {
    padding: 28px 0 80px 0;
  }

  .second-img {
    display: none;
  }

  .second-img-modile {
    display: block;
    padding: 0 0 32px 0;
  }

  .about-description-container .head-title,
  .about-description-container .caption {
    padding: 8px 0 32px 0;
  }

  .about-description-container .highlight {
    padding: 0px;
  }

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

  .general-stat {
    gap: 32px;
  }

  .stat-item {
    width: 100%;
  }

  .company-items-container {
    height: 100%;
  }

  .general-product-title {
    padding: 80px 0 32px 0;
    flex-direction: column;
  }

  .first-product-title {
    gap: 8px;
  }

  .product-item:nth-child(1),
  .product-item:nth-child(2),
  .product-item:nth-child(3),
  .product-item:nth-child(4),
  .product-item:nth-child(5) {
    margin: 0;
  }

  .bought {
    padding: 0 0 20px 0;
    gap: 8px;
  }

  .clients .center-btn-120 {
    padding: 0px;
  }

  .about-title {
    padding: 0px 0 24px 0;
  }

  .news .head-title {
    padding: 8px 0 24px 0;
  }

  .head-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
  }

  .highlight {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
  }

  .about-description-container .highlight {
    font-size: 30px;
  }

  .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
  }

  .company-stat-container .title {
    font-size: 24px;
  }

  .company-stat-container .highlight {
    font-size: 30px;
  }

  .news .news-title {
    width: 200px;
  }

  .about-mobile .image-box {
    height: 232px;
  }

  .product-item .product-item-img {
    height: 170px;
  }

  .product-item .product-item-small-img {
    height: 170px;
  }

  .sidebar {
    display: none;
  }

  .about-wrapper-general {
    padding-bottom: 80px;
    gap: 16px;
  }

  .company-history .year-buttons {
    gap: 8px;
  }

  .advantages-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
  }

  .about-wrapper .bought {
    padding: 0 0 20px 0;
  }

  .catalog-menu .catalog-img {
    height: 170px;
  }

  .catalog-wrapper-general .a-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #fff2ce;
    display: flex;
    gap: 4px;
    align-items: center;
    margin: 20px 0 0 0;
  }

  .catalog-wrapper-general .catalog-menu {
    gap: 20px;
    margin: 4px 0 0 0;
  }

  .catalog-contact-number {
    font-size: 24px;
    line-height: 32px;
  }

  .news-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
  }

  .catalog-menu-item .highlight {
    display: none;
  }

  .breadcrumbs,
  .breadcrumbs a {
    font-size: 12px;
    line-height: 18px;
  }

  .certificates-modal {
    width: 328px;
    height: 462px;
    top: calc(50%);
  }

  .modal-swipe.active {
    left: 16px;
    width: 328px;
  }

  .modal-close {
    top: calc(50% - 310px);
    left: calc(50% + 154px);
  }

  .map-container {
    margin: 4px 0 0 0;
  }

  .contact-us-container {
    padding: 40px 32px;
  }

  .about-caption {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }

  .contact-form {
    padding: 24px;
  }

  .address {
    width: 100%;
  }

  .contacts-svg {
    width: 24px;
    height: 24px;
  }

  .download-scheme {
    margin: 8px 0 0 36px;
  }

  .select-header {
    gap: 10px;
  }

  input[name="phone"] {
    width: 100%;
  }

  .form-container {
    gap: 24px;
  }

  .submit-text {
    width: 230px;
  }

  .cooperation-wrapper-general .contact-us-img-mobile {
    height: 264px;
  }

  .cooperation-wrapper,
  .delivery-wrapper,
  .expansion-wrapper,
  .products-wrapper,
  .services-wrapper,
  .about-wrapper {
    gap: 80px;
  }

  .street-address {
    width: 190px;
  }

  .cooperation-wrapper-general .operating-mode {
    margin: 0;
  }

  .contact-form .form-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
  }

  .open-to-cooperation {
    gap: 20px;
  }

  .cooperation-wrapper-general .bought {
    margin: 0 0 20px 0;
  }

  .point {
    width: 11px;
    height: 11px;
  }

  .hover-circle {
    width: 11px;
    height: 11px;
  }

  .hover-text {
    font-size: 12px;
    line-height: 18px;
  }

  .services-form {
    padding: 24px;
  }

  .faq-title {
    font-size: 16px;
    line-height: 24px;
  }

  .faq .faq-title {
    width: 232px;
  }

  .faq-item {
    gap: 12px;
  }

  .delivery-item {
    gap: 8px;
  }

  .delivery-item-img {
    height: 170px;
    margin: 12px 0 0 0;
  }

  .delivery-container .delivery-item:first-child img {
    transform-origin: left center;
    transform: scale(1.9);
  }

  .desc-img {
    display: none;
  }

  .mobile-img {
    display: block;
  }

  .delivery-description .delivery-img {
    height: 200px;
  }

  .delivery-description {
    gap: 20px;
  }

  .delivery-geography {
    gap: 8px;
  }

  .delivery-container {
    margin: 24px 0 0 0;
  }

  .mobile-change-width {
    width: 170px;
  }

  .information-container {
    gap: 20px;
  }

  .other-news {
    gap: 32px;
  }

  .news-wrapper-general .news-container-below {
    gap: 32px;
  }

  .partners-image {
    width: 60px;
    height: 40px;
  }

  .partners-item:has(.partners-open-on-click.active) {
    gap: 12px;
  }

  .partners-open-on-click {
    margin: 0;
  }

  .partners-title {
    font-size: 16px;
    line-height: 24px;
  }

  .partners-container-middle {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 328px;
    margin: 20px 0 24px 0;
  }

  .partners-above-title {
    font-size: 30px;
    line-height: 38px;
  }

  .factory-button {
    padding: 8px 16px;
  }

  .products-wrapper-general .about-title {
    padding: 0;
  }

  .form-title {
    font-size: 24px;
    line-height: 32px;
  }

  .products-title-container {
    gap: 20px;
  }

  .products-title-container .btn {
    margin: 4px 0 0 0;
  }

  .what-order {
    gap: 20px;
  }

  .order-container {
    margin: 12px 0 0 0;
  }

  .menu-above-description {
    flex-direction: row;
    align-items: center;
    gap: 0;
    justify-content: space-between;
  }

  .main-menu-above {
    flex-direction: column;
    gap: 20px;
    width: 328px;
  }

  .menu-above-title {
    font-size: 30px;
    line-height: 38px;
  }

  .menu-above-button {
    width: 100%;
  }

  .main-menu {
    gap: 24px;
  }

  .catalog-steps {
    display: none;
  }

  .catalog-wrapper .information-container-above {
    display: flex;
    margin: 20px 0 0 0;
  }

  .menu-above-subtitle {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
  }

  .main-services {
    gap: 20px;
  }

  .services-container {
    margin: 4px 0 0 0;
  }

  .about-company,
  .main-wrapper-general .company-numbers {
    padding: 60px 14px;
  }

  .about-description-container .main-title {
    width: 208px;
    font-size: 24px;
    line-height: 32px;
  }

  .wrapper-mobile .about-company .btn {
    display: none;
  }

  .wrapper-mobile .btn {
    display: flex;
  }

  .calculator-right-icon {
    display: none;
  }
}
/* End */


/* Start:/local/templates/tzk/components/bitrix/menu/mobile_menu/style.min.css?17612896322111*/
ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/local/templates/tzk/components/bitrix/menu/mobile_menu/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/local/templates/tzk/components/bitrix/menu/mobile_menu/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/local/templates/tzk/components/bitrix/menu/mobile_menu/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/local/templates/tzk/components/bitrix/menu/mobile_menu/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/local/templates/tzk/components/bitrix/menu/mobile_menu/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block}
/* End */


/* Start:/local/templates/tzk/components/bitrix/menu/menu_left/style.min.css?1760733242490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/tzk/components/bitrix/menu/menu_left/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/tzk/components/bitrix/catalog.section.list/list_menu/style.min.css?17615653406236*/
.bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease}
/* End */
/* /local/templates/tzk/css/swiper-bundle.min.css?176155768413918 */
/* /local/templates/tzk/css/style.css?176362828183799 */
/* /local/templates/tzk/components/bitrix/menu/mobile_menu/style.min.css?17612896322111 */
/* /local/templates/tzk/components/bitrix/menu/menu_left/style.min.css?1760733242490 */
/* /local/templates/tzk/components/bitrix/catalog.section.list/list_menu/style.min.css?17615653406236 */