/**
Tab right
*/

.vertical-slider-navbar{
background:#000000;
padding:10px;
}

.vertical-slider-navbar .direction-nav{
position:relative;
}

.vertical-slider-navbar .direction-nav:before{
content:'';
display:inline-block;
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width:30px;
height:30px;
color:#ffffff;
font-size:30px;
}

.vertical-slider-navbar .direction-nav.direction-nav-next:before{
content:'\f138';
}

.vertical-slider-navbar .direction-nav.direction-nav-prev:before{
content:'\f137';
}


.tabs-right .nav-tabs {
    border-bottom: 0;
}

.tab-content  .tab-pane,
.pill-content  .pill-pane {
    display: none;
}

.tab-content  .active,
.pill-content  .active {
    display: block;
}

#slider1 {
    width: 40%;
    height: 500px;
    float: right;
    margin-left: 19px;
    padding: 0;
    background: url('/images/box-title-bg.png') no-repeat;
    background-size:cover;
}

.tabs-right .tab-content > .tab-pane{
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat;
    position: relative;
    height: 500px;
    width: 60%;
}

.tabs-right .tab-content > .tab-pane > .pane-content{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px;
    background: rgba(0,0,0,0.8);

}

.tabs-right .nav-tabs .viewport .overview li.active:before{
    position: absolute;
    width: 50px;
    height: 100px;
    left: 0;
    z-index: 999;   
    background: url('/images/slider/caret.png');
    background-repeat: no-repeat;
    background-position: center;
    content: ' ';
}

.tabs-right .nav-tabs .viewport .overview li {
    float: none;
    border-bottom: 1px solid #98E3FF;
}

.tabs-right .nav-tabs .viewport .overview > li > a:first-child{
    color: #ffffff;
    padding: 5px 15px;
    cursor:pointer;
}

.tabs-right .thumbnail{
    margin-bottom: 0px !important;
    border-radius: 0;
}

/*.tabs-right  .nav-tabs .overview li > a:first-child {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-right .nav-tabs li .thumbnail{
    margin-bottom: 0px !important;
    border-radius: 0;
}*/

/*.tabs-right  .nav-tabs .overview > li h4{
    margin-bottom: 5px !important;
}

.tabs-right  .nav-tabs .overview > li > a{
    color: #ffffff;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 5px 15px;
    cursor:pointer;
}

.tabs-right  .nav-tabs .overview > .active > a{
    background: rgba(0,0,0,0.8);

}

.tabs-right  .nav-tabs .overview > li > a:hover,
.tabs-right  .nav-tabs .overview > li > a:focus {
    //background: rgba(0,0,0,0.8);
    color: #ffffff;
    border: none;
}

.tabs-right  .nav-tabs .overview .active > a{
    background: transparent;
}

.tabs-right .nav-tabs .overview .active > a:hover,
.tabs-right .nav-tabs .overview .active > a:focus {
    //background: rgba(0,0,0,0.8);
    cursor:pointer;
}

.tabs-caret{
    position: absolute;
    width: 50px;
    height: 100px;
    left: 0px;
    z-index: 999;
    background: url('/images/slider/caret.png');
    background-repeat: no-repeat;
    background-position: center;
}

.tabs-right  .nav-tabs .viewport .overview > li.active:before{
    position: absolute;
    width: 50px;
    height: 100px;
    left: 0;
    z-index: 999;
    background: url('/images/slider/caret.png');
    background-repeat: no-repeat;
    background-position: center;
    content: ' ';
}*/

@media screen and (max-width: 767px){
    .tabs-right #slider1{
        width: 100%;
        float: none;
        height: auto;
        margin-left: 0;
    }
    .tab-content{
        display: none;
    }    
    #slider1 .overview > li{
        height: auto;
    }
    .tabs-right  .nav-tabs .overview > li.active:before{
        display: none;
    }
}

.forwardlink{
    color: #fff;
}