/*css*/
/*.hoverfold-item,.view,*/
.view img {
    position: relative;
}

#hoverfold {
    padding-top: 35px;
    padding-bottom: 35px;
    margin: 0 -1%;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.hoverfold-item {
    float: left;
    width: 360px;
    margin: 0 1%;
}

.view {
    width: 100%;
    overflow: hidden;
    height: 310px;
    float: left;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    -o-perspective: 500px;
    -ms-perspective: 500px;
    perspective: 500px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    border-radius: 0;
    color: #999 !important;
    margin: 8px 0;
    border: 5px solid #fff;
}

    .view img {
        height: 100%;
        width: auto;
        z-index: 1;
    }

    .view .s1 {
        background-position: 0 0;
    }

    .view .s2 {
        background-position: -72px 0;
    }

    .view .s3 {
        background-position: -144px 0;
    }

    .view .s4 {
        background-position: -216px 0;
    }

    .view .s5 {
        background-position: -288px 0;
    }

    .view .overlay {
        width: 72px;
        height: 100%;
        opacity: 0;
        position: absolute;
        -webkit-transition: opacity 150ms ease-in-out;
        -moz-transition: opacity 150ms ease-in-out;
        -o-transition: opacity 150ms ease-in-out;
        -ms-transition: opacity 150ms ease-in-out;
        transition: opacity 150ms ease-in-out;
    }

    .view-back span.info a,
    .view:hover {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
    }

    .view .s1 > .overlay,
    .view .s2 > .overlay,
    .view .s3 > .overlay {
        background: 0 0;
    }

#hoverfold div.span4:hover {
    z-index: 10000;
}

.view:hover {
    transition: all 0.4s ease-in-out;
}
.caption a h1{
    font-size:18px;
}

.view .s4 > .overlay {
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
}

.view .s5 > .overlay {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 100%);
}

.view .slice,
.view img {
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

.view .slice {
    width: 72px;
    height: 100%;
    z-index: 100;
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.view:hover .slice {
    margin-left: -80px;
}

.view .s2,
.view .s3,
.view .s4,
.view .s5 {
    display: none;
}

.view .s1 {
    width: 100%;
}

.view div.view-back {
    background-image: url(/images/catalog/Background.jpg);
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    z-index: 0;
}

.view-back span.info a,
.view-back span.zoom-view {
    right: 12px;
    background: #ececec;
    height: 55px;
    border-radius: 50%;
}

.view-back span.info,
.view-back span.zoom-view {
    font-size: 16px;
    width: 55px;
    text-align: left;
    color: #ccc;
    position: absolute;
    bottom: 200px;
    right: 12px;
    padding: 0;
    line-height: 16px;
}

    .view-back span.info a {
        margin-bottom: 20px;
        padding: 22px;
        width: 55px;
        transition: all 0.4s ease-in-out;
    }

.view-back span.zoom-view {
    top: 11px;
    bottom: auto;
    padding: 0;
    width: 55px;
    text-align: center;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .view-back span.zoom-view a {
        font-size: 28px;
        line-height: 55px;
        text-decoration: none !important;
        color: #7f7f7f;
    }

    .view-back span.zoom-view:hover {
        background: #ee3b27;
    }

        .view-back span.zoom-view:hover a {
            color: #fff;
        }

.view-back span.info span {
    display: block;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1359px) and (min-width: 1200px) {
    .hoverfold-item {
        width: 320px;
        margin: 0 1%;
    }

    .view {
        overflow: visible !important;
        -webkit-perspective: 800px;
        -moz-perspective: 800px;
        -o-perspective: 800px;
        -ms-perspective: 800px;
        perspective: 800px;
        height: 268px;
    }

        .view .s1 {
            background-position: 0 0;
        }

        .view .s2 {
            background-position: -64px 0;
        }

        .view .s3 {
            background-position: -128px 0;
        }

        .view .s4 {
            background-position: -192px 0;
        }

        .view .s5 {
            background-position: -256px 0;
        }

        .view:hover .overlay {
            opacity: 1;
        }

        .view .slice {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
            -webkit-transition: -webkit-transform 350ms ease-in-out;
            -moz-transition: -moz-transform 350ms ease-in-out;
            -o-transition: -o-transform 350ms ease-in-out;
            -ms-transition: -ms-transform 350ms ease-in-out;
            transition: transform 350ms ease-in-out;
            width: 64px;
        }

        .view .overlay,
        .view .s1 {
            width: 64px;
        }

        .view .s2,
        .view .s3,
        .view .s4,
        .view .s5 {
            -webkit-transform: translate3d(64px, 0, 0);
            -moz-transform: translate3d(64px, 0, 0);
            -o-transform: translate3d(64px, 0, 0);
            -ms-transform: translate3d(64px, 0, 0);
            transform: translate3d(64px, 0, 0);
            display: block;
        }

        .view:hover .s1 {
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            -ms-transition-delay: 0.2s;
            transition-delay: 0.2s;
            -webkit-transform: rotate3d(0, 1, 0, -3deg);
            -moz-transform: rotate3d(0, 1, 0, -3deg);
            -o-transform: rotate3d(0, 1, 0, -3deg);
            -ms-transform: rotate3d(0, 1, 0, -3deg);
            transform: rotate3d(0, 1, 0, -3deg);
        }

        .view:hover .s2 {
            -webkit-transition-delay: 150ms;
            -moz-transition-delay: 150ms;
            -o-transition-delay: 150ms;
            -ms-transition-delay: 150ms;
            transition-delay: 150ms;
            -webkit-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -moz-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -o-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -10deg);
            transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -ms-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -20deg);
        }

        .view:hover .s3 {
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            -ms-transition-delay: 0.1s;
            transition-delay: 0.1s;
            -webkit-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -moz-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -o-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -16deg);
            transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -ms-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -26deg);
        }

        .view:hover .s4 {
            -webkit-transition-delay: 50ms;
            -moz-transition-delay: 50ms;
            -o-transition-delay: 50ms;
            -ms-transition-delay: 50ms;
            transition-delay: 50ms;
            -webkit-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -moz-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -o-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -30deg);
            transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -ms-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -50deg);
        }

        .view:hover .s5 {
            -webkit-transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -moz-transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -o-transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -42deg);
            transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -ms-transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -62deg);
        }

        .view:hover .slice {
            margin-left: inherit;
        }
}

@media only screen and (min-width: 1360px) {
    .view {
        overflow: visible !important;
        -webkit-perspective: 800px;
        -moz-perspective: 800px;
        -o-perspective: 800px;
        -ms-perspective: 800px;
        perspective: 800px;
    }

        .view:hover .overlay {
            opacity: 1;
        }

        .view .slice {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
            -webkit-transition: -webkit-transform 350ms ease-in-out;
            -moz-transition: -moz-transform 350ms ease-in-out;
            -o-transition: -o-transform 350ms ease-in-out;
            -ms-transition: -ms-transform 350ms ease-in-out;
            transition: transform 350ms ease-in-out;
        }

        .view .s1 {
            width: 72px;
        }

        .view .s2,
        .view .s3,
        .view .s4,
        .view .s5 {
            -webkit-transform: translate3d(72px, 0, 0);
            -moz-transform: translate3d(72px, 0, 0);
            -o-transform: translate3d(72px, 0, 0);
            -ms-transform: translate3d(72px, 0, 0);
            transform: translate3d(72px, 0, 0);
            display: block;
        }

        .view:hover .s1 {
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            -ms-transition-delay: 0.2s;
            transition-delay: 0.2s;
            -webkit-transform: rotate3d(0, 1, 0, -3deg);
            -moz-transform: rotate3d(0, 1, 0, -3deg);
            -o-transform: rotate3d(0, 1, 0, -3deg);
            -ms-transform: rotate3d(0, 1, 0, -3deg);
            transform: rotate3d(0, 1, 0, -3deg);
        }

        .view:hover .s2 {
            -webkit-transition-delay: 150ms;
            -moz-transition-delay: 150ms;
            -o-transition-delay: 150ms;
            -ms-transition-delay: 150ms;
            transition-delay: 150ms;
            -webkit-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -moz-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -o-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -10deg);
            transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -ms-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -20deg);
        }

        .view:hover .s3 {
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            -ms-transition-delay: 0.1s;
            transition-delay: 0.1s;
            -webkit-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -moz-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -o-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -16deg);
            transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -ms-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -26deg);
        }

        .view:hover .s4 {
            -webkit-transition-delay: 50ms;
            -moz-transition-delay: 50ms;
            -o-transition-delay: 50ms;
            -ms-transition-delay: 50ms;
            transition-delay: 50ms;
            -webkit-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -moz-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -o-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -30deg);
            transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -ms-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -50deg);
        }

        .view:hover .s5 {
            -webkit-transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -moz-transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -o-transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -42deg);
            transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -ms-transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -62deg);
        }

        .view:hover .slice {
            margin-left: inherit;
        }
}

