/*============================================= = Third Party Plugin List = ============================================= 01. Animate CSS 02. Perfect scrollbar CSS 03. DL Menu 04. Slick Slider 05. Magnific Popup 06. Nice select 07. Light gallery 08. YT player 09. Quick view CSS 
/*===== End of Third Party Plugin List ======*/
/*============================================= = 01. Animate CSS = =============================================*/
@charset "UTF-8";
/*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */
 @-webkit-keyframes bounce{
    0%,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-30px,0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
@keyframes bounce{
    0%,20%,53%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-30px,0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    -webkit-transform-origin:center bottom;
    animation-name:bounce;
    transform-origin:center bottom
}
@-webkit-keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes rubberBand{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
@keyframes shake{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.headShake{
    -webkit-animation-name:headShake;
    -webkit-animation-timing-function:ease-in-out;
    animation-name:headShake;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.swing{
    -webkit-animation-name:swing;
    -webkit-transform-origin:top center;
    animation-name:swing;
    transform-origin:top center
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes wobble{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    0%,11.1%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello{
    0%,11.1%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello{
    -webkit-animation-name:jello;
    -webkit-transform-origin:center;
    animation-name:jello;
    transform-origin:center
}
@-webkit-keyframes heartBeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    14%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    28%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    42%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes heartBeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    14%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    28%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    42%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.heartBeat{
    -webkit-animation-duration:1.3s;
    -webkit-animation-name:heartBeat;
    -webkit-animation-timing-function:ease-in-out;
    animation-duration:1.3s;
    animation-name:heartBeat;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        -webkit-transform:scale3d(1.03,1.03,1.03);
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        -webkit-transform:scaleX(1);
        opacity:1;
        transform:scaleX(1)
    }
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        -webkit-transform:scale3d(1.03,1.03,1.03);
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        -webkit-transform:scaleX(1);
        opacity:1;
        transform:scaleX(1)
    }
}
.bounceIn{
    -webkit-animation-duration:.75s;
    -webkit-animation-name:bounceIn;
    animation-duration:.75s;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(0,-3000px,0);
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        -webkit-transform:translate3d(0,25px,0);
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(0,-3000px,0);
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        -webkit-transform:translate3d(0,25px,0);
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(-3000px,0,0);
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        -webkit-transform:translate3d(25px,0,0);
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(-3000px,0,0);
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        -webkit-transform:translate3d(25px,0,0);
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(3000px,0,0);
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        -webkit-transform:translate3d(-25px,0,0);
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(3000px,0,0);
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        -webkit-transform:translate3d(-25px,0,0);
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(0,3000px,0);
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        -webkit-transform:translate3d(0,-20px,0);
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        -webkit-transform:translate3d(0,3000px,0);
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        -webkit-transform:translate3d(0,-20px,0);
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        opacity:1;
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
}
@keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        opacity:1;
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
}
.bounceOut{
    -webkit-animation-duration:.75s;
    -webkit-animation-name:bounceOut;
    animation-duration:.75s;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        -webkit-transform:translate3d(0,-20px,0);
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
@keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        -webkit-transform:translate3d(0,-20px,0);
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    20%{
        -webkit-transform:translate3d(20px,0,0);
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes bounceOutLeft{
    20%{
        -webkit-transform:translate3d(20px,0,0);
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    20%{
        -webkit-transform:translate3d(-20px,0,0);
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
@keyframes bounceOutRight{
    20%{
        -webkit-transform:translate3d(-20px,0,0);
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        -webkit-transform:translate3d(0,20px,0);
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        -webkit-transform:translate3d(0,20px,0);
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,2000px,0);
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(-2000px,0,0);
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(2000px,0,0);
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,-2000px,0);
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    0%{
        -webkit-animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function:ease-out;
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }
    40%{
        -webkit-animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function:ease-out;
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }
    50%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }
    80%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }
    to{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}
@keyframes flip{
    0%{
        -webkit-animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        animation-timing-function:ease-out;
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }
    40%{
        -webkit-animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function:ease-out;
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }
    50%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }
    80%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }
    to{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}
.animated.flip{
    -webkit-animation-name:flip;
    -webkit-backface-visibility:visible;
    animation-name:flip;
    backface-visibility:visible
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(90deg);
        animation-timing-function:ease-in;
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateX(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        opacity:1;
        transform:perspective(400px) rotateX(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX{
    0%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(90deg);
        animation-timing-function:ease-in;
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateX(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        opacity:1;
        transform:perspective(400px) rotateX(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-animation-name:flipInX;
    -webkit-backface-visibility:visible!important;
    animation-name:flipInX;
    backface-visibility:visible!important
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(90deg);
        animation-timing-function:ease-in;
        opacity:0;
        transform:perspective(400px) rotateY(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(-20deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateY(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        opacity:1;
        transform:perspective(400px) rotateY(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY{
    0%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(90deg);
        animation-timing-function:ease-in;
        opacity:0;
        transform:perspective(400px) rotateY(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(-20deg);
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateY(-20deg)
    }
    60%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        opacity:1;
        transform:perspective(400px) rotateY(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInY{
    -webkit-animation-name:flipInY;
    -webkit-backface-visibility:visible!important;
    animation-name:flipInY;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateX(-20deg);
        opacity:1;
        transform:perspective(400px) rotateX(-20deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
}
@keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateX(-20deg);
        opacity:1;
        transform:perspective(400px) rotateX(-20deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateX(90deg);
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
}
.flipOutX{
    -webkit-animation-duration:.75s;
    -webkit-animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    animation-duration:.75s;
    animation-name:flipOutX;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateY(-15deg);
        opacity:1;
        transform:perspective(400px) rotateY(-15deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0;
        transform:perspective(400px) rotateY(90deg)
    }
}
@keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotateY(-15deg);
        opacity:1;
        transform:perspective(400px) rotateY(-15deg)
    }
    to{
        -webkit-transform:perspective(400px) rotateY(90deg);
        opacity:0;
        transform:perspective(400px) rotateY(90deg)
    }
}
.flipOutY{
    -webkit-animation-duration:.75s;
    -webkit-animation-name:flipOutY;
    -webkit-backface-visibility:visible!important;
    animation-duration:.75s;
    animation-name:flipOutY;
    backface-visibility:visible!important
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0;
        transform:translate3d(100%,0,0) skewX(-30deg)
    }
    60%{
        -webkit-transform:skewX(20deg);
        opacity:1;
        transform:skewX(20deg)
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes lightSpeedIn{
    0%{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0;
        transform:translate3d(100%,0,0) skewX(-30deg)
    }
    60%{
        -webkit-transform:skewX(20deg);
        opacity:1;
        transform:skewX(20deg)
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-name:lightSpeedIn;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0;
        transform:translate3d(100%,0,0) skewX(30deg)
    }
}
@keyframes lightSpeedOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0;
        transform:translate3d(100%,0,0) skewX(30deg)
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-name:lightSpeedOut;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    0%{
        -webkit-transform:rotate(-200deg);
        -webkit-transform-origin:center;
        opacity:0;
        transform:rotate(-200deg);
        transform-origin:center
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:center;
        opacity:1;
        transform:translateZ(0);
        transform-origin:center
    }
}
@keyframes rotateIn{
    0%{
        -webkit-transform:rotate(-200deg);
        -webkit-transform-origin:center;
        opacity:0;
        transform:rotate(-200deg);
        transform-origin:center
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:center;
        opacity:1;
        transform:translateZ(0);
        transform-origin:center
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:left bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:left bottom
    }
}
@keyframes rotateInDownLeft{
    0%{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:left bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:left bottom
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    0%{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:right bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:right bottom
    }
}
@keyframes rotateInDownRight{
    0%{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:right bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:right bottom
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:left bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:left bottom
    }
}
@keyframes rotateInUpLeft{
    0%{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:left bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:left bottom
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        -webkit-transform:rotate(-90deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(-90deg);
        transform-origin:right bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:right bottom
    }
}
@keyframes rotateInUpRight{
    0%{
        -webkit-transform:rotate(-90deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(-90deg);
        transform-origin:right bottom
    }
    to{
        -webkit-transform:translateZ(0);
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform:translateZ(0);
        transform-origin:right bottom
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    0%{
        -webkit-transform-origin:center;
        opacity:1;
        transform-origin:center
    }
    to{
        -webkit-transform:rotate(200deg);
        -webkit-transform-origin:center;
        opacity:0;
        transform:rotate(200deg);
        transform-origin:center
    }
}
@keyframes rotateOut{
    0%{
        -webkit-transform-origin:center;
        opacity:1;
        transform-origin:center
    }
    to{
        -webkit-transform:rotate(200deg);
        -webkit-transform-origin:center;
        opacity:0;
        transform:rotate(200deg);
        transform-origin:center
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:left bottom
    }
}
@keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotate(45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(45deg);
        transform-origin:left bottom
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform-origin:right bottom
    }
    to{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:right bottom
    }
}
@keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform-origin:right bottom
    }
    to{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:right bottom
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:left bottom
    }
}
@keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        opacity:1;
        transform-origin:left bottom
    }
    to{
        -webkit-transform:rotate(-45deg);
        -webkit-transform-origin:left bottom;
        opacity:0;
        transform:rotate(-45deg);
        transform-origin:left bottom
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform-origin:right bottom
    }
    to{
        -webkit-transform:rotate(90deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(90deg);
        transform-origin:right bottom
    }
}
@keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        opacity:1;
        transform-origin:right bottom
    }
    to{
        -webkit-transform:rotate(90deg);
        -webkit-transform-origin:right bottom;
        opacity:0;
        transform:rotate(90deg);
        transform-origin:right bottom
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge{
    0%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        transform-origin:top left
    }
    20%,60%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform:rotate(80deg);
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        transform:rotate(80deg);
        transform-origin:top left
    }
    40%,80%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform:rotate(60deg);
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        opacity:1;
        transform:rotate(60deg);
        transform-origin:top left
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        opacity:0;
        transform:translate3d(0,700px,0)
    }
}
@keyframes hinge{
    0%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        transform-origin:top left
    }
    20%,60%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform:rotate(80deg);
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        transform:rotate(80deg);
        transform-origin:top left
    }
    40%,80%{
        -webkit-animation-timing-function:ease-in-out;
        -webkit-transform:rotate(60deg);
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out;
        opacity:1;
        transform:rotate(60deg);
        transform-origin:top left
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        opacity:0;
        transform:translate3d(0,700px,0)
    }
}
.hinge{
    -webkit-animation-duration:2s;
    -webkit-animation-name:hinge;
    animation-duration:2s;
    animation-name:hinge
}
@-webkit-keyframes jackInTheBox{
    0%{
        -webkit-transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        opacity:0;
        transform:scale(.1) rotate(30deg);
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        -webkit-transform:scale(1);
        opacity:1;
        transform:scale(1)
    }
}
@keyframes jackInTheBox{
    0%{
        -webkit-transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        opacity:0;
        transform:scale(.1) rotate(30deg);
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        -webkit-transform:scale(1);
        opacity:1;
        transform:scale(1)
    }
}
.jackInTheBox{
    -webkit-animation-name:jackInTheBox;
    animation-name:jackInTheBox
}
@-webkit-keyframes rollIn{
    0%{
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        opacity:0;
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes rollIn{
    0%{
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        opacity:0;
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        opacity:0;
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        opacity:0;
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn{
    0%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    0%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}
@keyframes zoomInDown{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}
@keyframes zoomInLeft{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}
.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}
@keyframes zoomInRight{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}
.zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}
@keyframes zoomInUp{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}
.zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
@keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        -webkit-transform:scale3d(.3,.3,.3);
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
.zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin:center bottom
    }
}
@keyframes zoomOutDown{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin:center bottom
    }
}
.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    40%{
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        opacity:0;
        transform:scale(.1) translate3d(-2000px,0,0);
        transform-origin:left center
    }
}
@keyframes zoomOutLeft{
    40%{
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        opacity:0;
        transform:scale(.1) translate3d(-2000px,0,0);
        transform-origin:left center
    }
}
.zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
    40%{
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        opacity:0;
        transform:scale(.1) translate3d(2000px,0,0);
        transform-origin:right center
    }
}
@keyframes zoomOutRight{
    40%{
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        opacity:0;
        transform:scale(.1) translate3d(2000px,0,0);
        transform-origin:right center
    }
}
.zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin:center bottom
    }
}
@keyframes zoomOutUp{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin:center bottom
    }
}
.zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.slideInUp{
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:hidden
    }
}
@keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:hidden
    }
}
.slideOutDown{
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:hidden
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:hidden
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:hidden
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:hidden
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:hidden
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:hidden
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.animated{
    -webkit-animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-duration:1s;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.delay-1s{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.animated.delay-2s{
    -webkit-animation-delay:2s;
    animation-delay:2s
}
.animated.delay-3s{
    -webkit-animation-delay:3s;
    animation-delay:3s
}
.animated.delay-4s{
    -webkit-animation-delay:4s;
    animation-delay:4s
}
.animated.delay-5s{
    -webkit-animation-delay:5s;
    animation-delay:5s
}
.animated.fast{
    -webkit-animation-duration:.8s;
    animation-duration:.8s
}
.animated.faster{
    -webkit-animation-duration:.5s;
    animation-duration:.5s
}
.animated.slow{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.animated.slower{
    -webkit-animation-duration:3s;
    animation-duration:3s
}
@media (prefers-reduced-motion){
    .animated{
        -webkit-animation:unset!important;
        -webkit-transition:none!important;
        animation:unset!important;
        transition:none!important
    }
}
/*===== End of 01. Animate CSS ======*/
/*============================================= = 02. Perfect scrollbar = =============================================*/
 .ps{
    overflow:hidden!important;
    overflow-anchor:none;
    -ms-overflow-style:none;
    touch-action:auto;
    -ms-touch-action:auto
}
.ps__rail-x{
    display:none;
    opacity:0;
    transition:background-color.2s linear,opacity.2s linear;
    -webkit-transition:background-color.2s linear,opacity.2s linear;
    height:15px;
    bottom:0px;
    position:absolute
}
.ps__rail-y{
    display:none;
    opacity:0;
    transition:background-color.2s linear,opacity.2s linear;
    -webkit-transition:background-color.2s linear,opacity.2s linear;
    width:15px;
    right:0;
    position:absolute
}
.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{
    display:block;
    background-color:transparent
}
.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{
    opacity:0.6
}
.ps.ps__rail-x:hover,.ps.ps__rail-y:hover,.ps.ps__rail-x:focus,.ps.ps__rail-y:focus,.ps.ps__rail-x.ps--clicking,.ps.ps__rail-y.ps--clicking{
    background-color:#eee;
    opacity:0.9
}
.ps__thumb-x{
    background-color:#aaa;
    border-radius:6px;
    transition:background-color.2s linear,height.2s ease-in-out;
    -webkit-transition:background-color.2s linear,height.2s ease-in-out;
    height:6px;
    bottom:2px;
    position:absolute
}
.ps__thumb-y{
    background-color:#aaa;
    border-radius:6px;
    transition:background-color.2s linear,width.2s ease-in-out;
    -webkit-transition:background-color.2s linear,width.2s ease-in-out;
    width:6px;
    right:2px;
    position:absolute
}
.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking.ps__thumb-x{
    background-color:#999;
    height:11px
}
.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking.ps__thumb-y{
    background-color:#999;
    width:11px
}
 @supports(-ms-overflow-style:none){
    .ps{
        overflow:auto!important
    }
}
 @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
    .ps{
        overflow:auto!important
    }
}
/*===== End of 02. Perfect scrollbar ======*/
/*============================================= = 03. DL Menu = =============================================*/
/** * jquery.dlmenu.js v1.0.1 * http://www.codrops.com * * Licensed under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * Copyright 2013, Codrops * http://www.codrops.com */
 .dl-menuwrapper{
    width:100%;
    max-width:300px;
    float:left;
    position:relative;
    -webkit-perspective:1000px;
    perspective:1000px;
    -webkit-perspective-origin:50% 200%;
    perspective-origin:50% 200%
}
.dl-menuwrapper:first-child{
    margin-right:100px
}
.dl-menuwrapper button{
    background:#ccc;
    border:none;
    width:48px;
    height:45px;
    text-indent:-900em;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    outline:0
}
.dl-menuwrapper button.dl-active,.dl-menuwrapper button:hover,.dl-menuwrapper ul{
    background:#aaa
}
.dl-menuwrapper button:after{
    content:'';
    position:absolute;
    width:68%;
    height:5px;
    background:#fff;
    top:10px;
    left:16%;
    box-shadow:0 10px 0 #fff,0 20px 0 #fff
}
.dl-menuwrapper ul{
    padding:0;
    list-style:none;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.dl-menuwrapper li{
    position:relative
}
.dl-menuwrapper li a{
    display:block;
    position:relative;
    padding:15px 20px;
    font-size:16px;
    line-height:20px;
    font-weight:300;
    color:#fff;
    outline:0
}
.no-touch .dl-menuwrapper li a:hover{
    background:rgba(255,248,213,.1)
}
.dl-menuwrapper li.dl-back>a{
    padding-left:30px;
    background:rgba(0,0,0,.1)
}
.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li>a:not(:only-child):after{
    position:absolute;
    top:0;
    line-height:50px;
    font-family:icomoon;
    speak:none;
    -webkit-font-smoothing:antialiased;
    content:"\e000"
}
.dl-menuwrapper li.dl-back:after{
    left:10px;
    color:rgba(212,204,198,.3);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.dl-menuwrapper li>a:after{
    right:10px;
    color:rgba(0,0,0,.15)
}
.dl-menuwrapper .dl-menu{
    margin:5px 0 0;
    position:absolute;
    width:100%;
    opacity:0;
    pointer-events:none;
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.dl-menuwrapper .dl-menu.dl-menu-toggle{
    transition:all .3s ease
}
.dl-menuwrapper .dl-menu.dl-menuopen{
    opacity:1;
    pointer-events:auto;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subview>a,.dl-menu.dl-subview li.dl-subviewopen>a,.dl-menuwrapper li .dl-submenu{
    display:none
}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li,.no-js .dl-menuwrapper li .dl-submenu{
    display:block
}
.dl-menuwrapper>.dl-submenu{
    position:absolute;
    width:100%;
    top:50px;
    left:0;
    margin:0
}
.dl-menu.dl-animate-out-1{
    -webkit-animation:MenuAnimOut1 .4s;
    animation:MenuAnimOut1 .4s
}
.dl-menu.dl-animate-out-2{
    -webkit-animation:MenuAnimOut2 .3s ease-in-out;
    animation:MenuAnimOut2 .3s ease-in-out
}
.dl-menu.dl-animate-out-3{
    -webkit-animation:MenuAnimOut3 .4s ease;
    animation:MenuAnimOut3 .4s ease
}
.dl-menu.dl-animate-out-4{
    -webkit-animation:MenuAnimOut4 .4s ease;
    animation:MenuAnimOut4 .4s ease
}
.dl-menu.dl-animate-out-5{
    -webkit-animation:MenuAnimOut5 .4s ease;
    animation:MenuAnimOut5 .4s ease
}
@-webkit-keyframes MenuAnimOut1{
    50%{
        -webkit-transform:translateZ(-250px) rotateY(30deg)
    }
    75%{
        -webkit-transform:translateZ(-372.5px) rotateY(15deg);
        opacity:.5
    }
    100%{
        -webkit-transform:translateZ(-500px) rotateY(0);
        opacity:0
    }
}
@-webkit-keyframes MenuAnimOut2{
    100%{
        -webkit-transform:translateX(-100%);
        opacity:0
    }
}
@-webkit-keyframes MenuAnimOut3{
    100%{
        -webkit-transform:translateZ(300px);
        opacity:0
    }
}
@-webkit-keyframes MenuAnimOut4{
    100%{
        -webkit-transform:translateZ(-300px);
        opacity:0
    }
}
@-webkit-keyframes MenuAnimOut5{
    100%{
        -webkit-transform:translateY(40%);
        opacity:0
    }
}
@keyframes MenuAnimOut1{
    50%{
        -webkit-transform:translateZ(-250px) rotateY(30deg);
        transform:translateZ(-250px) rotateY(30deg)
    }
    75%{
        -webkit-transform:translateZ(-372.5px) rotateY(15deg);
        transform:translateZ(-372.5px) rotateY(15deg);
        opacity:.5
    }
    100%{
        -webkit-transform:translateZ(-500px) rotateY(0);
        transform:translateZ(-500px) rotateY(0);
        opacity:0
    }
}
@keyframes MenuAnimOut2{
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
}
@keyframes MenuAnimOut3{
    100%{
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
}
@keyframes MenuAnimOut4{
    100%{
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0
    }
}
@keyframes MenuAnimOut5{
    100%{
        -webkit-transform:translateY(40%);
        transform:translateY(40%);
        opacity:0
    }
}
.dl-menu.dl-animate-in-1{
    -webkit-animation:MenuAnimIn1 .3s;
    animation:MenuAnimIn1 .3s
}
.dl-menu.dl-animate-in-2{
    -webkit-animation:MenuAnimIn2 .3s ease-in-out;
    animation:MenuAnimIn2 .3s ease-in-out
}
.dl-menu.dl-animate-in-3{
    -webkit-animation:MenuAnimIn3 .4s ease;
    animation:MenuAnimIn3 .4s ease
}
.dl-menu.dl-animate-in-4{
    -webkit-animation:MenuAnimIn4 .4s ease;
    animation:MenuAnimIn4 .4s ease
}
.dl-menu.dl-animate-in-5{
    -webkit-animation:MenuAnimIn5 .4s ease;
    animation:MenuAnimIn5 .4s ease
}
@-webkit-keyframes MenuAnimIn1{
    0%{
        -webkit-transform:translateZ(-500px) rotateY(0);
        opacity:0
    }
    20%{
        -webkit-transform:translateZ(-250px) rotateY(30deg);
        opacity:.5
    }
    100%{
        -webkit-transform:translateZ(0) rotateY(0);
        opacity:1
    }
}
@-webkit-keyframes MenuAnimIn2{
    0%{
        -webkit-transform:translateX(-100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes MenuAnimIn3{
    0%{
        -webkit-transform:translateZ(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes MenuAnimIn4{
    0%{
        -webkit-transform:translateZ(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes MenuAnimIn5{
    0%{
        -webkit-transform:translateY(40%);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        opacity:1
    }
}
@keyframes MenuAnimIn1{
    0%{
        -webkit-transform:translateZ(-500px) rotateY(0);
        transform:translateZ(-500px) rotateY(0);
        opacity:0
    }
    20%{
        -webkit-transform:translateZ(-250px) rotateY(30deg);
        transform:translateZ(-250px) rotateY(30deg);
        opacity:.5
    }
    100%{
        -webkit-transform:translateZ(0) rotateY(0);
        transform:translateZ(0) rotateY(0);
        opacity:1
    }
}
@keyframes MenuAnimIn2{
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes MenuAnimIn3{
    0%{
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes MenuAnimIn4{
    0%{
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes MenuAnimIn5{
    0%{
        -webkit-transform:translateY(40%);
        transform:translateY(40%);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-1{
    -webkit-animation:SubMenuAnimIn1 .4s ease;
    animation:SubMenuAnimIn1 .4s ease
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-2{
    -webkit-animation:SubMenuAnimIn2 .3s ease-in-out;
    animation:SubMenuAnimIn2 .3s ease-in-out
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-3{
    -webkit-animation:SubMenuAnimIn3 .4s ease;
    animation:SubMenuAnimIn3 .4s ease
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-4{
    -webkit-animation:SubMenuAnimIn4 .4s ease;
    animation:SubMenuAnimIn4 .4s ease
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-5{
    -webkit-animation:SubMenuAnimIn5 .4s ease;
    animation:SubMenuAnimIn5 .4s ease
}
@-webkit-keyframes SubMenuAnimIn1{
    0%{
        -webkit-transform:translateX(50%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes SubMenuAnimIn2{
    0%{
        -webkit-transform:translateX(100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes SubMenuAnimIn3{
    0%{
        -webkit-transform:translateZ(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes SubMenuAnimIn4{
    0%{
        -webkit-transform:translateZ(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
}
@-webkit-keyframes SubMenuAnimIn5{
    0%{
        -webkit-transform:translateZ(-200px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
}
@keyframes SubMenuAnimIn1{
    0%{
        -webkit-transform:translateX(50%);
        transform:translateX(50%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes SubMenuAnimIn2{
    0%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
}
@keyframes SubMenuAnimIn3{
    0%{
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes SubMenuAnimIn4{
    0%{
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
@keyframes SubMenuAnimIn5{
    0%{
        -webkit-transform:translateZ(-200px);
        transform:translateZ(-200px);
        opacity:0
    }
    100%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-1{
    -webkit-animation:SubMenuAnimOut1 .4s ease;
    animation:SubMenuAnimOut1 .4s ease
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-2{
    -webkit-animation:SubMenuAnimOut2 .3s ease-in-out;
    animation:SubMenuAnimOut2 .3s ease-in-out
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-3{
    -webkit-animation:SubMenuAnimOut3 .4s ease;
    animation:SubMenuAnimOut3 .4s ease
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-4{
    -webkit-animation:SubMenuAnimOut4 .4s ease;
    animation:SubMenuAnimOut4 .4s ease
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-5{
    -webkit-animation:SubMenuAnimOut5 .4s ease;
    animation:SubMenuAnimOut5 .4s ease
}
@-webkit-keyframes SubMenuAnimOut1{
    0%{
        -webkit-transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50%);
        opacity:0
    }
}
@-webkit-keyframes SubMenuAnimOut2{
    0%{
        -webkit-transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%);
        opacity:0
    }
}
@-webkit-keyframes SubMenuAnimOut3{
    0%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-300px);
        opacity:0
    }
}
@-webkit-keyframes SubMenuAnimOut4{
    0%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(300px);
        opacity:0
    }
}
@-webkit-keyframes SubMenuAnimOut5{
    0%{
        -webkit-transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-200px);
        opacity:0
    }
}
@keyframes SubMenuAnimOut1{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(50%);
        transform:translateX(50%);
        opacity:0
    }
}
@keyframes SubMenuAnimOut2{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%);
        opacity:0
    }
}
@keyframes SubMenuAnimOut3{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-300px);
        transform:translateZ(-300px);
        opacity:0
    }
}
@keyframes SubMenuAnimOut4{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(300px);
        transform:translateZ(300px);
        opacity:0
    }
}
@keyframes SubMenuAnimOut5{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateZ(-200px);
        transform:translateZ(-200px);
        opacity:0
    }
}
.no-js .dl-menuwrapper .dl-menu{
    position:relative;
    opacity:1;
    -webkit-transform:none;
    transform:none
}
.no-js .dl-menuwrapper li.dl-back{
    display:none
}
.no-js .dl-menuwrapper li>a:not(:only-child){
    background:rgba(0,0,0,.1)
}
.no-js .dl-menuwrapper li>a:not(:only-child):after{
    content:''
}
.demo-1 .dl-menuwrapper button{
    background:#c62860
}
.demo-1 .dl-menuwrapper button.dl-active,.demo-1 .dl-menuwrapper button:hover,.demo-1 .dl-menuwrapper ul{
    background:#9e1847
}
.demo-2 .dl-menuwrapper button{
    background:#e86814
}
.demo-2 .dl-menuwrapper button.dl-active,.demo-2 .dl-menuwrapper button:hover,.demo-2 .dl-menuwrapper ul{
    background:#D35400
}
.demo-3 .dl-menuwrapper button{
    background:#08cbc4
}
.demo-3 .dl-menuwrapper button.dl-active,.demo-3 .dl-menuwrapper button:hover,.demo-3 .dl-menuwrapper ul{
    background:#00b4ae
}
.demo-4 .dl-menuwrapper button{
    background:#90b912
}
.demo-4 .dl-menuwrapper button.dl-active,.demo-4 .dl-menuwrapper button:hover,.demo-4 .dl-menuwrapper ul{
    background:#79a002
}
.demo-5 .dl-menuwrapper button{
    background:#744783
}
.demo-5 .dl-menuwrapper button.dl-active,.demo-5 .dl-menuwrapper button:hover,.demo-5 .dl-menuwrapper ul{
    background:#643771
}
/*===== End of 03. DL Menu ======*/
/*============================================= = 04. Slick Slider = =============================================*/
/* _ _ _ _ ___| (_) ___| | __ (_)___ / __| | |/ __| |/ / | / __| \__ \ | | (__| < _ | \__ \ |___/_|_|\___|_|\_(_)/ |___/ |__/ Version: 1.9.0 Author: Ken Wheeler Website: http://kenwheeler.github.io Docs: http://kenwheeler.github.io/slick Repo: http://github.com/kenwheeler/slick Issues: http://github.com/kenwheeler/slick/issues */
 .slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir='rtl'] .slick-slide{
    float:right
}
.slick-slide .image-wrap img{
    display:block;

    width: 100%;
    object-fit: cover;
    height: 300px;
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
/*===== End of 04. Slick Slider ======*/
/*============================================= = 05. Magnific Popup = =============================================*/
 .mfp-bg{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#0b0b0b;
    opacity:.8
}
.mfp-wrap{
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1043;
    position:fixed;
    outline:none!important;
    -webkit-backface-visibility:hidden
}
.mfp-container{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0 8px;
    box-sizing:border-box
}
.mfp-container:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.mfp-align-top .mfp-container:before{
    display:none
}
.mfp-content{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045
}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:-moz-zoom-out;
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure{
    display:none
}
.mfp-hide{
    display:none!important
}
.mfp-preloader{
    color:#CCC;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-.8em;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#CCC
}
.mfp-preloader a:hover{
    color:#FFF
}
.mfp-s-ready .mfp-preloader{
    display:none
}
.mfp-s-error .mfp-content{
    display:none
}
button.mfp-close,button.mfp-arrow{
    overflow:visible;
    cursor:pointer;
    background:transparent;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:none;
    padding:0;
    z-index:1046;
    box-shadow:none;
    touch-action:manipulation
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    width:44px;
    height:44px;
    line-height:44px;
    position:absolute;
    right:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:.65;
    padding:0 0 18px 10px;
    color:#FFF;
    font-style:normal;
    font-size:28px;
    font-family:Arial,Baskerville,monospace
}
.mfp-close:hover,.mfp-close:focus{
    opacity:1
}
.mfp-close:active{
    top:1px
}
.mfp-close-btn-in .mfp-close{
    color:#333
}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{
    color:#FFF;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#CCC;
    font-size:12px;
    line-height:18px;
    white-space:nowrap
}
.mfp-arrow{
    position:absolute;
    opacity:.65;
    margin:0;
    top:50%;
    margin-top:-55px;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active{
    margin-top:-54px
}
.mfp-arrow:hover,.mfp-arrow:focus{
    opacity:1
}
.mfp-arrow:before,.mfp-arrow:after{
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin-top:35px;
    margin-left:35px;
    border:medium inset transparent
}
.mfp-arrow:after{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}
.mfp-arrow:before{
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:.7
}
.mfp-arrow-left{
    left:0
}
.mfp-arrow-left:after{
    border-right:17px solid #FFF;
    margin-left:31px
}
.mfp-arrow-left:before{
    margin-left:25px;
    border-right:27px solid #3F3F3F
}
.mfp-arrow-right{
    right:0
}
.mfp-arrow-right:after{
    border-left:17px solid #FFF;
    margin-left:39px
}
.mfp-arrow-right:before{
    border-left:27px solid #3F3F3F
}
.mfp-iframe-holder{
    padding-top:40px;
    padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
    line-height:0;
    width:100%;
    max-width:900px
}
.mfp-iframe-holder .mfp-close{
    top:-40px
}
.mfp-iframe-scaler{
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:56.25%
}
.mfp-iframe-scaler iframe{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#000
}
img.mfp-img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    box-sizing:border-box;
    padding:40px 0 40px;
    margin:0 auto
}
.mfp-figure{
    line-height:0
}
.mfp-figure:after{
    content:'';
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#444
}
.mfp-figure small{
    color:#BDBDBD;
    display:block;
    font-size:12px;
    line-height:14px
}
.mfp-figure figure{
    margin:0
}
.mfp-bottom-bar{
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    text-align:left;
    line-height:18px;
    color:#F3F3F3;
    word-wrap:break-word;
    padding-right:36px
}
.mfp-image-holder .mfp-content{
    max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer
}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure:after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0,0,0,.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,.6);
        position:fixed;
        text-align:center;
        padding:0
    }
}
@media all and (max-width:900px){
    .mfp-arrow{
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
    .mfp-arrow-left{
        -webkit-transform-origin:0;
        transform-origin:0
    }
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        transform-origin:100%
    }
    .mfp-container{
        padding-left:6px;
        padding-right:6px
    }
}
/*===== End of 05. Magnific Popup ======*/
/*============================================= = 06. Nice Select = =============================================*/
/* jQuery Nice Select - v1.0 https://github.com/hernansartorio/jquery-nice-select Made by Hernán Sartorio */
 .nice-select{
    -webkit-tap-highlight-color:transparent;
    background-color:#fff;
    border-radius:5px;
    border:1px solid #e8e8e8;
    box-sizing:border-box;
    clear:both;
    cursor:pointer;
    display:block;
    float:left;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    height:42px;
    line-height:40px;
    outline:0;
    padding-left:18px;
    padding-right:30px;
    position:relative;
    text-align:left!important;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap;
    width:auto
}
.nice-select:hover{
    border-color:#dbdbdb
}
.nice-select.open,.nice-select:active,.nice-select:focus{
    border-color:#999
}
.nice-select:after{
    border-bottom:2px solid #999;
    border-right:2px solid #999;
    content:'';
    display:block;
    height:5px;
    margin-top:-4px;
    pointer-events:none;
    position:absolute;
    right:12px;
    top:50%;
    -webkit-transform-origin:66% 66%;
    -ms-transform-origin:66% 66%;
    transform-origin:66% 66%;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out;
    width:5px
}
.nice-select.open:after{
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.nice-select.open .list{
    opacity:1;
    pointer-events:auto;
    -webkit-transform:scale(1) translateY(0);
    -ms-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0)
}
.nice-select.disabled{
    border-color:#ededed;
    color:#999;
    pointer-events:none
}
.nice-select.disabled:after{
    border-color:#ccc
}
.nice-select.wide{
    width:100%
}
.nice-select.wide .list{
    left:0!important;
    right:0!important
}
.nice-select.right{
    float:right
}
.nice-select.right .list{
    left:auto;
    right:0
}
.nice-select.small{
    font-size:12px;
    height:36px;
    line-height:34px
}
.nice-select.small:after{
    height:4px;
    width:4px
}
.nice-select.small .option{
    line-height:34px;
    min-height:34px
}
.nice-select .list{
    background-color:#fff;
    border-radius:5px;
    box-shadow:0 0 0 1px rgba(68,68,68,.11);
    box-sizing:border-box;
    margin-top:4px;
    opacity:0;
    overflow:hidden;
    padding:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:0;
    -webkit-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transform:scale(.75) translateY(-21px);
    -ms-transform:scale(.75) translateY(-21px);
    transform:scale(.75) translateY(-21px);
    -webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index:9
}
.nice-select .list:hover .option:not(:hover){
    background-color:transparent!important
}
.nice-select .option{
    cursor:pointer;
    font-weight:400;
    line-height:40px;
    list-style:none;
    min-height:40px;
    outline:0;
    padding-left:18px;
    padding-right:29px;
    text-align:left;
    -webkit-transition:all .2s;
    transition:all .2s
}
.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{
    background-color:#f6f6f6
}
.nice-select .option.selected{
    font-weight:700
}
.nice-select .option.disabled{
    background-color:transparent;
    color:#999;
    cursor:default
}
.no-csspointerevents .nice-select .list{
    display:none
}
.no-csspointerevents .nice-select.open .list{
    display:block
}
/*===== End of 06. Nice Select ======*/
/*============================================= = 07. Light gallery = =============================================*/
 .lg-sub-html,.lg-toolbar{
    background-color:rgba(0,0,0,.45)
}
@font-face{
    font-family:lg;
    src:url(../fonts/lgd641.eot?n1z373);
    src:url(../fonts/lgd41d.eot?#iefixn1z373) format("embedded-opentype"),url(../fonts/lgd641.woff?n1z373) format("woff"),url(../fonts/lgd641.ttf?n1z373) format("truetype"),url(../fonts/lgd641.svg?n1z373#lg) format("svg");
    font-weight:400;
    font-style:normal
}
.lg-icon{
    font-family:lg;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.lg-actions .lg-next,.lg-actions .lg-prev{
    background-color:rgba(0,0,0,.45);
    border-radius:2px;
    color:#999;
    cursor:pointer;
    display:block;
    font-size:22px;
    margin-top:-10px;
    padding:8px 10px 9px;
    position:absolute;
    top:50%;
    z-index:1080;
    border:none;
    outline:0
}
.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{
    pointer-events:none;
    opacity:.5
}
.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{
    color:#FFF
}
.lg-actions .lg-next{
    right:20px
}
.lg-actions .lg-next:before{
    content:"\e095"
}
.lg-actions .lg-prev{
    left:20px
}
.lg-actions .lg-prev:after{
    content:"\e094"
}
@-webkit-keyframes lg-right-end{
    0%,100%{
        left:0
    }
    50%{
        left:-30px
    }
}
@-moz-keyframes lg-right-end{
    0%,100%{
        left:0
    }
    50%{
        left:-30px
    }
}
@-ms-keyframes lg-right-end{
    0%,100%{
        left:0
    }
    50%{
        left:-30px
    }
}
@keyframes lg-right-end{
    0%,100%{
        left:0
    }
    50%{
        left:-30px
    }
}
@-webkit-keyframes lg-left-end{
    0%,100%{
        left:0
    }
    50%{
        left:30px
    }
}
@-moz-keyframes lg-left-end{
    0%,100%{
        left:0
    }
    50%{
        left:30px
    }
}
@-ms-keyframes lg-left-end{
    0%,100%{
        left:0
    }
    50%{
        left:30px
    }
}
@keyframes lg-left-end{
    0%,100%{
        left:0
    }
    50%{
        left:30px
    }
}
.lg-outer.lg-right-end .lg-object{
    -webkit-animation:lg-right-end .3s;
    -o-animation:lg-right-end .3s;
    animation:lg-right-end .3s;
    position:relative
}
.lg-outer.lg-left-end .lg-object{
    -webkit-animation:lg-left-end .3s;
    -o-animation:lg-left-end .3s;
    animation:lg-left-end .3s;
    position:relative
}
.lg-toolbar{
    z-index:1082;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.lg-toolbar .lg-icon{
    color:#999;
    cursor:pointer;
    float:right;
    font-size:24px;
    height:47px;
    line-height:27px;
    padding:10px 0;
    text-align:center;
    width:50px;
    text-decoration:none!important;
    outline:0;
    -webkit-transition:color .2s linear;
    -o-transition:color .2s linear;
    transition:color .2s linear
}
.lg-toolbar .lg-icon:hover{
    color:#FFF
}
.lg-toolbar .lg-close:after{
    content:"\e070"
}
.lg-toolbar .lg-download:after{
    content:"\e0f2"
}
.lg-sub-html{
    bottom:0;
    color:#EEE;
    font-size:16px;
    left:0;
    padding:10px 40px;
    position:fixed;
    right:0;
    text-align:center;
    z-index:1080
}
.lg-sub-html h4{
    margin:0;
    font-size:13px;
    font-weight:700
}
.lg-sub-html p{
    font-size:12px;
    margin:5px 0 0
}
#lg-counter{
    color:#999;
    display:inline-block;
    font-size:16px;
    padding-left:20px;
    padding-top:12px;
    vertical-align:middle
}
.lg-next,.lg-prev,.lg-toolbar{
    opacity:1;
    -webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    -o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;
    transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear
}
.lg-hide-items .lg-prev{
    opacity:0;
    -webkit-transform:translate3d(-10px,0,0);
    transform:translate3d(-10px,0,0)
}
.lg-hide-items .lg-next{
    opacity:0;
    -webkit-transform:translate3d(10px,0,0);
    transform:translate3d(10px,0,0)
}
.lg-hide-items .lg-toolbar{
    opacity:0;
    -webkit-transform:translate3d(0,-10px,0);
    transform:translate3d(0,-10px,0)
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{
    -webkit-transform:scale3d(.5,.5,.5);
    transform:scale3d(.5,.5,.5);
    opacity:0;
    -webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    -moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    -o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    opacity:1
}
.lg-outer .lg-thumb-outer{
    background-color:#0D0A0A;
    bottom:0;
    position:absolute;
    width:100%;
    z-index:1080;
    max-height:350px;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
    -webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;
    -o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;
    transition:transform .25s cubic-bezier(0,0,.25,1) 0s
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{
    cursor:-webkit-grab;
    cursor:-moz-grab;
    cursor:-o-grab;
    cursor:-ms-grab;
    cursor:grab
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{
    cursor:move;
    cursor:-webkit-grabbing;
    cursor:-moz-grabbing;
    cursor:-o-grabbing;
    cursor:-ms-grabbing;
    cursor:grabbing
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{
    -webkit-transition-duration:0s!important;
    transition-duration:0s!important
}
.lg-outer.lg-thumb-open .lg-thumb-outer{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.lg-outer .lg-thumb{
    padding:10px 0;
    height:100%;
    margin-bottom:-5px
}
.lg-outer .lg-thumb-item{
    cursor:pointer;
    float:left;
    overflow:hidden;
    height:100%;
    border:2px solid #FFF;
    border-radius:4px;
    margin-bottom:5px
}
@media (min-width:1025px){
    .lg-outer .lg-thumb-item{
        -webkit-transition:border-color .25s ease;
        -o-transition:border-color .25s ease;
        transition:border-color .25s ease
    }
}
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{
    border-color:#a90707
}
.lg-outer .lg-thumb-item img{
    width:100%;
    height:100%;
    object-fit:cover
}
.lg-outer.lg-has-thumb .lg-item{
    padding-bottom:120px
}
.lg-outer.lg-can-toggle .lg-item{
    padding-bottom:0
}
.lg-outer.lg-pull-caption-up .lg-sub-html{
    -webkit-transition:bottom .25s ease;
    -o-transition:bottom .25s ease;
    transition:bottom .25s ease
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{
    bottom:100px
}
.lg-outer .lg-toogle-thumb{
    background-color:#0D0A0A;
    border-radius:2px 2px 0 0;
    color:#999;
    cursor:pointer;
    font-size:24px;
    height:39px;
    line-height:27px;
    padding:5px 0;
    position:absolute;
    right:20px;
    text-align:center;
    top:-39px;
    width:50px
}
.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{
    color:#FFF
}
.lg-outer .lg-toogle-thumb:after{
    content:"\e1ff"
}
.lg-outer .lg-video-cont{
    display:inline-block;
    vertical-align:middle;
    max-width:1140px;
    max-height:100%;
    width:100%;
    padding:0 5px
}
.lg-outer .lg-video{
    width:100%;
    height:0;
    padding-bottom:56.25%;
    overflow:hidden;
    position:relative
}
.lg-outer .lg-video .lg-object{
    display:inline-block;
    position:absolute;
    top:0;
    left:0;
    width:100%!important;
    height:100%!important
}
.lg-outer .lg-video .lg-video-play{
    width:84px;
    height:59px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-42px;
    margin-top:-30px;
    z-index:1080;
    cursor:pointer
}
.lg-outer .lg-has-iframe .lg-video{
    -webkit-overflow-scrolling:touch;
    overflow:auto
}
.lg-outer .lg-has-vimeo .lg-video-play{
    background:url(../img/vimeo-play.png) no-repeat
}
.lg-outer .lg-has-vimeo:hover .lg-video-play{
    background:url(../img/vimeo-play.png) 0 -58px no-repeat
}
.lg-outer .lg-has-html5 .lg-video-play{
    background:url(../img/video-play.png) no-repeat;
    height:64px;
    margin-left:-32px;
    margin-top:-32px;
    width:64px;
    opacity:.8
}
.lg-outer .lg-has-html5:hover .lg-video-play{
    opacity:1
}
.lg-outer .lg-has-youtube .lg-video-play{
    background:url(../img/youtube-play.png) no-repeat
}
.lg-outer .lg-has-youtube:hover .lg-video-play{
    background:url(../img/youtube-play.png) 0 -60px no-repeat
}
.lg-outer .lg-video-object{
    width:100%!important;
    height:100%!important;
    position:absolute;
    top:0;
    left:0
}
.lg-outer .lg-has-video .lg-video-object{
    visibility:hidden
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{
    display:none
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object{
    visibility:visible
}
.lg-progress-bar{
    background-color:#333;
    height:5px;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1083;
    opacity:0;
    -webkit-transition:opacity 80ms ease 0s;
    -moz-transition:opacity 80ms ease 0s;
    -o-transition:opacity 80ms ease 0s;
    transition:opacity 80ms ease 0s
}
.lg-progress-bar .lg-progress{
    background-color:#a90707;
    height:5px;
    width:0
}
.lg-progress-bar.lg-start .lg-progress{
    width:100%
}
.lg-show-autoplay .lg-progress-bar{
    opacity:1
}
.lg-autoplay-button:after{
    content:"\e01d"
}
.lg-show-autoplay .lg-autoplay-button:after{
    content:"\e01a"
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{
    -webkit-transition-duration:0s;
    transition-duration:0s
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{
    -webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;
    transition:transform .3s cubic-bezier(0,0,.25,1) 0s
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{
    -webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    -o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;
    transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    -webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
#lg-zoom-in:after{
    content:"\e311"
}
#lg-actual-size{
    font-size:20px
}
#lg-actual-size:after{
    content:"\e033"
}
#lg-zoom-out{
    opacity:.5;
    pointer-events:none
}
#lg-zoom-out:after{
    content:"\e312"
}
.lg-zoomed #lg-zoom-out{
    opacity:1;
    pointer-events:auto
}
.lg-outer .lg-pager-outer{
    bottom:60px;
    left:0;
    position:absolute;
    right:0;
    text-align:center;
    z-index:1080;
    height:10px
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{
    overflow:visible
}
.lg-outer .lg-pager-cont{
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    position:relative;
    vertical-align:top;
    margin:0 5px
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{
    box-shadow:0 0 0 2px #fff inset
}
.lg-outer .lg-pager-thumb-cont{
    background-color:#fff;
    color:#FFF;
    bottom:100%;
    height:83px;
    left:0;
    margin-bottom:20px;
    margin-left:-60px;
    opacity:0;
    padding:5px;
    position:absolute;
    width:120px;
    border-radius:3px;
    -webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;
    -moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;
    -o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;
    transition:opacity .15s ease 0s,transform .15s ease 0s;
    -webkit-transform:translate3d(0,5px,0);
    transform:translate3d(0,5px,0)
}
.lg-outer .lg-pager-thumb-cont img{
    width:100%;
    height:100%
}
.lg-outer .lg-pager{
    background-color:rgba(255,255,255,.5);
    border-radius:50%;
    box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;
    display:block;
    height:12px;
    -webkit-transition:box-shadow .3s ease 0s;
    -o-transition:box-shadow .3s ease 0s;
    transition:box-shadow .3s ease 0s;
    width:12px
}
.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{
    box-shadow:0 0 0 8px #fff inset
}
.lg-outer .lg-caret{
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px dashed;
    bottom:-10px;
    display:inline-block;
    height:0;
    left:50%;
    margin-left:-5px;
    position:absolute;
    vertical-align:middle;
    width:0
}
.lg-fullscreen:after{
    content:"\e20c"
}
.lg-fullscreen-on .lg-fullscreen:after{
    content:"\e20d"
}
.lg-outer #lg-dropdown-overlay{
    background-color:rgba(0,0,0,.25);
    bottom:0;
    cursor:default;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:1081;
    opacity:0;
    visibility:hidden;
    -webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;
    -o-transition:visibility 0s linear .18s,opacity .18s linear 0s;
    transition:visibility 0s linear .18s,opacity .18s linear 0s
}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{
    -webkit-transition-delay:0s;
    transition-delay:0s;
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    opacity:1;
    visibility:visible
}
.lg-outer .lg-dropdown{
    background-color:#fff;
    border-radius:2px;
    font-size:14px;
    list-style-type:none;
    margin:0;
    padding:10px 0;
    position:absolute;
    right:0;
    text-align:left;
    top:50px;
    opacity:0;
    visibility:hidden;
    -moz-transform:translate3d(0,5px,0);
    -o-transform:translate3d(0,5px,0);
    -ms-transform:translate3d(0,5px,0);
    -webkit-transform:translate3d(0,5px,0);
    transform:translate3d(0,5px,0);
    -webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    -o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;
    transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s
}
.lg-outer .lg-dropdown:after{
    content:"";
    display:block;
    height:0;
    width:0;
    position:absolute;
    border:8px solid transparent;
    border-bottom-color:#FFF;
    right:16px;
    top:-16px
}
.lg-outer .lg-dropdown>li:last-child{
    margin-bottom:0
}
.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{
    color:#333
}
.lg-outer .lg-dropdown a{
    color:#333;
    display:block;
    white-space:pre;
    padding:4px 12px;
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px
}
.lg-outer .lg-dropdown a:hover{
    background-color:rgba(0,0,0,.07)
}
.lg-outer .lg-dropdown .lg-dropdown-text{
    display:inline-block;
    line-height:1;
    margin-top:-3px;
    vertical-align:middle
}
.lg-outer .lg-dropdown .lg-icon{
    color:#333;
    display:inline-block;
    float:none;
    font-size:20px;
    height:auto;
    line-height:1;
    margin-right:8px;
    padding:0;
    vertical-align:middle;
    width:auto
}
.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{
    width:100%;
    height:100%
}
.lg-outer #lg-share{
    position:relative
}
.lg-outer #lg-share:after{
    content:"\e80d"
}
.lg-outer #lg-share-facebook .lg-icon{
    color:#3b5998
}
.lg-outer #lg-share-facebook .lg-icon:after{
    content:"\e901"
}
.lg-outer #lg-share-twitter .lg-icon{
    color:#00aced
}
.lg-outer #lg-share-twitter .lg-icon:after{
    content:"\e904"
}
.lg-outer #lg-share-googleplus .lg-icon{
    color:#dd4b39
}
.lg-outer #lg-share-googleplus .lg-icon:after{
    content:"\e902"
}
.lg-outer #lg-share-pinterest .lg-icon{
    color:#cb2027
}
.lg-outer #lg-share-pinterest .lg-icon:after{
    content:"\e903"
}
.lg-group:after{
    content:"";
    display:table;
    clear:both
}
.lg-outer{
    position:fixed;
    top:0;
    left:0;
    z-index:1050;
    text-align:left;
    opacity:0;
    -webkit-transition:opacity .15s ease 0s;
    -o-transition:opacity .15s ease 0s;
    transition:opacity .15s ease 0s
}
.lg-outer *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.lg-outer.lg-visible{
    opacity:1
}
.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{
    -webkit-transition-duration:inherit!important;
    transition-duration:inherit!important;
    -webkit-transition-timing-function:inherit!important;
    transition-timing-function:inherit!important
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{
    -webkit-transition-duration:0s!important;
    transition-duration:0s!important;
    opacity:1
}
.lg-outer.lg-grab img.lg-object{
    cursor:-webkit-grab;
    cursor:-moz-grab;
    cursor:-o-grab;
    cursor:-ms-grab;
    cursor:grab
}
.lg-outer.lg-grabbing img.lg-object{
    cursor:move;
    cursor:-webkit-grabbing;
    cursor:-moz-grabbing;
    cursor:-o-grabbing;
    cursor:-ms-grabbing;
    cursor:grabbing
}
.lg-outer .lg{
    position:relative;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    max-width:100%;
    max-height:100%
}
.lg-outer .lg-inner{
    position:absolute;
    left:0;
    top:0;
    white-space:nowrap
}
.lg-outer .lg-item{
    background:url(../images/icons/loading.gif) center center no-repeat;
    display:none!important
}
.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{
    display:inline-block!important
}
.lg-outer .lg-img-wrap,.lg-outer .lg-item{
    display:inline-block;
    text-align:center;
    position:absolute;
    width:100%;
    height:100%
}
.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{
    content:"";
    display:inline-block;
    height:50%;
    width:1px;
    margin-right:-1px
}
.lg-outer .lg-img-wrap{
    position:absolute;
    padding:0 5px;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.lg-outer .lg-item.lg-complete{
    background-image:none
}
.lg-outer .lg-item.lg-current{
    z-index:1060
}
.lg-outer .lg-image{
    display:inline-block;
    vertical-align:middle;
    max-width:100%;
    max-height:100%;
    width:auto!important;
    height:auto!important
}
.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{
    opacity:0;
    -webkit-transition:opacity .15s ease 0s;
    -o-transition:opacity .15s ease 0s;
    transition:opacity .15s ease 0s
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{
    opacity:1
}
.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{
    display:none
}
.lg-backdrop{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1040;
    background-color:#000;
    opacity:0;
    -webkit-transition:opacity .15s ease 0s;
    -o-transition:opacity .15s ease 0s;
    transition:opacity .15s ease 0s
}
.lg-backdrop.in{
    opacity:1
}
.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{
    -webkit-transition:none 0s ease 0s!important;
    -moz-transition:none 0s ease 0s!important;
    -o-transition:none 0s ease 0s!important;
    transition:none 0s ease 0s!important
}
.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden
}
.lg-css3.lg-fade .lg-item{
    opacity:0
}
.lg-css3.lg-fade .lg-item.lg-current{
    opacity:1
}
.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{
    -webkit-transition:opacity .1s ease 0s;
    -moz-transition:opacity .1s ease 0s;
    -o-transition:opacity .1s ease 0s;
    transition:opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-css3 .lg-item{
    opacity:0
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    opacity:1
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{
    -webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}
.lg-css3.lg-slide.lg-use-left .lg-item{
    opacity:0;
    position:absolute;
    left:0
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{
    left:-100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{
    left:100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{
    left:0;
    opacity:1
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{
    -webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    -o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;
    transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s
}
/*===== End of 07. Light gallery ======*/
/*============================================= = 08. YT player = =============================================*/
/* @charset "UTF-8";
@font-face{
    font-family:ytpregular;
    src:url(font/ytp-regular.eot)
}
@font-face{
    font-family:ytpregular;
    src:url(data:application/x-font-woff;
    charset=utf-8;
    base64,d09GRgABAAAAAA5sABEAAAAAFCAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcZ9iuNUdERUYAAAGcAAAAHQAAACAAdAAET1MvMgAAAbwAAABJAAAAYHUMUrFjbWFwAAACCAAAAKkAAAGKn5XycWN2dCAAAAK0AAAANgAAADYNLQohZnBnbQAAAuwAAAGxAAACZVO0L6dnYXNwAAAEoAAAAAgAAAAIAAAAEGdseWYAAASoAAAGVQAAB4jz86dSaGVhZAAACwAAAAAzAAAANgbKONpoaGVhAAALNAAAACAAAAAkESQLXGhtdHgAAAtUAAAAVAAAARxOmwVwbG9jYQAAC6gAAAAjAAAAkFoEXRRtYXhwAAALzAAAACAAAAAgAWoB625hbWUAAAvsAAAA+wAAAeok3Eb+cG9zdAAADOgAAADAAAABN99tv1lwcmVwAAANqAAAALkAAAFY3I6ikndlYmYAAA5kAAAABgAAAAbHMlGnAAAAAQAAAADMPaLPAAAAAM3Nk7QAAAAAzc13sXjaY2BkYGDgA2IJBhBgYmAEQjcgZgHzGAAHTAB5AAAAeNpjYGbZwDiBgZWBhdWY5SwDA8MsCM10liGNKQ3IB0rBASMDEgj1DvdjcGDgfcDAlvYPqJJVldEZpoZVkuUZkFJgYAQAUUULewAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGKIYqhgWKHAp6CvEP2D4/x+sAyTuyJAIFGeAizP+//r/8f/D//f+n/HA8oHo/WcKblDzsQBGoOkwSUYmIMGErgDiRLyAhZWNnYOTi5uHl49fQFBIWERUTFxCUkpaRhYiLyevoKikrKKqpq6hqaWto6unb2BoZGxiambOQF1gQZYuAIQnH4IAAAAAAAAAAAABegEnAHEAswC9AOAA5QD+ARcBIwBdAHIBtgBcAGAAZgByAI8AogErAbIAUwBEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaTZVrbBxXFcfvufNe72Nmdx77tmfHO2N76117784OTr154YAbR7RQuUQhttoSuXZKFQVKKYqgiFJAgkpIkVClIn8opSomjXY3VHHTFldEIYpay1hR+ID4Bha27FoIEQGpd8Idu4lY7c6eOfee//2f3+zeizAaQwif4iYRgwRUbgGqjLYFNvVxtcVzfxltM5iGqMUEaS5ItwU+vTPahiBPFFMpmoo5hnv8XnjFn+Um7/xmjF1GCLHoPf+fgsUVEYcSKIcGkYbaWYxKLZ3bgGa50qpACQ0NeyYoYILaDTqpurUK2FZBUYlJY8ukEc0egLpbo+kY8O/BQcx2dvwP2Fh6/Q+Gl19fyroubHmer7rpjHllPZ/NKB+tp2/4/TzxSx0zo/74uUY29vJZOEHIfng4lzz7cjyXzn/jJwqCwCOLdj2iPSP3F/hUAHF3v+Cviee5DIqhJDLRACLoPGpHECq1M7Sd5iDZ/W6zQW8mu9Ecql7SI6xYaiOpnxCydwPNWqWJ/tSSjY1mqtqU5ZYNpWal2pJiGy0XSi1bVuKX1Fyh1GuMoJYeUeJvy/GEVbTpfTOjHJRVzUim0tlcwekbKD1QrgR5M97OV8nIyMjQsKPUEKWGNEVFFBwqEs/yHMEVFMM1PIc4FhiWQVxHcxjD0zzXEkgbmHe5G1eA9T955453xd+B9tbpi6vj10+fvj6+evH0Fju7vPDU5szVY8euzmw+tXABv7kEov/v33WOv+v/C8LG9M2xD19/EquzCyuHVuY6R25Obz35+odw4NDKwuzWHAK86q9x21wKYYQkjFeZ3M5f/TUmw6Qo12P+38Wf0zEZpVABlVANfQu1owHXXMD1AdIyQhvNgeou2b1LAuhAkVwyExRps/ppAE230qrTX1MrEVXil5W4qlm9thMAMpR2MtVHAbXMnBJvZ8oVGjdZ5XK6u6cwNExqdNJ9dnm4D+8eIeYeM7hH0b3H9bcQuczdeH75ef+TxTveO/5tuDK2Mrs5d+HmzQtzm7MrbP6ZqxMrrz2+vf34aysTV5+5iN9YhMi51W93Tiz5/wFp+ujy/MntGXx+dfrjqflrO788Ob989MaMP716+Nr8FOpCjbvnw032BUrm82gKfQc10SJaAwwZGINHEUrksaEndI3XCppBavWaU7Nrda/u7QfPsnmBF1ReK4NjCxbkgVRJdW/MdmiyjHkhCgKvGkrNq+uGngPLUDXVioJTcGxONWguENOIYmkq1lQqaDu2q1AqKi6qRh6CN0uqhlkn1WIwt1Z3FTqH6lt2kWLkqZpQ2F1H4D3X1CzFUkCp1R8EVaeKGr3mgXpyd3OKZTcgioMi3qImqA2FaFSYrkHd7BYESnSMdqAx1HNgg/6pG0Bo95RAGehqoNAuaRHR90wGdXyJtkAJ1DxSDVQCfS8ocui+EohqagNjFroniyLAOYbBgvSQxuXxiUSCGQXReJBnjafhbf6xBs8P9ZclLLJdTJfdL3bLRsgd50Nf52P7JIWjInYqFuZhUGErucF0Qj/zNJtPGArDz7EYFi0chvSpw8C/mJRgRVLfgrEf7RvowhyjJ3JPfPlX/h8N/6fZryX7bh/pJsPj4QLX9Ra89NL3QQkljmOqnognU6HcxKkoI/JsaJ8cDcfCqZAMC2cfFeSoHu+WFEmWzIQqx8PVmCThSFqPKqLIsgxJx0QYZt1iocjgfrPbjIoiltkXxzxTlE5FVTL1zb7YmTOSzXGiEBU0ZgHzXexjd9HklDtTc2P7iR4/Wmqk/jGhfZXjZW1bYFVp3y01G+ocrh/K9VST3+05OUsaEnAYGKZRfWIpDQaXT2Ej2/vCl1S5nNe7jHq5eCAlM7rOpFx8PP1Zf/NzCUdkpXjUhHmdfdi/Xv31D6WccPAIDjNMmPnBzC+ErAipZzPf++LkQyGRhTDEpCNkbmLpz8892zmE3+8swq1YODIqf2Z7lO8RdJHn7RS8kpY6r0qhAg7xXIHnhViu+zBDbhcx16UOfGVgaGkoXe6LhwS+h7NgSa+vR7ESZvPyq6VUqN+SC0ZSTPm3oETGoxGIh/p60w3naIyJ/Gywf9CMnnAemR3524hT5DErxOwBhR55COMw3e+u0T0tOEsR0JMx+NBHftD/AJ+D/f7v/TW+9t+P+Bo9e/7vNYz+By6FsKkAAAB42mNgZGBgYGRwbI8IWhzPb/OVQZ6DAQTOni3fCKP/+/x7yrOBNRTI5WBgAokCAG3mDbAAeNpjYGRgYFX9t5eBgeftf5//WTwbGIAiKMAdAJycBph42mN6w+DCwcDAAMIsZ8D0HhBNLIap52D478fBwHQRyvbBpZ7nLYMtKeZjt5OJhxT1TKsYGFhDETTjcSAG0gyPoRgozigIpL0hNEiOBcgFAEBoNC142mNgYNCBwjoccALDBEY9RhsgPIMMmZcRhHtIhkcA9pQspAAAAQAAAEcBVAALAAAAAAACAAEAAgAWAAABAACTAAAAAHjalZCxTgJBFEXPApJoYYgF9VZUSIAFTdDCnmiIgsTKsASQuGiCu0YaCr4OfomKOzsTCHRmMzPn3blz38sCFyzJ4uXOgbKWZY+8KssZLqk7zkp9cJyjSOT4jD9WjvPSt46vKHoFx2txyfGGqnfPO18kyohSGjBjJPqRFmqPmWolWkZ9o0uHZ/EkfTNgTo0KVX017ujRps+TyDqvT7xW9U/UV1Vz9ZryrQn8o8QOL1JsdVA/5IwZpv7f/YsKTW50O1PqpzKNZyw1UnKov2c9dbkD7c1/zdhXFSrNdIz3HbuaJFH1KM9CZyDN3N3SoiFupfP66mbOYAd8k0EGAHjabc05TwJhHITxZ0BBBc/P4IkI7y4sh0dBsosHKiqHeLUiiTE0FH56Xdl/6TS/ZIoZUszzM+ad/3IOSilNmm122GWPfQ4ocEiRI0qUcXj4VKgSUKNOgybHnHDKGSER7Xjjgkuu6HDNDbd0ueOeB3r0GTDkkRFPPPPCK29a0KIyympJy1pRTnmtak3r2tCmtjLjz+/ph5edfU2cc2Fiy/3px4Xpmb5ZMatmYNbMutkwm2Yr0W8nBnOj+OcXVDk0PnjaRc67DoJAEAVQFuT9fqsJCSZ2+w12QkNjrCCx9w+sbSy19DsGK/9Ob3RZujk3k7nzZp8bsbvSkXXoR8Yew9gavN9QNHSUHTFch4oMfuoV0uqGNL4nv25emq3yHzzADwVcwOsFHMCtBWzAWQlYgJ0ImIA1rRmAeRbQAWM6vQD04A9GgXglRBo4Kh+19gJGYDgzBqOnZALGO8kUTLaSGZhWkjmYrSULMA8kS7CYi5ZgKTlQxr/W1F5aAAAAAAFRp8cxAAA=) format('woff'),url(font/ytp-regular.ttf) format('truetype');
    font-weight:400;
    font-style:normal
}
.mb_YTPlayer:focus{
    outline:0
}
.YTPWrapper{
    display:block;
    transform:translateZ(0) translate3d(0,0,0);
    transform-style:preserve-3d;
    perspective:1000;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    box-sizing:border-box
}
.mb_YTPlayer .loading{
    position:absolute;
    top:10px;
    right:10px;
    font-size:12px;
    color:#fff;
    background:rgba(0,0,0,.51);
    text-align:center;
    padding:2px 4px;
    border-radius:5px;
    font-family:"Droid Sans",sans-serif;
    -webkit-animation:fade .1s infinite alternate;
    animation:fade .1s infinite alternate
}
@-webkit-keyframes fade{
    0%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
@keyframes fade{
    0%{
        opacity:.5
    }
    100%{
        opacity:1
    }
}
.YTPFullscreen{
    display:block!important;
    position:fixed!important;
    width:100%!important;
    height:100%!important;
    top:0!important;
    left:0!important;
    margin:0!important;
    border:none!important;
    opacity:1!important;
    background-color:#000!important;
    padding:0!important
}
.inlinePlayButton{
    font-family:ytpregular;
    font-size:45px;
    color:#fff;
    text-align:center;
    border-radius:100%;
    background-color:rgba(0,0,0,.4);
    position:absolute;
    width:80px;
    height:80px;
    line-height:80px;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    cursor:pointer;
    opacity:.8;
    transition:all .4s;
    transform:scale(1.3)
}
.mb_YTPBar,.mb_YTPBar .buttonBar{
    left:0;
    width:100%;
    box-sizing:border-box
}
.mb_YTPlayer:hover .inlinePlayButton{
    opacity:1;
    transform:scale(1)
}
.inlinePlayButton:hover{
    background-color:rgba(0,0,0,1);
    transform:scale(1.3)!important
}
.mbYTP_wrapper iframe{
    max-width:8000px!important
}
.inline_YTPlayer{
    margin-bottom:20px;
    vertical-align:top;
    position:relative;
    left:0;
    overflow:hidden;
    border-radius:4px;
    box-shadow:0 0 5px rgba(0,0,0,.7);
    background:rgba(0,0,0,.5)
}
.inline_YTPlayer img{
    border:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important
}
.mb_YTPBar .ytpicon{
    font-size:20px;
    font-family:ytpregular
}
.mb_YTPBar .mb_YTPUrl.ytpicon{
    font-size:30px
}
.mb_YTPBar{
    transition:opacity .5s;
    display:block;
    height:10px;
    padding:5px;
    background:#333;
    position:fixed;
    bottom:0;
    text-align:left;
    z-index:1000;
    font:14px/16px sans-serif;
    color:#fff;
    opacity:.1
}
.mb_YTPBar.visible,.mb_YTPBar:hover{
    opacity:1
}
.mb_YTPBar .buttonBar{
    transition:all .5s;
    background:0 0;
    font:12px/14px san-serif;
    position:absolute;
    top:-30px;
    padding:5px;
    height:40px
}
.mb_YTPBar:hover .buttonBar{
    background:rgba(0,0,0,.4)
}
.mb_YTPBar span{
    display:inline-block;
    font:16px/20px sans-serif;
    position:relative;
    width:30px;
    height:25px;
    vertical-align:middle
}
.mb_YTPBar span.mb_YTPTime{
    width:130px
}
.mb_YTPBar span.mb_OnlyYT,.mb_YTPBar span.mb_YTPUrl{
    position:absolute;
    width:auto;
    display:block;
    top:6px;
    right:10px;
    cursor:pointer
}
.mb_YTPBar span.mb_YTPUrl img{
    width:60px
}
.mb_YTPBar span.mb_OnlyYT{
    left:300px;
    right:auto
}
.mb_YTPBar span.mb_OnlyYT img{
    width:25px
}
.mb_YTPBar span.mb_YTPUrl a{
    color:#fff
}
.mb_YTPBar .mb_YTPMuteUnmute,.mb_YTPBar .mb_YTPPlayPause,.mb_YTPlayer .mb_YTPBar .mb_YTPPlayPause img{
    cursor:pointer
}
.mb_YTPBar .mb_YTPProgress{
    height:10px;
    width:100%;
    background:#222;
    bottom:0;
    left:0
}
.mb_YTPBar .mb_YTPLoaded{
    height:10px;
    width:0;
    background:#444;
    left:0
}
.mb_YTPBar .mb_YTPseekbar{
    height:10px;
    width:0;
    background:#bb110e;
    bottom:0;
    left:0;
    box-shadow:rgba(82,82,82,.47) 1px 1px 3px
}
.mb_YTPBar .YTPOverlay{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -webkit-transform-style:"flat";
    box-sizing:border-box
}
.YTPOverlay.raster{
    background:url(images/raster.png)
}
.YTPOverlay.raster.retina{
    background:url(images/raster@2x.png)
}
.YTPOverlay.raster-dot{
    background:url(images/raster_dot.png)
}
.YTPOverlay.raster-dot.retina{
    background:url(images/raster_dot@2x.png)
}
.mb_YTPBar .simpleSlider{
    position:relative;
    width:100px;
    height:10px;
    border:1px solid #fff;
    overflow:hidden;
    box-sizing:border-box;
    margin-right:10px;
    cursor:pointer!important;
    border-radius:3px
}
.mb_YTPBar.compact .simpleSlider{
    width:40px
}
.mb_YTPBar.compact span.mb_OnlyYT{
    left:260px
}
.mb_YTPBar .simpleSlider.muted{
    opacity:.3
}
.mb_YTPBar .level{
    position:absolute;
    left:0;
    bottom:0;
    background-color:#fff;
    box-sizing:border-box
}
.mb_YTPBar .level.horizontal{
    height:100%;
    width:0
}
.mb_YTPBar .level.vertical{
    height:auto;
    width:100%
}
 */
/*===== End of 08. YT player ======*/
/*============================================= = 09. Quick view = =============================================*/
 body::after{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(35,35,44,.5);
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s 0s,visibility 0s .3s;
    -moz-transition:opacity .3s 0s,visibility 0s .3s;
    -o-transition:opacity .3s 0s,visibility 0s .3s;
    transition:opacity .3s 0s,visibility 0s .3s;
    content:"";
    z-index:9999
}
@media only screen and (min-width:1024px){
    body.overlay-layer::after{
        visibility:visible;
        opacity:1;
        -webkit-transition:opacity .3s 0s,visibility 0s 0s;
        -moz-transition:opacity .3s 0s,visibility 0s 0s;
        -o-transition:opacity .3s 0s,visibility 0s 0s;
        transition:opacity .3s 0s,visibility 0s 0s;
        content:""
    }
}
.cd-container{
    width:90%;
    max-width:1170px;
    margin:0 auto
}
.cd-container::after{
    clear:both;
    content:"";
    display:table
}
.cd-items{
    padding:1em 0
}
@media only screen and (min-width:768px){
    .cd-items{
        padding:2em 0 0
    }
}
@media only screen and (min-width:1024px){
    .cd-items{
        padding:4em 0 0
    }
}
.cd-item{
    position:relative;
    margin:0 0 1em
}
.cd-item>img{
    display:block;
    width:100%
}
@media only screen and (min-width:768px){
    .cd-item{
        width:48%;
        float:left;
        margin:0 4% 2em 0
    }
    .cd-item:nth-child(2n){
        margin-right:0
    }
}
@media only screen and (min-width:1024px){
    .cd-item{
        width:22%;
        float:left;
        margin:0 4% 2.8em 0
    }
    .cd-item:nth-child(2n){
        margin-right:4%
    }
    .cd-item:nth-child(4n){
        margin-right:0
    }
    .cd-item.empty-box::after{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:#392c3f
    }
}
.cd-quick-view{
    display:none
}
.cd-quick-view.animate-width{
    z-index:99999
}
.cd-quick-view.is-visible .cd-slider-pagination{
    visibility:visible;
    opacity:1
}
.cd-quick-view.velocity-animating{
    z-index:99999
}
.cd-quick-view.velocity-animating.is-visible .cd-slider-pagination{
    visibility:hidden!important;
    opacity:0!important
}
@media only screen and (min-width:1024px){
    .cd-quick-view{
        display:block;
        position:fixed;
        max-width:900px;
        visibility:hidden;
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        -ms-transform:translateZ(0);
        -o-transform:translateZ(0);
        transform:translateZ(0);
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        will-change:left,top,width;
        z-index:1
    }
    .cd-quick-view::after{
        clear:both;
        content:"";
        display:table
    }
    .cd-quick-view.is-visible{
        visibility:visible
    }
    .cd-quick-view.animate-width{
        background-color:#fff;
        -webkit-box-shadow:0 0 30px rgba(0,0,0,.2);
        box-shadow:0 0 30px rgba(0,0,0,.2);
        -webkit-transition:box-shadow 0.3s;
        -moz-transition:box-shadow 0.3s;
        -webkit-transition:-webkit-box-shadow 0.3s;
        transition:-webkit-box-shadow 0.3s;
        -o-transition:box-shadow 0.3s;
        transition:box-shadow 0.3s;
        transition:box-shadow 0.3s,-webkit-box-shadow 0.3s
    }
}
.cd-slider-wrapper{
    position:relative;
    display:inline-block;
    float:left
}
.cd-slider-wrapper::after{
    clear:both;
    content:"";
    display:table
}
.cd-slider-wrapper:hover .cd-slider-navigation li{
    visibility:visible;
    opacity:1
}
.cd-slider{
    float:left
}
.cd-slider li{
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
.cd-slider li img{
    display:block;
    width:100%;
    max-width:400px
}
.cd-slider li.selected{
    position:relative;
    z-index:3
}
.cd-slider-navigation{
    opacity:0
}
.add-content .cd-slider-navigation{
    opacity:1
}
.cd-slider-navigation li{
    visibility:hidden;
    opacity:0;
    position:absolute;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:3;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
}
.cd-slider-navigation li:first-child{
    left:0
}
.cd-slider-navigation li:last-child{
    right:0
}
.cd-slider-navigation li a{
    display:block;
    width:40px;
    height:50px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0)
}
.cd-slider-navigation li a::before,.cd-slider-navigation li a::after{
    position:absolute;
    top:18px;
    left:14px;
    display:inline-block;
    background:#333;
    height:2px;
    width:12px
}
.cd-slider-navigation li a::before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.cd-slider-navigation li a::after{
    -webkit-transform:translateY(7px) rotate(-45deg);
    -moz-transform:translateY(7px) rotate(-45deg);
    -ms-transform:translateY(7px) rotate(-45deg);
    -o-transform:translateY(7px) rotate(-45deg);
    transform:translateY(7px) rotate(-45deg)
}
.touch .cd-slider-navigation li a{
    opacity:1
}
.cd-slider-navigation li:first-child a::before{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.cd-slider-navigation li:first-child a::after{
    -webkit-transform:translateY(7px) rotate(45deg);
    -moz-transform:translateY(7px) rotate(45deg);
    -ms-transform:translateY(7px) rotate(45deg);
    -o-transform:translateY(7px) rotate(45deg);
    transform:translateY(7px) rotate(45deg)
}
.cd-item-info{
    position:absolute;
    padding:3em;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s,visibility 0s;
    -moz-transition:opacity .3s,visibility 0s;
    -o-transition:opacity .3s,visibility 0s;
    transition:opacity .3s,visibility 0s;
    overflow:hidden
}
.cd-item-info h2{
    font-size:28px;
    font-size:1.75rem
}
.cd-item-info p{
    line-height:1.6;
    margin:1em 0
}
.cd-item-info .cd-item-action li{
    display:inline-block;
    margin-right:1em
}
.cd-item-info .cd-item-action li:first-child{
    margin-left:-4px
}
.cd-item-info .add-to-cart{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    border-radius:.25em;
    border:none;
    padding:.6em 1.2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:16px;
    font-size:1rem;
    cursor:pointer
}
.add-content .cd-item-info{
    position:relative;
    visibility:visible;
    opacity:1
}
.add-content .cd-item-info h2{
    -webkit-animation:cd-slide-in 0.3s;
    -moz-animation:cd-slide-in 0.3s;
    animation:cd-slide-in 0.3s
}
.add-content .cd-item-info p{
    -webkit-animation:cd-slide-in 0.4s;
    -moz-animation:cd-slide-in 0.4s;
    animation:cd-slide-in 0.4s
}
.add-content .cd-item-info .cd-item-action{
    -webkit-animation:cd-slide-in 0.5s;
    -moz-animation:cd-slide-in 0.5s;
    animation:cd-slide-in 0.5s
}
@-webkit-keyframes cd-slide-in{
    0%{
        -webkit-transform:translate3d(-40px,0,0)
    }
    100%{
        -webkit-transform:translate3d(0,0,0)
    }
}
@-moz-keyframes cd-slide-in{
    0%{
        -moz-transform:translate3d(-40px,0,0)
    }
    100%{
        -moz-transform:translate3d(0,0,0)
    }
}
@keyframes cd-slide-in{
    0%{
        -webkit-transform:translate3d(-40px,0,0);
        -moz-transform:translate3d(-40px,0,0);
        -ms-transform:translate3d(-40px,0,0);
        -o-transform:translate3d(-40px,0,0);
        transform:translate3d(-40px,0,0)
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.cd-close{
    position:absolute;
    top:10px;
    right:10px;
    display:inline-block;
    width:30px;
    height:30px;
    color:#333;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    visibility:hidden;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform .3s 0s,visibility 0s .3s;
    -moz-transition:-moz-transform .3s 0s,visibility 0s .3s;
    -webkit-transition:visibility 0s .3s,-webkit-transform .3s 0s;
    transition:visibility 0s .3s,-webkit-transform .3s 0s;
    -o-transition:transform .3s 0s,visibility 0s .3s;
    transition:transform .3s 0s,visibility 0s .3s;
    transition:transform .3s 0s,visibility 0s .3s,-webkit-transform .3s 0s
}
.cd-close::before,.cd-close::after{
    position:absolute;
    top:12px;
    left:5px;
    display:inline-block;
    height:1px;
    width:20px;
    background:#777;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    content:""
}
.cd-close::before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.cd-close::after{
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
.no-touch .cd-close:hover{
    color:#333
}
.add-content .cd-close{
    visibility:visible;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:-webkit-transform .3s 0s,visibility 0s 0s;
    -moz-transition:-moz-transform .3s 0s,visibility 0s 0s;
    -webkit-transition:visibility 0s 0s,-webkit-transform .3s 0s;
    transition:visibility 0s 0s,-webkit-transform .3s 0s;
    -o-transition:transform .3s 0s,visibility 0s 0s;
    transition:transform .3s 0s,visibility 0s 0s;
    transition:transform .3s 0s,visibility 0s 0s,-webkit-transform .3s 0s
}
.cd-slider-pagination{
    position:absolute;
    bottom:20px;
    z-index:99;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    visibility:hidden;
    opacity:0
}
.cd-slider-pagination li{
    font-size:0;
    vertical-align:middle;
    display:inline-block
}
.cd-slider-pagination li.active a{
    background-color:transparent;
    border:1px solid #333;
    border-radius:100%;
    opacity:1;
    width:18px;
    height:18px;
    margin:0
}
.cd-slider-pagination li.active a:hover{
    background-color:transparent
}
.cd-slider-pagination li a{
    font-size:0;
    display:block;
    cursor:pointer;
    outline:0;
    line-height:0;
    border:0;
    width:10px;
    height:10px;
    color:transparent;
    background-color:#1f1f1f;
    opacity:.2;
    border-radius:50%;
    margin:0 4px;
    padding:0
}
.cd-slider-pagination li a:hover{
    background-color:#333
}
.TDS-item-info{
    max-height:520px;
    overflow-y:scroll
}
.TDS-item-info .item-title{
    font-size:34px;
    line-height:40px;
    font-weight:400;
    color:#696969
}
.TDS-item-info .price .main-price{
    font-size:18px;
    line-height:28px;
    font-weight:600;
    color:#333
}
.TDS-item-info .price .main-price.discounted{
    font-weight:600;
    font-size:15px;
    line-height:28px;
    color:#aaa;
    text-decoration:line-through
}
.TDS-item-info .price .discounted-price{
    font-size:18px;
    line-height:28px;
    font-weight:600;
    color:#333
}
.TDS-item-info .description{
    font-size:15px;
    line-height:24px;
    margin-bottom:50px
}
.quickview-title{
    font-size:16px;
    line-height:22px;
    color:#333;
    font-weight:500
}
.pro-qty{
    border:1px solid #bdbdbd94;
    padding:10px 10px;
    border-radius: 5px;
}
.pro-qty input{
    border:none;
    width:80px;
    text-align:center;
    font-size:16px;
    font-weight:500;
    color:#333;
    margin-bottom:0;
    padding:0 15px;
    vertical-align:middle
}
.pro-qty .qty-btn{
    font-size:20px;
    font-weight:500;
    color:#333                                          
}
.quick-view-other-info{
    border-top:1px solid #e0e0e0;
    padding-top:10px;
    padding-bottom:10px
}
.quick-view-other-info table{
    width:100%
}
.quick-view-other-info table tr td{
    padding-top:15px
}
.quick-view-other-info table tr td.quickview-value a:hover{
    color:#333
}
.quick-view-other-info table tr td .quickview-social-icons li{
    display:inline-block;
    margin-right:20px
}
/*===== End of 09. Quick view ======*/