.sliders {

&.slider-home {

  overflow: hidden;



  .owl-controls {
    display: none;
  }

  //.owl-dots {
  //  padding: 0 10px;
  //  position: relative;
  //  bottom: auto;
  //  left: auto;
  //  float: left;
  //  margin-top: 4px;
  //
  //  .owl-dot {
  //    border: 1px solid #e2e2e2;
  //    &.active {
  //      border: 0;
  //    }
  //    &:last-child {
  //      //display: none;
  //    }
  //  }
  //  &.disabled {
  //    display: none;
  //  }
  //
  //}
  .owl-nav {
    &.disabled {
      display: none;
    }
  }
  &.owl-carousel {
    height: auto !important;
    margin-bottom: 0 !important;
  }
}
  &.owl-carousel {
    overflow: hidden;
  }
}

.owl-controls {

}
.owl-video-wrapper {

}
.owl-video-play-icon {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0,0,0,0.6);
  position: relative;
  z-index: 2;
  &:before {
    @include svgIcon;
    position: absolute;
    $w:32;
    width: $w + px;
    height: $w + px;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px;
    content: '\e902';
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 32px;
    background: none;
    z-index: 2;
    font-weight: 700;
  }
}
.owl-video-tn {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.owl-video-wrapper {
  height: 300px;
  float: left;
  width: 100%;
}

.owl-video-frame {
  z-index: 3;
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  iframe {
    width: 100% !important;
    max-height: 100% !important;
  }
}
.owl-height {
  @include Transition(0.35);
}

.owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  float: left;
}

.owl-stage-outer {
  position: relative;
  //overflow: hidden;
  -webkit-transform: translate3d(0,0,0);
}
.owl-item {
  float: left;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  //-webkit-transform: translate3d(0,0,0);
  //-moz-transform: translate3d(0,0,0);
  //-ms-transform: translate3d(0,0,0);
  -webkit-tap-highlight-color: transparent;
  position: relative;
  [class*="col-"] {
    width: 100%;
  }
}

/*dots*/

.owl-dots {
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 15px;

  .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #c6c6c6;
    cursor: pointer;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;

    &.active {
      position: relative;
      background: #dad9d9;

    }
    &:hover {
      @include Opacity(0.9);
    }
  }
}



/*******/


.slider-articles-wr {

}
.slider-articles {
  overflow: hidden;
  div.articles-items {
    margin-top: 18px;
    line-height: 18px;
    .img-link {
      display: block;
      text-align: center;
      overflow: hidden;
      img {
        vertical-align: top;
        max-width: 100%;
        @include Transition(0.3);
      }
    }
    .articles-link {
      margin-top: 11px;
      display: block;
    }
    p {
      margin-top: 18px;
      a {

      }
    }
    &:nth-child(3n+1) {
      clear: both;
    }
    .articles-excerpt {
      height: 252px;
      overflow: hidden;
      position: relative;
      &:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        height: 45px;
        @include Gradient-vertical(rgba(255,255,255,0),#fff)
      }
    }
    &:hover {
      .img-link {
        img {
          @include filter-gray(80%);
          @include Scale(1.05);
        }
      }
    }
  }
  &.owl-carousel {
    div {
      float: left;
    }
    .owl-item {
      float: left;
      padding: 0 15px;
      .articles-items {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        clear: none !important;
      }
    }
  }
}
.arrows-sales-wr{padding-right: 0 !important;}
.row-sliders-home .arrows-sales-wr{padding-left: 22px;}

.btn-l_, .btn-r_ {
  //margin-top: 15px;
  margin-top: 29px;
  position: relative;
  width: 16px;
  height: 32px;
  cursor: pointer;
  float: right;
  @include svgIcon;
   &.vis_ {
    display: block !important;
  }

  &:before {
    color: #ced0d6;
    line-height: 32px;
    content: '\e916';
    font-size: 16px;
  }
  &.lock {
    opacity: 0.3;
    cursor: default;
    &:before {
      color: #ced0d6;
    }
  }
  &:hover {
    &:before {
      color: #9fa1a7;
    }
  }
  &:active {
    &:before {
      color: #86888e;
    }
  }
}
.btn-r_ {
  margin-left: 13px;
  &:before {
    content: '\e917';
  }

}

/***********slider-first***********/