@media (max-width: 1199px) and (min-width: 980px) {
    #hoverfold {
        margin: 0;
    }

    .hoverfold-item {
        width: 390px;
        margin: 0 3%;
    }

    .view {
        overflow: visible !important;
        height: 326px;
        -webkit-perspective: 800px;
        -moz-perspective: 800px;
        -o-perspective: 800px;
        -ms-perspective: 800px;
        perspective: 800px;
    }

        .view .s1 {
            background-position: 0 0;
        }

        .view .s2 {
            background-position: -78px 0;
        }

        .view .s3 {
            background-position: -156px 0;
        }

        .view .s4 {
            background-position: -234px 0;
        }

        .view .s5 {
            background-position: -312px 0;
        }

        .view:hover .overlay {
            opacity: 1;
        }

        .view .slice {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
            -webkit-transition: -webkit-transform 350ms ease-in-out;
            -moz-transition: -moz-transform 350ms ease-in-out;
            -o-transition: -o-transform 350ms ease-in-out;
            -ms-transition: -ms-transform 350ms ease-in-out;
            transition: transform 350ms ease-in-out;
            width: 78px;
        }

        .view .overlay,
        .view .s1 {
            width: 78px;
        }

        .view .s2,
        .view .s3,
        .view .s4,
        .view .s5 {
            -webkit-transform: translate3d(78px, 0, 0);
            -moz-transform: translate3d(78px, 0, 0);
            -o-transform: translate3d(78px, 0, 0);
            -ms-transform: translate3d(78px, 0, 0);
            transform: translate3d(78px, 0, 0);
            display: block;
        }

        .view:hover .s1 {
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            -ms-transition-delay: 0.2s;
            transition-delay: 0.2s;
            -webkit-transform: rotate3d(0, 1, 0, -3deg);
            -moz-transform: rotate3d(0, 1, 0, -3deg);
            -o-transform: rotate3d(0, 1, 0, -3deg);
            -ms-transform: rotate3d(0, 1, 0, -3deg);
            transform: rotate3d(0, 1, 0, -3deg);
        }

        .view:hover .s2 {
            -webkit-transition-delay: 150ms;
            -moz-transition-delay: 150ms;
            -o-transition-delay: 150ms;
            -ms-transition-delay: 150ms;
            transition-delay: 150ms;
            -webkit-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -moz-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -o-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -10deg);
            transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -ms-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -20deg);
        }

        .view:hover .s3 {
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            -ms-transition-delay: 0.1s;
            transition-delay: 0.1s;
            -webkit-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -moz-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -o-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -16deg);
            transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -ms-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -26deg);
        }

        .view:hover .s4 {
            -webkit-transition-delay: 50ms;
            -moz-transition-delay: 50ms;
            -o-transition-delay: 50ms;
            -ms-transition-delay: 50ms;
            transition-delay: 50ms;
            -webkit-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -moz-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -o-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -30deg);
            transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -ms-transform: translate3d(77px, 0, 0) rotate3d(0, 1, 0, -50deg);
        }

        .view:hover .s5 {
            -webkit-transform: translate3d(78px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -moz-transform: translate3d(78px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -o-transform: translate3d(78px, 0, 0) rotate3d(0, 1, 0, -42deg);
            transform: translate3d(78px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -ms-transform: translate3d(78px, 0, 0) rotate3d(0, 1, 0, -62deg);
        }

        .view:hover .slice {
            margin-left: inherit;
        }
}

@media (max-width: 979px) and (min-width: 768px) {
    .hoverfold-item {
        width: 320px;
        margin: 0 3%;
    }

    .view {
        overflow: visible !important;
        -webkit-perspective: 800px;
        -moz-perspective: 800px;
        -o-perspective: 800px;
        -ms-perspective: 800px;
        perspective: 800px;
        height: 268px;
    }

        .view .s1 {
            background-position: 0 0;
        }

        .view .s2 {
            background-position: -64px 0;
        }

        .view .s3 {
            background-position: -128px 0;
        }

        .view .s4 {
            background-position: -192px 0;
        }

        .view .s5 {
            background-position: -256px 0;
        }

        .view:hover .overlay {
            opacity: 1;
        }

        .view .slice {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
            -webkit-transition: -webkit-transform 350ms ease-in-out;
            -moz-transition: -moz-transform 350ms ease-in-out;
            -o-transition: -o-transform 350ms ease-in-out;
            -ms-transition: -ms-transform 350ms ease-in-out;
            transition: transform 350ms ease-in-out;
            width: 64px;
        }

        .view .overlay,
        .view .s1 {
            width: 64px;
        }

        .view .s2,
        .view .s3,
        .view .s4,
        .view .s5 {
            -webkit-transform: translate3d(64px, 0, 0);
            -moz-transform: translate3d(64px, 0, 0);
            -o-transform: translate3d(64px, 0, 0);
            -ms-transform: translate3d(64px, 0, 0);
            transform: translate3d(64px, 0, 0);
            display: block;
        }

        .view:hover .s1 {
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            -ms-transition-delay: 0.2s;
            transition-delay: 0.2s;
            -webkit-transform: rotate3d(0, 1, 0, -3deg);
            -moz-transform: rotate3d(0, 1, 0, -3deg);
            -o-transform: rotate3d(0, 1, 0, -3deg);
            -ms-transform: rotate3d(0, 1, 0, -3deg);
            transform: rotate3d(0, 1, 0, -3deg);
        }

        .view:hover .s2 {
            -webkit-transition-delay: 150ms;
            -moz-transition-delay: 150ms;
            -o-transition-delay: 150ms;
            -ms-transition-delay: 150ms;
            transition-delay: 150ms;
            -webkit-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -moz-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -o-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -10deg);
            transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -ms-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -20deg);
        }

        .view:hover .s3 {
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            -ms-transition-delay: 0.1s;
            transition-delay: 0.1s;
            -webkit-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -moz-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -o-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -16deg);
            transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -ms-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -26deg);
        }

        .view:hover .s4 {
            -webkit-transition-delay: 50ms;
            -moz-transition-delay: 50ms;
            -o-transition-delay: 50ms;
            -ms-transition-delay: 50ms;
            transition-delay: 50ms;
            -webkit-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -moz-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -o-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -30deg);
            transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -ms-transform: translate3d(63px, 0, 0) rotate3d(0, 1, 0, -50deg);
        }

        .view:hover .s5 {
            -webkit-transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -moz-transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -o-transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -42deg);
            transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -ms-transform: translate3d(64px, 0, 0) rotate3d(0, 1, 0, -62deg);
        }

        .view:hover .slice {
            margin-left: inherit;
        }
}

@media (max-width: 767px) and (min-width: 480px) {
    #hoverfold {
        margin: 0;
    }

    .hoverfold-item {
        width: 360px;
        margin: 0 10%;
        float: none;
    }

    .view {
        overflow: visible !important;
        -webkit-perspective: 800px;
        -moz-perspective: 800px;
        -o-perspective: 800px;
        -ms-perspective: 800px;
        perspective: 800px;
        height: 301px;
    }

        .view:hover .overlay {
            opacity: 1;
        }

        .view .slice {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
            -webkit-transition: -webkit-transform 350ms ease-in-out;
            -moz-transition: -moz-transform 350ms ease-in-out;
            -o-transition: -o-transform 350ms ease-in-out;
            -ms-transition: -ms-transform 350ms ease-in-out;
            transition: transform 350ms ease-in-out;
        }

        .view .s1 {
            width: 72px;
        }

        .view .s2,
        .view .s3,
        .view .s4,
        .view .s5 {
            -webkit-transform: translate3d(72px, 0, 0);
            -moz-transform: translate3d(72px, 0, 0);
            -o-transform: translate3d(72px, 0, 0);
            -ms-transform: translate3d(72px, 0, 0);
            transform: translate3d(72px, 0, 0);
            display: block;
        }

        .view:hover .s1 {
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            -ms-transition-delay: 0.2s;
            transition-delay: 0.2s;
            -webkit-transform: rotate3d(0, 1, 0, -3deg);
            -moz-transform: rotate3d(0, 1, 0, -3deg);
            -o-transform: rotate3d(0, 1, 0, -3deg);
            -ms-transform: rotate3d(0, 1, 0, -3deg);
            transform: rotate3d(0, 1, 0, -3deg);
        }

        .view:hover .s2 {
            -webkit-transition-delay: 150ms;
            -moz-transition-delay: 150ms;
            -o-transition-delay: 150ms;
            -ms-transition-delay: 150ms;
            transition-delay: 150ms;
            -webkit-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -moz-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -o-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -10deg);
            transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -ms-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -20deg);
        }

        .view:hover .s3 {
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            -ms-transition-delay: 0.1s;
            transition-delay: 0.1s;
            -webkit-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -moz-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -o-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -16deg);
            transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -ms-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -26deg);
        }

        .view:hover .s4 {
            -webkit-transition-delay: 50ms;
            -moz-transition-delay: 50ms;
            -o-transition-delay: 50ms;
            -ms-transition-delay: 50ms;
            transition-delay: 50ms;
            -webkit-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -moz-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -o-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -30deg);
            transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -ms-transform: translate3d(71px, 0, 0) rotate3d(0, 1, 0, -50deg);
        }

        .view:hover .s5 {
            -webkit-transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -moz-transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -o-transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -42deg);
            transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -ms-transform: translate3d(72px, 0, 0) rotate3d(0, 1, 0, -62deg);
        }

        .view:hover .slice {
            margin-left: inherit;
        }
}

