@charset "UTF-8";

.cd-title
{
    position: relative;
    height: 160px;
    line-height: 230px;
    text-align: center;
}

    .cd-title h1
    {
        font-size: 2.4rem;
        font-weight: 700;
    }

@media only screen and (min-width:768px)
{
    .cd-title
    {
        line-height: 250px;
    }
}

@media only screen and (min-width:1170px)
{
    .cd-title
    {
        height: 200px;
        line-height: 300px;
    }

        .cd-title h1
        {
            font-size: 3rem;
        }
}

.cd-intro
{
    width: 90%;
    max-width: 768px;
    text-align: center;
}

.cd-intro
{
    margin: 4em auto;
}

@media only screen and (min-width:768px)
{
    .cd-intro
    {
        margin: 5em auto;
    }
}

@media only screen and (min-width:1170px)
{
    .cd-intro
    {
        margin: 6em auto;
    }
}

.cd-headline
{
    font-size: 3rem;
    line-height: 1.2;
}

@media only screen and (min-width:768px)
{
    .cd-headline
    {
        font-size: 4.4rem;
        font-weight: 300;
    }
}

@media only screen and (min-width:1170px)
{
    .cd-headline
    {
        font-size: 6rem;
    }
}

.cd-words-wrapper
{
    display: inline-block;
    position: relative;
    text-align: left;
}

    .cd-words-wrapper b
    {
        display: inline-block;
        position: absolute;
        white-space: nowrap;
        left: 0;
        top: 0;
    }

        .cd-words-wrapper b.is-visible
        {
            position: relative;
        }

.no-js .cd-words-wrapper b
{
    opacity: 0;
}

    .no-js .cd-words-wrapper b.is-visible
    {
        opacity: 1;
    }

.cd-headline.rotate-1 .cd-words-wrapper
{
    -webkit-perspective: 300px;
    perspective: 300px;
}

.cd-headline.rotate-1 b
{
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

    .cd-headline.rotate-1 b.is-visible
    {
        opacity: 1;
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-animation: cd-rotate-1-in 1.2s;
        animation: cd-rotate-1-in 1.2s;
    }

    .cd-headline.rotate-1 b.is-hidden
    {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        -webkit-animation: cd-rotate-1-out 1.2s;
        animation: cd-rotate-1-out 1.2s;
    }

@-webkit-keyframes cd-rotate-1-in
{
    0%
    {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }

    35%
    {
        -webkit-transform: rotateX(120deg);
        opacity: 0;
    }

    65%
    {
        opacity: 0;
    }

    100%
    {
        -webkit-transform: rotateX(360deg);
        opacity: 1;
    }
}

@keyframes cd-rotate-1-in
{
    0%
    {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }

    35%
    {
        -webkit-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0;
    }

    65%
    {
        opacity: 0;
    }

    100%
    {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1;
    }
}

@-webkit-keyframes cd-rotate-1-out
{
    0%
    {
        -webkit-transform: rotateX(0);
        opacity: 1;
    }

    35%
    {
        -webkit-transform: rotateX(-40deg);
        opacity: 1;
    }

    65%
    {
        opacity: 0;
    }

    100%
    {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
}

@keyframes cd-rotate-1-out
{
    0%
    {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }

    35%
    {
        -webkit-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1;
    }

    65%
    {
        opacity: 0;
    }

    100%
    {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }
}

.cd-headline.type .cd-words-wrapper
{
    vertical-align: top;
    overflow: hidden;
}

    .cd-headline.type .cd-words-wrapper::after
    {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 90%;
        width: 1px;
        background-color: #aebcb9;
    }

    .cd-headline.type .cd-words-wrapper.waiting::after
    {
        -webkit-animation: cd-pulse 1s infinite;
        animation: cd-pulse 1s infinite;
    }

    .cd-headline.type .cd-words-wrapper.selected
    {
        background-color: #aebcb9;
    }

        .cd-headline.type .cd-words-wrapper.selected::after
        {
            visibility: hidden;
        }

        .cd-headline.type .cd-words-wrapper.selected b
        {
            color: #0d0d0d;
        }

.cd-headline.type b
{
    visibility: hidden;
}

    .cd-headline.type b.is-visible
    {
        visibility: visible;
    }

.cd-headline.type i
{
    position: absolute;
    visibility: hidden;
}

    .cd-headline.type i.in
    {
        position: relative;
        visibility: visible;
    }

@-webkit-keyframes cd-pulse
{
    0%
    {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1;
    }

    40%
    {
        -webkit-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }

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

@keyframes cd-pulse
{
    0%
    {
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }

    40%
    {
        -webkit-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }

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

.cd-headline.rotate-2 .cd-words-wrapper
{
    -webkit-perspective: 300px;
    perspective: 300px;
}

.cd-headline.rotate-2 i, .cd-headline.rotate-2 em
{
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-headline.rotate-2 b
{
    opacity: 0;
}

.cd-headline.rotate-2 i
{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0;
}

.is-visible .cd-headline.rotate-2 i
{
    opacity: 1;
}

.cd-headline.rotate-2 i.in
{
    -webkit-animation: cd-rotate-2-in .4s forwards;
    animation: cd-rotate-2-in .4s forwards;
}

.cd-headline.rotate-2 i.out
{
    -webkit-animation: cd-rotate-2-out .4s forwards;
    animation: cd-rotate-2-out .4s forwards;
}

.cd-headline.rotate-2 em
{
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i
{
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0;
}

    .no-csstransitions .cd-headline.rotate-2 i em
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.no-csstransitions .cd-headline.rotate-2 .is-visible i
{
    opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
    }

    60%
    {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
    }

    100%
    {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }
}

@keyframes cd-rotate-2-in
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg);
    }

    60%
    {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg);
    }

    100%
    {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }
}

@-webkit-keyframes cd-rotate-2-out
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }

    60%
    {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
    }

    100%
    {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
    }
}

@keyframes cd-rotate-2-out
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }

    60%
    {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg);
    }

    100%
    {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg);
    }
}

