.carousel .slick-dots li.slick-active button:before {
  color: white !important;
  font-size: 16px !important;
}

.carousel .slick-dots {
  bottom: 80px !important;
}

.carousel .slick-dots li button:before {
  font-size: 16px !important;
  opacity: .25;
  color: white !important;

}

@media (max-width: 640px) {
  .carousel .slide {
    height: 32rem !important;
  }

  .prev,
  .next {
    display: none !important;
  }

  .carousel .slick-dots {
    bottom: 15px !important;
  }


  .carousel .slick-dots li.slick-active button:before,
  .carousel .slick-dots li button:before {
    font-size: 14px !important;
  }
}
@media (max-width: 1024px) {
 .carousel .slide {
    height: 32rem !important;
 }
 .carousel .slick-dots {
   bottom: 15px !important;
 }
}



/* hamburguer menu */
.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}

.line {
  fill: none;
  stroke: white;
  stroke-width: 2;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 2;
}

.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 2;
}

.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 2;
}

.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 2;
}

.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 2;
}

.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 2;
}


/* slider single product */
.slick-list.draggable {
  padding: 0px !important;
}

.slider-for.slick-dotted {
  margin-bottom: 0px !important;
}

.slider-for .slick-dots {
  bottom: auto;
}

.slider-for .slick-dots li.slick-active button:before {
  color: #093C71 !important;
  font-size: 16px !important;
}

.slider-for.slick-dots {
  bottom: 80px !important;
}

.slider-for .slick-dots li button:before {
  font-size: 16px !important;
  color:  #CDCDCD !important;

}