@media (max-width: 479px) {
    #hoverfold {
        margin: 0;
    }

    .hoverfold-item {
        width: 290px;
        margin: 0 10%;
        float: none;
    }

    .view {
        overflow: visible !important;
        height: 243px;
        -webkit-perspective: 800px;
        -moz-perspective: 800px;
        -o-perspective: 800px;
        -ms-perspective: 800px;
        perspective: 800px;
    }

        .view .s1 {
            background-position: 0 0;
        }

        .view .s2 {
            background-position: -58px 0;
        }

        .view .s3 {
            background-position: -116px 0;
        }

        .view .s4 {
            background-position: -174px 0;
        }

        .view .s5 {
            background-position: -232px 0;
        }

        .view:hover .overlay {
            opacity: 1;
        }

        .view .slice {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            -ms-transform-origin: left center;
            transform-origin: left center;
            -webkit-transition: -webkit-transform 350ms ease-in-out;
            -moz-transition: -moz-transform 350ms ease-in-out;
            -o-transition: -o-transform 350ms ease-in-out;
            -ms-transition: -ms-transform 350ms ease-in-out;
            transition: transform 350ms ease-in-out;
            width: 58px;
        }

        .view .overlay,
        .view .s1 {
            width: 58px;
        }

        .view .s2,
        .view .s3,
        .view .s4,
        .view .s5 {
            -webkit-transform: translate3d(58px, 0, 0);
            -moz-transform: translate3d(58px, 0, 0);
            -o-transform: translate3d(58px, 0, 0);
            -ms-transform: translate3d(58px, 0, 0);
            transform: translate3d(58px, 0, 0);
            display: block;
        }

        .view:hover .s1 {
            -webkit-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            -ms-transition-delay: 0.2s;
            transition-delay: 0.2s;
            -webkit-transform: rotate3d(0, 1, 0, -3deg);
            -moz-transform: rotate3d(0, 1, 0, -3deg);
            -o-transform: rotate3d(0, 1, 0, -3deg);
            -ms-transform: rotate3d(0, 1, 0, -3deg);
            transform: rotate3d(0, 1, 0, -3deg);
        }

        .view:hover .s2 {
            -webkit-transition-delay: 150ms;
            -moz-transition-delay: 150ms;
            -o-transition-delay: 150ms;
            -ms-transition-delay: 150ms;
            transition-delay: 150ms;
            -webkit-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -moz-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -o-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -10deg);
            transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -10deg);
            -ms-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -20deg);
        }

        .view:hover .s3 {
            -webkit-transition-delay: 0.1s;
            -moz-transition-delay: 0.1s;
            -o-transition-delay: 0.1s;
            -ms-transition-delay: 0.1s;
            transition-delay: 0.1s;
            -webkit-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -moz-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -o-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -16deg);
            transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -16deg);
            -ms-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -26deg);
        }

        .view:hover .s4 {
            -webkit-transition-delay: 50ms;
            -moz-transition-delay: 50ms;
            -o-transition-delay: 50ms;
            -ms-transition-delay: 50ms;
            transition-delay: 50ms;
            -webkit-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -moz-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -o-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -30deg);
            transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -30deg);
            -ms-transform: translate3d(57px, 0, 0) rotate3d(0, 1, 0, -50deg);
        }

        .view:hover .s5 {
            -webkit-transform: translate3d(58px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -moz-transform: translate3d(58px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -o-transform: translate3d(58px, 0, 0) rotate3d(0, 1, 0, -42deg);
            transform: translate3d(58px, 0, 0) rotate3d(0, 1, 0, -42deg);
            -ms-transform: translate3d(58px, 0, 0) rotate3d(0, 1, 0, -62deg);
        }

        .view:hover .slice {
            margin-left: inherit;
        }
}

/*isotope.css*/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

        .isotope .isotope-item.no-transition,
        .isotope.no-transition,
        .isotope.no-transition .isotope-item {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

/*sfmenu.css*/
.sf-menu,
.sf-menu li {
    position: relative;
}

    .sf-menu ul li a,
    .sf-menu > li > a {
        text-transform: uppercase;
        text-decoration: none;
    }

    .sf-menu,
    .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.sf-menu {
    z-index: 10;
    padding: 10px 0 0;
    clear: both;
    list-style-type: none;
}

    .sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        margin-top: 5px;
        z-index: 99;
        min-width: 12em;
        background: #fff;
        box-shadow: 0 1px 3px rgba(5, 5, 5, 0.1);
    }

    .sf-menu a,
    .sf-menu > li,
    .sf-menu > li > a {
        position: relative;
    }

        .sf-menu a,
        .sf-menu li.sfHover > ul,
        .sf-menu li:hover > ul,
        .sf-menu > li,
        .sf-menu > li > a {
            display: block;
        }

    .sf-menu > li {
        float: left;
        padding-bottom: 18px;
        border-bottom: 0 solid #684b40;
        height: 40px;
    }

    .sf-menu ul ul {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

    .sf-menu > li.current,
    .sf-menu > li:hover {
        border-bottom: 5px solid #684b40;
    }

    .sf-menu > li > a {
        border-left: 1px solid #e7e7e7;
        padding: 0 15px;
        font: 1.23em Myriad Pro light, Arial, Helvetica, sans-serif;
        color: #684b40;
    }

header.variant4 .navbar-main-menu-outer .sf-menu > li > a {
    padding: 4px 15px 0;
}

header.variant4 .navbar-main-menu-outer.black .sf-menu > li > a {
    color: #fff;
}

header.variant4 .navbar-compact .navbar-main-menu-outer .sf-menu > li > a {
    padding: 0 7px;
}

header.variant4 .navbar-compact .navbar-main-menu-outer.black .sf-menu > li > a {
    color: #565656;
}

.sf-menu > li:first-child > a {
    border-left: none;
}

.sf-menu ul li a {
    display: block;
    border-bottom: 1px solid #f7f7f7;
    padding: 8px 20px;
    font: 1.077em Myriad Pro light, Arial, Helvetica, sans-serif;
    color: #2b2b2b;
}

.sf-menu ul ul li a {
    text-transform: none;
}

.sf-menu ul li a:hover {
    background: #f7f7f7;
}

.sf-menu ul .sf-arrows .sf-with-ul {
    padding-right: 2.5em;
}

.sf-arrows ul .sf-with-ul:after {
    content: "\e077";
    position: absolute;
    top: 45%;
    right: 20px;
    height: 0;
    width: 0;
    font-family: icomoon;
    font-size: 10px;
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent transparent transparent #dfeeff;
    border-left-color: rgba(255, 255, 255, 0.5);
}

.sf-arrows > .sfHover > .sf-with-ul:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > li > .sf-with-ul:focus:after {
    border-top-color: #fff;
}

.sf-arrows ul .sfHover > .sf-with-ul:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul li > .sf-with-ul:focus:after {
    border-left-color: #fff;
}

.navbar-main-menu .sf-menu {
    padding: 0;
    margin: 0;
}

    .navbar-main-menu .sf-menu > li {
        height: 38px;
        margin-bottom: -6px;
    }

.navbar-compact .navbar-main-menu .sf-menu > li {
    height: 32px;
    margin-bottom: 10px;
}

.navbar-main-menu .sf-menu > li:first-child > a {
    padding-left: 15px;
}

.navbar-main-menu .sf-menu > li > a:before {
    border-left: 1px solid #e7e7e7;
    content: " ";
    display: inline;
    left: -15px;
    position: relative;
}

header.variant4 .navbar-main-menu-outer.black .navbar-main-menu .sf-menu > li > a:before {
    border-color: #474747;
}

header.variant4 .navbar-compact .navbar-main-menu-outer.black .navbar-main-menu .sf-menu > li > a:before {
    border-color: #e7e7e7;
}

.navbar-main-menu dt:first-child .sf-menu > li > a:before {
    display: none;
}

.offscreen_fix {
    left: -90% !important;
    top: 1px !important;
}

/*cloudzoom.css*/
.cloudzoom-lens {
    border: 2px solid #888;
    background-color: #fff;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    cursor: crosshair;
    z-index: 10;
}

.cloudzoom-zoom {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
    overflow: hidden;
    margin: 0 0 0 15px;
    padding: 0;
    border: 5px solid #fff;
    border-bottom: 5px solid #fff;
    z-index: 10000 !important;
}

.cloudzoom-zoom-inside {
    border: none;
    box-shadow: none;
}

.cloudzoom-caption {
    display: none;
    text-align: left;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    font-family: sans-serif;
    font-size: 11px;
}

.cloudzoom-blank {
    background-image: url(../images/blank.png);
}

.cloudzoom-ajax-loader {
    background-image: url(../images/ajax-loader.gif);
    width: 32px;
    height: 32px;
}

@media (max-width: 767px) {
    .cloudzoom-lens,
    .cloudzoom-zoom {
        display: none !important;
    }

    .cloudzoom-blank,
    .cloudzoom-blank > div:first-child {
        background: 0 0 !important;
    }
}

/*owltheme.css*/
.owl-theme .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
}

.owl-slider .item {
    position: relative;
}

.owl-theme .owl-controls {
    position: absolute;
    margin: 0;
    right: 5px;
    top: -25px;
    padding-bottom: 20px;
}

.main-slider .owl-slider-outer .owl-controls {
    top: 30% !important;
    left: 1% !important;
    right: auto;
    width: 98%;
}

.owl-slider-outer.slider-listing .owl-controls {
    left: 5px;
    bottom: 5%;
    top: auto;
    padding-bottom: 0;
}

.owl-slider-outer .owl-slider-next:hover,
.owl-slider-outer .owl-slider-prev:hover,
.owl-theme .owl-controls .owl-buttons div:hover {
    color: #ee3b27;
}

.owl-theme .owl-controls .owl-buttons div.disabled {
    opacity: 0.5 !important;
    filter: alpha(opacity=50);
    cursor: default;
    color: #2b2b2b !important;
}

.owl-theme .owl-controls .owl-buttons div:before {
    font-family: icomoon;
    font-size: 26px !important;
    display: inline-block;
    content: "\e078";
}

.owl-theme .owl-controls .owl-buttons div.owl-next:before {
    content: "\e07b";
}

.main-slider .owl-slider-outer .owl-controls .owl-buttons div:before {
    font-size: 50px !important;
    margin-top: -10px;
}

.main-slider .owl-slider-outer .owl-controls .owl-buttons div.owl-next {
    float: right;
}

.main-slider .owl-theme .owl-controls .owl-buttons div.disabled {
    opacity: 1 !important;
    filter: alpha(opacity=100);
    cursor: pointer;
    color: #2b2b2b !important;
}

.main-slider .owl-slider-outer .owl-slider-next:hover,
.main-slider .owl-slider-outer .owl-slider-prev:hover,
.main-slider .owl-theme .owl-controls .owl-buttons div:hover {
    color: #ee3b27 !important;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #ff5f00;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.owl-item.loading {
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) center center no-repeat;
}

