/**
 * Cactus Slider BS-Carousel Customisation
 * BS Glyphicons removed, replaced with Font Awesome
 * Last update: 11/11/2016
*/
.carousel{position:relative}
.carousel-inner{position:relative;overflow:hidden;width:100%}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left;-webkit-transform: translateZ(0) !important; transform: translateZ(0) !important;}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto;line-height:1; margin:0 auto;}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.carousel-control.left{background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0), color-stop(rgba(0,0,0,0.5) 100%));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
.carousel-control:hover,.carousel-control:focus{outline:none;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,             /* Font Awesome */
.carousel-control .fa-chevron-right {
    position:absolute;top:50%;z-index:5;display:inline-block
}

.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {            /* Font Awesome */
    left:5%; color:#fff;
}
.carousel-control .icon-next,
.carousel-control .fa-chevron-right {           /* Font Awesome */
    right:5%; color:#fff;
}

.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}
.indicators-wrap { width:100%; height:15px; position:absolute; bottom:5px; z-index:15; text-align:center; }
.carousel-indicators { position: absolute; z-index: 5; margin: 0; list-style: none !important; width: auto; }
.carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; }

.carousel-indicators .active {
    background-color: #fff;

    /* Overwrite default BS styles */
    height: 12px !important;
    margin: 0 0 0 5px !important;;
    width: 12px !important;;
}

.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.carousel-caption .btn{text-shadow:none}

@media screen and (min-width:768px){
    .carousel-control .fa-chevron-left,             /* Font Awesome */
    .carousel-control .fa-chevron-right,            /* Font Awesome */
    .carousel-control .icon-prev,
    .carousel-control .icon-next{ width:30px;height:30px;margin-top:-15px; /* margin-left:-15px; */ margin-left:0; font-size:30px; }

    .carousel-caption{left:20%;right:20%;padding-bottom:30px}
    .carousel-indicators{bottom:20px}
}

/* Carousel Fade */
.carousel-fade .carousel-inner .item {
    transition-duration: 1s;
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active { opacity: 1; }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }

.carousel-fade .carousel-control { z-index: 2; }