.scs-carousel{

}


.scs-carousel .slick-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: scale(0.9);
  opacity: 0.9;
}


.scs-carousel .slick-slide img {
max-width: 120%;
max-width: 1200px;
}


.scs-carousel .slick-center {
  transform: scale(1.1);
  opacity: 1;
  z-index: 2;
  left: 0px;
  position: relative;
}


.slick-slide[aria-hidden="true"] {
  /* your styles here */
  /* opacity: 0; */
 
}



.scs-carousel .slick-prev.slick-arrow{
  position: absolute;
  z-index: 999;
  left: 50px;
  display: block;
  width: 32px;
  height: 32px;
  background: url('img/bubble_arrow_left.png') no-repeat center center;
}


.scs-carousel .slick-next.slick-arrow{
  position: absolute;
  z-index: 999;
  right: 50px;
    display: block;
  width: 32px;
  height: 32px;
  background: url('img/bubble_arrow_right.png') no-repeat center center;
}



.slick-prev::before,
.slick-next::before {
  display: none;
}











#slick-carousel-gallery-demo2 .slick-slide a{
  display: block;
  position: relative;
  z-index: 10;
  width: inherit;
  height: inherit;

}



#slick-carousel-gallery-demo2 .slick-slide a span{
display: block;
position: absolute;
z-index: 5;
top: 120px;
left:0; 
right: 0;
width: 100%;
text-align: center;
}




#slick-carousel-gallery-demo2 .slick-slide a span .line{
display: block;
margin: 0 auto;
height: 1px;
width: 80px;
margin-top: 40px;
border-bottom: 1px solid #000;
}



#slick-carousel-gallery-demo2 .slick-slide a span h4{
color: #000;
font-size: 40px;
line-height: 40px;
font-weight: 300;
}








#slick-carousel-gallery-demo2 div.slick-slide{
    margin: 10px;
height: 635px;
background-size:cover !important; 
background-position: center bottom !important;
background-repeat: no-repeat !important;
}



#slick-carousel-gallery-demo2 .slick-prev.slick-arrow{
  position: absolute;
  z-index: 999;
  left: -50px;
  display: block;
  width: 26px;
  height: 49px;
  background: url('img/celsium_arrow_left.png') no-repeat center center;
}



#slick-carousel-gallery-demo2 .slick-next.slick-arrow{
  position: absolute;
  z-index: 999;
  right: -50px;
  display: block;
  width: 26px;
  height: 49px;
  background: url('img/celsium_arrow_right.png') no-repeat center center;
}



.lg-container.lg-show button.lg-prev{
  background-color: transparent !important;
  display: block;
  width: 32px;
  height: 32px;
  background: url('img/bubble_arrow_left.png') no-repeat center center;
}

.lg-container.lg-show .lg-prev::after {
  content: none;
}




.lg-container.lg-show button.lg-next{
  background-color: transparent !important;
  display: block;
  width: 32px;
  height: 32px;
  background: url('img/bubble_arrow_right.png') no-repeat center center;
}

.lg-container.lg-show .lg-next::before {
  content: none;
}


.lg-container.lg-show button.lg-close{
  background-color: transparent;
} 

 .lg-outer .lg-thumb-item {
    border-radius: 0 !important;
    border: 1px solid #fff !important;
 }


.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #800116 !important;
}



 

@media (max-width: 768px) {


.scs-carousel .slick-prev.slick-arrow{

  left: 20px;

}


.scs-carousel .slick-next.slick-arrow{

  right: 20px;

}




.scs-carousel .slick-slide img {
width: 500px !important;
max-width: 100% !important;
height: auto;
object-fit: contain;
}









#slick-carousel-gallery-demo2 .slick-prev.slick-arrow{

  left: 40px;
    top: 155px;
 
}



#slick-carousel-gallery-demo2 .slick-next.slick-arrow{
  
  right: 40px;
  top: 155px;
 
}


#slick-carousel-gallery-demo2 .slick-prev.slick-arrow {

  width: 26px;
  height: 34px;
 
}


#slick-carousel-gallery-demo2 .slick-next.slick-arrow {

  width: 26px;
  height: 34px;
 
}






}







@media (max-width: 500px) {



#slick-carousel-gallery-demo2 div.slick-slide {
  margin: 10px;
  height: 520px;
  /* background-size: cover !important; */
  background-size: 120% !important;
  background-position: center bottom !important;
  background-repeat: no-repeat !important;
}



#slick-carousel-gallery-demo2 div.cat-id-51.slick-slide,
#slick-carousel-gallery-demo2 div.cat-id-52.slick-slide {

  background-size: 100% !important;
 
}











#slick-carousel-gallery-demo2 .slick-slide a span {
    display: block;
    position: absolute;
    z-index: 5;
    top: 120px;
    left: 0;
    right: 0;
    width: 200px !important;
    text-align: center;
    margin: 0 auto !important;
}


#slick-carousel-gallery-demo2 .slick-slide a span h4 {
    color: #000;
    font-size: 40px;
    line-height: 50px;
    font-weight: 300;
}





}