/**
 * swiper plugin#cube
 * @file swiper.cube.css
 */
.mod-swiper.cube{
    -webkit-perspective: 1200px;
       -moz-perspective: 1200px;
        -ms-perspective: 1200px;
            perspective: 1200px;
}
.mod-swiper.cube .mod-swiper-body{
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
       -moz-transition-property: -moz-transform;
         -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
            transition-property: transform;
             -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                 -ms-box-sizing: content-box;
                     box-sizing: content-box;
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
       -moz-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
         -o-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
        -ms-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
            transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);
    overflow: inherit;
}
.mod-swiper.cube .mod-swiper-item{
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
/*    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;*/
}
.mod-swiper.cube.goto-after .mod-swiper-body,
.mod-swiper.cube.goto-before .mod-swiper-body{
    /*animation: name duration timing-function delay iteration-count direction;*/
    /*running | paused*/
    -webkit-animation-play-state: running;
       -moz-animation-play-state: running;
        -ms-animation-play-state: running;
            animation-play-state: running;
    /*none | forwards | backwards | both*/        
    /*-webkit-animation-fill-mode: both; 
       -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
            animation-fill-mode: both; */
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
        -ms-animation-duration: 1s;
            animation-duration: 1s; 
    -webkit-animation-timing-function: ease;
       -moz-animation-timing-function: ease;
        -ms-animation-timing-function: ease;
            animation-timing-function: ease;
    -webkit-animation-delay: 0s;
       -moz-animation-delay: 0s;
        -ms-animation-delay: 0s;
            animation-delay: 0s; 
    -webkit-animation-iteration-count: 1;
       -moz-animation-iteration-count: 1;
        -ms-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
       -moz-animation-direction: normal;
        -ms-animation-direction: normal;
            animation-direction: normal;
}
.mod-swiper.cube.x.goto-after .mod-swiper-body{
    -webkit-animation-name: swiper-cube-x-after;
       -moz-animation-name: swiper-cube-x-after;
        -ms-animation-name: swiper-cube-x-after;
            animation-name: swiper-cube-x-after;
}
@-webkit-keyframes swiper-cube-x-after{
    0% {
        -webkit-transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(-90deg);
    }
}
@-moz-keyframes swiper-cube-x-after{
    0% {
        -moz-transform: rotateY(0deg);
    }
    100% {
        -moz-transform: rotateY(-90deg);
    }
}
@-ms-keyframes swiper-cube-x-after{
    0% {
        -ms-transform: rotateY(0deg);
    }
    100% {
        -ms-transform: rotateY(-90deg);
    }
}
@keyframes swiper-cube-x-after{
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(-90deg);
    }
}
.mod-swiper.cube.x.goto-before .mod-swiper-body{
    -webkit-animation-name: swiper-cube-x-before;
       -moz-animation-name: swiper-cube-x-before;
        -ms-animation-name: swiper-cube-x-before;
            animation-name: swiper-cube-x-before;
}
@-webkit-keyframes swiper-cube-x-before{
    0% {
        -webkit-transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(90deg);
    }
}
@-moz-keyframes swiper-cube-x-before{
    0% {
        -moz-transform: rotateY(0deg);
    }
    100% {
        -moz-transform: rotateY(90deg);
    }
}
@-ms-keyframes swiper-cube-x-before{
    0% {
        -ms-transform: rotateY(0deg);
    }
    100% {
        -ms-transform: rotateY(90deg);
    }
}
@keyframes swiper-cube-x-before{
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(90deg);
    }
}
.mod-swiper.cube.y.goto-after .mod-swiper-body{
    -webkit-animation-name: swiper-cube-y-after;
       -moz-animation-name: swiper-cube-y-after;
        -ms-animation-name: swiper-cube-y-after;
            animation-name: swiper-cube-y-after;
}
@-webkit-keyframes swiper-cube-y-after{
    0% {
        -webkit-transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(90deg);
    }
}
@-moz-keyframes swiper-cube-y-after{
    0% {
        -moz-transform: rotateX(0deg);
    }
    100% {
        -moz-transform: rotateX(90deg);
    }
}
@-ms-keyframes swiper-cube-y-after{
    0% {
        -ms-transform: rotateX(0deg);
    }
    100% {
        -ms-transform: rotateX(90deg);
    }
}
@keyframes swiper-cube-y-after{
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(90deg);
    }
}
.mod-swiper.cube.y.goto-before .mod-swiper-body{
    -webkit-animation-name: swiper-cube-y-before;
       -moz-animation-name: swiper-cube-y-before;
        -ms-animation-name: swiper-cube-y-before;
            animation-name: swiper-cube-y-before;
}
@-webkit-keyframes swiper-cube-y-before{
    0% {
        -webkit-transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(-90deg);
    }
}
@-moz-keyframes swiper-cube-y-before{
    0% {
        -moz-transform: rotateX(0deg);
    }
    100% {
        -moz-transform: rotateX(-90deg);
    }
}
@-ms-keyframes swiper-cube-y-before{
    0% {
        -ms-transform: rotateX(0deg);
    }
    100% {
        -ms-transform: rotateX(-90deg);
    }
}
@keyframes swiper-cube-y-before{
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-90deg);
    }
}
/*
.mod-swiper .mod-swiper-item.current{
    background-color: rgba(255, 0, 0, 0.5);
}

.mod-swiper .mod-swiper-item.maybe.after{   
    background-color: rgba(0, 128, 0, 0.5);
}
.mod-swiper .mod-swiper-item.maybe.before{ 
    background-color: rgba(0, 0, 255, 0.5);
}*/