/* product-slider */


.main-slider.slider-fadein {
  animation: fadeIn 0.3s linear;
}

.main-slider__slide-wrapper {
  outline: none;
  //padding: 1px;
  video {
    max-width: 640px;
  }
}

.main-slider__image {
  width: 100%;
}

.main-slider__video_preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.navigation-slider {
  display: flex !important;
  margin-top: 40px;
}

.navigation-slider__previews > .navigation-slider__image-wrapper,
.main-slider > .main-slider__slide-wrapper {
  display: none;
}

.main-slider > .main-slider__slide-wrapper:first-child {
  display: block;
}

.slider-arrows__arrow,
.navigation-slider__image-wrapper {
  cursor: pointer !important;
}

.navigation-slider .slick-track {
  display: flex !important;
}

.navigation-slider .slick-slide {
  height: auto !important;
}

.navigation-slider__image-wrapper {
  outline: none;
  margin-right: 30px;
  position: relative;
  border: 1px solid #e4e4e4;
  overflow: hidden;
}

.navigation-slider__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.navigation-slider__image-wrapper.slick-current {
  border: 3px solid #2c71bb;
}

.navigation-slider__play-button {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  
}
@media only screen and (max-width: 767px) {
  .navigation-slider__play-button {
    width: 24px;
    border-radius: 100%;
  }
}
.navigation-slider__play-button:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 9px);
  left: calc(50% - 5px);
  margin: 0 auto;
  border-style: solid;
  border-width: 10px 0 10px 18px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}

.slider-arrows {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.slider-arrows__arrow {
  margin: 0 5px;
  width: 13px;
  height: 13px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  border-color: #494949 !important;
  float: left;
}

.slider-arrows_prev-arrow {
  -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.slider-arrows_next-arrow {
  -moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.slider-arrows__delimiter {
  width: 18px;
  height: 0;
  border-bottom: 2px solid;
  border-color: #494949;
  transform: rotate(-65deg);
  float: left;
}


.main-slider__slide-wrapper .video-btn {
  position: relative;
  margin-top: -61px;
  text-align: left;
  display: block;
  margin-left: 20px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  z-index: 10;

  &:after {
    position: absolute;
    height: 50px;
    width: 50px;
  }

  &.video-btn-play:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232c71bc'%3E%3Cpath d='M24,0C10.745,0,0,10.745,0,24s10.745,24,24,24s24-10.745,24-24S37.255,0,24,0z M31.672,26.828l-9.344,9.344 C20.771,37.729,19.5,37.2,19.5,35V13c0-2.2,1.271-2.729,2.828-1.172l9.344,9.344C33.229,22.729,33.229,25.271,31.672,26.828z'%3E%3C/path%3E%3C/svg%3E");
  }

  &.video-btn-pause:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232c71bc'%3E%3Cpath d='M24,0C10.745,0,0,10.745,0,24s10.745,24,24,24s24-10.745,24-24S37.255,0,24,0z M21,33.064c0,2.201-1.688,4-3.75,4 s-3.75-1.799-3.75-4V14.934c0-2.199,1.688-4,3.75-4s3.75,1.801,3.75,4V33.064z M34.5,33.064c0,2.201-1.688,4-3.75,4 s-3.75-1.799-3.75-4V14.934c0-2.199,1.688-4,3.75-4s3.75,1.801,3.75,4V33.064z'%3E%3C/path%3E%3C/svg%3E");
  }
}

@media only screen and (max-width: 767px) {
  .navigation-slider {
    height: auto;
  }

  .navigation-slider__previews_mobile {
    margin: auto;
  }
  .navigation-slider__previews_mobile .slick-list {
    text-align: center;
  }

  .new-product-bundles .navigation-slider__previews_mobile .slick-track {
    display: inline-block !important;
    height: 20px;
  }

  .new-product-bundles .navigation-slider__previews_mobile .navigation-slider__image-wrapper {
    margin-right: 10px;
    border: none;
    min-width: 20px;
  }


  .new-product-bundles .navigation-slider_mobile-image {
    width: 20px;
    height: 20px;
    border: 10px solid #e4e4e4;
    border-radius: 50%;
  }

  .new-product-bundles .navigation-slider__image-wrapper.slick-current .navigation-slider__image {
    border: 10px solid #c6c6c6;
  }

  .site-wrapper:not(.new-product-bundles) .navigation-slider__previews {
    width: 100%;
  }
  .site-wrapper:not(.new-product-bundles) .navigation-slider__previews .navigation-slider__image-wrapper {
    margin: auto;
    min-width: 50px;
  }

  .slider-arrows_mobile-prev-arrow {
    position: absolute;
    width: 15px;
    height: 15px;
    top: calc(50% - 15px);
    left: 0;
  }

  .slider-arrows_mobile-next-arrow {
    position: absolute;
    width: 15px;
    height: 15px;
    top: calc(50% - 15px);
    right: 0;
  }

  .main-slider_mobile {
    padding: 0 10% !important;
  }
}

/* product-slider ?? */