#tourCarousel {
    width:100%;
    overflow:hidden;
    height:400px;
    position: absolute;
    bottom: 0;
    z-index: 3004
}

#tourCarousel * {    
    pointer-events: all;
}

ul.rtvCarousel {
    top:270px;
    transition: top 1s;
    z-index: 5;
}
ul.rtvCarousel * {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select:none;
}

/* actual filmstrip */

ul.rtvCarousel.thefilm{
    height: 90px !important;
    top: 270px;
    transition: top 1s;
    z-index: 5;
    background-color: rgba(0,0,0,0.5);
}

/* actual filmstrip */

ul.rtvCarousel li.active{ 
    border:2px solid #fff; 
}

.mouseEnabled ul.rtvCarousel:hover li{
    opacity: 0.6;
    
  }
  .mouseEnabled ul.rtvCarousel li:hover {
      border: 2px solid #fff;
      opacity: 1;
  }
  

ul.rtvCarousel li {
    z-index: 6;
    border: 2px solid transparent;
    margin: 5px 5px !important;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
}

#menuBar{
    display:none;
}

.inPlayer #menuBar{
    display:block;
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height:40px;
    background: rgba(53,53,53,1);
    background: -moz-linear-gradient(top, rgba(53,53,53,1) 0%, rgba(31,31,31,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,53,53,1)), color-stop(100%, rgba(31,31,31,1)));
    background: -webkit-linear-gradient(top, rgba(53,53,53,1) 0%, rgba(31,31,31,1) 100%);
    background: -o-linear-gradient(top, rgba(53,53,53,1) 0%, rgba(31,31,31,1) 100%);
    background: -ms-linear-gradient(top, rgba(53,53,53,1) 0%, rgba(31,31,31,1) 100%);
    background: linear-gradient(to bottom, rgba(53,53,53,1) 0%, rgba(31,31,31,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#1f1f1f', GradientType=0 );
    transition: bottom 1s;
    z-index: 5000;
}

.slim #menuBar{
    width:100%;
    height:40px;
    background: rgba(0,0,0,0.7);
}

@media (max-width: 800px) {
    .slim #menuBar{
        height:auto;
    }
}

ul.rtvCarousel {
    display:none;
}
.inPlayer ul.rtvCarousel{
    display:block;
}

#tourCarousel.disabled #menuBar{
    bottom:-140px !important;
}

#tourCarousel > button{
    pointer-events:none;
    opacity:0;
    position:absolute;
    bottom:25px;
    left:50%;
    transform: translate(-50%, 0);
    background:transparent;
    border-width:0;
    color:#fff;
    text-shadow: 0px 0px 3px #000;
    font-size:28px;
    transition:opacity 1s;
}

#tourCarousel.disabled > button{
    pointer-events:all;
    opacity:1;
}

#tourCarousel.disabled ul.rtvCarousel{
    top:400px !important;
}

#tourCarousel.disabled ul.rtvCarousel::after{
    top:395px !important;
}

@media (max-width: 1199px) {
    .autoHideEnabled #tourCarousel ul.rtvCarousel {
        top:400px
    }
    .autoHideEnabled #tourCarousel ul.rtvCarousel::after{
        top:395px;
    }
    .autoHideEnabled #tourCarousel #menuBar{
        bottom:-140px;
    }
    .autoHideEnabled.carouselActive #tourCarousel ul.rtvCarousel,.autoHideEnabled.mouseEnabled #tourcontainer:hover #tourCarousel ul.rtvCarousel {
        top:270px
    }
    .autoHideEnabled.carouselActive #tourCarousel #menuBar, .autoHideEnabled.mouseEnabled #tourcontainer:hover #tourCarousel #menuBar{
        bottom:0;
    }
}