@import url("bootstrap-glyphicons.css");

body{
    background-color: transparent;
}

.carousel-control{
    background-color: #434a54;
    opacity: 1;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-control.left{
    margin-left: 0px !important;
}

.carousel-control.right{
    margin-right: 0px !important;
}

.item .col-sm-3{
    padding-left: 5px;
    padding-right: 5px;
}


.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
    margin-right: -6px !important;
}

.carousel-inner .active.left {
    left: -25%;
}

.carousel-inner .next {
    left: 25%;
}

.carousel-inner .prev {
    left: -25%;
}

.carousel-control {
    width: 4%;
}

.carousel-control.left, .carousel-control.right {
    margin-left: 15px;
    background-image: none;
}

.p-l-0{
    padding-left: 0px;
}

@media screen and (min-width: 680px){
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: 6px;
    }
}


@media (max-width: 601px) {
    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
        margin-right: 3px;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
        font-size: 50px;
    }

}