/**
 * ItcSlider
 * @version 1.0.1
 * @author https://github.com/itchief
 * @copyright Alexander Maltsev 2020 - 2023
 * @license MIT (https://github.com/itchief/ui-components/blob/master/LICENSE)
 * @tutorial https://itchief.ru/javascript/slider
 */

 .itc-slider {
    position: relative;
  }
  
  .itc-slider-wrapper {
    overflow: hidden;
    background-color: #f4f1f2;
  }
  
  .itc-slider-1 .itc-slider-items {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    --gap: 12px;
    gap: var(--gap);
  }
  .itc-slider-2 .itc-slider-items {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    --gap: 12px;
    gap: var(--gap);
  }
  .itc-slider-3 .itc-slider-items {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    --gap: 0px;
    gap: var(--gap);
  }
  .itc-slider-4 .itc-slider-items {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    --gap: 1px;
    gap: var(--gap);
  }
  /*все товары поставщика в карточке товара --------------------------------------------------*/
  .itc-slider-5 .itc-slider-items {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    --gap: 14px;
    gap: var(--gap);
  }
  .itc-slider-5 .itc-slider-wrapper {
    overflow: hidden;
    background-color: unset;
  }
  .itc-slider-5 .itc-slider-item {
    flex: 0 0 calc(10% - var(--gap) / 2);
    /*flex: 0 0 75%;*/
    max-width: 100%;
    user-select: none;
    will-change: transform;
  }
  /*отзывы на главной --------------------------------------------------*/
  .itc-slider-9 .itc-slider-items {
        display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    --gap: 20px;
    gap: var(--gap);
  }
  .itc-slider-9 .itc-slider-wrapper {
    overflow: hidden;
    background-color: unset;
    margin-left: 32px;
    margin-right: 32px;
  }
  .itc-slider-9 .itc-slider-item {
    flex: 0 0 calc(33.333% - var(--gap) / 2);
    max-width: calc(33.333% - var(--gap) / 2);
    /* flex: 0 0 75%; */
    /* max-width: 100%; */
    user-select: none;
    will-change: transform;
  }

  /*слайдер баннеров на главной в хедере --------------------------------------------------*/
  .itc-slider-6 .itc-slider-items {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    --gap: 14px;
    gap: var(--gap);
  }
  .itc-slider-6 .itc-slider-wrapper {
    overflow: hidden;
    background-color: unset;
    border-radius: 10px;
  }
  .itc-slider-6 .itc-slider-item {
    flex: 0 0 100%;
    /*flex: 0 0 75%;*/
    max-width: 100%;
    user-select: none;
    will-change: transform;
  }
   /*категории предложений на главной --------------------------------------------------*/
  .itc-slider-7 .itc-slider-items {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    --gap: 10px;
    gap: var(--gap);
  }
  .itc-slider-7 .itc-slider-wrapper {
    overflow: hidden;
    background-color: unset;
  }
  .itc-slider-7 .itc-slider-item {
    flex: 0 0 auto;
    /*flex: 0 0 75%;*/
   /* max-width: 100%;*/
    user-select: none;
    will-change: transform;
  }


  /*кнопки перемотки слайдов товара поставщиков*/
  .itc-slider-5 .itc-slider-btn{
    position: absolute;
    top: 29%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50.93px;
    height: 54.93px;
    /* color: #fff; */
    /* text-align: center; */
    /* background: rgb(0 0 0 / 20%); */
    border: none;
    cursor: pointer;
    background-color: unset !important;
    background-repeat: no-repeat;
  }
  .itc-slider-5 .itc-slider-btn-prev {
    left:-24px;
    background-image: url(/local/images/catalog/right_arrow_5_slider1.svg);
    rotate: 180deg;
  }
    
  .itc-slider-5 .itc-slider-btn-prev:hover {
    background-image: url(/local/images/catalog/right_arrow_5_slider2.svg);
    rotate: 180deg;
    background-color: unset !important;
    
  }
  
  .itc-slider-5 .itc-slider-btn-next {
    right:-24px;
    background-image: url(/local/images/catalog/right_arrow_5_slider1.svg);
  }

  .itc-slider-5 .itc-slider-btn-next:hover{
    background-image: url(/local/images/catalog/right_arrow_5_slider2.svg);
    background-color: unset !important;
  }
  
  .itc-slider-5 .itc-slider-btn:focus {
    text-decoration: none;
    background-color: unset !important;
    outline: 0;
  }
  
  .itc-slider-5 .itc-slider-btn::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: unset !important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
  }
   
  .itc-slider-5 .itc-slider-btn-next::before {
    background-color: unset !important;
  }

  /*кнопки перемотки слайдов товара поставщиков*/
  .itc-slider-9 .itc-slider-btn{
    position: absolute;
    top: 41%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    /* color: #fff; */
    /* text-align: center; */
    /* background: rgb(0 0 0 / 20%); */
    border: none;
    cursor: pointer;
    background-color: unset !important;
    background-repeat: no-repeat;
  }
  .itc-slider-9 .itc-slider-btn-prev {
    left:-24px;
    background-image: url(/local/webpack/src/assets/img/mainpage/places_icon/arrow_right.svg);
    rotate: 180deg;
  }
    
  .itc-slider-9 .itc-slider-btn-prev:hover {
    background-image: url(/local/webpack/src/assets/img/mainpage/places_icon/arrow_right_hover.svg);
    rotate: 180deg;
    background-color: unset !important;
    
  }
  
  .itc-slider-9 .itc-slider-btn-next {
    right:-24px;
    background-image: url(/local/webpack/src/assets/img/mainpage/places_icon/arrow_right.svg);
  }

  .itc-slider-9 .itc-slider-btn-next:hover{
    background-image: url(/local/webpack/src/assets/img/mainpage/places_icon/arrow_right_hover.svg);
    background-color: unset !important;
  }
  
  .itc-slider-9 .itc-slider-btn:focus {
    text-decoration: none;
    background-color: unset !important;
    outline: 0;
  }
  
  .itc-slider-9 .itc-slider-btn::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: unset !important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
  }
   
  .itc-slider-9 .itc-slider-btn-next::before {
    background-color: unset !important;
  }
  .sl5{
    /*display:block;*/
  }
  @media only screen and (max-width: 1220px) {
    .itc-slider-5 .itc-slider-btn-prev {
      left:-19px;
    }
    .itc-slider-5 .itc-slider-btn-next {
      right:-19px;
    }
    .itc-slider-9 .itc-slider-btn-prev {
      left:-19px;
    }
    .itc-slider-9 .itc-slider-btn-next {
      right:-19px;
    }
  }
  @media only screen and (max-width: 1169px) {
    .itc-slider-9 .itc-slider-item {
        flex: 0 0 calc(50% - var(--gap) / 2);
        max-width: calc(50% - var(--gap) / 2);
        /* flex: 0 0 41%; */
        /* max-width: 100%; */
        user-select: none;
        will-change: transform;
    }
  }
  @media only screen and (max-width: 890px) {
    .itc-slider-9 .itc-slider-item {
        flex: 0 0 calc(75% - var(--gap) / 2);
        max-width: calc(75% - var(--gap) / 2);
        /* flex: 0 0 41%; */
        /* max-width: 100%; */
        user-select: none;
        will-change: transform;
    }
  }
  @media only screen and (max-width: 656px) {
    .itc-slider-5 .itc-slider-btn-prev {
      display:none;
    }
    .itc-slider-5 .itc-slider-btn-next {
      display:none;
    }
    .itc-slider-9 .itc-slider-btn-prev {
      /*display:none;*/
    }
    .itc-slider-9 .itc-slider-btn-next {
      /*display:none;*/
    }
    .sl5{
      /*display:none;*/
    }
  }

  /*-------------------------------------------------------------------------------------------*/
  .itc-slider-transition-none {
    transition: none;
  }
  
  .itc-slider-1 .itc-slider-item {
    flex: 0 0 calc(75% - var(--gap) / 2);
    /*flex: 0 0 75%;*/
    max-width: 100%;
    user-select: none;
    will-change: transform;
    
  }
  .itc-slider-2 .itc-slider-item {
    flex: 0 0 calc(47% - var(--gap) / 2);
    /*flex: 0 0 75%;*/
    max-width: 100%;
    user-select: none;
    will-change: transform;
    
  }
  .itc-slider-1 .itc-slider-wrapper {
    overflow: hidden;
    background-color: #f4f1f2;
  }
  .itc-slider-2 .itc-slider-wrapper {
    overflow: hidden;
    background-color: #f4f1f2;
  }
  .itc-slider-3 .itc-slider-wrapper {
    overflow: hidden;
    background-color: unset;
    border-radius: 10px;
  }

  
  .itc-slider-3 .itc-slider-item {
    flex: 0 0 calc(50% - var(--gap) / 2);
    /*flex: 0 0 75%;*/
    max-width: 100%;
    user-select: none;
    will-change: transform;
    
  }
  .itc-slider-4 .itc-slider-item {
    flex: 0 0 calc(100% - var(--gap) / 2);
    /*flex: 0 0 75%;*/
    max-width: 100%;
    user-select: none;
    will-change: transform;
    
  }

  
  /* кнопки влево и вправо
  .itc-slider-btn {
    position: absolute;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 50px;
    color: #fff;
    text-align: center;
    background: rgb(0 0 0 / 20%);
    border: none;
    transform: translateY(-50%);
    cursor: pointer;
  } */

  .itc-slider-1 .itc-slider-btn{
    position: absolute;
    top: 6%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    /* color: #fff; */
    /* text-align: center; */
    /* background: rgb(0 0 0 / 20%); */
    border: none;
    transform: translateY(-50%);
    cursor: pointer;
    background-color: unset !important;
    background-image: url(/local/images/new/next_arrow_slide.svg);
    background-repeat: no-repeat;
  }
  
  .itc-slider-1 .itc-slider-btn-hide {
    display: none;
  }
  
  .itc-slider-1 .itc-slider-btn-prev {
    left: 0;
  }
  
  .itc-slider-1 .itc-slider-btn-next {
    right: 3%;
  }
  
  
  .itc-slider-1 .itc-slider-btn:focus {
    text-decoration: none;
    background-color: unset !important;
    outline: 0;
  }
  
  .itc-slider-1 .itc-slider-btn::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: unset !important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
  }
  
  .itc-slider-btn-prev::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
  
  .itc-slider-1 .itc-slider-btn-next::before {
    background-color: unset !important;
  }
  .itc-slider-1 .itc-slider-btn:hover{
    background-image: url("/local/images/new/next_arrow_slide_hover.svg");
    background-color: unset !important;
  }

  
  .itc-slider-3 .itc-slider-btn{
    position: absolute;
    top: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49px;
    height: 49px;
    /* color: #fff; */
    /* text-align: center; */
    /* background: rgb(0 0 0 / 20%); */
    border: none;
   
    cursor: pointer;
    background-color: unset !important;
    
    background-repeat: no-repeat;
  }
  .itc-slider-3 .itc-slider-btn-prev {
    left:-27px;
    background-image: url(/optovie-zakupki/images/button_slider_left.svg);
    border: 10px solid #414247;
    border-radius: 60px;
    
  }
  
  .itc-slider-3 .itc-slider-btn-prev:hover {
    background-image: url("/optovie-zakupki/images/button_slider_left_hover.svg");
    background-color: unset !important;
    
  }
  
  .itc-slider-3 .itc-slider-btn-next {
    right:-27px;
    background-image: url(/optovie-zakupki/images/button_slider_right.svg);
    border: 10px solid #414247;
    border-radius: 60px;
  }

  .itc-slider-3 .itc-slider-btn-next:hover{
    background-image: url("/optovie-zakupki/images/button_slider_right_hover.svg");
    background-color: unset !important;
  }
  
  .itc-slider-3 .itc-slider-btn:focus {
    text-decoration: none;
    background-color: unset !important;
    outline: 0;
  }
  
  .itc-slider-3 .itc-slider-btn::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: unset !important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
  }
  
  .itc-slider-btn-prev::before {
    background-color: unset !important;
  }
  
  .itc-slider-3 .itc-slider-btn-next::before {
    background-color: unset !important;
  }

  /* индикаторы */
  
  .itc-slider-1 .itc-slider-indicators {
    position: absolute;
    right: 1;
    bottom: 263px;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    /* margin: 0px 8.5%; */
    padding-left: 37px;
    list-style: none;
  }
  
  .itc-slider-1 .itc-slider-indicator {
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 30px;
    height: 5px;
    margin-right: 3px;
    margin-left: 3px;
    /*text-indent: -999px;
    background-color: rgb(255 255 255 / 50%);*/
    background-clip: padding-box;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    cursor: pointer;
    display:none;
  }
  
  .itc-slider-1 .itc-slider-indicator-active {
    /*background-color: rgb(255 255 255 / 90%);*/
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #ffffff;
    display:block;
  }



