body {
    padding-top:20px
}
#custom_carousel .item {

    color:#000;
    background-color:#eee;
    padding:20px 0;
}
#custom_carousel .controls{
    overflow-x: auto;
    overflow-y: hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#ddd
}
#custom_carousel .controls li {
    display: table-cell;
    width: 1%;
    max-width:90px
}
#custom_carousel .controls li.active {
    background-color:#eee;
    border-top:3px solid orange;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}


$().ready(function(){
     $('[rel="tooltip"]').tooltip();

 });

 function rotateCard(btn){
     var $card = $(btn).closest('.card-container');
     console.log($card);
     if($card.hasClass('hover')){
         $card.removeClass('hover');
     } else {
         $card.addClass('hover');
     }
 }