/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  НАЧАЛО: Кастомизация стилей шапки
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

/* Задаём переменную основного цвета в шапке */
#header-two {
  --main-color-hover: #2e2e2e;
}

/* Строка меню */
#header-two .header-two__nav {
  background-color: #2e2e2e;
  border-bottom: 6px solid var(--main-color);
}

#header-two .header-two__main-wrapper,
#header-two.header-two.fix-header-two .header-two__main,
#header-two.header-two.fix-header-two {
  background-color: #212121;
  color: white;
}

#header-two .header-two__personal a {
  color: #fff;
}

#header-two .header-two__main-nav .header-two__main-nav-catalog a {
  background-color: var(--main-color);
  color: #fff;
}

#header-two .header-two__main-nav .header-two__main-nav-catalog .main-menu_item-submenu a {
  background-color: var(--main-color-hover);
}

#header-two .main-menu-wrapper__submenu-two-wrapper ul {
  background-color: var(--main-color-hover);
}

#header-two .header-two__main-nav .header-two__main-nav-catalog .main-menu-wrapper__submenu-main a {
  background-color: var(--main-color-hover);
  color: #fff;
}

#header-two .header-two__main-nav .header-two__main-nav-catalog svg {
  fill: #fff;
}

#header-two .header-two__main-nav .header-two__main-nav-catalog .main-menu-wrapper__submenu-main svg {
  fill: #fff;
}

#header-two .header-two__main-nav .header-two__main-nav-item a {
  padding: 0 24px;
}

#header-two .header-two__main-nav .header-two__main-nav-item .header-two__nav-submenu-item a {
  padding-left: 45px;
  padding-right: 45px;
  padding-top: 15px;
  padding-bottom: 14px;
}

#header-two .header-two__main-nav .site-navigation__item-icon {
  right: 10px;
}

#header-two .header-two__drop-down {
  background-color: var(--main-color-hover);
  color: #fff;
}

#header-two .header-two__drop-down a {
  color: #fff;
}

#header-two .header-two__drop-down a:hover {
  color: var(--main-color);
}

#header-two .header-two__drop-down-btn:hover {
  color: #fff;
  filter: brightness(1.5);
  background-color: var(--main-color);
}

#header-two .header-two__contact .header-two__contact-arrow-link:hover,
#header-two .header-two__city .select-city__block__text-city:hover,
#header-two .header-two__personal a:hover {
  color: var(--main-color);
  text-decoration: underline;
}

#header-two .header-two__personal {
  flex-basis: 280px;
}

#header-two a:hover svg {
  opacity: 1;
}

#header-two .header-two__basket-buy.active svg {
  fill: #fff;
}

#header-two .open-basket-origami__tabs label {
  color: #000;
}

#header-two .header-two__contact .header-two__contact-arrow {
  fill: #fff;
}

#header-two.header-two.fix-header-two .header-two__btn-fixed-menu {
  border-left: 1px solid #212121;
  border-right: 1px solid #212121;
}

#header-two.header-two.fix-header-two .header-two__btn-fixed-menu-icon {
  stroke: #fff;
  fill: #fff;
}

#header-two.header-two.fix-header-two .header-two__btn-fixed-menu:hover .header-two__btn-fixed-menu-icon {
  stroke: var(--main-color);
  fill: var(--main-color);
}

.header-two__main-mobile {
  filter: invert(1);
}

#header-two .header-two__main-nav .header-two__main-nav-catalog a {
  background-color: unset;
}

.header-two .header-two__main-nav .header-two__main-nav-item>span {
  background-color: var(--main-color);
}

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  КОНЕЦ: Кастомизация стилей шапки
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/


/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  НАЧАЛО: Кастомизация стилей страницы КОНТАКТЫ
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

.contacts-block .regions-select-buttons .select-region {
  margin-bottom: 20px;
}

.contacts-block .regions-select-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
}

.contacts-block .regions-select-buttons :first-child,
.contacts-block .regions-select-buttons :nth-child(2) {
  grid-column: 1 / -1;
}

.contacts-block .regions-select-buttons li:first-child,
.contacts-block .regions-select-buttons li:nth-child(2) {
  font-size: 18px;
  margin: 20px 0;
}

.office-image-address-wrapper {
  display: none;
}


/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  КОНЕЦ: Кастомизация стилей страницы КОНТАКТЫ
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/


/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  НАЧАЛО: Кастомизация стилей БОЛЬШИХ БАННЕРОВ на главной
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

.main_page-catalog_banner .banner-info {
  background: #0000009c;
  padding: 15px;
  text-align: center;
}

.main_page-catalog_banner .banner-info .banner-info__text {
  text-align: left;
}

.main_page-catalog_banner .banner-info .banner-info__button {
  left: 50%;
  transform: translateX(-50%);
}

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  КОНЕЦ: Кастомизация стилей БОЛЬШИХ БАННЕРОВ на главной
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/



/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  НАЧАЛО: Кастомизация стилей ПОПУЛЯРНЫХ КАТЕГОРИЙ на главной
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

.popular_category_block-one_variant__canvas_img {
  width: 80px;
  height: 80px;
  max-width: 100%;
  max-height: 100%;
}

.popular_category_block-one_variant__canvas_title,
.popular_category_block-one_variant__tags {
  display: flex;
  flex-direction: column;
}

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  КОНЕЦ: Кастомизация стилей ПОПУЛЯРНЫХ КАТЕГОРИЙ на главной
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/


/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  НАЧАЛО: Кастомизация услуг
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

.servicesDetailBanner {
  width: 100%;
  position: relative;
  min-height: 400px;
  background: url(/upload/iblock/2bc/hr6ssjb5trdvahhno2yj86h3x6p4qeqk.jpg) center/cover no-repeat;
  box-sizing: border-box;
}