.owl-theme.product-widgets .owl-controls {
    position: absolute;
    margin: 0;
    padding: 0 5px 0 0;
    right: 0;
    top: 0;
    background: #fff;
}

/*owl.carousel.css*/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel,
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 0.5s ease-in-out;
            -moz-transition: height 0.5s ease-in-out;
            -ms-transition: height 0.5s ease-in-out;
            -o-transition: height 0.5s ease-in-out;
            transition: height 0.5s ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut 0.7s both ease;
    -moz-animation: fadeOut 0.7s both ease;
    animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn 0.7s both ease;
    -moz-animation: fadeIn 0.7s both ease;
    animation: fadeIn 0.7s both ease;
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
    -webkit-animation: scaleToFade 0.7s ease both;
    -moz-animation: scaleToFade 0.7s ease both;
    animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown 0.6s ease both;
    -moz-animation: goDown 0.6s ease both;
    animation: goDown 0.6s ease both;
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom 0.5s ease both;
    -moz-animation: scaleUpFrom 0.5s ease both;
    animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo 0.5s ease both;
    -moz-animation: scaleUpTo 0.5s ease both;
    animation: scaleUpTo 0.5s ease both;
}

@-webkit-keyframes empty {
    0% {
        opacity: 1;
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1;
    }
}

