.item-carousel,.item-carousel-large{  height:150px;}
.item-carousel{width: 150px;}
.item-carousel-large{width: 150px;}


.dots-slider,.dots-carousel{position: absolute;   left: 50%; bottom: -10px; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}

.dots-slider .dot-slider,.dots-carousel .dot-carousel {display: inline-block; zoom: 1; *display: inline;}
/*dots carrusel*/
.dots-slider .dot-slider span, .dots-carousel .dot-carousel span {
  width: 50px;
  height: 10px;
  margin: 5px 0px;
  background: #ececec;
  display: block;
  transition: .5s;
}



/*NAV ----------------------- ARROWS*/

.nav-slider{
  position: relative;
  cursor: pointer;
}



.prev-slider{left:-6px; }
.next-slider{right:-6px; }
.prev-slider,.next-slider{top: -50vh;}

.prev-slider, .next-slider,.prev-carousel, .next-carousel{
  transition: .5s;
  width: 40px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color:white;
  margin: 1px;
  cursor: pointer;
  position: absolute;
  background-color:#0c78d0;

}

.prev-carousel{left:-3px;  height: 150px}
.next-carousel{right:-3px;  height: 150px}
.nav-carousel{bottom:0px; position: relative;}

.prev-carousel, .next-carousel{bottom:0px;}



.dots-slider .dot-slider.active span,
.dots-slider .dot-slider:hover span,
.dots-carousel .dot-carousel.active span,
.dots-carousel .dot-carousel:hover span{
  background: #036bc1;color: #ffd100;text-decoration: none;}



@media screen and (max-width: 800px) {


.prev-carousel, .next-carousel{bottom:0px;}
.prev-slider,.next-slider{top: -35vh;}

}