.servicesDetailBannerInfo {
  background: #0000009c;
  text-align: center;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  padding: 20px 10px;
}

@media (min-width: 1320px) {
  .servicesDetailBanner {
    width: calc(100vw - var(--scrollbarWidth));
    transform: translateX(calc(0px - 50vw + var(--scrollbarWidth) / 2 + 672px));
  }

  .servicesDetailBannerInfo {
    padding: 30px 100px;
    width: fit-content;
  }
}

.servicesDetailBannerInfo a {
  color: #fff;
}

.servicesDetailBannerInfo p {
  max-width: 600px;
  font-weight: 600;
  font-size: 17px;
  line-height: 25px;
}

.servicesDetailBannerInfo .main_btn-big {
  width: fit-content;
  margin: 0 auto;
  padding: 0 40px;
}

.servicesDetailBannerInfo .breadcrumb_block__item-arrow {
  stroke: #fff;
}

.servicesDetailWarranty {
  float: right;
  width: 100%;
  padding: 30px;
  text-align: center;
  background-color: #FAFAFA;
  border: 1px solid #EDEDED;
  margin: 30px 0;
}

@media (min-width: 768px) {
  .servicesDetailWarranty {
    margin: 60px 0 30px 30px;
    width: fit-content;
  }
}

.servicesDetailWarranty img {
  max-width: 300px;
}

.servicesDetailWarranty p {
  max-width: 300px;
  margin-top: 30px;
}

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  КОНЕЦ: Кастомизация услуг
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  НАЧАЛО: Кастомизация Портфолио
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/
.brigElement {
  font-weight: 600;
}

.brigElementPhoto {
  width: 100%;
}

.brigElementPosition {
  font-style: italic;
  font-weight: 300;
}

.countUseFilms {
  font-weight: 400;
  margin: 30px 0;
}

.countUseFilms svg {
  color: var(--main-color);
}

.countUseFilms span {
  font-weight: 600;
}

.productListBlock {
  float: right;
  width: fit-content;
  padding: 30px;
  text-align: center;
  background-color: #FAFAFA;
  border: 1px solid #EDEDED;
  margin: 0 0 30px 30px;
}

.productListElement {
  margin-top: 20px;
}

.productList {
  font-weight: 600;
}

.productListPhoto {
  width: 100%;
}

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  КОНЕЦ: Кастомизация Портфолио
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  НАЧАЛО: Кастомизация Slick-слайдера
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/

.portfolioDetailGallary {
  width: 100%;
}

@media (max-width: 768px) {
  .image-container {
    padding-left: 0;
    padding-right: 0;
  }

  .portfolioDetailGallary {
    display: block;
    margin: 0 auto;
  }
}

.slick-slide {
  color: #333;
  padding: 40px 0;
  font-size: 1.25em;
  font-family: "Verdana";
  text-align: center;
  pointer-events: none;
}

.slick-slide .desc {
  opacity: 0;
}

.slick-slide .desc>* {
  transition: all 900ms ease;
}

.slick-slide .desc h2 {
  position: relative;
  left: 50px;
  line-height: 1;
}

.slick-slide .desc p {
  position: relative;
  top: 50px;
  opacity: 0;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-dots {
  text-align: center;
}

.slick-dots li {
  display: inline-block;
  padding: 1px;
  background: #ccc;
  margin: 10px 5px;
  width: 40px;
  height: 5px;
  cursor: pointer;
}

.slick-dots li.slick-active {
  background: var(--main-color);
}

.slick-dots button {
  display: none;
}

.slick-slide:nth-child(odd) {
  /* background: blue;*/
}

.slick-slide {
  opacity: 0;
  transition: all 300ms ease;
  filter: blur(5px) brightness(0.6);
}

.slick-active {
  opacity: 1;
  z-index: -1;
  position: relative;
}

.slick-current {
  opacity: 1;
  transform: scale(2);
  z-index: 1;
  filter: unset;
}

.slick-current .desc {
  opacity: 1;
}

.slick-current .desc h2 {
  left: 0;
}

.slick-current .desc p {
  top: 0;
  opacity: 1;
}

.slick-arrow {
  top: 50%;
  position: absolute;
  z-index: 10;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
  font-weight: 900;
  outline: none;
  border: none;
  cursor: pointer;
  opacity: 0;
}

.portfolioDetailGallary:hover .slick-arrow {
  opacity: 1;
}

.slick-arrow:hover {
  background-color: var(--main-color);
  color: #fff;
}

.slick-arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 8px);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  display: block;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}

.slick-prev {
  left: 50px;
  transform: rotate(180deg);
}

.slick-next {
  right: 50px;
}

.link-section_text {
  display: none;
}


.main_page-catalog_banner .banner-info {
  display: none;
}

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  КОНЕЦ: Кастомизация Slick-слайдера
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/


/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  НАЧАЛО: Кастомизация списка товаров в каталоге
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/


.product-card-inner__img-wrapper {
  height: 350px;
}

.product_card__inner.product_card__inner--three .product_card__inner-wrapper {
  padding: 0;
}

.product-card-inner__img-link {
  padding-top: 0px;
}

.product_card__inner .product-card-inner__img-wrapper .product-card-inner__img-link > img {
  object-fit: cover;
}

@media (max-width: 768px) {
.block__product_cards.block__product_cards--mobile-min .product_card__block_item-3 {
    width: 100%;
}
}

/*★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
  КОНЕЦ: Кастомизация списка товаров в каталоге
  ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★*/


.btn_error-share {
display: none !important;
}