@keyframes empty {
    0% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px);
    }

    100%, 75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: 0.5;
        -moz-transform: translateZ(-500px);
    }

    100%, 75% {
        opacity: 0.5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: 0.5;
        transform: translateZ(-500px);
    }

    100%, 75% {
        opacity: 0.5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: 0.5;
        -webkit-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: 0.5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: 0.5;
        -moz-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: 0.5;
        transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: 0.5;
        transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(0.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

/*jquery.fancybox.css*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80020;
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative;
}

.fancybox-skin {
    background: #fff;
    color: #565656;
    text-shadow: none;
    border: 4px solid #ebebeb;
}

.fancybox-opened {
    z-index: 80030;
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(/images/fancybox_sprite.png);
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 80060;
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
    cursor: pointer;
    z-index: 80040;
    position: absolute;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(/images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background-image: url(/images/fancybox_close-mega.png);
}

    .fancybox-close:hover {
        background-position: 0 right !important;
    }

.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: url(/images/blank.gif);
    -webkit-tap-highlight-color: transparent;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 80010;
    background: url(../images/fancybox_overlay.png);
}

.notouch .fancybox-overlay {
    z-index: 10000;
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 80050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 80050;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: 0 0;
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #fff;
        font-weight: 700;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}

.product-preview-popup .fancybox-close {
    display: none !important;
}

/*jcarousel.css*/
.jcarousel-skin-previews {
    position: relative;
}

    .jcarousel-skin-previews ul {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .jcarousel-skin-previews li {
        float: none !important;
    }

    .jcarousel-skin-previews .jcarousel-clip {
        overflow: hidden;
    }

    .jcarousel-skin-previews .jcarousel-list.jcarousel-list-vertical {
        overflow: visible !important;
    }

    .jcarousel-skin-previews .jcarousel-clip-vertical {
        width: 100%;
        margin-top: -15px;
        height: 354px;
    }

    .jcarousel-skin-previews .jcarousel-next,
    .jcarousel-skin-previews .jcarousel-prev {
        position: absolute;
        top: -28px;
        right: 0;
        text-decoration: none;
        padding-bottom: 10px;
        cursor: pointer;
    }

    .jcarousel-skin-previews .jcarousel-prev {
        right: 20px;
    }

        .jcarousel-skin-previews .jcarousel-next:before,
        .jcarousel-skin-previews .jcarousel-prev:before {
            font-family: icomoon;
            font-size: 20px;
            display: inline-block;
            cursor: pointer;
        }

        .jcarousel-skin-previews .jcarousel-prev:before {
            content: "\e07a";
        }

    .jcarousel-skin-previews .jcarousel-next:before {
        content: "\e079";
    }

    .jcarousel-skin-previews .jcarousel-next:hover,
    .jcarousel-skin-previews .jcarousel-prev:hover {
        color: #ee3b27;
    }

    .jcarousel-skin-previews .jcarousel-next-disabled,
    .jcarousel-skin-previews .jcarousel-prev-disabled {
        color: #2b2b2b !important;
        cursor: default;
    }

/*flexslider.css*/
.no-js .slides > li:first-child,
.slides:after,
html[xmlns] .slides {
    display: block;
}

.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
    outline: 0;
}

.flex-control-nav,
.flex-direction-nav,
.slides {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider {
    padding: 0;
    margin: 0;
    position: relative;
    zoom: 1;
}

    .flexslider .slides .item,
    .flexslider .slides > li {
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: "\0020";
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

* html .slides {
    height: 1%;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    position: absolute;
    right: -3px;
    top: -41px;
    padding-bottom: 20px;
    opacity: 0;
}

.flexslider:hover .flex-direction-nav {
    opacity: 1;
}

.min .flex-direction-nav {
    top: -43px;
}

.flex-direction-nav li {
    display: inline-block;
}

.flex-direction-nav a {
    display: inline-block;
    cursor: pointer;
}

    .flex-direction-nav a:hover {
        color: #ee3b27;
    }

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-next:hover,
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-prev:hover {
    text-decoration: none;
}

.flex-direction-nav .flex-disabled,
.flex-direction-nav .flex-v-disabled {
    opacity: 0.5 !important;
    filter: alpha(opacity=50);
    cursor: default;
    color: #2b2b2b !important;
}

.flex-direction-nav a:before {
    font-family: icomoon;
    font-size: 2em;
    display: inline-block;
    content: "\e078";
}

.flex-direction-nav a.flex-next:before {
    content: "\e07b";
}

.min .flex-direction-nav a:before {
    font-size: 20px;
}

.vertical .flex-direction-nav a:before {
    content: "\e07a";
}

.vertical .flex-direction-nav a.flex-next:before {
    content: "\e079";
}

.flexslider-thumb-vertical.min .flex-direction-nav {
    bottom: -50px;
    top: auto;
    left: 16px;
}

.flexslider-large {
    padding-bottom: 30px;
}

    .flexslider-large .flex-direction-nav a:before {
        font-size: 3em;
    }

    .flexslider-large .flex-direction-nav {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 0;
        left: 0;
        width: 100%;
    }

        .flexslider-large .flex-direction-nav li {
            display: block;
            position: relative;
            width: 100%;
        }

            .flexslider-large .flex-direction-nav li .flex-next {
                position: absolute;
                right: 10px;
            }

            .flexslider-large .flex-direction-nav li .flex-prev {
                position: absolute;
                left: 10px;
            }

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:hover {
        opacity: 1;
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 3px;
        display: inline-block;
        zoom: 1;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #272727;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

    .flex-control-paging li a:hover {
        background: #ee3b27;
    }

    .flex-control-paging li a.flex-active {
        background: #ee3b27;
        cursor: default;
    }

.flexslider-large .flex-control-nav {
    bottom: 0;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: 0.7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}

/*loader.css*/
.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}

.bubblingG {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    margin: -36px 0 0 -57px;
    width: 115px;
    height: 73px;
}

    .bubblingG span {
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        margin: 36px auto;
        background: #787878;
        -moz-border-radius: 72px;
        -moz-animation: bubblingG 1.7s infinite alternate;
        -webkit-border-radius: 72px;
        -webkit-animation: bubblingG 1.7s infinite alternate;
        -ms-border-radius: 72px;
        -ms-animation: bubblingG 1.7s infinite alternate;
        -o-border-radius: 72px;
        -o-animation: bubblingG 1.7s infinite alternate;
        border-radius: 72px;
        animation: bubblingG 1.7s infinite alternate;
    }

#bubblingG_1 {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

#bubblingG_2 {
    -moz-animation-delay: 0.51s;
    -webkit-animation-delay: 0.51s;
    -ms-animation-delay: 0.51s;
    -o-animation-delay: 0.51s;
    animation-delay: 0.51s;
}

#bubblingG_3 {
    -moz-animation-delay: 1.02s;
    -webkit-animation-delay: 1.02s;
    -ms-animation-delay: 1.02s;
    -o-animation-delay: 1.02s;
    animation-delay: 1.02s;
}

@-moz-keyframes bubblingG {
    0% {
        width: 14px;
        height: 14px;
        background-color: #787878;
        -moz-transform: translateY(0);
    }

    100% {
        width: 35px;
        height: 35px;
        background-color: #fff;
        -moz-transform: translateY(-30px);
    }
}

@-webkit-keyframes bubblingG {
    0% {
        width: 14px;
        height: 14px;
        background-color: #787878;
        -webkit-transform: translateY(0);
    }

    100% {
        width: 35px;
        height: 35px;
        background-color: #fff;
        -webkit-transform: translateY(-30px);
    }
}

@-ms-keyframes bubblingG {
    0% {
        width: 14px;
        height: 14px;
        background-color: #787878;
        -ms-transform: translateY(0);
    }

    100% {
        width: 35px;
        height: 35px;
        background-color: #fff;
        -ms-transform: translateY(-30px);
    }
}

@-o-keyframes bubblingG {
    0% {
        width: 14px;
        height: 14px;
        background-color: #787878;
        -o-transform: translateY(0);
    }

    100% {
        width: 35px;
        height: 35px;
        background-color: #fff;
        -o-transform: translateY(-30px);
    }
}

@keyframes bubblingG {
    0% {
        width: 14px;
        height: 14px;
        background-color: #787878;
        transform: translateY(0);
    }

    100% {
        width: 35px;
        height: 35px;
        background-color: #fff;
        transform: translateY(-30px);
    }
}

/*icomoon.css*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: icomoon;
        src: url(../fonts/Icomoon/icomoon.svg#icomoon) format("svg");
    }
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/Icomoon/icomoon.eot);
    src: url(../fonts/Icomoon/icomoon.eot?#iefix) format("embedded-opentype"), url(../fonts/Icomoon/icomoon.woff) format("woff"), url(../fonts/Icomoon/icomoon.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

[data-icon]:before {
    font-family: icomoon;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-address-book,
.icon-airplane,
.icon-airplane-2,
.icon-android,
.icon-apple,
.icon-arrow-down,
.icon-arrow-down-2,
.icon-arrow-down-3,
.icon-arrow-down-4,
.icon-arrow-down-5,
.icon-arrow-down-6,
.icon-arrow-left,
.icon-arrow-left-2,
.icon-arrow-left-3,
.icon-arrow-left-4,
.icon-arrow-left-5,
.icon-arrow-left-6,
.icon-arrow-right,
.icon-arrow-right-2,
.icon-arrow-right-3,
.icon-arrow-right-4,
.icon-arrow-right-5,
.icon-arrow-up,
.icon-arrow-up--upload,
.icon-arrow-up-2,
.icon-arrow-up-3,
.icon-arrow-up-4,
.icon-arrow-up-5,
.icon-arrow-up-6,
.icon-bag,
.icon-bars,
.icon-basket,
.icon-behance,
.icon-blogger,
.icon-blogger-2,
.icon-briefcase,
.icon-briefcase-2,
.icon-bubbles,
.icon-bubbles-2,
.icon-bullhorn,
.icon-calendar,
.icon-calendar-2,
.icon-camera,
.icon-camera-2,
.icon-cancel,
.icon-cancel-2,
.icon-cancel-3,
.icon-cart,
.icon-cart-2,
.icon-cart-3,
.icon-cart-4,
.icon-cart-5,
.icon-chat,
.icon-chat-2,
.icon-checkmark,
.icon-checkmark-2,
.icon-checkmark-3,
.icon-chrome,
.icon-circles,
.icon-clipboard,
.icon-clipboard-2,
.icon-clipboard-3,
.icon-clipboard-4,
.icon-clock,
.icon-clock-2,
.icon-clock-3,
.icon-coffee,
.icon-cog,
.icon-cog-2,
.icon-cog-3,
.icon-cog-4,
.icon-cog-5,
.icon-cog-6,
.icon-coin,
.icon-coins,
.icon-comments,
.icon-compass,
.icon-credit,
.icon-credit-card,
.icon-cross,
.icon-delicious,
.icon-deviantart,
.icon-deviantart-2,
.icon-dollar,
.icon-dribbble,
.icon-dribbble-2,
.icon-dribbble-3,
.icon-dribbble-4,
.icon-drink,
.icon-dropbox,
.icon-earth,
.icon-earth-2,
.icon-edit,
.icon-envelop,
.icon-envelope,
.icon-envelope-2,
.icon-evernote,
.icon-eye,
.icon-facebook,
.icon-facebook-2,
.icon-facebook-3,
.icon-facebook-4,
.icon-facebook-5,
.icon-facebook-6,
.icon-feed,
.icon-feed-2,
.icon-feed-3,
.icon-file,
.icon-finder,
.icon-flattr,
.icon-flickr,
.icon-flickr-2,
.icon-flickr-3,
.icon-flickr-4,
.icon-flickr-5,
.icon-flickr-6,
.icon-forrst,
.icon-github,
.icon-github-2,
.icon-github-3,
.icon-github-4,
.icon-github-5,
.icon-github-6,
.icon-github-7,
.icon-globe,
.icon-globe-2,
.icon-google,
.icon-google-plus,
.icon-google-plus-2,
.icon-google-plus-3,
.icon-googleplus,
.icon-googleplus-2,
.icon-graph,
.icon-grid,
.icon-grid-2,
.icon-heart,
.icon-home,
.icon-home-2,
.icon-house,
.icon-info,
.icon-instagram,
.icon-instagram-2,
.icon-joomla,
.icon-justice,
.icon-lamp,
.icon-lastfm,
.icon-lastfm-2,
.icon-lastfm-3,
.icon-lastfm-4,
.icon-lifebuoy,
.icon-light-bulb,
.icon-linkedin,
.icon-linkedin-2,
.icon-linkedin-3,
.icon-list,
.icon-list-2,
.icon-list-3,
.icon-list-4,
.icon-list-5,
.icon-list-6,
.icon-lock,
.icon-lock-open,
.icon-locked,
.icon-magnifier,
.icon-mail,
.icon-mail-2,
.icon-menu,
.icon-minus,
.icon-minus-2,
.icon-minus-3,
.icon-mixi,
.icon-mobile,
.icon-money-bag,
.icon-newspaper,
.icon-newspaper-2,
.icon-notice,
.icon-notice-2,
.icon-office,
.icon-ok,
.icon-paperclip,
.icon-paperplane,
.icon-paypal,
.icon-paypal-2,
.icon-paypal-3,
.icon-pencil,
.icon-pencil-2,
.icon-phone,
.icon-phone-2,
.icon-phone-3,
.icon-phone-4,
.icon-picasa,
.icon-picassa,
.icon-picassa-2,
.icon-picture,
.icon-pie,
.icon-pig,
.icon-pinterest,
.icon-pinterest-2,
.icon-pinterest-3,
.icon-plus,
.icon-plus-2,
.icon-plus-3,
.icon-profile,
.icon-profile-2,
.icon-profile-3,
.icon-profile-4,
.icon-pushpin,
.icon-qq,
.icon-quote,
.icon-quotes-left,
.icon-rdio,
.icon-rdio-2,
.icon-remove,
.icon-remove-2,
.icon-renren,
.icon-sale,
.icon-search,
.icon-search-2,
.icon-search-3,
.icon-shipping,
.icon-sina-weibo,
.icon-skype,
.icon-skype-2,
.icon-skype-3,
.icon-smashing,
.icon-soundcloud,
.icon-spotify,
.icon-spotify-2,
.icon-stackoverflow,
.icon-star,
.icon-star-2,
.icon-star-3,
.icon-star-empty,
.icon-steam,
.icon-steam-2,
.icon-stopwatch,
.icon-stumbleupon,
.icon-stumbleupon-2,
.icon-suitcase,
.icon-suitcase-2,
.icon-suitcase-3,
.icon-support,
.icon-tag,
.icon-tag-2,
.icon-tags,
.icon-tags-2,
.icon-tags-3,
.icon-th,
.icon-th-large,
.icon-th-list,
.icon-thumbs-down,
.icon-thumbs-up,
.icon-time,
.icon-tools,
.icon-tools-2,
.icon-trash,
.icon-trash-2,
.icon-trashcan,
.icon-truck,
.icon-tumblr,
.icon-tumblr-2,
.icon-tumblr-3,
.icon-tux,
.icon-twitter,
.icon-twitter-2,
.icon-twitter-3,
.icon-twitter-4,
.icon-twitter-5,
.icon-umbrella,
.icon-untitled,
.icon-user,
.icon-user-2,
.icon-user-3,
.icon-user-4,
.icon-users,
.icon-users-2,
.icon-users-3,
.icon-users-4,
.icon-vcard,
.icon-vimeo,
.icon-vimeo-2,
.icon-vimeo-3,
.icon-vimeo-4,
.icon-vimeo2,
.icon-vk,
.icon-vk-2,
.icon-wallet,
.icon-windows,
.icon-wordpress,
.icon-wordpress-2,
.icon-yahoo,
.icon-youtube,
.icon-youtube-2,
.icon-youtube-3,
.icon-youtube-sign,
.icon-zoom-in,
.icon-zoom-in-2,
.icon-zoom-out {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
 }

.icon-list-4 {
    text-align: left;
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}



    .icon-camera:before {
        content: "\e000";
    }

    .icon-drink:before {
        content: "\e001";
    }

    .icon-coffee:before {
        content: "\e002";
    }

    .icon-minus:before {
        content: "\e003";
    }

    .icon-minus-2:before {
        content: "\e004";
    }

    .icon-plus:before {
        content: "\e005";
    }

    .icon-plus-2:before {
        content: "\e006";
    }

    .icon-cancel:before {
        content: "\e007";
    }

    .icon-cancel-2:before {
        content: "\e008";
    }

    .icon-checkmark:before {
        content: "\e009";
    }

    .icon-checkmark-2:before {
        content: "\e00a";
    }

    .icon-notice:before {
        content: "\e00b";
    }

    .icon-notice-2:before {
        content: "\e00c";
    }

    .icon-cog:before {
        content: "\e00d";
    }

    .icon-cog-2:before {
        content: "\e00e";
    }

    .icon-suitcase:before {
        content: "\e00f";
    }

    .icon-suitcase-2:before {
        content: "\e010";
    }

    .icon-picture:before {
        content: "\e011";
    }

    .icon-cancel-3:before {
        content: "\e012";
    }

    .icon-checkmark-3:before {
        content: "\e013";
    }

    .icon-wallet:before {
        content: "\e014";
    }

    .icon-time:before {
        content: "\e015";
    }

    .icon-basket:before {
        content: "\e016";
    }

    .icon-trashcan:before {
        content: "\e017";
    }

    .icon-sale:before {
        content: "\e018";
    }

    .icon-phone:before {
        content: "\e019";
    }

    .icon-phone-2:before {
        content: "\e01a";
    }

    .icon-locked:before {
        content: "\e01b";
    }

    .icon-zoom-in:before {
        content: "\e01c";
    }

    .icon-magnifier:before {
        content: "\e01d";
    }

    .icon-umbrella:before {
        content: "\e01e";
    }

    .icon-lamp:before {
        content: "\e01f";
    }

    .icon-money-bag:before {
        content: "\e020";
    }

    .icon-list:before {
        content: "\e021";
    }

    .icon-list-2:before {
        content: "\e022";
    }

    .icon-grid:before {
        content: "\e023";
    }

    .icon-grid-2:before {
        content: "\e024";
    }

    .icon-tools:before {
        content: "\e025";
    }

    .icon-chat:before {
        content: "\e026";
    }

    .icon-comments:before {
        content: "\e027";
    }

    .icon-justice:before {
        content: "\e028";
    }

    .icon-edit:before {
        content: "\e029";
    }

    .icon-profile:before {
        content: "\e02a";
    }

    .icon-profile-2:before {
        content: "\e02b";
    }

    .icon-dollar:before {
        content: "\e02c";
    }

    .icon-profile-3:before {
        content: "\e02d";
    }

    .icon-coins:before {
        content: "\e02e";
    }

    .icon-pig:before {
        content: "\e02f";
    }

    .icon-envelope:before {
        content: "\e030";
    }

    .icon-globe:before {
        content: "\e031";
    }

    .icon-shipping:before {
        content: "\e032";
    }

    .icon-compass:before {
        content: "\e033";
    }

    .icon-clipboard:before {
        content: "\e034";
    }

    .icon-clipboard-2:before {
        content: "\e035";
    }

    .icon-clipboard-3:before {
        content: "\e036";
    }

    .icon-tags:before {
        content: "\e037";
    }

    .icon-phone-3:before {
        content: "\e038";
    }

    .icon-mobile:before {
        content: "\e039";
    }

    .icon-mail:before {
        content: "\e03a";
    }

    .icon-paperplane:before {
        content: "\e03b";
    }

    .icon-paperclip:before {
        content: "\e03c";
    }

    .icon-user:before {
        content: "\e03d";
    }

    .icon-heart:before {
        content: "\e03e";
    }

    .icon-star:before {
        content: "\e03f";
    }

    .icon-users:before {
        content: "\e040";
    }

    .icon-vcard:before {
        content: "\e041";
    }

    .icon-star-2:before {
        content: "\e042";
    }

    .icon-thumbs-up:before {
        content: "\e043";
    }

    .icon-thumbs-down:before {
        content: "\e044";
    }

    .icon-chat-2:before {
        content: "\e045";
    }

    .icon-quote:before {
        content: "\e046";
    }

    .icon-house:before {
        content: "\e047";
    }

    .icon-search:before {
        content: "\e048";
    }

    .icon-camera-2:before {
        content: "\e049";
    }

    .icon-tag:before {
        content: "\e04a";
    }

    .icon-tools-2:before {
        content: "\e04b";
    }

    .icon-cog-3:before {
        content: "\e04c";
    }

    .icon-newspaper:before {
        content: "\e04d";
    }

    .icon-bag:before {
        content: "\e04e";
    }

    .icon-airplane:before {
        content: "\e04f";
    }

    .icon-lifebuoy:before {
        content: "\e050";
    }

    .icon-eye:before {
        content: "\e051";
    }

    .icon-clock:before {
        content: "\e052";
    }

    .icon-calendar:before {
        content: "\e053";
    }

    .icon-briefcase:before {
        content: "\e054";
    }

    .icon-suitcase-3:before {
        content: "\e055";
    }

    .icon-earth:before {
        content: "\e056";
    }

    .icon-cart:before {
        content: "\e057";
    }

    .icon-clipboard-4:before {
        content: "\e058";
    }

    .icon-credit-card:before {
        content: "\e059";
    }

    .icon-light-bulb:before {
        content: "\e05a";
    }

    .icon-pie:before {
        content: "\e05b";
    }

    .icon-bars:before {
        content: "\e05c";
    }

    .icon-graph:before {
        content: "\e05d";
    }

    .icon-lock:before {
        content: "\e05e";
    }

    .icon-lock-open:before {
        content: "\e05f";
    }

    .icon-plus-3:before {
        content: "\e060";
    }

    .icon-minus-3:before {
        content: "\e061";
    }

    .icon-cross:before {
        content: "\e062";
    }

    .icon-info:before {
        content: "\e063";
    }

    .icon-list-3:before {
        content: "\e064";
    }

    .icon-list-4:before {
        content: "\e065";
    }

    .icon-trash:before {
        content: "\e066";
    }

    .icon-arrow-left:before {
        content: "\e067";
    }

    .icon-arrow-up--upload:before {
        content: "\e068";
    }

    .icon-arrow-left-2:before {
        content: "\e069";
    }

    .icon-arrow-down:before {
        content: "\e06a";
    }

    .icon-arrow-up:before {
        content: "\e06b";
    }

    .icon-arrow-right:before {
        content: "\e06c";
    }

    .icon-arrow-down-2:before {
        content: "\e06d";
    }

    .icon-arrow-up-2:before {
        content: "\e06e";
    }

    .icon-arrow-right-2:before {
        content: "\e06f";
    }

    .icon-arrow-left-3:before {
        content: "\e070";
    }

    .icon-arrow-down-3:before {
        content: "\e071";
    }

    .icon-arrow-up-3:before {
        content: "\e072";
    }

    .icon-arrow-right-3:before {
        content: "\e073";
    }

    .icon-arrow-left-4:before {
        content: "\e074";
    }

    .icon-arrow-down-4:before {
        content: "\e075";
    }

    .icon-arrow-up-4:before {
        content: "\e076";
    }

    .icon-arrow-right-4:before {
        content: "\e077";
    }

    .icon-arrow-left-5:before {
        content: "\e078";
    }

    .icon-arrow-down-5:before {
        content: "\e079";
    }

    .icon-arrow-up-5:before {
        content: "\e07a";
    }

    .icon-untitled:before {
        content: "\e07b";
    }

    .icon-arrow-left-6:before {
        content: "\e07c";
    }

    .icon-arrow-down-6:before {
        content: "\e07d";
    }

    .icon-arrow-up-6:before {
        content: "\e07e";
    }

    .icon-arrow-right-5:before {
        content: "\e07f";
    }

    .icon-vk:before {
        content: "\e080";
    }

    .icon-smashing:before {
        content: "\e081";
    }

    .icon-circles:before {
        content: "\e082";
    }

    .icon-behance:before {
        content: "\e083";
    }

    .icon-mixi:before {
        content: "\e084";
    }

    .icon-soundcloud:before {
        content: "\e085";
    }

    .icon-picasa:before {
        content: "\e086";
    }

    .icon-paypal:before {
        content: "\e087";
    }

    .icon-sina-weibo:before {
        content: "\e088";
    }

    .icon-renren:before {
        content: "\e089";
    }

    .icon-skype:before {
        content: "\e08a";
    }

    .icon-skype-2:before {
        content: "\e08b";
    }

    .icon-flattr:before {
        content: "\e08c";
    }

    .icon-evernote:before {
        content: "\e08d";
    }

    .icon-dropbox:before {
        content: "\e08e";
    }

    .icon-instagram:before {
        content: "\e08f";
    }

    .icon-qq:before {
        content: "\e090";
    }

    .icon-spotify:before {
        content: "\e091";
    }

    .icon-spotify-2:before {
        content: "\e092";
    }

    .icon-rdio:before {
        content: "\e093";
    }

    .icon-rdio-2:before {
        content: "\e094";
    }

    .icon-lastfm:before {
        content: "\e095";
    }

    .icon-lastfm-2:before {
        content: "\e096";
    }

    .icon-stumbleupon:before {
        content: "\e097";
    }

    .icon-stumbleupon-2:before {
        content: "\e098";
    }

    .icon-dribbble:before {
        content: "\e099";
    }

    .icon-dribbble-2:before {
        content: "\e09a";
    }

    .icon-linkedin:before {
        content: "\e09b";
    }

    .icon-linkedin-2:before {
        content: "\e09c";
    }

    .icon-tumblr:before {
        content: "\e09d";
    }

    .icon-tumblr-2:before {
        content: "\e09e";
    }

    .icon-pinterest:before {
        content: "\e09f";
    }

    .icon-pinterest-2:before {
        content: "\e0a0";
    }

    .icon-googleplus:before {
        content: "\e0a1";
    }

    .icon-googleplus-2:before {
        content: "\e0a2";
    }

    .icon-facebook:before {
        content: "\e0a3";
    }

    .icon-facebook-2:before {
        content: "\e0a4";
    }

    .icon-facebook-3:before {
        content: "\e0a5";
    }

    .icon-twitter:before {
        content: "\e0a6";
    }

    .icon-twitter-2:before {
        content: "\e0a7";
    }

    .icon-vimeo:before {
        content: "\e0a8";
    }

    .icon-vimeo-2:before {
        content: "\e0a9";
    }

    .icon-flickr:before {
        content: "\e0aa";
    }

    .icon-github:before {
        content: "\e0ab";
    }

    .icon-github-2:before {
        content: "\e0ac";
    }

    .icon-flickr-2:before {
        content: "\e0ad";
    }

    .icon-home:before {
        content: "\e0ae";
    }

    .icon-home-2:before {
        content: "\e0af";
    }

    .icon-office:before {
        content: "\e0b0";
    }

    .icon-newspaper-2:before {
        content: "\e0b1";
    }

    .icon-pencil:before {
        content: "\e0b2";
    }

    .icon-pencil-2:before {
        content: "\e0b3";
    }

    .icon-bullhorn:before {
        content: "\e0b4";
    }

    .icon-file:before {
        content: "\e0b5";
    }

    .icon-profile-4:before {
        content: "\e0b6";
    }

    .icon-cart-2:before {
        content: "\e0b7";
    }

    .icon-cart-3:before {
        content: "\e0b8";
    }

    .icon-cart-4:before {
        content: "\e0b9";
    }

    .icon-tags-2:before {
        content: "\e0ba";
    }

    .icon-tag-2:before {
        content: "\e0bb";
    }

    .icon-coin:before {
        content: "\e0bc";
    }

    .icon-credit:before {
        content: "\e0bd";
    }

    .icon-support:before {
        content: "\e0be";
    }

    .icon-phone-4:before {
        content: "\e0bf";
    }

    .icon-address-book:before {
        content: "\e0c0";
    }

    .icon-envelop:before {
        content: "\e0c1";
    }

    .icon-pushpin:before {
        content: "\e0c2";
    }

    .icon-calendar-2:before {
        content: "\e0c3";
    }

    .icon-stopwatch:before {
        content: "\e0c4";
    }

    .icon-clock-2:before {
        content: "\e0c5";
    }

    .icon-clock-3:before {
        content: "\e0c6";
    }

    .icon-bubbles:before {
        content: "\e0c7";
    }

    .icon-bubbles-2:before {
        content: "\e0c8";
    }

    .icon-user-2:before {
        content: "\e0c9";
    }

    .icon-users-2:before {
        content: "\e0ca";
    }

    .icon-users-3:before {
        content: "\e0cb";
    }

    .icon-user-3:before {
        content: "\e0cc";
    }

    .icon-quotes-left:before {
        content: "\e0cd";
    }

    .icon-search-2:before {
        content: "\e0ce";
    }

    .icon-cog-4:before {
        content: "\e0cf";
    }

    .icon-cog-5:before {
        content: "\e0d0";
    }

    .icon-airplane-2:before {
        content: "\e0d1";
    }

    .icon-briefcase-2:before {
        content: "\e0d2";
    }

    .icon-remove:before {
        content: "\e0d3";
    }

    .icon-truck:before {
        content: "\e0d4";
    }

    .icon-list-5:before {
        content: "\e0d5";
    }

    .icon-list-6:before {
        content: "\e0d6";
    }

    .icon-earth-2:before {
        content: "\e0d7";
    }

    .icon-globe-2:before {
        content: "\e0d8";
    }

    .icon-menu:before {
        content: "\e0d9";
    }

    .icon-facebook-4:before {
        content: "\e0da";
    }

    .icon-google:before {
        content: "\e0db";
    }

    .icon-google-plus:before {
        content: "\e0dc";
    }

    .icon-mail-2:before {
        content: "\e0dd";
    }

    .icon-twitter-3:before {
        content: "\e0de";
    }

    .icon-feed:before {
        content: "\e0df";
    }

    .icon-youtube:before {
        content: "\e0e0";
    }

    .icon-vimeo-3:before {
        content: "\e0e1";
    }

    .icon-flickr-3:before {
        content: "\e0e2";
    }

    .icon-flickr-4:before {
        content: "\e0e3";
    }

    .icon-picassa:before {
        content: "\e0e4";
    }

    .icon-dribbble-3:before {
        content: "\e0e5";
    }

    .icon-deviantart:before {
        content: "\e0e6";
    }

    .icon-steam:before {
        content: "\e0e7";
    }

    .icon-github-3:before {
        content: "\e0e8";
    }

    .icon-github-4:before {
        content: "\e0e9";
    }

    .icon-wordpress:before {
        content: "\e0ea";
    }

    .icon-joomla:before {
        content: "\e0eb";
    }

    .icon-blogger:before {
        content: "\e0ec";
    }

    .icon-tumblr-3:before {
        content: "\e0ed";
    }

    .icon-yahoo:before {
        content: "\e0ee";
    }

    .icon-tux:before {
        content: "\e0ef";
    }

    .icon-apple:before {
        content: "\e0f0";
    }

    .icon-finder:before {
        content: "\e0f1";
    }

    .icon-android:before {
        content: "\e0f2";
    }

    .icon-windows:before {
        content: "\e0f3";
    }

    .icon-skype-3:before {
        content: "\e0f4";
    }

    .icon-lastfm-3:before {
        content: "\e0f5";
    }

    .icon-delicious:before {
        content: "\e0f6";
    }

    .icon-stackoverflow:before {
        content: "\e0f7";
    }

    .icon-pinterest-3:before {
        content: "\e0f8";
    }

    .icon-paypal-2:before {
        content: "\e0f9";
    }

    .icon-paypal-3:before {
        content: "\e0fa";
    }

    .icon-chrome:before {
        content: "\e0fb";
    }

    .icon-google-plus-2:before {
        content: "\e0fc";
    }

    .icon-google-plus-3:before {
        content: "\e0fd";
    }

    .icon-facebook-5:before {
        content: "\e0fe";
    }

    .icon-facebook-6:before {
        content: "\e0ff";
    }

    .icon-instagram-2:before {
        content: "\e100";
    }

    .icon-twitter-4:before {
        content: "\e101";
    }

    .icon-twitter-5:before {
        content: "\e102";
    }

    .icon-feed-2:before {
        content: "\e103";
    }

    .icon-feed-3:before {
        content: "\e104";
    }

    .icon-youtube-2:before {
        content: "\e105";
    }

    .icon-vimeo2:before {
        content: "\e106";
    }

    .icon-vimeo-4:before {
        content: "\e107";
    }

    .icon-steam-2:before {
        content: "\e108";
    }

    .icon-deviantart-2:before {
        content: "\e109";
    }

    .icon-forrst:before {
        content: "\e10a";
    }

    .icon-dribbble-4:before {
        content: "\e10b";
    }

    .icon-picassa-2:before {
        content: "\e10c";
    }

    .icon-flickr-5:before {
        content: "\e10d";
    }

    .icon-flickr-6:before {
        content: "\e10e";
    }

    .icon-github-5:before {
        content: "\e10f";
    }

    .icon-github-6:before {
        content: "\e110";
    }

    .icon-github-7:before {
        content: "\e111";
    }

    .icon-wordpress-2:before {
        content: "\e112";
    }

    .icon-blogger-2:before {
        content: "\e113";
    }

    .icon-lastfm-4:before {
        content: "\e114";
    }

    .icon-linkedin-3:before {
        content: "\e115";
    }

    .icon-envelope-2:before {
        content: "\e116";
    }

    .icon-cart-5:before {
        content: "\e117";
    }

    .icon-vk-2:before {
        content: "\f189";
    }

    .icon-youtube-sign:before {
        content: "\f166";
    }

    .icon-youtube-3:before {
        content: "\f167";
    }

    .icon-users-4:before {
        content: "\e118";
    }

    .icon-search-3:before {
        content: "\f002";
    }

    .icon-star-3:before {
        content: "\f005";
    }

    .icon-star-empty:before {
        content: "\f006";
    }

    .icon-user-4:before {
        content: "\f007";
    }

    .icon-th-large:before {
        content: "\f009";
    }

    .icon-th:before {
        content: "\f00a";
    }

    .icon-th-list:before {
        content: "\f00b";
    }

    .icon-ok:before {
        content: "\f00c";
    }

    .icon-remove-2:before {
        content: "\f00d";
    }

    .icon-zoom-in-2:before {
        content: "\f00e";
    }

    .icon-zoom-out:before {
        content: "\f010";
    }

    .icon-trash-2:before {
        content: "\f014";
    }

    .icon-cog-6:before {
        content: "\f013";
    }

    .icon-tags-3:before {
        content: "\f02c";
    }

@charset "UTF-8"; /*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
}

@keyframes wobble {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

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

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}

.flipInY {
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes custom_slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    80% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes custom_slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    80% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.custom_slideInUp {
    -webkit-animation: custom_slideInUp 1.5s ease-out 0s;
    animation: custom_slideInUp 1.5s ease-out 0s;
}

@-webkit-keyframes custom_slideInUp_2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    80% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes custom_slideInUp_2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    80% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.custom_slideInUp_2 {
    -webkit-animation: custom_slideInUp_2 1.5s ease-out 1s;
    animation: custom_slideInUp_2 1.5s ease-out 1s;
}

@-webkit-keyframes custom_slideInUp_btn_1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    80% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes custom_slideInUp_btn_1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    80% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.custom_slideInUp_btn_1 {
    -webkit-animation: custom_slideInUp_btn_1 1.5s ease-out 2s;
    animation: custom_slideInUp_btn_1 1.5s ease-out 2s;
}

@-webkit-keyframes custom_slideInUp_btn_2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    80% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes custom_slideInUp_btn_2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    80% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.custom_slideInUp_btn_2 {
    -webkit-animation: custom_slideInUp_btn_2 1.5s ease-out 2.5s;
    animation: custom_slideInUp_btn_2 1.5s ease-out 2.5s;
}

.portfolio-menu > .btn {
    font-size: 14px;
    font-weight: 700;
    color: #9f9f9f;
    background-color: transparent;
    padding: 0 15px;
    text-transform: uppercase;
}

    .portfolio-menu > .btn:focus,
    .portfolio-menu > .btn.active {
        color: #3a3a3a;
        box-shadow: none;
    }

.single_gallery_item {
    margin-bottom: 100px;
    overflow: hidden;
}

.product-img {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .product-img > img {
        width: 100%;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
    }

.single_gallery_item:hover .product-img > img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.product-img .product-quicview {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(23, 24, 24, 0.6);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.product-img:hover .product-quicview {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-img .product-quicview > a {
    width: 72px;
    height: 72px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 36px;
    line-height: 72px;
}

    .product-img .product-quicview > a:hover {
        border: 2px solid rgba(255, 255, 255, 1);
        color: rgba(255, 255, 255, 1);
    }

.product-description {
    margin-top: 20px;
}

    .product-description h4 {
        font-weight: 400;
        color: #9f9f9f;
        margin-bottom: 5px;
        display: block;
    }

    .product-description p {
        font-size: 15px;
        margin: 0;
    }

    .product-description .add-to-cart-btn {
        margin-top: 50px;
        font-size: 12px;
        font-weight: 700;
        color: #ff084e;
        display: block;
    }

        .product-description .add-to-cart-btn:hover {
            color: #2a2a2a;
        }


/*.hover-switch img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;

}*/
    /*      
 * Show the last image by default
*/
    /*.hover-switch > img:last-of-type {
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -webkit-transition: opacity 0.5s ease-in-out;
    }*/
/* 
 * Hide the last image on hover
*/


/* Hide the last image on hover */
/*.hover-switch:hover > img:last-of-type {
    opacity: 0;
}
.offset-image {
    z-index: 2;*/ /* Ensure offset text appears above images */
    /*position: relative;
}

.geeks {
    position: relative;*/ /* Ensure the container is positioned relatively */
    /*width: 100%;
    margin: 0 auto;*/
    /* overflow: hidden;*/
/*}

    .geeks .imgclass {
        width: 100%;
        transition: 0.8s all ease-in-out;
    }

    .geeks:hover .imgclass {
        transform: scale(1.1);
    }*/
/*.geeks {
    width: 100%;*/ /* Adjust width as needed */
    /*max-width: 1000px;*/ /* Set a maximum width to prevent excessive expansion */
    /*margin: 0 auto;*/ /* Center the container horizontally */
    /*padding: 20px;*/ /* Add padding to create space around the content */
    /*box-sizing: border-box;*/ /* Include padding in the width calculation */
/*}
    .geeks img {
        max-width: 100%;*/ /* Ensure images are responsive */
        /*height: auto;*/ /* Maintain aspect ratio */
    /*}

.hover-switch {
    position: relative;*/ /* Ensure proper positioning of images */
    /*width: 100%;
    height: auto;*/ /* Ensure the container adjusts its height based on the content */
/*}

    .hover-switch img {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: auto;
    }*/

    /* Show the last image by default */
    /*.hover-switch > img:last-of-type {
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
    }*/

    /* Hide the last image on hover */
    /*.hover-switch:hover > img:last-of-type {
        opacity: 0;
    }

.geeks .imgclass {
    width: 100%;
    transition: transform 0.8s ease-in-out;
}

.geeks:hover .imgclass {
    transform: scale(1.1);
}*/

.image-container {
    position: relative; /* Establish a containing block for absolute positioning */
    width: 100%; /* Adjust width as needed */
    min-height: 400px; /* Adjust height as needed */
    overflow: hidden; /* Hide overflow of absolutely positioned images */
}

.image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.9s ease; /* Add transition for zoom effect */
    object-fit: cover; /* Maintain aspect ratio without stretching */
}

.img2 {
    opacity: 0; /* Initially hide the second image */
}

.image-container:hover .img2 {
    opacity: 1; /* Show second image on hover */
    transform: scale(1.1); /* Zoom effect on hover */
}