html, body, #carousel, #carousel > ul, #carousel > li {
    min-height: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    overflow:hidden !important;
}

#carousel {
    overflow: hidden;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    -webkit-transform-style: preserve-3d;
}

#carousel ul.pages.animate {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

#carousel ul.pages {
    -webkit-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -moz-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -ms-transform: translate3d(0%,0,0) scale3d(1,1,1);
    -o-transform: translate3d(0%,0,0) scale3d(1,1,1);
    transform: translate3d(0%,0,0) scale3d(1,1,1);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

#carousel ul.pages {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
    position: relative;
}

#carousel li.draggable-page {
    float: left;
    display: block;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0,0,0);
}


/*#carousel li.pane1 { background: #42d692; }
#carousel li.pane2 { background: #4986e7; }
#carousel li.pane3 { background: #d06b64; }
#carousel li.pane4 { background: #cd74e6; }
#carousel li.pane5 { background: #9fe1e7; }
#carousel li.pane6 { background: #ffff00; }
#carousel li.pane7 { background: greenyellow; }
#carousel li.pane8 { background: mediumpurple; }
#carousel li.pane9 { background: purple; }*/


/***** CUSTOM CSS *****/

#carousel li.draggable-page{
    min-height: 600px;
}

#wrapper{
    visibility: hidden;
}

#wrapper.ready{
    visibility: visible;
}

a{
    cursor: pointer;
}



/***** VIDEO ****/

#player{
    width: 100%;
    height: 100%;
    display: block;
    background-color: black;
    float: left;
}

.video-holder img{
    visibility: hidden;
    position: absolute;
}

.page-box{
    font-size: 12px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.video-holder .box-holder{
    display: inherit;
}

#video-canvas{
    width: 100%;
    background-color: #FFFFFF;
}
.video-holder.desktop{
    width: 100% !important;
    height: 100% !important;
}
/***** FOOTER ***/
#carousel .share-box{
    bottom: auto;
    margin-top: 30px;
    z-index: 5000;
}



/***** LAVALAMP ****/
.lavalamp li{
    list-style: none;
}




/*#header{
    position: fixed;
    width: 100%;
    z-index: 4000;
}

#main{
    padding-top: 70px;
}*/

html, body, #magazine, #carousel, #wrapper, .draggable-page, .pages, #main
.tab-block, .tab-content,
{
    overflow: hidden !important;
}

.scrollable{
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
}


/*** STATE ****/

.accordion .active .opener-box{
    display: block !important;
}


/*** TABS **/
/*.js-tab-hidden{position:absolute !important;left:-9999px !important;top:-9999px !important;display:block !important}*/

/** **/

.tab51 .block{background:rgba(0, 116, 188, 0.7);}
.tab52 .block{background:rgba(129, 178, 188, 0.8);}
.tab53 .block{background:rgba(0, 158, 227, 0.6);}
.tab54 .block{background:rgba(0, 81, 135, 0.6);}


.block-holder a:hover .block{
    display: none;
}


.schedule img{
    width: 100%;
}



.prev.hidden,
.next.hidden{
    visibility: hidden;
}



.video-holder .enter{
    right: 20px;
}