.swiper {
  overflow: hidden;
}

/* Disable all swiper animations */
.swiper,
.swiper * {
  transition-duration: 0ms !important;
  animation-duration: 0ms !important;
}

/* Prevent any initial movement */
.swiper-wrapper {
  will-change: transform;
}

/* ================= MAIN SLIDER ================= */
.slider-wrapper{
  position:relative;
  margin-bottom: 10%;	
}

.mySwiper2{
  width:100%;
  height: 660px;
}

.mySwiper2 img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ================= THUMB SLIDER (OVERLAY) ================= */
.mySwiper{
  position:absolute;
  bottom: -15%;
  left:0;
  right:0;
  padding:0 30px;
  z-index:10;
}

.mySwiper .swiper-slide{
  background:#fff;
  border-radius:18px;
  padding:15px;
  text-align:center;
  cursor:pointer;
/*   opacity:.65; */
  transition:.3s ease;
}
.swiper-slide a{
  text-decoration: none;
}
.mySwiper .swiper-slide-thumb-active{
 background: #f69b4c;
  opacity:1;
  transform:translateY( 3px);
}
.mySwiper .swiper-slide-thumb-active h2{
  color:#fff;
}
.thumb-item img{
  width:100%;
}

.thumb-item h2{
  font-size: 18px;
  margin:12px 0 0;
  font-weight:700;
  color:#666;
  line-height:1.3;
  text-transform:uppercase;
}

/* ================= RESPONSIVE ================= */
@media(max-width:991px){
  .mySwiper2{height: 420px;}
  .thumb-item img{height:100px;}
	.slider-wrapper{margin-bottom: 40px;}
}

@media(max-width:575px){
	.slider-wrapper{margin-bottom: 10px !important;}
  .mySwiper2{height: 300px;}
  .mySwiper{
    bottom: -53px;
    padding:0 15px;
  }
  .thumb-item img{height:80px;}
  .thumb-item h2{font-size:12px;}
	.mySwiper2 img{
  width:100%;
  height:100%;
  object-fit: fill;
}
}