@import 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css';
@-webkit-keyframes bounce{
    from,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes bounce{
    from,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90%{
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash{
    from,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    from,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
        from{
            -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1)
        }
        50%{
            -webkit-transform:scale3d(1.05, 1.05, 1.05);
            transform:scale3d(1.05, 1.05, 1.05)
        }
        to{
            -webkit-transform:scale3d(1, 1, 1);
            transform:scale3d(1, 1, 1)
        }
}
@keyframes pulse{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    50%{
        -webkit-transform:scale3d(1.05, 1.05, 1.05);
        transform:scale3d(1.05, 1.05, 1.05)
    }
    to{-webkit-transform:scale3d(1, 1, 1);
       transform:scale3d(1, 1, 1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{from{
               -webkit-transform:scale3d(1, 1, 1);
               transform:scale3d(1, 1, 1)
           }
           30%{
               -webkit-transform:scale3d(1.25, 0.75, 1);
               transform:scale3d(1.25, 0.75, 1)
           }
           40%{
               -webkit-transform:scale3d(0.75, 1.25, 1);
               transform:scale3d(0.75, 1.25, 1)
           }
           50%{
               -webkit-transform:scale3d(1.15, 0.85, 1);
               transform:scale3d(1.15, 0.85, 1)
           }
           65%{
               -webkit-transform:scale3d(0.95, 1.05, 1);
               transform:scale3d(0.95, 1.05, 1)
           }
           75%{
               -webkit-transform:scale3d(1.05, 0.95, 1);
               transform:scale3d(1.05, 0.95, 1)
           }
           to{
               -webkit-transform:scale3d(1, 1, 1);
              transform:scale3d(1, 1, 1)
           }
}
@keyframes rubberBand{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    30%{
        -webkit-transform:scale3d(1.25, 0.75, 1);
        transform:scale3d(1.25, 0.75, 1)
    }
    40%{
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50%{-webkit-transform:scale3d(1.15, 0.85, 1);
        transform:scale3d(1.15, 0.85, 1)
    }
    65%{-webkit-transform:scale3d(0.95, 1.05, 1);
        transform:scale3d(0.95, 1.05, 1)
    }
    75%{
        -webkit-transform:scale3d(1.05, 0.95, 1);
        transform:scale3d(1.05, 0.95, 1)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake{
    from,to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 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{
    from,to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 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-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-name:headShake;
    animation-name:headShake
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate3d(0, 0, 1, 15deg);
        transform:rotate3d(0, 0, 1, 15deg)
    }
    40%{
        -webkit-transform:rotate3d(0, 0, 1, -10deg);
        transform:rotate3d(0, 0, 1, -10deg)
    }
    60%{
        -webkit-transform:rotate3d(0, 0, 1, 5deg);
        transform:rotate3d(0, 0, 1, 5deg)
    }
    80%{
        -webkit-transform:rotate3d(0, 0, 1, -5deg);
        transform:rotate3d(0, 0, 1, -5deg)
    }
    to{
        -webkit-transform:rotate3d(0, 0, 1, 0deg);
        transform:rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate3d(0, 0, 1, 15deg);
        transform:rotate3d(0, 0, 1, 15deg)
    }
    40%{
        -webkit-transform:rotate3d(0, 0, 1, -10deg);
        transform:rotate3d(0, 0, 1, -10deg)
    }
    60%{
        -webkit-transform:rotate3d(0, 0, 1, 5deg);
        transform:rotate3d(0, 0, 1, 5deg)
    }
    80%{
        -webkit-transform:rotate3d(0, 0, 1, -5deg);
        transform:rotate3d(0, 0, 1, -5deg)
    }
    to{
        -webkit-transform:rotate3d(0, 0, 1, 0deg);
        transform:rotate3d(0, 0, 1, 0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%,20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to{-webkit-transform:scale3d(1, 1, 1);
       transform:scale3d(1, 1, 1)
    }
}
@keyframes tada{
    from{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    10%,20%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    15%{
        -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30%{
        -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60%{
        -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes wobble{
    from{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    15%{
        -webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30%{
        -webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60%{
        -webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    from,11.1%,to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(0.39063deg) skewY(0.39063deg);
        transform:skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8%{
        -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
        transform:skewX(-0.19531deg) skewY(-0.19531deg)
    }
}
@keyframes jello{
    from,11.1%,to{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg);
        transform:skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(0.39063deg) skewY(0.39063deg);
        transform:skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8%{
        -webkit-transform:skewX(-0.19531deg) skewY(-0.19531deg);
        transform:skewX(-0.19531deg) skewY(-0.19531deg)
    }
}
.jello{
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-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-name:heartBeat;
    animation-name:heartBeat;
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes bounceIn{
    from,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    60%{
        opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80%{
        -webkit-transform:scale3d(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes bounceIn{
    from,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3);
        transform:scale3d(0.3, 0.3, 0.3)
    }
    20%{
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40%{
        -webkit-transform:scale3d(0.9, 0.9, 0.9);
        transform:scale3d(0.9, 0.9, 0.9)
    }
    60%{
        opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80%{
        -webkit-transform:scale3d(0.97, 0.97, 0.97);
        transform:scale3d(0.97, 0.97, 0.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.bounceIn{
    -webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);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:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}}.bounceOut{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 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%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes flip{
    from{
         -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
         transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
         -webkit-animation-timing-function:ease-out;
         animation-timing-function:ease-out
     }
     40%{
         -webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.flipOutX{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}.flipOutY{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(0.1) rotate(30deg);transform:scale(0.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);transform:scale(0.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px, 0, 0);transform:scale(0.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;-webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{visibility:hidden;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;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:800ms;animation-duration:800ms}.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (print), (prefers-reduced-motion: reduce){.animated{-webkit-animation-duration:1ms !important;animation-duration:1ms !important;-webkit-transition-duration:1ms !important;transition-duration:1ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important}}.letters-line{display:block;opacity:0}.letters-line .letter{display:inline-block}*{outline:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}*::-moz-selection{color:#fff;background:#000}*::selection{color:#fff;background:#000}html,body{margin:0;padding:0}html{font-size:16px}body{background-color:#fff;position:relative;overflow-y:auto;overflow-x:hidden}a{text-decoration:none}p{margin:0}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0}#horizontal-layout{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;right:0;bottom:0}#horizontal-layout #horizontal-layout-wrapper{position:relative;width:100%;height:100vh;position:absolute;overflow:hidden;z-index:10;min-width:100%;justify-content:center;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}#horizontal-layout #horizontal-layout-wrapper #horizontal-layout-content{background:#000;display:flex;width:3232px;height:100%;margin:0 0 0 800px}#horizontal-layout #horizontal-layout-wrapper #horizontal-layout-content .item{flex:0 0 300px}#bike{position:absolute;min-width:320px;width:80%;max-height:80%;opacity:0}#mainpaths path:nth-child(8n+1){stroke:var(--animation-color-1);fill:var(--animation-color-1)}#mainpaths path:nth-child(8n+2){stroke:var(--animation-color-2);fill:var(--animation-color-2)}#mainpaths path:nth-child(8n+3){stroke:var(--animation-color-3);fill:var(--animation-color-3)}#mainpaths path:nth-child(8n+4){stroke:var(--animation-color-4);fill:var(--animation-color-4)}#mainpaths path:nth-child(8n+5){stroke:var(--animation-color-5);fill:var(--animation-color-5)}#mainpaths path:nth-child(8n+6){stroke:var(--animation-color-6);fill:var(--animation-color-6)}#mainpaths path:nth-child(8n+7){stroke:var(--animation-color-7);fill:var(--animation-color-7)}#mainpaths path:nth-child(8n+8){stroke:var(--animation-color-8);fill:var(--animation-color-8)}#bike rect{stroke:none;fill:none}
         
         @media screen and (max-width: 60em){
             .js body{overflow-y:visible}
             .content{
                 flex-direction:column;
                 height:auto;
                 padding-bottom:10em
             }
             .content--fixed{
                 position:relative;
                 z-index:1000;
                 display:block;
                 padding:0.85em
             }
             .title-wrap{
                 margin:0 10vw 0px 10vw
             }
             .codrops-header{
                 flex-direction:column;
                 align-items:center
             }.codrops-header__title{
                 font-weight:bold;
                 padding-bottom:0.25em;
                 text-align:center
             }
             .info{
                 margin:0
             }
             .github{
                 display:block;
                 margin:1em auto
             }
             .demo{
                 margin:1em 0.25em 0;
                 display:inline-block
             }.codrops-links{
                 margin:0
             }
             .topnav{
                 display:none
             }
             .bike-nav{
                 margin:2em 0 0 0;
                 justify-content:center
             }.bike-nav__item{
                 margin:0 0.5em !important
             }
             .bike-nav__item--current 
             .bike-nav__title{
                 left:50%;
                 right:auto;
                 top:calc(100% + 0.5em);
                 transform:translate3d(-50%, 0, 0)
             }
             .title{
                 font-size:12vw
             }
         }
         /*! locomotive-scroll v3.5.4 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
         html.has-scroll-smooth{
             overflow:hidden
         }
         html.has-scroll-dragging{
             -webkit-user-select:none;
             -moz-user-select:none;
             -ms-user-select:none;
             user-select:none
         }
         .has-scroll-smooth body{
             overflow:hidden
         }
         .has-scroll-smooth [data-scroll-container]{
             min-height:100vh
         }
         .c-scrollbar{
             position:absolute;
             right:0;
             top:0;
             width:11px;
             height:100vh;
             transform-origin:center right;
             transition:transform 0.3s, opacity 0.3s;
             opacity:0
         }
         .c-scrollbar:hover{
             transform:scaleX(1.45)
         }
         .c-scrollbar:hover,
         .has-scroll-scrolling .c-scrollbar,
         .has-scroll-dragging .c-scrollbar{
             opacity:1
         }
         .c-scrollbar_thumb{
             position:absolute;
             top:0;
             right:0;
             background-color:black;
             opacity:0.5;
             width:7px;
             border-radius:10px;
             margin:2px;
             cursor:-webkit-grab;
             cursor:grab
         }
         .has-scroll-dragging .c-scrollbar_thumb{
             cursor:-webkit-grabbing;
             cursor:grabbing
         }
         .horizontal-section .horizontal-container{
             height:100vh
         }.horizontal-section .horizontal-container .track{
             height:100%;
             display:inline-flex;
             align-items:center
         }
         .horizontal-section .horizontal-container .track .item-test{
             background:#ccc;
             min-width:80vw;
             min-height:80vh
         }
         .horizontal-section .horizontal-container .track .item-test+.item-test{
             margin:0 0 0 5vw
         }
         .horizontal-section .horizontal-container[data-scroll-horizontal="left"]{
             float:right
         }
         .horizontal-section .horizontal-container[data-scroll-horizontal="left"] .track .item-test:not(:first-child){margin:0 0 0 5vw}

*{
    scrollbar-width:none;
    -ms-overflow-style:none
}

-webkit-scrollbar{
    display:none
}
body{
    background:#fff;
    font-family: Eastman Trial;
    src: url('../font/Eastman-bold.otf') format("truetype");
    font-weight:normal;
    font-style: normal;  
}
body.no-overflow{
    overflow-y:hidden;
}
body #pageWrap{
    overflow:hidden
}
body #pageWrap .corps{
    width:100%;
    margin:0 auto
}
h1,h2{
    text-transform:uppercase
}


.form-submit img.preloader-form {
  margin:-55px 220px 0;
}




@media screen and (max-width: 1280px){
    h1{
        font-size:100px;
        line-height:80px
    }
}
@media screen and (max-width: 1080px){
    h1{
        font-size:80px;
        line-height:60px
    }
}
@media screen and (max-width: 767px){
    h1{
        font-size:10vw;
        line-height:80%
    }
}
h2{
    display:table
}
h2:after{
    background:#eb1d3c;
    display:table;
    content:"";
    width:0;
    height:3px;
    transition-property:width;
    transition-duration:.5s;
    transition-delay:1s
}
h2.is-inview:after{
    width:40px
}
@media screen and (max-width: 1280px){
    h2{
        font-size:48px;
        line-height:100%;
        margin:0 0 25px !important
    }
}
@media screen and (max-width: 767px){
    h2{
        font-size:9vw
    }
}
a{
    transition-property:color, transform, opacity !important;
    transition-duration:.3s, 1.4s, 1.4s !important
}
a:hover{
    color:#eb1d3c !important
}
@media screen and (max-width: 1280px){
    p{
        font-size:18px;
        line-height:36px
    }
    p+p{
        margin:58px 0 0
    }
}
@media screen and (max-width: 767px){
    p{
        font-size:4vw;
        line-height:200%
    }
}
ul li{
    display:flex;
    align-items:center;
    text-transform:uppercase
}
ul li:not(.menu-item):before{
    background:#eb1d3c;
    content:"";
    width:7px;
    height:3px;
    margin:0 9px 0 0
}
@media screen and (max-width: 1280px){
    ul li{
        font-size:18px;
        line-height:36px
    }
}
@media screen and (max-width: 767px){
    ul li{
        font-size:4vw;
        line-height:200%
    }
}
button{
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-width:3px;
    border-style:solid;
    cursor:pointer;
    transition-property:background, border-color, opacity, transform !important;
    transition-duration:.3s, .3s, 1.4s, 1.4s !important
}
button span{
    text-transform:uppercase;
    transition-property:color;
    font-family: Eastman Trial;
    src: url('../font/Eastman-bold.otf') format("truetype");
    font-weight:450;
    font-style: normal;    
    transition-duration:.3s;
}
button.full{
    border-color:#fff
}
button.border{
    border-color:#eb1d3c;
    border: solid 2px #eb1d3c;
        
}
button:hover.full,button:hover.border{
    background:#eb1d3c;
    border-color:#eb1d3c;
}
button:hover.full span,button:hover.border span{
    color:#fff
}
@media screen and (max-width: 1280px){
    button{
        width:230px;
        height:60px;
        border-radius:30px;
        margin:47px 0 0
    }
    button span{
        font-size:16px
    }
}
@media screen and (max-width: 767px){
    button{
        width:44vw;
        height:15vw;
        border-radius:15vw
    }
    button span{
        font-size:3vw
    }
}
@media screen and (max-width: 540px){
    button span{
        font-size:3.5vw
    }
}
.content{
    padding:0
}
.anim{
    opacity:0;
    transition-property:opacity, transform;
    transition-duration:1.4s, 1.4s
}
.anim.fromLeft{
    transform:translate(-100px, 0)
}
.anim.fromRight{
    transform:translate(100px, 0)
}
.anim.fromUp{
    transform:translate(0, -100px)
}
.anim.fromDown{
    transform:translate(0, 100px)
}
.anim.is-inview{
    opacity:1;
    transform:translate(0, 0)
}
.deco{
    background:#eb1d3c;
    position:absolute;
    display:block;
    z-index:99;
    opacity:0
}
.img{
    position:relative
}
header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120px;
    z-index:101
}
header .plywood{
    background:#000;
    display:flex;
    height:100%;
    align-items:center;
    justify-content:space-between;
    transition-property:transform;
    transition-duration:.5s
}
header .plywood .logo{
    background:#fff;
    position:relative;
    display:flex;
    width:210px;
    height:100%;
    align-items:center;
    justify-content:center;
    z-index:1000
}
header .plywood .logo img{
    width:200px;
    height:auto
}header .plywood nav{
    position:relative;
    opacity:0;
    margin:0 53px 0 0;
    transform:translate(0, -50px)
}
header .plywood nav ul{
    display:flex
}
header .plywood nav ul li a{
    color:#fff;
    font-family: Eastman Trial;
    src: url('../font/Eastman-bold.otf') format("truetype");
    font-weight:300;
    font-size:14px;
    font-style: normal;
    text-transform:uppercase
}
header .plywood nav ul li a.telef{
    color:#fff;
    font-family: Poppins !important;
    font-weight:300;
    font-size:15px;
    font-style: normal;
    text-transform:uppercase
}

#h__contact .left h5.anim,
#h__contact .left span.anim,
#h__contact .left a.redirect{
    font-family: Poppins !important;
    font-weight:300 !important;
    font-size:13px !important;
    text-transform:uppercase;
}
header .plywood nav ul li+li{
    margin:0 0 0 28px
}
header .plywood nav ul li:last-child a{
    color:#eb1d3c
}
header .plywood nav .ham-menu{
    position:absolute;
    display:none;
    width:40px;
    height:12px;
    cursor:pointer;
    top:50%;
    right:40px;
    z-index:1000;
    transition-property:transform;
    transition-duration:.5s;
    transform:translate(0, -50%)
}
header .plywood nav .ham-menu span{
    background:#fff;
    position:absolute;
    display:table;
    width:100%;
    height:2px;
    transition-property:transform, top, left, bottom;
    transition-duration:.5s, .5s, .5s, .5s
}
header .plywood nav .ham-menu span:nth-child(1){
    top:0;
    left:0
}
header .plywood nav .ham-menu span:nth-child(2){
    left:0;
    bottom:0
}
header .plywood nav .ham-menu.active{
    transform:translate(0, -50%) rotate(90deg)
}
header .plywood nav .ham-menu.active span{
    left:50%
}
header .plywood nav .ham-menu.active span:nth-child(1){
    top:50%;
    transform:translate(-50%, -50%) rotate(45deg)
}
header .plywood nav .ham-menu.active span:nth-child(2){
    bottom:50%;
    transform:translate(-50%, 50%) rotate(-45deg)
}
header.hide-me{
    pointer-events:none
}
header.hide-me .plywood{
    transform:translate(0, -100%)
}
@media screen and (max-width: 1080px){
    header .plywood nav{
        margin:0;
        height:100%
    }
    header .plywood nav ul{
        background:#000;
        position:fixed;
        display:none;
        top:0;
        right:100%;
        opacity:0;
        width:100vw;
        height:100vh;
        z-index:999;
        flex-wrap:wrap;
        align-items:center;
        align-content:center;
        justify-content:center
    }
    header .plywood nav ul li{
        width:100%;
        margin:0 auto
    }
    header .plywood nav ul li a{
        display:table;
        margin:0 auto
    }
    header .plywood nav ul li+li{
        margin:15px auto 0
    }
    header .plywood nav ul.active{
        display:flex;
        opacity:1
    }
    header .plywood nav .ham-menu{
        display:block
    }
}
@media screen and (max-width: 767px){
    header .plywood nav ul li{
        font-size:initial;
        line-height:initial
    }
    header .plywood nav ul li a{
        font-size:22px
    }
    header .plywood nav ul li+li{
        margin:25px 0 0
    }
    header .plywood nav .ham-menu{
        right:20px
    }
}
@media screen and (max-width: 540px){
    header{
        height:80px
    }
    header .plywood .logo{
        width:150px
    }
    header .plywood .logo img{
        width:100px
    }
}
footer{
    background:#000
}
footer .logo{
    display:table
}
footer .logo img.pie-logo{
    width:100%;
    height:auto;
}
footer p{
    display:table;
    color:#343434;
    margin:0 auto;
    line-height:100%;
    font-family: Poppins !important;
    text-transform:uppercase;
    font-size:12px;
}
footer p a{
    color:#343434;
    text-transform:capitalize !important;
    font-size:12px !important;
}

/*Whatsapp*/
.appWhatsapp{
    position:fixed;
    right: 1.8%;
    max-width: 60px !important;
    max-height: 60px !important;
    bottom:12%;
    z-index: 1000;
    padding: 0px;
}

.appWhatsapp .appWhat{
    width: 100%;
    height: auto;
}   

.appWhatsapp .appWhat:hover{
    animation: whatsapp.5s alternate infinite ease-in;
}
@keyframes whatsapp{
    0%{
        transform:translateY(-20%);
    }
    100%{
        transform:translateY(0%);
    }
}

@media screen and (max-width: 1280px){
    footer{
        padding:126px 0 26px
    }
    /*
    footer .logo{
        width:100%;
        max-width:320px;
        margin:0 auto 70px
    }
    */
    footer .logo img.pie-logo{
        width:100%;
        height:auto;
    }
    footer p{
        margin:0 auto;
        line-height:100%
    }
}
@media screen and (max-width: 540px){
    footer{
        padding:100px 0 26px
    }
    /*
    footer .logo{
        width:100%;
        max-width:250px;
        margin:0 auto 70px
    }
    */
    footer .logo img.pie-logo{
        width:100%;
        height:auto;
    }
    footer p{
        font-size:14px;
        margin:0 auto;
        line-height:100%
    }
}
#h__intro{
    position:relative;
    height:calc(100vh - 120px);
    margin:120px 0 0
}
#h__intro .container{
    opacity:0
}
#h__intro .container .item{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center
}
#h__intro .container .item .img{
    position:absolute
}
#h__intro .container .item .img .element{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    height:calc(100vh - 120px)
}
#h__intro .container .item .content{
    position:relative;
    text-align:center
}


#h__intro .container .item .content h1{
    color:#fff;
    font-weight:500;
}
#h__intro .container .item:not(:first-child){
    display:none
}
#h__intro .navigation{
    position:absolute;
    display:flex;
    z-index:100;
    opacity:0
}
#h__intro .navigation span{
    background:#fff;
    transition-property:opacity;
    transition-duration:.3s
}
#h__intro .navigation span:not(.active){
    cursor:pointer
}
#h__intro .navigation span:not(.active):hover{
    opacity:.6
}
#h__intro .navigation span.active{
    background:#eb1d3c
}
#h__about{
    display:flex;
    align-items:center;
    justify-content:space-between
}
#h__about .img .element{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    opacity:0
}
#h__services{
    position:relative
}

#h__about .img .element{
    background-image: url("../../img/banner/nos.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    z-index:2
}
#h__services .greybox{
    background-color:#252525;
    background-image:url("../../img/client/service.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    z-index:2
}
#h__why-us .img .element{
    background-image: url("../../img/banner/client.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    z-index:2
}


#h__testimonials .card{
    background-image: url("../../img/banner/testim.jpg");
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    z-index:2
}

#h__services .greybox .content h2{
    color:#fff
}

.item p,
.text p{
    font-family: Eastman Trial;
    src: url('../font/Eastman-bold.otf') format("truetype");
    font-style: normal;
    font-weight:430;
    text-align: justify;    
}
#h__services .greybox .content .text p{
    color:#fff;
}

.text ul li{
    font-family: Eastman Trial;
    src: url('../font/Eastman-bold.otf') format("truetype");
    font-style: normal;
    font-weight:430;
    text-align: justify;    
}
#h__services .greybox .content .text ul li{
    color:#fff;       
}
#h__services .greenbox{
    background:#eb1d3c;
    position:absolute
}
#h__why-us{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start
}
#h__why-us .img .element{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    opacity:0
}
#h__why-us .logos{
    display:flex;
    align-items:center
}
#h__testimonials{
    background:#e5e5e5;
    position:relative
}
#h__testimonials .card{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center
}
#h__testimonials .card h2{
    color:#fff;
    text-align:center
}
#h__testimonials .card h2 span{
    color:#eb1d3c
}
#h__testimonials .card h2:after{
    display:none
}
#h__testimonials .content{
    display:table
}
#h__testimonials .content .container{
    overflow:hidden
}
#h__testimonials .content .container .track{
    display:inline-flex
}
#h__testimonials .content .container .track .item span{
    display:inline-flex;
    align-items:center
}
#h__testimonials .content .container .track .item span:before{
    background:#000;
    content:"";
    width:7px;
    height:2px;
    margin:0 9px 0 0
}
#h__testimonials .navigation{
    position:absolute;
    display:flex;
    z-index:100
}
#h__testimonials .navigation span{
    background:#fff;
    transition-property:opacity;
    transition-duration:.3s
}
#h__testimonials .navigation span:not(.active){
    cursor:pointer
}
#h__testimonials .navigation span:not(.active):hover{
    opacity:.6
}
#h__testimonials .navigation span.active{
    background:#eb1d3c
}
#h__contact .content{
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}

