/*Slider 1*/
.slider-back {
     background-size: cover;
     height: 90vh;
}

.slick-dots {
     bottom: 25px;
}

.slick-dotted.slick-slider {
     margin-bottom: 0;
}

.slick-dots li button:before {
     content: none
}

.slick-dots li {
     opacity: 0.5;
     background: #969595;
     width: 5%;
     height: 16px;
     margin: 0 10px;
     transition: all .2s ease-in-out;
}

.slick-dots li:hover {
     opacity: 1;
     transition: all .2s ease-in-out;
}

.slick-dots li.slick-active {
     transition: all .2s ease-in-out;
     opacity: 1;
     background: #dd2d40;
}

@media (max-width: 768px){
     #slider-1{
          background-position-x: 50%;
     }

     #slider-1 > h2{
          margin: 3rem 0 !important;
     }

     #slider-2  {
          background-position-x: 40%;
     }

}

/*Slider 2*/
.slider-multiple > .slick-dots {
     bottom: -15px;
 }


 .slider-multiple > .slick-dots li {
     opacity: 0.5;
     background: transparent;
     border: 1px solid #969595;
     width: 5%;
     height: 16px;
     margin: 0 10px;
     transition: all .2s ease-in-out;
}

.slider-multiple > .slick-dots li.slick-active {
     transition: all .2s ease-in-out;
     opacity: 1;
     background: #dd2d40;
     border: 0;
}



 .slider-projects > .slick-dots {
     bottom: 5%;
     z-index: 9999999;
     position: absolute;
 }


 .slider-projects > .slick-dots li {
     opacity: 0.5;
     background: transparent;
     border: 1px solid #969595;
     width: 5%;
     height: 16px;
     margin: 0 10px;
     transition: all .2s ease-in-out;
}

.slider-projects > .slick-dots li.slick-active {
     transition: all .2s ease-in-out;
     opacity: 1;
     background: #dd2d40;
     border: 0;
}