.carousel-logo .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-logo .carousel-control.left {
  margin-left: -20px;
}
.carousel-logo .carousel-control.right {
  margin-right: 15px;
}
.carousel-logo .cloneditem-1,
.carousel-logo .cloneditem-2,
.carousel-logo .cloneditem-3,
.carousel-logo .cloneditem-4,
.carousel-logo .cloneditem-5 {
  display: none;
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-logo .carousel-inner > .item.active.right, .carousel-logo .carousel-inner > .item.next {
    transform: translate3d(33.33333333%, 0, 0);
    left: 0;
  }
  .carousel-logo .carousel-inner > .item.active.left,
  .carousel-logo .carousel-inner > .item.prev {
    transform: translate3d(-33.33333333%, 0, 0);
    left: 0;
  }
  .carousel-logo .carousel-inner > .item.left,
  .carousel-logo .carousel-inner > .item.prev.right,
  .carousel-logo .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 768px) {
  .carousel-logo .carousel-inner > .active.left,
  .carousel-logo .carousel-inner > .prev {
    left: -33.33333333%;
  }
  .carousel-logo .carousel-inner > .active.right,
  .carousel-logo .carousel-inner > .next {
    left: 33.33333333%;
  }
  .carousel-logo .carousel-inner > .left,
  .carousel-logo .carousel-inner > .prev.right,
  .carousel-logo .carousel-inner > .active {
    left: 0;
  }
  .carousel-logo .carousel-inner .cloneditem-1,
  .carousel-logo .carousel-inner .cloneditem-2,
  .carousel-logo .carousel-inner .cloneditem-3,
  .carousel-logo .carousel-inner .cloneditem-4,
  .carousel-logo .carousel-inner .cloneditem-5 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-logo .carousel-inner > .item.active.right,
  .carousel-logo .carousel-inner > .item.next {
    transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-logo .carousel-inner > .item.active.left,
  .carousel-logo .carousel-inner > .item.prev {
    transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-logo .carousel-inner > .item.left,
  .carousel-logo .carousel-inner > .item.prev.right,
  .carousel-logo .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-logo .carousel-inner > .active.left,
  .carousel-logo .carousel-inner > .prev {
    left: -16.66666667%;
  }
  .carousel-logo .carousel-inner > .active.right,
  .carousel-logo .carousel-inner > .next {
    left: 16.66666667%;
  }
  .carousel-logo .carousel-inner > .left,
  .carousel-logo .carousel-inner > .prev.right,
  .carousel-logo .carousel-inner > .active {
    left: 0;
  }
}




.c-left {
    position: absolute !important;
    top: 42% !important;
    color: #5e5b5b !important;
    opacity: 1 !important;
    font-size: 37px !important;
    background-color: white !important;
    border-radius: 25px !important;
    padding: 3px 5px !important;
}


.carousel-control.left {
    background-image: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0,0,0,.0001) 100%) !important;
    background-image: -o-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0,0,0,.0001) 100%) !important;
    background-image: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0,0,0,.0001) 100%) !important;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0,0,0,.0001) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0, 0, 0, 0) 100%) !important;
    background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0, 0, 0, 0.05))) !important;
    background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0, 0, 0, 0) 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control {
    opacity: 1 !important;
}


.slider-border{
    border: 2px solid #0000001f;
    border-radius: 5px;
}