/*body#cube-transition-body {*/
    /*overflow: hidden;*/
    /*height: 100%;*/
/*}*/

body.path-frontpage, body.path-frontpage .region.region-content {
    /*-webkit-perspective: 1920px;*/
    /*perspective: 1920px;*/
    /*-moz-perspective: 1920px;*/
    position: relative;
    height: 100%;
    /*height: 101vh;*/
    width: 100%;
    background: #f5f5f5;
    overflow: hidden;
}
body.path-frontpage .region.region-content {
-webkit-perspective: 1920px;
perspective: 1920px;
-moz-perspective: 1920px;
}
body.path-frontpage .content_layout > .col-md-12 {
    padding: 0;
}
body.path-frontpage .container {
    /*padding: 0;*/
}
.body-cube {
    position: relative;
    /*!*height: 100%;*!*/
    /*height: 100vh;*/
    width: 100%;
    -webkit-perspective: 1920px;
    perspective: 1920px;
    -moz-perspective: 1920px;
    /*background: #fff;*/
    /*z-index: 9;*/
}
#block-blokvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    height: 100vh;
    /*-webkit-perspective: 1200px;*/
    /*perspective: 1200px;*/
    /*-webkit-transform-style: preserve-3d;*/
    /*transform-style: preserve-3d;*/
    background: black;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    /*font-size: 5em;*/
    /*color: #fff;*/
    /*visibility: hidden;*/
    transition: opacity 5ms;
    z-index: 99;
}
#cubeTransition h2 {
    color:#fff;
}
body.path-frontpage #block-views-block-slaidsou-block-1 {
    /*min-height: 100%;*/
    /*width: 103vw;*/
    height: 100%;
    min-height: 100vh;
    /*position: absolute;*/
    /*background: black;*/
    /*background-size: cover;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: opacity 5ms;
    /*z-index: 99;*/
    /*margin: 0;*/
    padding: 0;
}

.visible {
    visibility: visible !important;
}
.hideble {
    visibility: hidden!important;
}

.top { z-index: 9999 }

.rotateCubeTopOut {
    transform-origin: 50% 100%;
    animation: rotateCubeTopOut 0.6s both ease-in;
}

.rotateCubeTopIn {
    transform-origin: 50% 0%;
    animation: rotateCubeTopIn 0.6s both ease-in;
}

.rotateCubeBottomOut {
    transform-origin: 50% 0%;
    animation: rotateCubeBottomOut 0.6s both ease-in;
}

.rotateCubeBottomIn {
    transform-origin: 50% 100%;
    animation: rotateCubeBottomIn 0.6s both ease-in;
}
@keyframes
rotateCubeTopOut {  50% {
    animation-timing-function: ease-out;
    transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
}
    100% {
        opacity: .3;
        transform: translateY(-100%) rotateX(90deg);
    }
}
@keyframes
rotateCubeTopIn {  0% {
    opacity: .3;
    transform: translateY(100%) rotateX(-90deg);
}
    50% {
        animation-timing-function: ease-out;
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
    }
}
@keyframes
rotateCubeBottomOut {  50% {
    animation-timing-function: ease-out;
    transform: translateY(50%) translateZ(-200px) rotateX(-45deg);
}
    100% {
        opacity: .3;
        transform: translateY(100%) rotateX(-90deg);
    }
}
@keyframes
rotateCubeBottomIn {  0% {
    opacity: .3;
    transform: translateY(-100%) rotateX(90deg);
}
    50% {
        animation-timing-function: ease-out;
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);
    }
}

#bullets {
    position: absolute;
    width: 100%;
    bottom: 20px;
    padding: 0;
    margin: 0;
    text-align: center;
}

#bullets li {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 3px;
    background: rgba( 255, 255, 255, 0.5 );
    box-shadow: 0px 0px 4px rgba( 0, 0, 0, 0.2 );
    cursor: pointer;
    -webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
}

#bullets li:hover { background: rgba( 255, 255, 255, 0.8 ); }

#bullets li.active {
    cursor: default;
    background: #fff;
}