@font-face {
  font-family: "FuturaDemiC";
  font-style: 400;
  src: url("../../../../../../local/templates/ksm/assets/fonts/FuturaDemiC-Regular.woff")
    format("woff");
}
:root {
  --main-bg-color: #0d7e99;
  /* Использование переменной var(--main-bg-color) */
}
svg {
  fill: var(--main-bg-color);
}
.hide {
  display: none;
  opacity: 0; /* Начальная прозрачность */
  transition: opacity 0.5s ease; /* Плавный переход в течение 0.5 секунды */
}
.show {
  display: flex !important;
  opacity: 1; /* Конечная прозрачность */
}
header {
  width: 100%;
  height: 132px;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  z-index: 300;
  background: white;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(34, 60, 80, 0.1);
  -moz-box-shadow: 0px 2px 10px 0px rgba(34, 60, 80, 0.1);
  box-shadow: 0px 2px 10px 0px rgba(34, 60, 80, 0.1);
}
.header_wrapper {
  width: 1100px;
  height: auto;
  /* display: flex;
    justify-content: center;
    flex-wrap: wrap; */
}

.header_top {
  width: 100%;
  height: 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_bot {
  position: relative;
  width: 100%;
  height: 50px;
  /* background: red; */
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* font-size: 1.5em; */
  font: 17px/50px "FuturaDemiC", sans-serif;
  font-weight: 00;
  flex-wrap: wrap;
}
.h-form__close {
  background-image: url(/img/search-close.png);
}
.header__form--open {
  opacity: 1;
  z-index: 1;
  pointer-events: all;
}
.header_bot_cart {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 150px;
}
.header_adress,
.header_mail,
.header_phone {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 14px/50px "FuturaDemiC", sans-serif;
  color: var(--main-bg-color);
}
.header_adress > svg,
.header_mail > svg,
.header_phone > svg {
  margin-right: 5px;
}
.header__email:before {
  background: none;
}
/* .header_bot_cart>svg{
    margin-top: -5px;
} */
.cart_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
}
#contact {
  position: fixed;
  left: 50%;
  top: 150px;
  background: #fff;
  padding: 20px;
  transform: translate(-50%, 0%);
}
.cart_count {
  /* width: 20px;
    height: 20px; */
  background: var(--main-bg-color);
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font: 11px/17px "FuturaDemiC", sans-serif;
  position: relative;
  top: -2px;
  padding: 5px 10px;
}
.popup__orderCall {
  position: fixed;
  top: 200px;
  left: 50%;
  background: #fff;
  padding: 50px 50px 35px 50px;
  border: 2px solid #0d7e99;
  transform: translate(-50%, 0%);
}
.popup__contact {
  border: 2px solid #0d7e99;
}
.contact-addresses__item {
  width: 100%;
}
.header_link > a:hover {
  color: var(--main-bg-color);
  transition: 3s;
}
.header_search {
  width: 100%;
  display: none;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.header_search-bg {
  display: none;
}
.show .header_search-bg {
  display: block;
  position: fixed;
  background: #3837375e;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.show_search {
  display: flex;
  cursor: pointer;
}
input#live_search {
  background: white;
  width: 51%;
  padding-left: 10px;
  z-index: 5;
}
.searchresult {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: white;
  width: 51%;
  overflow-y: scroll;
  max-height: 50vh;
  -webkit-box-shadow: 0px 10px 10px 0px rgba(34, 60, 80, 0.1);
  -moz-box-shadow: 0px 10px 10px 0px rgba(34, 60, 80, 0.1);
  box-shadow: 0px 10px 10px 0px rgba(34, 60, 80, 0.1);
  z-index: 5;
}
.res_search_item {
  width: 100%;
  border-top: 1px solid #f1f1f1;
}
.res_search_item a {
  /* border-top: 1px solid #f1f1f1; */
  display: block;
  padding-left: 10px;
  width: 100%;
  height: 100%;
}
.res_search_item a:hover {
  background: #f7f7f7;
}
.menu__text {
  font-weight: 600;
  color: rgb(2 2 2 / 70%);
}
.cart_block > span {
  font-weight: 600;
  color: rgb(2 2 2 / 70%);
}
.header-fake {
  height: 115px;
}
.cats-banner__wrapper:hover:before {
  background-color: #cbcccd14;
}
:root {
  --swiper-navigation-color: rgba(255, 255, 255, 1);

  --swiper-pagination-color: rgba(255, 255, 255, 1);
  --swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 1);
}

.swiper {
  user-select: none;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: 600px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 20px;
}
@media (max-width: 1765px) {
  .swiper {
    height: 555px;
  }
}
@media (max-width: 1565px) {
  .swiper {
    height: 490px;
  }
}
@media (max-width: 1356px) {
  .swiper {
    height: 425px;
  }
}
@media (max-width: 1190px) {
  .swiper {
    height: 372px;
  }
}
@media (max-width: 1100px) {
  .swiper {
    height: 372px;
    margin-top: 130px;
  }
}
@media (max-width: 942px) {
  .swiper {
    height: 285px;
    margin-top: 130px;
  }
}
@media (max-width: 768px) {
  .swiper {
    height: 230px;
    margin-top: 0px;
  }
}
@media (max-width: 600px) {
  .swiper {
    height: 188px;
    margin-top: 0px;
  }
}
@media (max-width: 380px) {
  .swiper {
    height: 125px;
    margin-top: 25px;
  }
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;

  border-radius: 0px;
}

.swiper-slide-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 48px 48px;

  align-items: flex-start;
  justify-content: flex-end;

  transform: translate3d(0, 0, 0);
}

.swiper-slide-title {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 1);
}

.swiper-slide-text {
  max-width: 640px;
  font-size: 14px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 1);
}

.swiper-slide-title + .swiper-slide-text {
  margin-top: 8px;
}

/* .swiper-slide-image {
  position: absolute;
  object-fit: contain;

  left: -10%;
  top: -10%;
  width: 120%;
  height: 120%;

  z-index: 0;
} */
.swiper-slide-image {
  object-fit: cover;
  right: -13%;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.cats-banner {
  padding: 1px 1px 0px 1px;
}
.cats-banners {
  padding: 1px 0px 0px 0px;
  margin: 0;
  background: #23212a;
}
.button__text {
  padding: 0;
}
.add-to-cart {
  padding: 0 6px;
}
.item-add__input {
  width: 62px;
}
.button--default:hover {
  background-color: #2995af;
}
@media (max-width: 767px) {
  .header_wrapper {
    display: none;
  }
  .page-header {
    width: 95%;
  }
  .header-mobile__dropdown {
    display: none;
  }
  header {
    display: none;
  }
}
@media (max-width: 1110px) {
  .header_bot,
  .header_top {
    padding: 0 15px;
  }
  .menu__item {
    font-size: 11px;
  }
  .header_adress {
    line-height: 15px;
    max-width: 156px;
  }
}
.footer__address-text {
  position: relative;
  padding-left: 0;
}
.rotate_icon {
  transform: rotate(180deg);
}
.pagination_list {
  width: 100%;
}
#searchresult_two{
  width: 100%;
}
.show_block{
  display: block;
}
.hit {
  background: red;
  width: 60px;
  border-radius: 0px 8px 0px 10px;
  text-align: center;
  color: white;
  position: absolute;
  right: 0;
  font-weight: bold;
  z-index: 100;
}
#set_filter_two{
  margin-top: 25px;
}