
#myCarouselMC .carousel-inner,#myCarouselMC .carousel,#myCarouselMC .carousel-item,#myCarouselMC .container,#myCarouselMC .fill {
    height:100%;
    min-height:400px;
    width:100%;
    background-position:center center;
    border-radius: 10px;
    background-size:cover;
}
#myCarouselMC .slide-wrapper{display:inline;}
#myCarouselMC .slide-wrapper #myCarouselMC .container{padding:0;}


/*------------------------------ vertical bootstrap slider----------------------------*/

#myCarouselMC .carousel-inner> #myCarouselMC .carousel-item.carousel-item-next ,
#myCarouselMC .carousel-inner > #myCarouselMC .carousel-item.active.carousel-item-right{
    transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0);  top: 0;

}
#myCarouselMC .carousel-inner > #myCarouselMC .carousel-item.carousel-item-prev ,
#myCarouselMC .carousel-inner > #myCarouselMC .carousel-item.active.carousel-item-left{
    transform: translate3d(0,-100%, 0); -webkit-transform: translate3d(0,-100%, 0);  -moz-transform: translate3d(0,-100%, 0);-ms-transform: translate3d(0,-100%, 0); -o-transform: translate3d(0,-100%, 0); top: 0;

}
#myCarouselMC .carousel-inner > #myCarouselMC .carousel-item.next.carousel-item-left ,
#myCarouselMC .carousel-inner > #myCarouselMC .carousel-item.carousel-item-prev.carousel-item-right ,
#myCarouselMC .carousel-inner > #myCarouselMC .carousel-item.active{
    transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); top:0;

}

/*------------------------------- vertical carousel indicators ------------------------------*/
#myCarouselMC .carousel-indicators{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px;
    right:10px; left:auto;
    width:auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
#myCarouselMC .carousel-indicators li{
    display:block; margin-bottom:5px; border:1px solid #ee3e3b;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 2px 15px #767676;

}
#myCarouselMC .carousel-indicators li.active{
    margin-bottom:5px; background:#ee3e3b;

}
.rs-video-container{
    padding-top: 10px;
    height: 400px;

}
.rs-video-container-sm{
    padding: 10px;
    height: 200px;

}
.rs-video-container-sm > iframe{
    width: 100% !important;
    height: 100% !important;
}
.rs-video-container > iframe{
    width: 100% !important;
    height: 100% !important;
}
.rs-mcc-card{
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0 1px 10px rgb(197, 197, 197);
}
.rs-mcc-card:hover{
    background-color: #ee3e3b;
    color: #dadada;
}