#h__contact .content .left a{
    display:table;
    color:#000
}
#h__contact .content .left h5{
    font-weight:330;
}
#h__contact .content .left span{
    display:table
}
#h__contact .content .right .success{
    color:#000
}
#h__contact .content .right .field label{
    display:table;
    color:#7f7f7f;
}
#h__contact .content .right .field input,
#h__contact .content .right .field select,
#h__contact .content .right .field textarea{
    background:#e5e5e5;
    color:#7f7f7f;
    border:2px solid transparent
}
#h__contact .content .right .field input.error,
#h__contact .content .right .field select.error,
#h__contact .content .right .field textarea.error{
    border-color:#eb1d3c;
}
#h__contact .content .right .field textarea{
    resize:none
}
@media screen and (max-width: 1280px){
    #h__intro .container .item .content button{
        margin:30px auto 0
    }
    #h__intro .navigation{
        right:36px;
        bottom:33px
    }
    #h__intro .navigation span{
        width:14px;
        height:14px;
        border-radius:100%
    }
    #h__intro .navigation span+span{
        margin:0 0 0 15px
    }
    #h__about{
        padding:80px 0;
        flex-wrap:wrap
    }
    #h__about .content{
        width:100%;
        max-width:calc(100% - 160px);
        margin:0 auto
    }
    #h__about .content .text{
        transition-delay:.4s, .4s
    }
    #h__about .img{
        width:calc(100% - 160px);
        height:59.5vw;
        margin:60px auto 0
    }
    #h__services .greybox{
        width:100%;
        max-width:100%;
        padding:100px 0
    }
    #h__services .greybox .content{
        max-width:calc(100% - 160px);
        margin:0 auto
    }
    #h__services .greybox .content .text ul{
        margin:58px 0 0 20px
    }
    #h__services .greenbox{
        display:none
    }
    #h__why-us{
        margin:0;
        padding:80px 0;
        flex-wrap:wrap
    }
    #h__why-us .content{
        width:100%;
        max-width:calc(100% - 160px);
        margin:0 auto
    }
    #h__why-us .content .text{
        transition-delay:.4s, .4s
    }
    #h__why-us .img{
        width:calc(100% - 160px);
        height:59.5vw;
        margin:0 auto 60px
    }
    #h__why-us .logos{
        width:100%;
        max-width:1500px;
        margin:180px auto 0;
        min-height:75px;
        flex-wrap:wrap;
        justify-content:center
    }
    #h__why-us .logos .item{
        width:33.333333333%
    }
    #h__why-us .logos .item img{
        display:table;
        height:65px;
        margin:0 auto
    }
    #h__why-us .logos .item:nth-child(4),
    #h__why-us .logos .item:nth-child(5){
        margin:70px 0 0
    }
    #h__testimonials{
        padding:100px 0
    }
    #h__testimonials .card{
        top:100%;
        width:100%;
        height:607px;
        transform:initial !important
    }
    #h__testimonials .card h2{
        width:100%;
        max-width:490px;
        font-size:60px;
        line-height:72px
    }
    #h__testimonials .content{
        width:100%;
        margin:0 auto;
        max-width:855px
    }
    #h__testimonials .content .container{
        width:100%;
        max-width:855px
    }
    #h__testimonials .content .container .track{
        transform:translate(0, 0)
    }
    #h__testimonials .content .container .track .item{
        width:855px
    }
    #h__testimonials .content .container .track .item span{
        font-size:18px;
        margin:50px 0 0;
        line-height:36px
    }
    #h__testimonials .navigation{
        left:50%;
        right:initial;
        bottom:37px;
        transform:translate(-50%, 0)
    }
    #h__testimonials .navigation span{
        width:14px;
        height:14px;
        border-radius:100%
    }
    #h__testimonials .navigation span+span{
        margin:0 0 0 15px
    }
    #h__contact{
        margin:0;
        padding:857px 0 80px
    }
    #h__contact .content{
        max-width:calc(100% - 160px)
    }
    #h__contact .content .left h2{
        margin:0 0 38px
    }
    #h__contact .content .left a{
        font-size:18px;
        line-height:100%
    }
    #h__contact .content .left a+a{
        margin:15px 0 0
    }
    #h__contact .content .left h5{
        font-size:18px;
        margin:50px 0 20px
    }
    #h__contact .content .left span{
        font-size:18px
    }
    #h__contact .content .right{
        width:100%;
        max-width:450px
    }
    #h__contact .content .right .success{
        margin:0 0 25px
    }
    #h__contact .content .right .field label{
        font-size:18px;
        margin:0 0 15px
    }
    #h__contact .content .right .field input,
    #h__contact .content .right .field select,
    #h__contact .content .right .field textarea{
        width:100%;
        font-size:18px;
        line-height:100%
    }
    #h__contact .content .right .field select,
    #h__contact .content .right .field input{
        height:50px;
        padding:0 17px
    }
    #h__contact .content .right .field textarea{
        height:280px;
        padding:17px
    }
    #h__contact .content .right .field+.field{
        margin:40px 0 0
    }
    #h__contact .content .right button{
        margin:40px 0 0
    }
}
@media screen and (max-width: 1080px){
    #h__intro{
        height:calc(100vh - 120px);
        padding:0
    }
    #h__intro .container .item{
        flex-wrap:wrap
    }
    #h__intro .container .item .img{
        margin:0 auto;
        position:relative;
        height:auto;
        max-width:calc(100%)
    }
    #h__intro .container .item .img .element{
        width:100%;
        height:calc(100vh - 120px)
    }
    #h__intro .container .item .content{
        position:absolute;
        top:50%;
        width:100%;
        max-width:calc(100% - 80px);
        margin:0;
        transform:translate(0, -50%)
    }
    #h__intro .container .item .content button{
        width:41vw;
        height:11vw
    }
    #h__intro .container .item .content button span{
        font-size:2.7vw;
    }
    #h__intro .navigation{
        right:60px;
        bottom:20px
    }
}
@media screen and (max-width: 991px){
    #h__intro .container .item{
        flex-wrap:wrap
    }
    #h__intro .container .item .img{
        margin:0 auto;
        position:relative;
        height:auto
    }
    #h__intro .container .item .content{
        position:absolute;
        top:50%;
        width:100%;
        max-width:calc(100% - 40px);
        margin:0;
        transform:translate(0, -50%)
    }
    #h__intro .navigation{
        right:40px;
        bottom:20px
    }
    #h__about .content{
        max-width:calc(100% - 80px)
    }
    #h__about .img{
        width:calc(100% - 80px)
    }
    #h__services .greybox .content{
        max-width:calc(100% - 80px)
    }
    #h__why-us .content{
        max-width:calc(100% - 80px)
    }
    #h__why-us .img{
        width:calc(100% - 80px)
    }
    #h__why-us .logos .item{
        width:50%
    }
    #h__why-us .logos .item img{
        display:table;
        height:65px;
        margin:0 auto
    }
    #h__why-us .logos .item:nth-child(3),
    #h__why-us .logos .item:nth-child(4),
    #h__why-us .logos .item:nth-child(5){
        margin:70px 0 0
    }
    #h__testimonials .content{
        max-width:650px
    }
    #h__testimonials .content .container{
        max-width:650px
    }
    #h__testimonials .content .container .track .item{
        width:650px
    }
    #h__contact{
        margin:0;
        padding:767px 0 80px
    }
    #h__contact .content{
        max-width:calc(100% - 80px);
        flex-wrap:wrap
    }
    #h__contact .content .right{
        max-width:550px;
        margin:60px 0 0
    }
}
@media screen and (max-width: 767px){
    #h__intro .navigation{
        right:40px;
        bottom:20px
    }
    #h__testimonials .content{
        max-width:84.746vw
    }
    #h__testimonials .content .container{
        max-width:84.746vw
    }
    #h__testimonials .content .container .track .item{
        width:84.746vw
    }
    #h__testimonials .content .container .track .item span{
        font-size:4vw
    }
}
@media screen and (max-width: 540px){
    #h__intro{
        margin:80px 0 0;
        height:calc(100vh - 80px)
    }
    #h__intro .container .item .img .element{
        height:calc(100vh - 80px)
    }
    #h__intro .navigation{
        right:40px;
        bottom:20px
    }
    #h__about .content{
        max-width:calc(100% - 40px)
    }
    #h__about .img{
        height:65vw;
        width:calc(100% - 40px)
    }
    #h__services .greybox .content{
        max-width:calc(100% - 40px)
    }
    #h__why-us .content{
        max-width:calc(100% - 40px)
    }
    #h__why-us .img{
        height:65vw;
        width:calc(100% - 40px)
    }
    #h__why-us .logos{
        max-width:calc(100% - 40px);
        margin:65px auto 0
    }
    #h__why-us .logos .item img{
        display:table;
        height:45px
    }
    #h__testimonials .card{
        height:350px
    }
    #h__testimonials .card h2{
        font-size:48px;
        line-height:100%
    }
    #h__contact{
        padding:427px 0 80px
    }
    #h__contact .content{
        max-width:calc(100% - 40px)
    }
}