.itc-slider-4 .itc-slider-indicators {
    position: absolute;
    bottom: -2px;
    left: auto;
    right: auto;
    z-index: 15;
    display: flex;
    justify-content: center;
    /* margin: 0px 8.5%; */
    /* padding-left: 37px; */
    list-style: none;
    /* top: 50%; */
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .itc-slider-4 .itc-slider-indicator {
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 8px;
    height: 8px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgb(255 255 255 / 50%);
    background-clip: padding-box;
    cursor: pointer;
    border-radius: 50px;
    border: rgba(255, 255, 255, 0.534) solid 0.5px;
    /*
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 30px;
    height: 5px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgb(255 255 255 / 50%);
    background-clip: padding-box;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    cursor: pointer;*/
    /*display:none;*/
  }
  
  .itc-slider-4 .itc-slider-indicator-active {
    background-color: #1ea91f;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #ffffff;
    display:block;
    border: rgba(255, 255, 255, 0.788) solid 0.5px;
  }
  
  .itc-slider-6 .itc-slider-indicators {
    position: absolute !important;
    bottom: 16px !important;
    left: 46px !important;
    z-index: 15 !important;
    display: flex !important;
    justify-content: center !important;
    /* margin: 0px 8.5%; */
    padding-left: 37px !important;
    list-style: none !important;
  }
  .itc-slider-9 .itc-slider-indicators {
    position: absolute !important;
    bottom: -40px !important;
    left: 50%;
    /* right: 50%; */
    z-index: 15 !important;
    display: flex !important;
    justify-content: center !important;
    /* margin: 0px 8.5%; */
    /* padding-left: 37px !important; */
    list-style: none !important;
  }
  @media only screen and (max-width: 656px) {
    .itc-slider-9 .itc-slider-indicators {
        position: absolute !important;
        bottom: -63px !important;
        left: 50%;
        transform: translateX(-50%);
        /* right: 50%; */
        z-index: 15 !important;
        display: flex !important;
        justify-content: center !important;
        /* margin: 0px 8.5%; */
        /* padding-left: 37px !important; */
        list-style: none !important;
    }
    .itc-slider-9 .itc-slider-btn {
        position: absolute;
        top: 105%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 46px;
        height: 46px;
        /* color: #fff; */
        /* text-align: center; */
        /* background: rgb(0 0 0 / 20%); */
        border: none;
        cursor: pointer;
        background-color: unset !important;
        background-repeat: no-repeat;
    }
    .itc-slider-9 .itc-slider-wrapper {
        overflow: hidden;
        background-color: unset;
        margin-left: 0px;
        margin-right: 0px;
    }
    .itc-slider-9 .itc-slider-btn-prev {
        left: 0px;
    }
    .itc-slider-9 .itc-slider-btn-next {
        right: 0px;
    }
  }
  @media only screen and (max-width: 610px) {
    .itc-slider-6 .itc-slider-indicators {
        top: 165px;
        left: -12px !important;
    }
    .itc-slider-6 .itc-slider-wrapper {
        background-color: unset !important;
    }
    .itc-slider-6{
        height: 204px;
    }
    
  }
  @media only screen and (max-width: 490px) {
    .itc-slider-9 .itc-slider-item {
        user-select: none;
        will-change: transform;
        flex: 0 0 100%;
        max-width: 100%;
    }
  }
  
  .itc-slider-6 .itc-slider-indicator {
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 7px;
    height: 7px;
    margin-right: 11px;
    margin-left: 3px;
    /*text-indent: -999px;
    background-color: rgb(255 255 255 / 50%);*/
    background-clip: padding-box;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    cursor: pointer;
    display:block;
    background-color: white;
    border-radius: 50%;
  }
  
  .itc-slider-6 .itc-slider-indicator-active {
    /*background-color: rgb(255 255 255 / 90%);*/
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #ffffff;
    display:block;
    background-color: orange;
  }

  .itc-slider-9 .itc-slider-indicator {
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 7px;
    height: 7px;
    margin-right: 11px;
    margin-left: 3px;
    /*text-indent: -999px;
    background-color: rgb(255 255 255 / 50%);*/
    background-clip: padding-box;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    cursor: pointer;
    display:block;
    background-color: white;
    border-radius: 50%;
  }
  
  .itc-slider-9 .itc-slider-indicator-active {
    /*background-color: rgb(255 255 255 / 90%);*/
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #ffffff;
    display:block;
    background-color: orange;
  }

  /*кнопки перемотки слайдов категорий на главной*/
  .itc-slider-7 .itc-slider-btn{
    position: absolute;
    top: 0px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid rgba(235, 237, 240, 1);
    border-radius: 5px;
    width: 36px;
    height: 46px;
    background-color: white;
  }
  .itc-slider-7 .itc-slider-btn-prev {
    left:-46px;
    
  }
  .itc-slider-7 .itc-slider-btn-prev .prev_arrow {
      width: 10px;
      height: 12px;
      margin-left: -38px;
      rotate: 180deg;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-transition: rgba(35, 38, 47, 1) .3s ease;
      -o-transition: rgba(35, 38, 47, 1) .3s ease;
      transition: rgba(35, 38, 47, 1) .3s ease;
      background-color: rgba(35, 38, 47, 1);
      -webkit-mask-image: url(/local/webpack/src/assets/img/mainpage/left_sidebar_icons/open_arrow.svg);
      mask-image: "/local/webpack/src/assets/img/mainpage/left_sidebar_icons/open_arrow.svg";
  }
    
  .itc-slider-7 .itc-slider-btn-prev:hover {
      background-color:rgba(255, 99, 0, 1);
      .prev_arrow {
        background-color: white;
      }
  }
  
  .itc-slider-7 .itc-slider-btn-next {
    right:-46px;
  }

  .itc-slider-7 .itc-slider-btn-next .next_arrow{
      width: 10px;
      height: 12px;
      margin-left: -30px;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-transition: rgba(35, 38, 47, 1) .3s ease;
      -o-transition: rgba(35, 38, 47, 1) .3s ease;
      transition: rgba(35, 38, 47, 1) .3s ease;
      background-color: rgba(35, 38, 47, 1);
      -webkit-mask-image: url(/local/webpack/src/assets/img/mainpage/left_sidebar_icons/open_arrow.svg);
      mask-image: "/local/webpack/src/assets/img/mainpage/left_sidebar_icons/open_arrow.svg";
  }

  .itc-slider-7 .itc-slider-btn-next:hover{
    background-color:rgba(255, 99, 0, 1);
      .next_arrow {
        background-color: white;
      }
  }
  
  /*.itc-slider-7 .itc-slider-btn:focus {
    text-decoration: none;
    background-color: unset !important;
    outline: 0;
  }*/
  
  .itc-slider-7 .itc-slider-btn::before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: unset !important;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
  }
   
  .itc-slider-7 .itc-slider-btn-next::before {
    background-color: unset !important;
  }

  @media only screen and (max-width: 1220px) {
    .itc-slider-7 .itc-slider-btn-prev {
      /*left: -46px;*/
    }
    .itc-slider-7 .itc-slider-btn-next {
      /*right:-19px;*/
    }
  }
  @media only screen and (max-width: 656px) {
    .itc-slider-7 .itc-slider-btn-prev {
      display:none !important;
    }
    .itc-slider-7 .itc-slider-btn-next {
      display:none !important;
    }
    .sl5{
      /*display:none;*/
    }
  }