.cd-headline.loading-bar span
{
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.loading-bar .cd-words-wrapper
{
    overflow: hidden;
    vertical-align: top;
}

    .cd-headline.loading-bar .cd-words-wrapper::after
    {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 0;
        background: #0096a7;
        z-index: 2;
        -webkit-transition: width .3s -0.1s;
        -o-transition: width .3s -0.1s;
        transition: width .3s -0.1s;
    }

    .cd-headline.loading-bar .cd-words-wrapper.is-loading::after
    {
        width: 100%;
        -webkit-transition: width 3s;
        -o-transition: width 3s;
        transition: width 3s;
    }

.cd-headline.loading-bar b
{
    top: .2em;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

    .cd-headline.loading-bar b.is-visible
    {
        opacity: 1;
        top: 0;
    }

.cd-headline.slide span
{
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.slide .cd-words-wrapper
{
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.slide b
{
    opacity: 0;
    top: .2em;
}

    .cd-headline.slide b.is-visible
    {
        top: 0;
        opacity: 1;
        -webkit-animation: slide-in .6s;
        animation: slide-in .6s;
    }

    .cd-headline.slide b.is-hidden
    {
        -webkit-animation: slide-out .6s;
        animation: slide-out .6s;
    }

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

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

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

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

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

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

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

    60%
    {
        opacity: 0;
        -webkit-transform: translateY(120%);
    }

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

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

    60%
    {
        opacity: 0;
        -webkit-transform: translateY(120%);
        transform: translateY(120%);
    }

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

.cd-headline.clip span
{
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.clip .cd-words-wrapper
{
    overflow: hidden;
    vertical-align: top;
}

    .cd-headline.clip .cd-words-wrapper::after
    {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 100%;
        background-color: #aebcb9;
    }

.cd-headline.clip b
{
    opacity: 0;
}

    .cd-headline.clip b.is-visible
    {
        opacity: 1;
    }

.cd-headline.zoom .cd-words-wrapper
{
    -webkit-perspective: 300px;
    perspective: 300px;
}

.cd-headline.zoom b
{
    opacity: 0;
}

    .cd-headline.zoom b.is-visible
    {
        opacity: 1;
        -webkit-animation: zoom-in .8s;
        animation: zoom-in .8s;
    }

    .cd-headline.zoom b.is-hidden
    {
        -webkit-animation: zoom-out .8s;
        animation: zoom-out .8s;
    }

@-webkit-keyframes zoom-in
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateZ(100px);
    }

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

@keyframes zoom-in
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        transform: translateZ(100px);
    }

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

@-webkit-keyframes zoom-out
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }

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

@keyframes zoom-out
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

.cd-headline.rotate-3 .cd-words-wrapper
{
    -webkit-perspective: 300px;
    perspective: 300px;
}

.cd-headline.rotate-3 b
{
    opacity: 0;
}

.cd-headline.rotate-3 i
{
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.is-visible .cd-headline.rotate-3 i
{
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
}

.cd-headline.rotate-3 i.in
{
    -webkit-animation: cd-rotate-3-in .6s forwards;
    animation: cd-rotate-3-in .6s forwards;
}

.cd-headline.rotate-3 i.out
{
    -webkit-animation: cd-rotate-3-out .6s forwards;
    animation: cd-rotate-3-out .6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i
{
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i
{
    opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in
{
    0%
    {
        -webkit-transform: rotateY(180deg);
    }

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

@keyframes cd-rotate-3-in
{
    0%
    {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

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

@-webkit-keyframes cd-rotate-3-out
{
    0%
    {
        -webkit-transform: rotateY(0);
    }

    100%
    {
        -webkit-transform: rotateY(-180deg);
    }
}

@keyframes cd-rotate-3-out
{
    0%
    {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    100%
    {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
}

.cd-headline.scale b
{
    opacity: 0;
}

.cd-headline.scale i
{
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.is-visible .cd-headline.scale i
{
    opacity: 1;
}

.cd-headline.scale i.in
{
    -webkit-animation: scale-up .6s forwards;
    animation: scale-up .6s forwards;
}

.cd-headline.scale i.out
{
    -webkit-animation: scale-down .6s forwards;
    animation: scale-down .6s forwards;
}

.no-csstransitions .cd-headline.scale i
{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i
{
    opacity: 1;
}

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

    60%
    {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

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

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

    60%
    {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }

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

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

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

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

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

.cd-headline.push b
{
    opacity: 0;
}

    .cd-headline.push b.is-visible
    {
        opacity: 1;
        -webkit-animation: push-in .6s;
        animation: push-in .6s;
    }

    .cd-headline.push b.is-hidden
    {
        -webkit-animation: push-out .6s;
        animation: push-out .6s;
    }

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

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

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

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

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

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

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

    60%
    {
        opacity: 0;
        -webkit-transform: translateX(110%);
    }

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

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

    60%
    {
        opacity: 0;
        -webkit-transform: translateX(110%);
        transform: translateX(110%);
    }

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

@-webkit-keyframes moveVertical
{
    to
    {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes moveVertical
{
    to
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes moveHorizontal
{
    to
    {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes moveHorizontal
{
    to
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.move-up
{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    &.animate;

{
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-animation: moveVertical .65s ease forwards;
    animation: moveVertical .65s ease forwards;
}

}

.move-up-x
{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    &.animate;

{
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-animation: moveHorizontal .65s ease forwards;
    animation: moveHorizontal .65s ease forwards;
}

}

@-webkit-keyframes headerSlideDown
{
    0%
    {
        margin-top: -100px;
    }

    to
    {
        margin-top: 0;
    }
}

@keyframes headerSlideDown
{
    0%
    {
        margin-top: -100px;
    }

    to
    {
        margin-top: 0;
    }
}

@-webkit-keyframes hide-animation
{
    0%
    {
        -webkit-transform: translateY(0);
        opacity: 1;
    }

    to
    {
        -webkit-transform: translateY(60px);
        opacity: 0;
    }
}

@keyframes hide-animation
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    to
    {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0;
    }
}

@-webkit-keyframes show-animation
{
    0%
    {
        -webkit-transform: translateY(60px);
        opacity: 0;
    }

    to
    {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes show-animation
{
    0%
    {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0;
    }

    to
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-out-to-right
{
    0%
    {
        -webkit-transform: translateX(0);
        opacity: 1;
    }

    to
    {
        -webkit-transform: translateX(40px);
        opacity: 0;
    }
}

@keyframes slide-out-to-right
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    to
    {
        -webkit-transform: translateX(60px);
        transform: translateX(60px);
        opacity: 0;
    }
}

@-webkit-keyframes slide-in-to-left
{
    0%
    {
        -webkit-transform: translateX(60px);
        opacity: 0;
    }

    to
    {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-to-left
{
    0%
    {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 0;
    }

    to
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.brook-transition
{
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}

.bk-hover
{
    a;

{
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    color: #999;
    &::after;

{
    content: "";
    width: 0;
    height: 1px;
    bottom: 0;
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -o-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: currentColor;
}

&:hover
{
    &::after;

{
    width: 100%;
    left: 0;
    right: auto;
}

}
}

&.hover-text-dark
{
    a;

{
}

}
}

@-webkit-keyframes separator-bounce
{
    0%,80%,to
    {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

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

@keyframes separator-bounce
{
    0%,80%,to
    {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

    40%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce
{
    0%,20%,53%,80%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0);
    }

    40%,43%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0);
    }

    70%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0);
    }

    90%
    {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce
{
    0%,20%,53%,80%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0);
    }

    40%,43%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0);
    }

    70%
    {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0);
    }

    90%
    {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

.bounce
{
    -webkit-animation-name: bounce;
    -webkit-transform-origin: center bottom;
    animation-name: bounce;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

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

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

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

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

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

@-webkit-keyframes pulse
{
    0%
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50%
    {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse
{
    0%
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50%
    {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
    }

    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes rubberBand
{
    0%
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30%
    {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40%
    {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50%
    {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65%
    {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75%
    {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand
{
    0%
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30%
    {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1);
    }

    40%
    {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1);
    }

    50%
    {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1);
    }

    65%
    {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75%
    {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes shake
{
    0%,to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

@keyframes shake
{
    0%,to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

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

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

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

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

    6.5%
    {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5%
    {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5%
    {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5%
    {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

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

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

    6.5%
    {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5%
    {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5%
    {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5%
    {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

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

.headShake
{
    -webkit-animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-name: headShake;
    animation-timing-function: ease-in-out;
}

@-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);
    }

    to
    {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@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);
    }

    to
    {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

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

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

    10%,20%
    {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }

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

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

    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

    10%,20%
    {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg);
    }

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

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

    to
    {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes wobble
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    15%
    {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg);
    }

    30%
    {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg);
    }

    45%
    {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg);
    }

    60%
    {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg);
    }

    75%
    {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes wobble
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    15%
    {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg);
    }

    30%
    {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg);
    }

    45%
    {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg);
    }

    60%
    {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg);
    }

    75%
    {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes jello
{
    0%,11.1%,to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    22.2%
    {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3%
    {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4%
    {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5%
    {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6%
    {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7%
    {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8%
    {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

@keyframes jello
{
    0%,11.1%,to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    22.2%
    {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3%
    {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4%
    {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5%
    {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6%
    {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7%
    {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8%
    {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

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

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

    14%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

    42%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

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

    14%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

    42%
    {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

.heartBeat
{
    -webkit-animation-duration: 1.3s;
    -webkit-animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 1.3s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn
{
    0%,20%,40%,60%,80%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    20%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40%
    {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60%
    {
        -webkit-transform: scale3d(1.03,1.03,1.03);
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03);
    }

    80%
    {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    to
    {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1);
    }
}

@keyframes bounceIn
{
    0%,20%,40%,60%,80%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    20%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40%
    {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60%
    {
        -webkit-transform: scale3d(1.03,1.03,1.03);
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03);
    }

    80%
    {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    to
    {
        -webkit-transform: scaleX(1);
        opacity: 1;
        transform: scaleX(1);
    }
}

.bounceIn
{
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-duration: .75s;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown
{
    0%,60%,75%,90%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: translate3d(0,-3000px,0);
        opacity: 0;
        transform: translate3d(0,-3000px,0);
    }

    60%
    {
        -webkit-transform: translate3d(0,25px,0);
        opacity: 1;
        transform: translate3d(0,25px,0);
    }

    75%
    {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90%
    {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInDown
{
    0%,60%,75%,90%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: translate3d(0,-3000px,0);
        opacity: 0;
        transform: translate3d(0,-3000px,0);
    }

    60%
    {
        -webkit-transform: translate3d(0,25px,0);
        opacity: 1;
        transform: translate3d(0,25px,0);
    }

    75%
    {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    90%
    {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes bounceInLeft
{
    0%,60%,75%,90%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: translate3d(-3000px,0,0);
        opacity: 0;
        transform: translate3d(-3000px,0,0);
    }

    60%
    {
        -webkit-transform: translate3d(25px,0,0);
        opacity: 1;
        transform: translate3d(25px,0,0);
    }

    75%
    {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90%
    {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInLeft
{
    0%,60%,75%,90%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: translate3d(-3000px,0,0);
        opacity: 0;
        transform: translate3d(-3000px,0,0);
    }

    60%
    {
        -webkit-transform: translate3d(25px,0,0);
        opacity: 1;
        transform: translate3d(25px,0,0);
    }

    75%
    {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    90%
    {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes bounceInRight
{
    0%,60%,75%,90%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: translate3d(3000px,0,0);
        opacity: 0;
        transform: translate3d(3000px,0,0);
    }

    60%
    {
        -webkit-transform: translate3d(-25px,0,0);
        opacity: 1;
        transform: translate3d(-25px,0,0);
    }

    75%
    {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90%
    {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInRight
{
    0%,60%,75%,90%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: translate3d(3000px,0,0);
        opacity: 0;
        transform: translate3d(3000px,0,0);
    }

    60%
    {
        -webkit-transform: translate3d(-25px,0,0);
        opacity: 1;
        transform: translate3d(-25px,0,0);
    }

    75%
    {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }

    90%
    {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes bounceInUp
{
    0%,60%,75%,90%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: translate3d(0,3000px,0);
        opacity: 0;
        transform: translate3d(0,3000px,0);
    }

    60%
    {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0);
    }

    75%
    {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90%
    {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp
{
    0%,60%,75%,90%,to
    {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0%
    {
        -webkit-transform: translate3d(0,3000px,0);
        opacity: 0;
        transform: translate3d(0,3000px,0);
    }

    60%
    {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0);
    }

    75%
    {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    90%
    {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes bounceOut
{
    20%
    {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1);
    }

    to
    {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }
}

@keyframes bounceOut
{
    20%
    {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55%
    {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1);
    }

    to
    {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }
}

.bounceOut
{
    -webkit-animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-duration: .75s;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown
{
    20%
    {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%,45%
    {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0);
    }

    to
    {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0);
    }
}

@keyframes bounceOutDown
{
    20%
    {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    40%,45%
    {
        -webkit-transform: translate3d(0,-20px,0);
        opacity: 1;
        transform: translate3d(0,-20px,0);
    }

    to
    {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0);
    }
}

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

@-webkit-keyframes bounceOutLeft
{
    20%
    {
        -webkit-transform: translate3d(20px,0,0);
        opacity: 1;
        transform: translate3d(20px,0,0);
    }

    to
    {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0);
    }
}

@keyframes bounceOutLeft
{
    20%
    {
        -webkit-transform: translate3d(20px,0,0);
        opacity: 1;
        transform: translate3d(20px,0,0);
    }

    to
    {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0);
    }
}

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

@-webkit-keyframes bounceOutRight
{
    20%
    {
        -webkit-transform: translate3d(-20px,0,0);
        opacity: 1;
        transform: translate3d(-20px,0,0);
    }

    to
    {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0);
    }
}

@keyframes bounceOutRight
{
    20%
    {
        -webkit-transform: translate3d(-20px,0,0);
        opacity: 1;
        transform: translate3d(-20px,0,0);
    }

    to
    {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0);
    }
}

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

@-webkit-keyframes bounceOutUp
{
    20%
    {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    40%,45%
    {
        -webkit-transform: translate3d(0,20px,0);
        opacity: 1;
        transform: translate3d(0,20px,0);
    }

    to
    {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0);
    }
}

@keyframes bounceOutUp
{
    20%
    {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
    }

    40%,45%
    {
        -webkit-transform: translate3d(0,20px,0);
        opacity: 1;
        transform: translate3d(0,20px,0);
    }

    to
    {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0);
    }
}

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

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

    to
    {
        opacity: 1;
    }
}

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

    to
    {
        opacity: 1;
    }
}

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

@-webkit-keyframes fadeInDown
{
    0%
    {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes fadeInDown
{
    0%
    {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes fadeInDownBig
{
    0%
    {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes fadeInDownBig
{
    0%
    {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes fadeInLeft
{
    0%
    {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft
{
    0%
    {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes fadeInLeftBig
{
    0%
    {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes fadeInLeftBig
{
    0%
    {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes fadeInRight
{
    0%
    {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes fadeInRight
{
    0%
    {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes fadeInRightBig
{
    0%
    {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes fadeInRightBig
{
    0%
    {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes fadeInUp
{
    0%
    {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes fadeInUp
{
    0%
    {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes fadeInUpBig
{
    0%
    {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes fadeInUpBig
{
    0%
    {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

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

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

    to
    {
        opacity: 0;
    }
}

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

    to
    {
        opacity: 0;
    }
}

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

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

    to
    {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0);
    }
}

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

    to
    {
        -webkit-transform: translate3d(0,100%,0);
        opacity: 0;
        transform: translate3d(0,100%,0);
    }
}

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

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

    to
    {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0);
    }
}

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

    to
    {
        -webkit-transform: translate3d(0,2000px,0);
        opacity: 0;
        transform: translate3d(0,2000px,0);
    }
}

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

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

    to
    {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0);
    }
}

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

    to
    {
        -webkit-transform: translate3d(-100%,0,0);
        opacity: 0;
        transform: translate3d(-100%,0,0);
    }
}

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

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

    to
    {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0);
    }
}

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

    to
    {
        -webkit-transform: translate3d(-2000px,0,0);
        opacity: 0;
        transform: translate3d(-2000px,0,0);
    }
}

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

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

    to
    {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0);
    }
}

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

    to
    {
        -webkit-transform: translate3d(100%,0,0);
        opacity: 0;
        transform: translate3d(100%,0,0);
    }
}

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

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

    to
    {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0);
    }
}

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

    to
    {
        -webkit-transform: translate3d(2000px,0,0);
        opacity: 0;
        transform: translate3d(2000px,0,0);
    }
}

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

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

    to
    {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0);
    }
}

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

    to
    {
        -webkit-transform: translate3d(0,-100%,0);
        opacity: 0;
        transform: translate3d(0,-100%,0);
    }
}

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

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

    to
    {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0);
    }
}

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

    to
    {
        -webkit-transform: translate3d(0,-2000px,0);
        opacity: 0;
        transform: translate3d(0,-2000px,0);
    }
}

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

@-webkit-keyframes flip
{
    0%
    {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    }

    40%
    {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    }

    50%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    }

    80%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
    }

    to
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    }
}

@keyframes flip
{
    0%
    {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    }

    40%
    {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    }

    50%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    }

    80%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
    }

    to
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
    }
}

.animated.flip
{
    -webkit-animation-name: flip;
    -webkit-backface-visibility: visible;
    animation-name: flip;
    backface-visibility: visible;
}

@-webkit-keyframes flipInX
{
    0%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }

    40%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg);
    }

    60%
    {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg);
    }

    80%
    {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX
{
    0%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }

    40%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg);
    }

    60%
    {
        -webkit-transform: perspective(400px) rotateX(10deg);
        opacity: 1;
        transform: perspective(400px) rotateX(10deg);
    }

    80%
    {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX
{
    -webkit-animation-name: flipInX;
    -webkit-backface-visibility: visible !important;
    animation-name: flipInX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY
{
    0%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
    }

    40%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg);
    }

    60%
    {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg);
    }

    80%
    {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY
{
    0%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
    }

    40%
    {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg);
    }

    60%
    {
        -webkit-transform: perspective(400px) rotateY(10deg);
        opacity: 1;
        transform: perspective(400px) rotateY(10deg);
    }

    80%
    {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY
{
    -webkit-animation-name: flipInY;
    -webkit-backface-visibility: visible !important;
    animation-name: flipInY;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutX
{
    0%
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30%
    {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg);
    }

    to
    {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
}

@keyframes flipOutX
{
    0%
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30%
    {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg);
    }

    to
    {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        transform: perspective(400px) rotateX(90deg);
    }
}

.flipOutX
{
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY
{
    0%
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30%
    {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg);
    }

    to
    {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
    }
}

@keyframes flipOutY
{
    0%
    {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30%
    {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg);
    }

    to
    {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        transform: perspective(400px) rotateY(90deg);
    }
}

.flipOutY
{
    -webkit-animation-duration: .75s;
    -webkit-animation-name: flipOutY;
    -webkit-backface-visibility: visible !important;
    animation-duration: .75s;
    animation-name: flipOutY;
    backface-visibility: visible !important;
}

@-webkit-keyframes lightSpeedIn
{
    0%
    {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(-30deg);
    }

    60%
    {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg);
    }

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

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedIn
{
    0%
    {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(-30deg);
    }

    60%
    {
        -webkit-transform: skewX(20deg);
        opacity: 1;
        transform: skewX(20deg);
    }

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

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.lightSpeedIn
{
    -webkit-animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

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

    to
    {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(30deg);
    }
}

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

    to
    {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(30deg);
    }
}

.lightSpeedOut
{
    -webkit-animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn
{
    0%
    {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center;
    }
}

@keyframes rotateIn
{
    0%
    {
        -webkit-transform: rotate(-200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: center;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center;
    }
}

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

@-webkit-keyframes rotateInDownLeft
{
    0%
    {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom;
    }
}

@keyframes rotateInDownLeft
{
    0%
    {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom;
    }
}

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

@-webkit-keyframes rotateInDownRight
{
    0%
    {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom;
    }
}

@keyframes rotateInDownRight
{
    0%
    {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom;
    }
}

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

@-webkit-keyframes rotateInUpLeft
{
    0%
    {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom;
    }
}

@keyframes rotateInUpLeft
{
    0%
    {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom;
    }
}

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

@-webkit-keyframes rotateInUpRight
{
    0%
    {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom;
    }
}

@keyframes rotateInUpRight
{
    0%
    {
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom;
    }

    to
    {
        -webkit-transform: translateZ(0);
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom;
    }
}

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

@-webkit-keyframes rotateOut
{
    0%
    {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center;
    }

    to
    {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center;
    }
}

@keyframes rotateOut
{
    0%
    {
        -webkit-transform-origin: center;
        opacity: 1;
        transform-origin: center;
    }

    to
    {
        -webkit-transform: rotate(200deg);
        -webkit-transform-origin: center;
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center;
    }
}

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

@-webkit-keyframes rotateOutDownLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom;
    }

    to
    {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom;
    }
}

@keyframes rotateOutDownLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom;
    }

    to
    {
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom;
    }
}

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

@-webkit-keyframes rotateOutDownRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom;
    }

    to
    {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom;
    }
}

@keyframes rotateOutDownRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom;
    }

    to
    {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom;
    }
}

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

@-webkit-keyframes rotateOutUpLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom;
    }

    to
    {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom;
    }
}

@keyframes rotateOutUpLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        opacity: 1;
        transform-origin: left bottom;
    }

    to
    {
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: left bottom;
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom;
    }
}

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

@-webkit-keyframes rotateOutUpRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom;
    }

    to
    {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom;
    }
}

@keyframes rotateOutUpRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        opacity: 1;
        transform-origin: right bottom;
    }

    to
    {
        -webkit-transform: rotate(90deg);
        -webkit-transform-origin: right bottom;
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom;
    }
}

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

@-webkit-keyframes hinge
{
    0%
    {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left;
    }

    20%,60%
    {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left;
    }

    40%,80%
    {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left;
    }

    to
    {
        -webkit-transform: translate3d(0,700px,0);
        opacity: 0;
        transform: translate3d(0,700px,0);
    }
}

@keyframes hinge
{
    0%
    {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform-origin: top left;
    }

    20%,60%
    {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left;
    }

    40%,80%
    {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left;
    }

    to
    {
        -webkit-transform: translate3d(0,700px,0);
        opacity: 0;
        transform: translate3d(0,700px,0);
    }
}

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

@-webkit-keyframes jackInTheBox
{
    0%
    {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom;
    }

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

    70%
    {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to
    {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes jackInTheBox
{
    0%
    {
        -webkit-transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom;
    }

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

    70%
    {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }

    to
    {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1);
    }
}

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

@-webkit-keyframes rollIn
{
    0%
    {
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes rollIn
{
    0%
    {
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg);
    }

    to
    {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0);
    }
}

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

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

    to
    {
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg);
    }
}

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

    to
    {
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg);
    }
}

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

@-webkit-keyframes zoomIn
{
    0%
    {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    50%
    {
        opacity: 1;
    }
}

@keyframes zoomIn
{
    0%
    {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    50%
    {
        opacity: 1;
    }
}

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

@-webkit-keyframes zoomInDown
{
    0%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    }

    60%
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    }
}

@keyframes zoomInDown
{
    0%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    }

    60%
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    }
}

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

@-webkit-keyframes zoomInLeft
{
    0%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    }

    60%
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    }
}

@keyframes zoomInLeft
{
    0%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    }

    60%
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    }
}

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

@-webkit-keyframes zoomInRight
{
    0%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    }

    60%
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    }
}

@keyframes zoomInRight
{
    0%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    }

    60%
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    }
}

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

@-webkit-keyframes zoomInUp
{
    0%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    }

    60%
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    }
}

@keyframes zoomInUp
{
    0%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    }

    60%
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    }
}

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

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

    50%
    {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    to
    {
        opacity: 0;
    }
}

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

    50%
    {
        -webkit-transform: scale3d(.3,.3,.3);
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    to
    {
        opacity: 0;
    }
}

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

@-webkit-keyframes zoomOutDown
{
    40%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    }

    to
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
    }
}

@keyframes zoomOutDown
{
    40%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    }

    to
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
    }
}

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

@-webkit-keyframes zoomOutLeft
{
    40%
    {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }

    to
    {
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft
{
    40%
    {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    }

    to
    {
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center;
    }
}

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

@-webkit-keyframes zoomOutRight
{
    40%
    {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }

    to
    {
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center;
    }
}

@keyframes zoomOutRight
{
    40%
    {
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    }

    to
    {
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center;
    }
}

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

@-webkit-keyframes zoomOutUp
{
    40%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    }

    to
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
    }
}

@keyframes zoomOutUp
{
    40%
    {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    }

    to
    {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
    }
}

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

@-webkit-keyframes slideInDown
{
    0%
    {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown
{
    0%
    {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes slideInLeft
{
    0%
    {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft
{
    0%
    {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes slideInRight
{
    0%
    {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight
{
    0%
    {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes slideInUp
{
    0%
    {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp
{
    0%
    {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible;
    }

    to
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes slideOutDown
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to
    {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden;
    }
}

@keyframes slideOutDown
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to
    {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden;
    }
}

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

@-webkit-keyframes slideOutLeft
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to
    {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden;
    }
}

@keyframes slideOutLeft
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to
    {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden;
    }
}

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

@-webkit-keyframes slideOutRight
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to
    {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden;
    }
}

@keyframes slideOutRight
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to
    {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden;
    }
}

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

@-webkit-keyframes slideOutUp
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to
    {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden;
    }
}

@keyframes slideOutUp
{
    0%
    {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to
    {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden;
    }
}

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

.animated
{
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite
    {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.delay-1s
    {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .animated.delay-2s
    {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

    .animated.delay-3s
    {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
    }

    .animated.delay-4s
    {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
    }

    .animated.delay-5s
    {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
    }

    .animated.fast
    {
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
    }

    .animated.faster
    {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
    }

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

    .animated.slower
    {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
    }

@media(prefers-reduced-motion),(print)
{
    .animated;

{
    -webkit-animation: unset !important;
    -webkit-transition: none !important;
    animation: unset !important;
    -o-transition: none !important;
    transition: none !important;
}

}

.lg-sub-html, .lg-toolbar
{
    background-color: rgba(0,0,0,.45);
}

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

.lg-icon
{
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev
{
    background-color: rgba(0,0,0,.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: 0;
    outline: 0;
}

    .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled
    {
        pointer-events: none;
        opacity: .5;
    }

    .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover
    {
        color: #FFF;
    }

.lg-actions .lg-next
{
    right: 20px;
}

    .lg-actions .lg-next:before
    {
        content: "\e095";
    }

.lg-actions .lg-prev
{
    left: 20px;
}

    .lg-actions .lg-prev:after
    {
        content: "\e094";
    }

@-webkit-keyframes lg-right-end
{
    0%,100%
    {
        left: 0;
    }

    50%
    {
        left: -30px;
    }
}

@keyframes lg-right-end
{
    0%,100%
    {
        left: 0;
    }

    50%
    {
        left: -30px;
    }
}

@-webkit-keyframes lg-left-end
{
    0%,100%
    {
        left: 0;
    }

    50%
    {
        left: 30px;
    }
}

@keyframes lg-left-end
{
    0%,100%
    {
        left: 0;
    }

    50%
    {
        left: 30px;
    }
}

.lg-outer.lg-right-end .lg-object
{
    -webkit-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative;
}

.lg-outer.lg-left-end .lg-object
{
    -webkit-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative;
}

.lg-toolbar
{
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .lg-toolbar .lg-icon
    {
        color: #999;
        cursor: pointer;
        float: right;
        font-size: 24px;
        height: 47px;
        line-height: 27px;
        padding: 10px 0;
        text-align: center;
        width: 50px;
        text-decoration: none !important;
        outline: 0;
        -webkit-transition: color .2s linear;
        -o-transition: color .2s linear;
        transition: color .2s linear;
    }

        .lg-toolbar .lg-icon:hover
        {
            color: #FFF;
        }

    .lg-toolbar .lg-close:after
    {
        content: "\e070";
    }

    .lg-toolbar .lg-download:after
    {
        content: "\e0f2";
    }

.lg-sub-html
{
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080;
}

    .lg-sub-html h4
    {
        margin: 0;
        font-size: 13px;
        font-weight: 700;
    }

    .lg-sub-html p
    {
        font-size: 12px;
        margin: 5px 0 0;
    }

#lg-counter
{
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle;
}

.lg-next, .lg-prev, .lg-toolbar
{
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -webkit-transition: opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s;
    transition: opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    transition: transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear,-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s;
}

.lg-hide-items .lg-prev
{
    opacity: 0;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
}

.lg-hide-items .lg-next
{
    opacity: 0;
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0);
}

.lg-hide-items .lg-toolbar
{
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object
{
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1) !important;
    -webkit-transition: opacity 250ms cubic-bezier(0,0,.25,1),-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s !important;
    transition: opacity 250ms cubic-bezier(0,0,.25,1),-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s !important;
    -o-transition: transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1) !important;
    transition: transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1) !important;
    transition: transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1),-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s !important;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    opacity: 1;
}

.lg-outer .lg-thumb-outer
{
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s, -webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .25s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
}

    .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item
    {
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
    }

    .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item
    {
        cursor: move;
        cursor: -webkit-grabbing;
        cursor: -o-grabbing;
        cursor: -ms-grabbing;
        cursor: grabbing;
    }

    .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb
    {
        -webkit-transition-duration: 0s !important;
        -o-transition-duration: 0s !important;
        transition-duration: 0s !important;
    }

.lg-outer.lg-thumb-open .lg-thumb-outer
{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.lg-outer .lg-thumb
{
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px;
}

.lg-outer .lg-thumb-item
{
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px;
}

@media(min-width:1025px)
{
    .lg-outer .lg-thumb-item;

{
    -webkit-transition: border-color .25s ease;
    -o-transition: border-color .25s ease;
    transition: border-color .25s ease;
}

}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover
{
    border-color: #a90707;
}

.lg-outer .lg-thumb-item img
{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item
{
    padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item
{
    padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html
{
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html
{
    bottom: 100px;
}

.lg-outer .lg-toogle-thumb
{
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px;
}

    .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share
    {
        color: #FFF;
    }

    .lg-outer .lg-toogle-thumb:after
    {
        content: "\e1ff";
    }

.lg-outer .lg-video-cont
{
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px;
}

.lg-outer .lg-video
{
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

    .lg-outer .lg-video .lg-object
    {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .lg-outer .lg-video .lg-video-play
    {
        width: 84px;
        height: 59px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -42px;
        margin-top: -30px;
        z-index: 1080;
        cursor: pointer;
    }

.lg-outer .lg-has-iframe .lg-video
{
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.lg-outer .lg-has-vimeo .lg-video-play
{
    background: url(../img/vimeo-play.webp) no-repeat;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play
{
    background: url(../img/vimeo-play.webp) 0 -58px no-repeat;
}

.lg-outer .lg-has-html5 .lg-video-play
{
    background: url(../img/video-play.webp) no-repeat;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8;
}

.lg-outer .lg-has-html5:hover .lg-video-play
{
    opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play
{
    background: url(../img/youtube-play.webp) no-repeat;
}

.lg-outer .lg-has-youtube:hover .lg-video-play
{
    background: url(../img/youtube-play.webp) 0 -60px no-repeat;
}

.lg-outer .lg-video-object
{
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.lg-outer .lg-has-video .lg-video-object
{
    visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play
{
    display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object
{
    visibility: visible;
}

.lg-progress-bar
{
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s;
}

    .lg-progress-bar .lg-progress
    {
        background-color: #a90707;
        height: 5px;
        width: 0;
    }

    .lg-progress-bar.lg-start .lg-progress
    {
        width: 100%;
    }

.lg-show-autoplay .lg-progress-bar
{
    opacity: 1;
}

.lg-autoplay-button:after
{
    content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after
{
    content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap
{
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap
{
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s, -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap
{
    -webkit-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    transition: left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap
{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image
{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s !important;
    -webkit-transition: opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s !important;
    transition: opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s !important;
    -o-transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s !important;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s !important;
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s,-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s !important;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#lg-zoom-in:after
{
    content: "\e311";
}

#lg-actual-size
{
    font-size: 20px;
}

    #lg-actual-size:after
    {
        content: "\e033";
    }

#lg-zoom-out
{
    opacity: .5;
    pointer-events: none;
}

    #lg-zoom-out:after
    {
        content: "\e312";
    }

.lg-zoomed #lg-zoom-out
{
    opacity: 1;
    pointer-events: auto;
}

.lg-outer .lg-pager-outer
{
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px;
}

    .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont
    {
        overflow: visible;
    }

.lg-outer .lg-pager-cont
{
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px;
}

    .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .lg-outer .lg-pager-cont.lg-pager-active .lg-pager
    {
        -webkit-box-shadow: 0 0 0 2px #fff inset;
        box-shadow: 0 0 0 2px #fff inset;
    }

.lg-outer .lg-pager-thumb-cont
{
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s;
    transition: opacity .15s ease 0s,-webkit-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s,transform .15s ease 0s;
    transition: opacity .15s ease 0s,transform .15s ease 0s;
    transition: opacity .15s ease 0s,transform .15s ease 0s,-webkit-transform .15s ease 0s;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
}

    .lg-outer .lg-pager-thumb-cont img
    {
        width: 100%;
        height: 100%;
    }

.lg-outer .lg-pager
{
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 8px rgba(255,255,255,.7) inset;
    box-shadow: 0 0 0 8px rgba(255,255,255,.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -webkit-transition: -webkit-box-shadow .3s ease 0s;
    transition: -webkit-box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s, -webkit-box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s,-webkit-box-shadow .3s ease 0s;
    width: 12px;
}

    .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover
    {
        -webkit-box-shadow: 0 0 0 8px #fff inset;
        box-shadow: 0 0 0 8px #fff inset;
    }

.lg-outer .lg-caret
{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0;
}

.lg-fullscreen:after
{
    content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after
{
    content: "\e20d";
}

.lg-outer #lg-dropdown-overlay
{
    background-color: rgba(0,0,0,.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .18s,opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s,opacity .18s linear 0s;
    transition: visibility 0s linear .18s,opacity .18s linear 0s;
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown
{
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    visibility: visible;
}

.lg-outer .lg-dropdown
{
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
    -webkit-transition: -webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -webkit-transition: visibility 0s linear .5s,opacity .18s linear 0s,-webkit-transform .18s linear 0s;
    transition: visibility 0s linear .5s,opacity .18s linear 0s,-webkit-transform .18s linear 0s;
    -o-transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    transition: transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s,-webkit-transform .18s linear 0s;
}

    .lg-outer .lg-dropdown:after
    {
        content: "";
        display: block;
        height: 0;
        width: 0;
        position: absolute;
        border: 8px solid transparent;
        border-bottom-color: #FFF;
        right: 16px;
        top: -16px;
    }

    .lg-outer .lg-dropdown > li:last-child
    {
        margin-bottom: 0;
    }

    .lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a
    {
        color: #333;
    }

    .lg-outer .lg-dropdown a
    {
        color: #333;
        display: block;
        white-space: pre;
        padding: 4px 12px;
        font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 12px;
    }

        .lg-outer .lg-dropdown a:hover
        {
            background-color: rgba(0,0,0,.07);
        }

    .lg-outer .lg-dropdown .lg-dropdown-text
    {
        display: inline-block;
        line-height: 1;
        margin-top: -3px;
        vertical-align: middle;
    }

    .lg-outer .lg-dropdown .lg-icon
    {
        color: #333;
        display: inline-block;
        float: none;
        font-size: 20px;
        height: auto;
        line-height: 1;
        margin-right: 8px;
        padding: 0;
        vertical-align: middle;
        width: auto;
    }

.lg-outer, .lg-outer .lg, .lg-outer .lg-inner
{
    width: 100%;
    height: 100%;
}

    .lg-outer #lg-share
    {
        position: relative;
    }

        .lg-outer #lg-share:after
        {
            content: "\e80d";
        }

    .lg-outer #lg-share-facebook .lg-icon
    {
        color: #3b5998;
    }

        .lg-outer #lg-share-facebook .lg-icon:after
        {
            content: "\e901";
        }

    .lg-outer #lg-share-twitter .lg-icon
    {
        color: #00aced;
    }

        .lg-outer #lg-share-twitter .lg-icon:after
        {
            content: "\e904";
        }

    .lg-outer #lg-share-googleplus .lg-icon
    {
        color: #dd4b39;
    }

        .lg-outer #lg-share-googleplus .lg-icon:after
        {
            content: "\e902";
        }

    .lg-outer #lg-share-pinterest .lg-icon
    {
        color: #cb2027;
    }

        .lg-outer #lg-share-pinterest .lg-icon:after
        {
            content: "\e903";
        }

.lg-group:after
{
    content: "";
    display: table;
    clear: both;
}

.lg-outer
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
}

    .lg-outer *
    {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .lg-outer.lg-visible
    {
        opacity: 1;
    }

    .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide
    {
        -webkit-transition-duration: inherit !important;
        -o-transition-duration: inherit !important;
        transition-duration: inherit !important;
        -webkit-transition-timing-function: inherit !important;
        -o-transition-timing-function: inherit !important;
        transition-timing-function: inherit !important;
    }

    .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide
    {
        -webkit-transition-duration: 0s !important;
        -o-transition-duration: 0s !important;
        transition-duration: 0s !important;
        opacity: 1;
    }

    .lg-outer.lg-grab img.lg-object
    {
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab;
    }

    .lg-outer.lg-grabbing img.lg-object
    {
        cursor: move;
        cursor: -webkit-grabbing;
        cursor: -o-grabbing;
        cursor: -ms-grabbing;
        cursor: grabbing;
    }

    .lg-outer .lg
    {
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .lg-outer .lg-inner
    {
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
    }

    .lg-outer .lg-item
    {
        background: url(../../img/loading.gif) center center no-repeat;
        display: none !important;
    }

    .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide
    {
        display: inline-block !important;
    }

    .lg-outer .lg-img-wrap, .lg-outer .lg-item
    {
        display: inline-block;
        text-align: center;
        position: absolute;
        width: 100%;
        height: 100%;
    }

        .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before
        {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px;
        }

    .lg-outer .lg-img-wrap
    {
        position: absolute;
        padding: 0 5px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .lg-outer .lg-item.lg-complete
    {
        background-image: none;
    }

    .lg-outer .lg-item.lg-current
    {
        z-index: 1060;
    }

    .lg-outer .lg-image
    {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
        width: auto !important;
        height: auto !important;
    }

    .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play
    {
        opacity: 0;
        -webkit-transition: opacity .15s ease 0s;
        -o-transition: opacity .15s ease 0s;
        transition: opacity .15s ease 0s;
    }

    .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play
    {
        opacity: 1;
    }

    .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download
    {
        display: none;
    }

.lg-backdrop
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s;
}

    .lg-backdrop.in
    {
        opacity: 1;
    }

.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide
{
    -webkit-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item
{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item
{
    opacity: 0;
}

    .lg-css3.lg-fade .lg-item.lg-current
    {
        opacity: 1;
    }

    .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide
    {
        -webkit-transition: opacity .1s ease 0s;
        -o-transition: opacity .1s ease 0s;
        transition: opacity .1s ease 0s;
    }

.lg-css3.lg-slide.lg-use-css3 .lg-item
{
    opacity: 0;
}

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide
    {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide
    {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current
    {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }

    .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide
    {
        -webkit-transition: -webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
        -webkit-transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
        transition: opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
        -o-transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
        transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
        transition: transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s,-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;
    }

.lg-css3.lg-slide.lg-use-left .lg-item
{
    opacity: 0;
    position: absolute;
    left: 0;
}

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide
    {
        left: -100%;
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide
    {
        left: 100%;
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-current
    {
        left: 0;
        opacity: 1;
    }

    .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide
    {
        -webkit-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
        -o-transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
        transition: left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    }

.swiper-container
{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide
{
    float: left;
}

.swiper-container-vertical > .swiper-wrapper
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper
{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform,-webkit-transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper
{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.swiper-container-multirow > .swiper-wrapper
{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper
{
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide
{
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-property: transform,-webkit-transform;
    transition-property: transform,-webkit-transform;
}

.swiper-slide-invisible-blank
{
    visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide
{
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper
    {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        -o-transition-property: transform,height;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform;
    }

.swiper-container-3d
{
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper
    {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left
    {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-right
    {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-top
    {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom
    {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper
{
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper
{
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-next, .swiper-button-prev
{
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled
    {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock
{
    display: none;
}

.swiper-pagination
{
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden
    {
        opacity: 0;
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction
{
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic
{
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet
    {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
    {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
    {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
    {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
    {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
    }

.swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet
{
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet
{
    cursor: pointer;
}

.swiper-pagination-bullet-active
{
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets
{
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet
    {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
        {
            display: inline-block;
            -webkit-transition: .2s top,.2s -webkit-transform;
            -o-transition: .2s top,.2s -webkit-transform;
            transition: .2s top,.2s -webkit-transform;
            -o-transition: .2s transform,.2s top;
            -webkit-transition: .2s transform,.2s top;
            transition: .2s transform,.2s top;
            -webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
            -o-transition: .2s transform,.2s top,.2s -webkit-transform;
            transition: .2s transform,.2s top,.2s -webkit-transform;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
{
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
    {
        -webkit-transition: .2s left,.2s -webkit-transform;
        -o-transition: .2s left,.2s -webkit-transform;
        transition: .2s left,.2s -webkit-transform;
        -o-transition: .2s transform,.2s left;
        -webkit-transition: .2s transform,.2s left;
        transition: .2s transform,.2s left;
        -webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
        -o-transition: .2s transform,.2s left,.2s -webkit-transform;
        transition: .2s transform,.2s left,.2s -webkit-transform;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
    -webkit-transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right;
    -webkit-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    -webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right,.2s -webkit-transform;
    transition: .2s transform,.2s right,.2s -webkit-transform;
}

.swiper-pagination-progressbar
{
    background: rgba(0,0,0,.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
    {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar
    {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white .swiper-pagination-bullet-active
{
    background: #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white
{
    background: rgba(255,255,255,.25);
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill
    {
        background: #fff;
    }

.swiper-pagination-black .swiper-pagination-bullet-active
{
    background: #000;
}

.swiper-pagination-progressbar.swiper-pagination-black
{
    background: rgba(0,0,0,.25);
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill
    {
        background: #000;
    }

.swiper-pagination-lock
{
    display: none;
}

.swiper-scrollbar
{
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1);
}

.swiper-container-horizontal > .swiper-scrollbar
{
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar
{
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag
{
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag
{
    cursor: move;
}

.swiper-scrollbar-lock
{
    display: none;
}

.swiper-zoom-container
{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg
    {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

.swiper-slide-zoomed
{
    cursor: move;
}

.swiper-lazy-preloader
{
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite;
}

    .swiper-lazy-preloader:after
    {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.swiper-lazy-preloader-white:after
{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin
{
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin
{
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification
{
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide
{
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide
{
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide
    {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active
{
    pointer-events: auto;
}

.swiper-container-cube
{
    overflow: visible;
}

    .swiper-container-cube .swiper-slide
    {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-container-cube .swiper-slide .swiper-slide
        {
            pointer-events: none;
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide
    {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active
    {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev
    {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top
    {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-cube-shadow
    {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-flip
{
    overflow: visible;
}

    .swiper-container-flip .swiper-slide
    {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-flip .swiper-slide .swiper-slide
        {
            pointer-events: none;
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active
    {
        pointer-events: auto;
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top
    {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.swiper-container-coverflow .swiper-wrapper
{
    -ms-perspective: 1200px;
}