.cm-slides-container {
    height: 100%;
    width: 100%;
    overflow: visible;
    position: relative;
}

.cm-slides-container .cm-slides-mask {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.cm-slides-container ul {
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
    width: 100%;
}

.cm-slides-container li {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: -100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.cm-slides-container li.cm-slides-aniX {
    left: 0;
    top: 0;
}

.cm-slides-container li.cm-slides-ani a,
.cm-slides-container li.cm-slides-ani img {
    border: none;
}

.cm-slides-controls {
    visibility: hidden;
}

.cm-slides-container .cm-slides-button {
    position: absolute;
    bottom: 8px;
    text-align: center;
    width: 100%;
}

.cm-slides-container .cm-slides-button .cm-slides-button-pos {
    opacity: .8;
    font-size: 1px;
    color: white;
    box-sizing: border-box;
    border: 2px solid white;
    border-radius: 6px;
    background: white;
    padding: 1px;
    margin: 2px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.cm-slides-container .cm-slides-button .cm-slides-button-pos-active {
    background: black;
}

.cm-slides-container .cm-slides-button-prev {
    margin-top: -22px;
    margin-left: 5px;
    top: 50%;
    position: absolute;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(/res/js/lib/slideshow/arrows.png);
    background-position: left top;
    left: 0;
    z-index: 1;
}

.cm-slides-container .cm-slides-button-prev:hover {
    background-position: left bottom;
}

.cm-slides-container .cm-slides-button-next:hover {
    background-position: right bottom;
}

.cm-slides-container .cm-slides-button-next {
    margin-top: -22px;
    margin-right: 5px;
    top: 50%;
    position: absolute;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background-color: transparent;
    background-image: url(/res/js/lib/slideshow/arrows.png);
    background-position: right top;
    right: 0;
    z-index: 1;
}

.cm-slides-container .cm-slides-progress-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #FFF;
    opacity: 0;
}

.cm-slides-container .cm-slides-over {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.cm-slides-container.cm-slides-container-hover .cm-slides-progress-bar,
.cm-slides-container.stop .cm-slides-progress-bar {
    animation-play-state: paused;
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

.cm-slides-container.cm-slides-container-hover .cm-slides-over {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

@-moz-keyframes fullexpand1 {
    0% {
        width: 0;
        opacity: 0;
    }

    25% {
        width: 0;
        opacity: .3;
    }

    100% {
        width: 100%;
        opacity: .7;
    }
}

@-webkit-keyframes fullexpand1 {
    0% {
        width: 0;
        opacity: 0;
    }

    25% {
        width: 0;
        opacity: .3;
    }

    100% {
        width: 100%;
        opacity: .7;
    }
}

@keyframes fullexpand1 {
    0% {
        width: 0;
        opacity: 0;
    }

    25% {
        width: 0;
        opacity: .3;
    }

    100% {
        width: 100%;
        opacity: .7;
    }
}

@-moz-keyframes fullexpand2 {
    0% {
        width: 100%;
        opacity: .7;
    }

    25% {
        width: 100%;
        opacity: .3;
    }

    50% {
        width: 100%;
        opacity: 0;
    }

    100% {
        width: 0;
        opacity: 0;
    }
}

@-webkit-keyframes fullexpand2 {
    0% {
        width: 100%;
        opacity: .7;
    }

    25% {
        width: 100%;
        opacity: .3;
    }

    50% {
        width: 100%;
        opacity: 0;
    }

    100% {
        width: 0;
        opacity: 0;
    }
}

@keyframes fullexpand2 {
    0% {
        width: 100%;
        opacity: .7;
    }

    25% {
        width: 100%;
        opacity: .3;
    }

    50% {
        width: 100%;
        opacity: 0;
    }

    100% {
        width: 0;
        opacity: 0;
    }
}

@-moz-keyframes cycleHorizontalOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: -100%;
        top: 0;
        opacity: 0;
    }
}

@-webkit-keyframes cycleHorizontalOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: -100%;
        top: 0;
        opacity: 0;
    }
}

@keyframes cycleHorizontalOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: -100%;
        top: 0;
        opacity: 0;
    }
}

@-moz-keyframes cycleHorizontalInNext {
    0% {
        left: 100%;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes cycleHorizontalInNext {
    0% {
        left: 100%;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@keyframes cycleHorizontalInNext {
    0% {
        left: 100%;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes cycleHorizontalOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 100%;
        top: 0;
        opacity: 0;
    }
}

@-webkit-keyframes cycleHorizontalOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 100%;
        top: 0;
        opacity: 0;
    }
}

@keyframes cycleHorizontalOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 100%;
        top: 0;
        opacity: 0;
    }
}

