/*!
 * Cube Portfolio - Responsive jQuery Grid Plugin
 *
 * version: 3.8.0 (19 September, 2016)
 * require: jQuery v1.7+
 *
 * Copyright 2013-2016, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
 * Licensed under CodeCanyon License (http://codecanyon.net/licenses)
 *
 */

@-webkit-keyframes cbp-rotation {
    0 {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes cbp-rotation {
    0 {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both
}

@-webkit-keyframes quicksand-off {
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0)
    }
}

@keyframes quicksand-off {
    100% {
        opacity: 0;
        transform: scale3d(0, 0, 0)
    }
}

@-webkit-keyframes quicksand-on {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0)
    }
}

@keyframes quicksand-on {
    0% {
        opacity: 0;
        transform: scale3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeOut-off {
    0% {
        opacity: 1
    }
    100%,
    80% {
        opacity: 0
    }
}

@keyframes fadeOut-off {
    0% {
        opacity: 1
    }
    100%,
    80% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut-on {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeOut-on {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes flipOut-out {
    100%,
    50% {
        -webkit-transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes flipOut-out {
    100%,
    50% {
        transform: translateZ(-1000px) rotateY(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOut-in {
    0%,
    50% {
        -webkit-transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@keyframes flipOut-in {
    0%,
    50% {
        transform: translateZ(-1000px) rotateY(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipBottom-out {
    100%,
    50% {
        -webkit-transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes flipBottom-out {
    100%,
    50% {
        transform: translateZ(-1000px) rotateX(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipBottom-in {
    0%,
    50% {
        -webkit-transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@keyframes flipBottom-in {
    0%,
    50% {
        transform: translateZ(-1000px) rotateX(90deg);
        opacity: .2
    }
}

@-webkit-keyframes scaleSides-out {
    100%,
    50% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
}

@keyframes scaleSides-out {
    100%,
    50% {
        transform: scale(.6);
        opacity: 0
    }
}

@-webkit-keyframes scaleSides-in {
    0%,
    50% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
}

@keyframes scaleSides-in {
    0%,
    50% {
        transform: scale(.6);
        opacity: 0
    }
}

@-webkit-keyframes skew-off {
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0) skew(20deg, 0)
    }
}

@keyframes skew-off {
    100% {
        opacity: 0;
        transform: scale3d(0, 0, 0) skew(20deg, 0)
    }
}

@-webkit-keyframes skew-on {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0, 0, 0) skew(0, 20deg)
    }
}

@keyframes skew-on {
    0% {
        opacity: 0;
        transform: scale3d(0, 0, 0) skew(0, 20deg)
    }
}

@-webkit-keyframes fadeOutTop-out {
    0% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
    100%,
    50% {
        -webkit-transform: translateY(-30px);
        opacity: 0
    }
}

@keyframes fadeOutTop-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    100%,
    50% {
        transform: translateY(-30px);
        opacity: 0
    }
}

@-webkit-keyframes fadeOutTop-in {
    0%,
    50% {
        -webkit-transform: translateY(-30px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeOutTop-in {
    0%,
    50% {
        transform: translateY(-30px);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slideLeft-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    25% {
        opacity: .75;
        -webkit-transform: scale(.8)
    }
    75% {
        opacity: .75;
        -webkit-transform: scale(.8) translateX(-200%)
    }
    100% {
        opacity: .75;
        -webkit-transform: scale(.8) translateX(-200%)
    }
}

@keyframes slideLeft-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    25% {
        opacity: .75;
        transform: scale(.8)
    }
    75% {
        opacity: .75;
        transform: scale(.8) translateX(-200%)
    }
    100% {
        opacity: .75;
        transform: scale(.8) translateX(-200%)
    }
}

@-webkit-keyframes slideLeft-in {
    0%,
    25% {
        opacity: .75;
        -webkit-transform: scale(.8) translateX(200%)
    }
    75% {
        opacity: .75;
        -webkit-transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@keyframes slideLeft-in {
    0%,
    25% {
        opacity: .75;
        transform: scale(.8) translateX(200%)
    }
    75% {
        opacity: .75;
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

@-webkit-keyframes flip-out {
    100% {
        opacity: 0;
        -webkit-transform: rotateY(90deg)
    }
}

@keyframes flip-out {
    100% {
        opacity: 0;
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes flip-in {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: rotateY(0)
    }
}

@keyframes flip-in {
    0% {
        opacity: 0;
        transform: rotateY(-90deg)
    }
    100% {
        opacity: 1;
        transform: rotateY(0)
    }
}

@-webkit-keyframes slideDelay-out {
    100% {
        -webkit-transform: translateX(-100%)
    }
}

@keyframes slideDelay-out {
    100% {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slideDelay-in {
    0% {
        -webkit-transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes slideDelay-in {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes rotateSides-out {
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(90deg)
    }
}

@keyframes rotateSides-out {
    100% {
        opacity: 0;
        transform: translateZ(-500px) rotateY(90deg)
    }
}

@-webkit-keyframes rotateSides-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(-90deg)
    }
    40% {
        opacity: 0;
        -webkit-transform: translateZ(-500px) rotateY(-90deg)
    }
}

@keyframes rotateSides-in {
    0% {
        opacity: 0;
        transform: translateZ(-500px) rotateY(-90deg)
    }
    40% {
        opacity: 0;
        transform: translateZ(-500px) rotateY(-90deg)
    }
}

@-webkit-keyframes foldLeft-out {
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes foldLeft-out {
    100% {
        opacity: 0;
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes foldLeft-in {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%)
    }
}

@keyframes foldLeft-in {
    0% {
        opacity: .3;
        transform: translateX(100%)
    }
}

@-webkit-keyframes unfold-out {
    90% {
        opacity: .3
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }
}

@keyframes unfold-out {
    90% {
        opacity: .3
    }
    100% {
        opacity: 0;
        transform: translateX(-100%)
    }
}

@-webkit-keyframes unfold-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes unfold-in {
    0% {
        opacity: 0;
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes scaleDown-out {
    100% {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@keyframes scaleDown-out {
    100% {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes scaleDown-in {
    0% {
        -webkit-transform: translateX(100%)
    }
}

@keyframes scaleDown-in {
    0% {
        transform: translateX(100%)
    }
}

@-webkit-keyframes frontRow-out {
    100% {
        -webkit-transform: translateX(-60%) scale(.8);
        opacity: 0
    }
}

@keyframes frontRow-out {
    100% {
        transform: translateX(-60%) scale(.8);
        opacity: 0
    }
}

@-webkit-keyframes frontRow-in {
    0% {
        -webkit-transform: translateX(100%) scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) scale(1)
    }
}

@keyframes frontRow-in {
    0% {
        transform: translateX(100%) scale(.8)
    }
    100% {
        opacity: 1;
        transform: translateX(0) scale(1)
    }
}

@-webkit-keyframes rotateRoom-out {
    90% {
        opacity: .3
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoom-out {
    90% {
        opacity: .3
    }
    100% {
        opacity: 0;
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoom-in {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoom-in {
    0% {
        opacity: .3;
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes bounceBottom-out {
    100% {
        -webkit-transform: translateY(100%);
        opacity: 0
    }
}

@keyframes bounceBottom-out {
    100% {
        transform: translateY(100%);
        opacity: 0
    }
}

@-webkit-keyframes bounceBottom-in {
    0% {
        -webkit-transform: translateY(100%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes bounceBottom-in {
    0% {
        transform: translateY(100%);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bounceLeft-out {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes bounceLeft-out {
    100% {
        transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes bounceLeft-in {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@keyframes bounceLeft-in {
    0% {
        transform: translateX(-100%);
        opacity: 0
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes bounceTop-out {
    100% {
        -webkit-transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes bounceTop-out {
    100% {
        transform: translateY(-100%);
        opacity: 0
    }
}

@-webkit-keyframes bounceTop-in {
    0% {
        -webkit-transform: translateY(-100%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes bounceTop-in {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes moveLeft-out {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes moveLeft-out {
    100% {
        transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes moveLeft-in {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@keyframes moveLeft-in {
    0% {
        transform: translateX(100%);
        opacity: 0
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInBottomToTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInBottomToTop {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInToTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInToTop {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}