.slider-first-wrapp {
  width: 100%;
  float: left;

}
.slider-first {
  position: relative;
  overflow: hidden;

  &.owl-carousel {

    text-align: center;
  }

  .owl-stage-outer {
    float: left;
  }
  .owl-controls {

  }


  .owl-dots {
    //margin-top: 43px;
    //float: none;
    //padding: 0;
    //position: relative;
    //width: auto;
    //right:auto;
    //left: auto;
    //bottom: auto;
    //margin-right: 0;
    //margin-left: 0;
    &:first-child {
      //margin-left: 0;
    }
    .owl-dot {

    }
  }
  div.slider-first-items {
    //margin-top: 30px;
    width: 100%;
    float: left;
    a {
      position: relative;
      color: #fff;
      font-size: 24px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 29px;
      width: 100%;
      float: left;
      display: block;
      img {
        max-width: 100%;
        vertical-align: top;
      }
    }
    &:hover {
      img {

      }
    }
  }

  &.owl-carousel {
    //height: auto;
  }
}

.slider-first .owl-item div.slider-first-items a img {
  margin-left: -1px;
}


.owl-controls-wrapp {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 60px;
}
.owl-controls-pre-bl {
  padding-right: 0 !important;
}


@media (min-width: 992px) {
  .row.row-sliders-home {
    margin-left: -22px;
    margin-right: -22px;
  }
  .sliders {
    &.slider-home {
      .owl-item {
        opacity: 0;
        @include Transition(0.3);
        &.active {
          opacity: 1;
          @include Transition(0.5);
        }
      }
    }
  }
}
.new-nav-block {
text-align: center;
  margin-top: 26px;
}
.owl-controls {
  display: inline-block;
  position: relative;
  padding: 0 0;
  .owl-nav {
    float: left;

    div {
      position: absolute;
      width: 10px;
      height: 18px;
      top: 50%;
      margin-top: -7px;
      cursor: pointer;
      background: url("../images/slider-left.svg");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 10px 18px;
      left: -26px;
      &.owl-next {
        background: url("../images/slider-right.svg");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: 10px 18px;
        left: auto;
        right: -26px;
      }

      &.disabled {
        opacity: 0.4;
      }
    }
  }
  .owl-dots {
    position: relative;
    display: inline-block;

    bottom: auto;
    left: auto;
    padding: 0;
  }
}
@media (min-width: 767px) {

  .sliders {
    &.slider-home {
      overflow: hidden;
    }
  }
}



@media (max-width: 1200px) {
  .owl-controls-wrapp {
    bottom: 30px;
  }
  .slider-first-wrapp {

  }
  .slider-first {


    &.owl-carousel {

    }
  }
}

@media (max-width: 991px) {
  .slider-first-wrapp {
    height: auto;

    overflow: hidden;
  }
  .slider-first {
    height: auto;
    &.owl-carousel {
      height: auto;
    }
  }
}
@media (max-width: 920px) {
  .slider-first-wrapp {

  }

}

@media (max-width: 900px) {
  .slider-first-wrapp {

  }

}

@media (max-width: 870px) {
  .slider-first-wrapp {

  }
}

@media (max-width: 850px) {
  .slider-first-wrapp {

  }
}

@media (max-width: 800px) {

}

@media (max-width: 780px) {

}

@media (max-width: 767px) {
  .sliders {

    &.slider-home {
      overflow: hidden;
      margin-bottom: 24px;
      padding-bottom: 0;

    }
  }

  .arrows-sales-wr {
    .btn-l_, .btn-r_ {
      display: none !important;
    }
    text-align: center;
    .title-blocks-home {float: none;margin-top: 4px}
  }
  .title-blocks-home-tabs {
    padding-left: 15px;
    margin-right: 15px;
    float: none;

  }
  .slider-tabs {
    margin-top: -4px;
  }
  //.owl-dots .owl-dot {
  //  width: 12px;
  //  height: 12px;
  //  background: #ced0d6 !important;
  //  &.active {
  //    background: #fff !important;
  //  }
  //}
  //.sliders.slider-home .owl-dots .owl-dot {
  //  border-color: #ced0d6;
  //
  //
  //}
}
@media (max-width: 550px) {


  .options-hide-blocks {
    ul {
      max-width: 196px;
    }
  }

  .more-hide-options {
    right: auto;
    left: 196px;
  }

}
@media (max-width: 450px) {




}

@media (max-width: 400px) {

}

@media (max-width: 370px) {

}

@media (max-width: 360px) {

}

@media (max-width: 350px) {

}

@media (max-width: 340px) {

}

@media (max-width: 330px) {

}
@media (max-width: 325px) {

}






.slider-home {
  .owl-height {
    overflow: hidden;
  }
}