@-moz-keyframes cycleHorizontalInPrev {
    0% {
        left: -100%;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes cycleHorizontalInPrev {
    0% {
        left: -100%;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@keyframes cycleHorizontalInPrev {
    0% {
        left: -100%;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes cycleVerticalOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes cycleVerticalOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: 100%;
        opacity: 0;
    }
}

@keyframes cycleVerticalOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: 100%;
        opacity: 0;
    }
}

@-moz-keyframes cycleVerticalInNext {
    0% {
        left: 0;
        top: -100%;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes cycleVerticalInNext {
    0% {
        left: 0;
        top: -100%;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@keyframes cycleVerticalInNext {
    0% {
        left: 0;
        top: -100%;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes cycleVerticalOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: -100%;
        opacity: 0;
    }
}

@-webkit-keyframes cycleVerticalOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: -100%;
        opacity: 0;
    }
}

@keyframes cycleVerticalOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: -100%;
        opacity: 0;
    }
}

@-moz-keyframes cycleVerticalInPrev {
    0% {
        left: 0;
        top: 100%;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes cycleVerticalInPrev {
    0% {
        left: 0;
        top: 100%;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@keyframes cycleVerticalInPrev {
    0% {
        left: 0;
        top: 100%;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes cycleFadeOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
    }
}

@-webkit-keyframes cycleFadeOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
    }
}

@keyframes cycleFadeOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
    }
}

@-moz-keyframes cycleFadeInNext {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes cycleFadeInNext {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@keyframes cycleFadeInNext {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes cycleFadeOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
    }
}

@-webkit-keyframes cycleFadeOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
    }
}

@keyframes cycleFadeOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
    }
}

@-moz-keyframes cycleFadeInPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes cycleFadeInPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@keyframes cycleFadeInPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes cycleScaleOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
        -moz-transform: scale(5, 5);
        -webkit-transform: scale(5, 5);
        -o-transform: scale(5, 5);
        transform: scale(5, 5);
    }
}

@-webkit-keyframes cycleScaleOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
        -moz-transform: scale(5, 5);
        -webkit-transform: scale(5, 5);
        -o-transform: scale(5, 5);
        transform: scale(5, 5);
    }
}

@keyframes cycleScaleOutNext {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
        -moz-transform: scale(5, 5);
        -webkit-transform: scale(5, 5);
        -o-transform: scale(5, 5);
        transform: scale(5, 5);
    }
}

@-moz-keyframes cycleScaleInNext {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes cycleScaleInNext {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@keyframes cycleScaleInNext {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-moz-keyframes cycleScaleOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
        -moz-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

@-webkit-keyframes cycleScaleOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
        -moz-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

@keyframes cycleScaleOutPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 1;
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        left: 0;
        top: 0;
        opacity: 0;
        -moz-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
    }
}

@-moz-keyframes cycleScaleInPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes cycleScaleInPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

@keyframes cycleScaleInPrev {
    0% {
        left: 0;
        top: 0;
        opacity: 0;
    }

    100% {
        left: 0;
        top: 0;
        opacity: 1;
    }
}

.cm-slides-cycleFlip-ul {
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective-origin: 50% 50%;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    -o-perspective-origin: 50% 50%;
}

@-moz-keyframes cycleFlipOutNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }
}

@-webkit-keyframes cycleFlipOutNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }
}

@keyframes cycleFlipOutNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }
}

@-moz-keyframes cycleFlipInNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}

@-webkit-keyframes cycleFlipInNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}

@keyframes cycleFlipInNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}

@-moz-keyframes cycleFlipOutPrev {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }
}

@-webkit-keyframes cycleFlipOutPrev {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }
}

@keyframes cycleFlipOutPrev {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }
}

@-moz-keyframes cycleFlipInPrev {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}

@-webkit-keyframes cycleFlipInPrev {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}

@keyframes cycleFlipInPrev {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}

.cm-slides-cycleQFlip-ul {
    -webkit-perspective: 800;
    -moz-perspective: 800px;
    -ms-perspective: 800;
    perspective: 800;
    -webkit-transform-origin: 50% 100px 0;
    -moz-transform-origin: 50% 100px 0;
    -ms-transform-origin: 50% 100px 0;
    transform-origin: 50% 100px 0;
}

@-moz-keyframes cycleQFlipOutNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }
}

@-webkit-keyframes cycleQFlipOutNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }
}

@keyframes cycleQFlipOutNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
    }
}

@-moz-keyframes cycleQFlipInNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}

@-webkit-keyframes cycleQFlipInNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}

@keyframes cycleQFlipInNext {
    0% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    50% {
        left: 0;
        top: 0;
        transform: rotateX(90deg);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
    }

    100% {
        left: 0;
        top: 0;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
    }
}