@charset "UTF-8";
.animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.animated.infinite{
    animation-iteration-count:infinite
}
.animated.hinge{
    animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{
    animation-duration:.75s
}
@keyframes bounce{
    20%,53%,80%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        animation-timing-function:cubic-bezier(.755,.050,.855,.060);
        transform:translate3d(0,-30px,0)
    }
    70%{
        animation-timing-function:cubic-bezier(.755,.050,.855,.060);
        transform:translate3d(0,-15px,0)
    }
    90%{
        transform:translate3d(0,-4px,0)
    }
}
.bounce{
    animation-name:bounce;
    transform-origin:center bottom
}
@keyframes flash{
    50%,from,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    animation-name:flash
}
@keyframes pulse{
    from,to{
        transform:scale3d(1,1,1)
    }
    50%{
        transform:scale3d(1.05,1.05,1.05)
    }
}
.pulse{
    animation-name:pulse
}
@keyframes rubberBand{
    from,to{
        transform:scale3d(1,1,1)
    }
    30%{
        transform:scale3d(1.25,.75,1)
    }
    40%{
        transform:scale3d(.75,1.25,1)
    }
    50%{
        transform:scale3d(1.15,.85,1)
    }
    65%{
        transform:scale3d(.95,1.05,1)
    }
    75%{
        transform:scale3d(1.05,.95,1)
    }
}
.rubberBand{
    animation-name:rubberBand
}
@keyframes shake{
    from,to{
        transform:translate3d(0,0,0)
    }
    10%,30%,50%,70%,90%{
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        transform:translate3d(10px,0,0)
    }
}
.shake{
    animation-name:shake
}
@keyframes headShake{
    0%{
        transform:translateX(0)
    }
    6.5%{
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        transform:translateX(0)
    }
}
.headShake{
    animation-timing-function:ease-in-out;
    animation-name:headShake
}
@keyframes swing{
    20%{
        transform:rotate3d(0,0,1,15deg)
    }
    40%{
        transform:rotate3d(0,0,1,-10deg)
    }
    60%{
        transform:rotate3d(0,0,1,5deg)
    }
    80%{
        transform:rotate3d(0,0,1,-5deg)
    }
    to{
        transform:rotate3d(0,0,1,0deg)
    }
}
.swing{
    transform-origin:top center;
    animation-name:swing
}
@keyframes tada{
    from,to{
        transform:scale3d(1,1,1)
    }
    10%,20%{
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90%{
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80%{
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}
.tada{
    animation-name:tada
}
@keyframes wobble{
    from,to{
        transform:none
    }
    15%{
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30%{
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45%{
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60%{
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75%{
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}
.wobble{
    animation-name:wobble
}
@keyframes jello{
    11.1%,from,to{
        transform:none
    }
    22.2%{
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello{
    animation-name:jello;
    transform-origin:center
}
@keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    20%{
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        transform:scale3d(1,1,1)
    }
}
.bounceIn{
    animation-name:bounceIn
}
@keyframes bounceInDown{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        transform:translate3d(0,-10px,0)
    }
    90%{
        transform:translate3d(0,5px,0)
    }
    to{
        transform:none
    }
}
.bounceInDown{
    animation-name:bounceInDown
}
@keyframes bounceInLeft{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        transform:translate3d(-10px,0,0)
    }
    90%{
        transform:translate3d(5px,0,0)
    }
    to{
        transform:none
    }
}
.bounceInLeft{
    animation-name:bounceInLeft
}
@keyframes bounceInRight{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        transform:translate3d(10px,0,0)
    }
    90%{
        transform:translate3d(-5px,0,0)
    }
    to{
        transform:none
    }
}
.bounceInRight{
    animation-name:bounceInRight
}
@keyframes bounceInUp{
    60%,75%,90%,from,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        transform:translate3d(0,10px,0)
    }
    90%{
        transform:translate3d(0,-5px,0)
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.bounceInUp{
    animation-name:bounceInUp
}
@keyframes bounceOut{
    20%{
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
}
.bounceOut{
    animation-name:bounceOut
}
@keyframes bounceOutDown{
    20%{
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.bounceOutDown{
    animation-name:bounceOutDown
}
@keyframes bounceOutLeft{
    20%{
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft{
    animation-name:bounceOutLeft
}
@keyframes bounceOutRight{
    20%{
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight{
    animation-name:bounceOutRight
}
@keyframes bounceOutUp{
    20%{
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.bounceOutUp{
    animation-name:bounceOutUp
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    animation-name:fadeIn
}
@keyframes fadeInDown{
    from{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInDown{
    animation-name:fadeInDown
}
@keyframes fadeInDownBig{
    from{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInDownBig{
    animation-name:fadeInDownBig
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInLeft{
    animation-name:fadeInLeft
}
@keyframes fadeInLeftBig{
    from{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInLeftBig{
    animation-name:fadeInLeftBig
}
@keyframes fadeInRight{
    from{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInRight{
    animation-name:fadeInRight
}
@keyframes fadeInRightBig{
    from{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInRightBig{
    animation-name:fadeInRightBig
}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUp{
    animation-name:fadeInUp
}
@keyframes fadeInUpBig{
    from{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUpBig{
    animation-name:fadeInUpBig
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    animation-name:fadeOutDown
}
@keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig{
    animation-name:fadeOutDownBig
}
@keyframes fadeOutLeft{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft{
    animation-name:fadeOutLeft
}
@keyframes fadeOutLeftBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig{
    animation-name:fadeOutLeftBig
}
@keyframes fadeOutRight{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight{
    animation-name:fadeOutRight
}
@keyframes fadeOutRightBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig{
    animation-name:fadeOutRightBig
}
@keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp{
    animation-name:fadeOutUp
}
@keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig{
    animation-name:fadeOutUpBig
}
@keyframes flip{
    from{
        transform:perspective(400px) rotate3d(0,1,0,-360deg);
        animation-timing-function:ease-out
    }
    40%{
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        animation-timing-function:ease-out
    }
    50%{
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        animation-timing-function:ease-in
    }
    80%{
        transform:perspective(400px) scale3d(.95,.95,.95);
        animation-timing-function:ease-in
    }
    to{
        transform:perspective(400px);
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    animation-name:flip
}
@keyframes flipInX{
    from{
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        animation-timing-function:ease-in
    }
    60%{
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80%{
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    to{
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:flipInX
}
.flipInY,.flipOutX{
    -webkit-backface-visibility:visible!important
}
@keyframes flipInY{
    from{
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        animation-timing-function:ease-in
    }
    60%{
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80%{
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    to{
        transform:perspective(400px)
    }
}
.flipInY{
    backface-visibility:visible!important;
    animation-name:flipInY
}
@keyframes flipOutX{
    from{
        transform:perspective(400px)
    }
    30%{
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        opacity:1
    }
    to{
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        opacity:0
    }
}
.flipOutX{
    animation-name:flipOutX;
    backface-visibility:visible!important
}
@keyframes flipOutY{
    from{
        transform:perspective(400px)
    }
    30%{
        transform:perspective(400px) rotate3d(0,1,0,-15deg);
        opacity:1
    }
    to{
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:flipOutY
}
@keyframes lightSpeedIn{
    from{
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        transform:skewX(-5deg);
        opacity:1
    }
    to{
        transform:none;
        opacity:1
    }
}
.lightSpeedIn{
    animation-name:lightSpeedIn;
    animation-timing-function:ease-out
}
@keyframes lightSpeedOut{
    from{
        opacity:1
    }
    to{
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut{
    animation-name:lightSpeedOut;
    animation-timing-function:ease-in
}
@keyframes rotateIn{
    from{
        transform-origin:center;
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    to{
        transform-origin:center;
        transform:none;
        opacity:1
    }
}
.rotateIn{
    animation-name:rotateIn
}
@keyframes rotateInDownLeft{
    from{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft{
    animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight{
    from{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight{
    animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft{
    from{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft{
    animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight{
    from{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight{
    animation-name:rotateInUpRight
}
@keyframes rotateOut{
    from{
        transform-origin:center;
        opacity:1
    }
    to{
        transform-origin:center;
        transform:rotate3d(0,0,1,200deg);
        opacity:0
    }
}
.rotateOut{
    animation-name:rotateOut
}
@keyframes rotateOutDownLeft{
    from{
        transform-origin:left bottom;
        opacity:1
    }
    to{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    animation-name:rotateOutDownLeft
}
@keyframes rotateOutDownRight{
    from{
        transform-origin:right bottom;
        opacity:1
    }
    to{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutDownRight{
    animation-name:rotateOutDownRight
}
@keyframes rotateOutUpLeft{
    from{
        transform-origin:left bottom;
        opacity:1
    }
    to{
        transform-origin:left bottom;
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    animation-name:rotateOutUpLeft
}
@keyframes rotateOutUpRight{
    from{
        transform-origin:right bottom;
        opacity:1
    }
    to{
        transform-origin:right bottom;
        transform:rotate3d(0,0,1,90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    animation-name:rotateOutUpRight
}
@keyframes hinge{
    0%{
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        transform:rotate3d(0,0,1,80deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    40%,80%{
        transform:rotate3d(0,0,1,60deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
.hinge{
    animation-name:hinge
}
@keyframes jackInTheBox{
    from{
        opacity:0;
        transform:scale(.1) rotate(30deg);
        transform-origin:center bottom
    }
    50%{
        transform:rotate(-10deg)
    }
    70%{
        transform:rotate(3deg)
    }
    to{
        opacity:1;
        transform:scale(1)
    }
}
.jackInTheBox{
    animation-name:jackInTheBox
}
@keyframes rollIn{
    from{
        opacity:0;
        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }
    to{
        opacity:1;
        transform:none
    }
}
.rollIn{
    animation-name:rollIn
}
@keyframes rollOut{
    from{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}
.rollOut{
    animation-name:rollOut
}
@keyframes zoomIn{
    from{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    animation-name:zoomIn
}
@keyframes zoomInDown{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInDown{
    animation-name:zoomInDown
}
@keyframes zoomInLeft{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInLeft{
    animation-name:zoomInLeft
}
@keyframes zoomInRight{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInRight{
    animation-name:zoomInRight
}
@keyframes zoomInUp{
    from{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInUp{
    animation-name:zoomInUp
}
@keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
.zoomOut{
    animation-name:zoomOut
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutDown{
    animation-name:zoomOutDown
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        transform:scale(.1) translate3d(-2000px,0,0);
        transform-origin:left center
    }
}
.zoomOutLeft{
    animation-name:zoomOutLeft
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        transform:scale(.1) translate3d(2000px,0,0);
        transform-origin:right center
    }
}
.zoomOutRight{
    animation-name:zoomOutRight
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin:center bottom;
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutUp{
    animation-name:zoomOutUp
}
@keyframes slideInDown{
    from{
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInDown{
    animation-name:slideInDown
}
@keyframes slideInLeft{
    from{
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInLeft{
    animation-name:slideInLeft
}
@keyframes slideInRight{
    from{
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInRight{
    animation-name:slideInRight
}
@keyframes slideInUp{
    from{
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        transform:translate3d(0,0,0)
    }
}
.slideInUp{
    animation-name:slideInUp
}
@keyframes slideOutDown{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(0,100%,0)
    }
}
.slideOutDown{
    animation-name:slideOutDown
}
@keyframes slideOutLeft{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(-100%,0,0)
    }
}
.slideOutLeft{
    animation-name:slideOutLeft
}
@keyframes slideOutRight{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(100%,0,0)
    }
}
.slideOutRight{
    animation-name:slideOutRight
}
@keyframes slideOutUp{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        transform:translate3d(0,-100%,0)
    }
}
.slideOutUp{
    animation-name:slideOutUp
}
/* animate headline */
 .cd-words-wrapper{
    display:inline-block;
    position:relative;
    text-align:left
}
.cd-words-wrapper b{
    display:inline-block;
    position:absolute;
    white-space:nowrap;
    left:0;
    top:0
}
.cd-words-wrapper b.is-visible{
    position:relative
}
.no-js .cd-words-wrapper b{
    opacity:0
}
.no-js .cd-words-wrapper b.is-visible{
    opacity:1
}
.cd-headline.rotate-1 .cd-words-wrapper{
    -webkit-perspective:300px;
    -moz-perspective:300px;
    perspective:300px
}
.cd-headline.rotate-1 b{
    opacity:0;
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -ms-transform:rotateX(180deg);
    -o-transform:rotateX(180deg);
    transform:rotateX(180deg)
}
.cd-headline.rotate-1 b.is-visible{
    opacity:1;
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-animation:cd-rotate-1-in 1.2s;
    -moz-animation:cd-rotate-1-in 1.2s;
    animation:cd-rotate-1-in 1.2s
}
.cd-headline.rotate-1 b.is-hidden{
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    -ms-transform:rotateX(180deg);
    -o-transform:rotateX(180deg);
    transform:rotateX(180deg);
    -webkit-animation:cd-rotate-1-out 1.2s;
    -moz-animation:cd-rotate-1-out 1.2s;
    animation:cd-rotate-1-out 1.2s
}
@-webkit-keyframes cd-rotate-1-in{
    0%{
        -webkit-transform:rotateX(180deg);
        opacity:0
    }
    35%{
        -webkit-transform:rotateX(120deg);
        opacity:0
    }
    65%{
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(360deg);
        opacity:1
    }
}
@-moz-keyframes cd-rotate-1-in{
    0%{
        -moz-transform:rotateX(180deg);
        opacity:0
    }
    35%{
        -moz-transform:rotateX(120deg);
        opacity:0
    }
    65%{
        opacity:0
    }
    100%{
        -moz-transform:rotateX(360deg);
        opacity:1
    }
}
@keyframes cd-rotate-1-in{
    0%{
        -webkit-transform:rotateX(180deg);
        -moz-transform:rotateX(180deg);
        -ms-transform:rotateX(180deg);
        -o-transform:rotateX(180deg);
        transform:rotateX(180deg);
        opacity:0
    }
    35%{
        -webkit-transform:rotateX(120deg);
        -moz-transform:rotateX(120deg);
        -ms-transform:rotateX(120deg);
        -o-transform:rotateX(120deg);
        transform:rotateX(120deg);
        opacity:0
    }
    65%{
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(360deg);
        -moz-transform:rotateX(360deg);
        -ms-transform:rotateX(360deg);
        -o-transform:rotateX(360deg);
        transform:rotateX(360deg);
        opacity:1
    }
}
@-webkit-keyframes cd-rotate-1-out{
    0%{
        -webkit-transform:rotateX(0deg);
        opacity:1
    }
    35%{
        -webkit-transform:rotateX(-40deg);
        opacity:1
    }
    65%{
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(180deg);
        opacity:0
    }
}
@-moz-keyframes cd-rotate-1-out{
    0%{
        -moz-transform:rotateX(0deg);
        opacity:1
    }
    35%{
        -moz-transform:rotateX(-40deg);
        opacity:1
    }
    65%{
        opacity:0
    }
    100%{
        -moz-transform:rotateX(180deg);
        opacity:0
    }
}
@keyframes cd-rotate-1-out{
    0%{
        -webkit-transform:rotateX(0deg);
        -moz-transform:rotateX(0deg);
        -ms-transform:rotateX(0deg);
        -o-transform:rotateX(0deg);
        transform:rotateX(0deg);
        opacity:1
    }
    35%{
        -webkit-transform:rotateX(-40deg);
        -moz-transform:rotateX(-40deg);
        -ms-transform:rotateX(-40deg);
        -o-transform:rotateX(-40deg);
        transform:rotateX(-40deg);
        opacity:1
    }
    65%{
        opacity:0
    }
    100%{
        -webkit-transform:rotateX(180deg);
        -moz-transform:rotateX(180deg);
        -ms-transform:rotateX(180deg);
        -o-transform:rotateX(180deg);
        transform:rotateX(180deg);
        opacity:0
    }
}
.cd-headline.type .cd-words-wrapper{
    vertical-align:top;
    overflow:hidden
}
.cd-headline.type .cd-words-wrapper::after{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:90%;
    width:1px;
    background-color:#aebcb9
}
.cd-headline.type .cd-words-wrapper.waiting::after{
    -webkit-animation:cd-pulse 1s infinite;
    -moz-animation:cd-pulse 1s infinite;
    animation:cd-pulse 1s infinite
}
.cd-headline.type .cd-words-wrapper.selected{
    background-color:#aebcb9
}
.cd-headline.type .cd-words-wrapper.selected::after{
    visibility:hidden
}
.cd-headline.type .cd-words-wrapper.selected b{
    color:#0d0d0d
}
.cd-headline.type b{
    visibility:hidden
}
.cd-headline.type b.is-visible{
    visibility:visible
}
.cd-headline.type i{
    position:absolute;
    visibility:hidden
}
.cd-headline.type i.in{
    position:relative;
    visibility:visible
}
@-webkit-keyframes cd-pulse{
    0%{
        -webkit-transform:translateY(-50%) scale(1);
        opacity:1
    }
    40%{
        -webkit-transform:translateY(-50%) scale(0.9);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(-50%) scale(0);
        opacity:0
    }
}
@-moz-keyframes cd-pulse{
    0%{
        -moz-transform:translateY(-50%) scale(1);
        opacity:1
    }
    40%{
        -moz-transform:translateY(-50%) scale(0.9);
        opacity:0
    }
    100%{
        -moz-transform:translateY(-50%) scale(0);
        opacity:0
    }
}
@keyframes cd-pulse{
    0%{
        -webkit-transform:translateY(-50%) scale(1);
        -moz-transform:translateY(-50%) scale(1);
        -ms-transform:translateY(-50%) scale(1);
        -o-transform:translateY(-50%) scale(1);
        transform:translateY(-50%) scale(1);
        opacity:1
    }
    40%{
        -webkit-transform:translateY(-50%) scale(0.9);
        -moz-transform:translateY(-50%) scale(0.9);
        -ms-transform:translateY(-50%) scale(0.9);
        -o-transform:translateY(-50%) scale(0.9);
        transform:translateY(-50%) scale(0.9);
        opacity:0
    }
    100%{
        -webkit-transform:translateY(-50%) scale(0);
        -moz-transform:translateY(-50%) scale(0);
        -ms-transform:translateY(-50%) scale(0);
        -o-transform:translateY(-50%) scale(0);
        transform:translateY(-50%) scale(0);
        opacity:0
    }
}
.cd-headline.rotate-2 .cd-words-wrapper{
    -webkit-perspective:300px;
    -moz-perspective:300px;
    perspective:300px
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em{
    display:inline-block;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.cd-headline.rotate-2 b{
    opacity:0
}
.cd-headline.rotate-2 i{
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform:translateZ(-20px) rotateX(90deg);
    -moz-transform:translateZ(-20px) rotateX(90deg);
    -ms-transform:translateZ(-20px) rotateX(90deg);
    -o-transform:translateZ(-20px) rotateX(90deg);
    transform:translateZ(-20px) rotateX(90deg);
    opacity:0
}
.is-visible .cd-headline.rotate-2 i{
    opacity:1
}
.cd-headline.rotate-2 i.in{
    -webkit-animation:cd-rotate-2-in 0.4s forwards;
    -moz-animation:cd-rotate-2-in 0.4s forwards;
    animation:cd-rotate-2-in 0.4s forwards
}
.cd-headline.rotate-2 i.out{
    -webkit-animation:cd-rotate-2-out 0.4s forwards;
    -moz-animation:cd-rotate-2-out 0.4s forwards;
    animation:cd-rotate-2-out 0.4s forwards
}
.cd-headline.rotate-2 em{
    -webkit-transform:translateZ(20px);
    -moz-transform:translateZ(20px);
    -ms-transform:translateZ(20px);
    -o-transform:translateZ(20px);
    transform:translateZ(20px)
}
.no-csstransitions .cd-headline.rotate-2 i{
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:0
}
.no-csstransitions .cd-headline.rotate-2 i em{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i{
    opacity:1
}
@-webkit-keyframes cd-rotate-2-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(90deg)
    }
    60%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(-10deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0deg)
    }
}
@-moz-keyframes cd-rotate-2-in{
    0%{
        opacity:0;
        -moz-transform:translateZ(-20px) rotateX(90deg)
    }
    60%{
        opacity:1;
        -moz-transform:translateZ(-20px) rotateX(-10deg)
    }
    100%{
        opacity:1;
        -moz-transform:translateZ(-20px) rotateX(0deg)
    }
}
@keyframes cd-rotate-2-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(90deg);
        -moz-transform:translateZ(-20px) rotateX(90deg);
        -ms-transform:translateZ(-20px) rotateX(90deg);
        -o-transform:translateZ(-20px) rotateX(90deg);
        transform:translateZ(-20px) rotateX(90deg)
    }
    60%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(-10deg);
        -moz-transform:translateZ(-20px) rotateX(-10deg);
        -ms-transform:translateZ(-20px) rotateX(-10deg);
        -o-transform:translateZ(-20px) rotateX(-10deg);
        transform:translateZ(-20px) rotateX(-10deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0deg);
        -moz-transform:translateZ(-20px) rotateX(0deg);
        -ms-transform:translateZ(-20px) rotateX(0deg);
        -o-transform:translateZ(-20px) rotateX(0deg);
        transform:translateZ(-20px) rotateX(0deg)
    }
}
@-webkit-keyframes cd-rotate-2-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-100deg)
    }
    100%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-90deg)
    }
}
@-moz-keyframes cd-rotate-2-out{
    0%{
        opacity:1;
        -moz-transform:translateZ(-20px) rotateX(0)
    }
    60%{
        opacity:0;
        -moz-transform:translateZ(-20px) rotateX(-100deg)
    }
    100%{
        opacity:0;
        -moz-transform:translateZ(-20px) rotateX(-90deg)
    }
}
@keyframes cd-rotate-2-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(-20px) rotateX(0);
        -moz-transform:translateZ(-20px) rotateX(0);
        -ms-transform:translateZ(-20px) rotateX(0);
        -o-transform:translateZ(-20px) rotateX(0);
        transform:translateZ(-20px) rotateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-100deg);
        -moz-transform:translateZ(-20px) rotateX(-100deg);
        -ms-transform:translateZ(-20px) rotateX(-100deg);
        -o-transform:translateZ(-20px) rotateX(-100deg);
        transform:translateZ(-20px) rotateX(-100deg)
    }
    100%{
        opacity:0;
        -webkit-transform:translateZ(-20px) rotateX(-90deg);
        -moz-transform:translateZ(-20px) rotateX(-90deg);
        -ms-transform:translateZ(-20px) rotateX(-90deg);
        -o-transform:translateZ(-20px) rotateX(-90deg);
        transform:translateZ(-20px) rotateX(-90deg)
    }
}
.cd-headline.loading-bar span{
    display:inline-block;
    padding: .2em 0
}
.cd-headline.loading-bar .cd-words-wrapper{
    overflow:hidden;
    vertical-align:top
}
.cd-headline.loading-bar .cd-words-wrapper::after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    height:3px;
    width:0;
    background:#0096a7;
    z-index:2;
    -webkit-transition:width 0.3s -0.1s;
    -moz-transition:width 0.3s -0.1s;
    transition:width 0.3s -0.1s
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after{
    width:100%;
    -webkit-transition:width 3s;
    -moz-transition:width 3s;
    transition:width 3s
}
.cd-headline.loading-bar b{
    top: .2em;
    opacity:0;
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    transition:opacity 0.3s
}
.cd-headline.loading-bar b.is-visible{
    opacity:1;
    top:0
}
.cd-headline.slide span{
    display:inline-block;
    padding: .2em 0
}
.cd-headline.slide .cd-words-wrapper{
    overflow:hidden;
    vertical-align:top
}
.cd-headline.slide b{
    opacity:0;
    top: .2em
}
.cd-headline.slide b.is-visible{
    top:0;
    opacity:1;
    -webkit-animation:slide-in 0.6s;
    -moz-animation:slide-in 0.6s;
    animation:slide-in 0.6s
}
.cd-headline.slide b.is-hidden{
    -webkit-animation:slide-out 0.6s;
    -moz-animation:slide-out 0.6s;
    animation:slide-out 0.6s
}
@-webkit-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(20%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@-moz-keyframes slide-in{
    0%{
        opacity:0;
        -moz-transform:translateY(-100%)
    }
    60%{
        opacity:1;
        -moz-transform:translateY(20%)
    }
    100%{
        opacity:1;
        -moz-transform:translateY(0)
    }
}
@keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(20%);
        -moz-transform:translateY(20%);
        -ms-transform:translateY(20%);
        -o-transform:translateY(20%);
        transform:translateY(20%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes slide-out{
    0%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateY(120%)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(100%)
    }
}
@-moz-keyframes slide-out{
    0%{
        opacity:1;
        -moz-transform:translateY(0)
    }
    60%{
        opacity:0;
        -moz-transform:translateY(120%)
    }
    100%{
        opacity:0;
        -moz-transform:translateY(100%)
    }
}
@keyframes slide-out{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateY(120%);
        -moz-transform:translateY(120%);
        -ms-transform:translateY(120%);
        -o-transform:translateY(120%);
        transform:translateY(120%)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(100%);
        -moz-transform:translateY(100%);
        -ms-transform:translateY(100%);
        -o-transform:translateY(100%);
        transform:translateY(100%)
    }
}
.cd-headline.clip span{
    display:inline-block;
    padding: 0
}
.cd-headline.clip .cd-words-wrapper{
    overflow:hidden;
    vertical-align:top
}
.cd-headline.clip .cd-words-wrapper::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:2px;
    height:100%;
    background-color:#aebcb9
}
.cd-headline.clip b{
    opacity:0
}
.cd-headline.clip b.is-visible{
    opacity:1
}
.cd-headline.zoom .cd-words-wrapper{
    -webkit-perspective:300px;
    -moz-perspective:300px;
    perspective:300px
}
.cd-headline.zoom b{
    opacity:0
}
.cd-headline.zoom b.is-visible{
    opacity:1;
    -webkit-animation:zoom-in 0.8s;
    -moz-animation:zoom-in 0.8s;
    animation:zoom-in 0.8s
}
.cd-headline.zoom b.is-hidden{
    -webkit-animation:zoom-out 0.8s;
    -moz-animation:zoom-out 0.8s;
    animation:zoom-out 0.8s
}
@-webkit-keyframes zoom-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(0)
    }
}
@-moz-keyframes zoom-in{
    0%{
        opacity:0;
        -moz-transform:translateZ(100px)
    }
    100%{
        opacity:1;
        -moz-transform:translateZ(0)
    }
}
@keyframes zoom-in{
    0%{
        opacity:0;
        -webkit-transform:translateZ(100px);
        -moz-transform:translateZ(100px);
        -ms-transform:translateZ(100px);
        -o-transform:translateZ(100px);
        transform:translateZ(100px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        -ms-transform:translateZ(0);
        -o-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@-webkit-keyframes zoom-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateZ(-100px)
    }
}
@-moz-keyframes zoom-out{
    0%{
        opacity:1;
        -moz-transform:translateZ(0)
    }
    100%{
        opacity:0;
        -moz-transform:translateZ(-100px)
    }
}
@keyframes zoom-out{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        -ms-transform:translateZ(0);
        -o-transform:translateZ(0);
        transform:translateZ(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateZ(-100px);
        -moz-transform:translateZ(-100px);
        -ms-transform:translateZ(-100px);
        -o-transform:translateZ(-100px);
        transform:translateZ(-100px)
    }
}
.cd-headline.rotate-3 .cd-words-wrapper{
    -webkit-perspective:300px;
    -moz-perspective:300px;
    perspective:300px
}
.cd-headline.rotate-3 b{
    opacity:0
}
.cd-headline.rotate-3 i{
    display:inline-block;
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.is-visible .cd-headline.rotate-3 i{
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    transform:rotateY(0deg)
}
.cd-headline.rotate-3 i.in{
    -webkit-animation:cd-rotate-3-in 0.6s forwards;
    -moz-animation:cd-rotate-3-in 0.6s forwards;
    animation:cd-rotate-3-in 0.6s forwards
}
.cd-headline.rotate-3 i.out{
    -webkit-animation:cd-rotate-3-out 0.6s forwards;
    -moz-animation:cd-rotate-3-out 0.6s forwards;
    animation:cd-rotate-3-out 0.6s forwards
}
.no-csstransitions .cd-headline.rotate-3 i{
    -webkit-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    transform:rotateY(0deg);
    opacity:0
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i{
    opacity:1
}
@-webkit-keyframes cd-rotate-3-in{
    0%{
        -webkit-transform:rotateY(180deg)
    }
    100%{
        -webkit-transform:rotateY(0deg)
    }
}
@-moz-keyframes cd-rotate-3-in{
    0%{
        -moz-transform:rotateY(180deg)
    }
    100%{
        -moz-transform:rotateY(0deg)
    }
}
@keyframes cd-rotate-3-in{
    0%{
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg)
    }
    100%{
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        transform:rotateY(0deg)
    }
}
@-webkit-keyframes cd-rotate-3-out{
    0%{
        -webkit-transform:rotateY(0)
    }
    100%{
        -webkit-transform:rotateY(-180deg)
    }
}
@-moz-keyframes cd-rotate-3-out{
    0%{
        -moz-transform:rotateY(0)
    }
    100%{
        -moz-transform:rotateY(-180deg)
    }
}
@keyframes cd-rotate-3-out{
    0%{
        -webkit-transform:rotateY(0);
        -moz-transform:rotateY(0);
        -ms-transform:rotateY(0);
        -o-transform:rotateY(0);
        transform:rotateY(0)
    }
    100%{
        -webkit-transform:rotateY(-180deg);
        -moz-transform:rotateY(-180deg);
        -ms-transform:rotateY(-180deg);
        -o-transform:rotateY(-180deg);
        transform:rotateY(-180deg)
    }
}
.cd-headline.scale b{
    opacity:0
}
.cd-headline.scale i{
    display:inline-block;
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.is-visible .cd-headline.scale i{
    opacity:1
}
.cd-headline.scale i.in{
    -webkit-animation:scale-up 0.6s forwards;
    -moz-animation:scale-up 0.6s forwards;
    animation:scale-up 0.6s forwards
}
.cd-headline.scale i.out{
    -webkit-animation:scale-down 0.6s forwards;
    -moz-animation:scale-down 0.6s forwards;
    animation:scale-down 0.6s forwards
}
.no-csstransitions .cd-headline.scale i{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:0
}
.no-csstransitions .cd-headline.scale .is-visible i{
    opacity:1
}
@-webkit-keyframes scale-up{
    0%{
        -webkit-transform:scale(0);
        opacity:0
    }
    60%{
        -webkit-transform:scale(1.2);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        opacity:1
    }
}
@-moz-keyframes scale-up{
    0%{
        -moz-transform:scale(0);
        opacity:0
    }
    60%{
        -moz-transform:scale(1.2);
        opacity:1
    }
    100%{
        -moz-transform:scale(1);
        opacity:1
    }
}
@keyframes scale-up{
    0%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    60%{
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2);
        -ms-transform:scale(1.2);
        -o-transform:scale(1.2);
        transform:scale(1.2);
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes scale-down{
    0%{
        -webkit-transform:scale(1);
        opacity:1
    }
    60%{
        -webkit-transform:scale(0);
        opacity:0
    }
}
@-moz-keyframes scale-down{
    0%{
        -moz-transform:scale(1);
        opacity:1
    }
    60%{
        -moz-transform:scale(0);
        opacity:0
    }
}
@keyframes scale-down{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    60%{
        -webkit-transform:scale(0);
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
}
.cd-headline.push b{
    opacity:0
}
.cd-headline.push b.is-visible{
    opacity:1;
    -webkit-animation:push-in 0.6s;
    -moz-animation:push-in 0.6s;
    animation:push-in 0.6s
}
.cd-headline.push b.is-hidden{
    -webkit-animation:push-out 0.6s;
    -moz-animation:push-out 0.6s;
    animation:push-out 0.6s
}
@-webkit-keyframes push-in{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(10%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@-moz-keyframes push-in{
    0%{
        opacity:0;
        -moz-transform:translateX(-100%)
    }
    60%{
        opacity:1;
        -moz-transform:translateX(10%)
    }
    100%{
        opacity:1;
        -moz-transform:translateX(0)
    }
}
@keyframes push-in{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        -o-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(10%);
        -moz-transform:translateX(10%);
        -ms-transform:translateX(10%);
        -o-transform:translateX(10%);
        transform:translateX(10%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes push-out{
    0%{
        opacity:1;
        -webkit-transform:translateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateX(110%)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%)
    }
}
@-moz-keyframes push-out{
    0%{
        opacity:1;
        -moz-transform:translateX(0)
    }
    60%{
        opacity:0;
        -moz-transform:translateX(110%)
    }
    100%{
        opacity:0;
        -moz-transform:translateX(100%)
    }
}
@keyframes push-out{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
    60%{
        opacity:0;
        -webkit-transform:translateX(110%);
        -moz-transform:translateX(110%);
        -ms-transform:translateX(110%);
        -o-transform:translateX(110%);
        transform:translateX(110%)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%);
        -moz-transform:translateX(100%);
        -ms-transform:translateX(100%);
        -o-transform:translateX(100%);
        transform:translateX(100%)
    }
}
/* BeerSlider css */
 .beer-slider{
    display:inline-block;
    overflow:hidden;
    position:relative
}
.beer-slider *,.beer-slider:after,.beer-slider :after,.beer-slider:before,.beer-slider :before{
    box-sizing:border-box
}
.beer-slider img,.beer-slider svg{
    vertical-align:bottom
}
.beer-slider>*{
    height:100%
}
.beer-slider>img{
    height:auto;
    max-width:100%
}
.beer-reveal{
    left:0;
    opacity:0;
    overflow:hidden;
    position:absolute;
    right:50%;
    top:0;
    transition:opacity .35s;
    z-index:1
}
.beer-reveal>:first-child{
    height:100%;
    max-width:none;
    width:200%
}
.beer-reveal>img:first-child{
    height:auto
}
.beer-range{
    -moz-appearance:none;
    -ms-touch-action:auto;
    -webkit-appearance:slider-horizontal!important;
    bottom:0;
    cursor:pointer;
    height:100%;
    left:-1px;
    margin:0;
    opacity:0;
    position:absolute;
    top:0;
    touch-action:auto;
    width:calc(100% + 2px);
    z-index:2
}
.beer-range::-webkit-slider-thumb{
    -webkit-appearance:none;
    height:300vh
}
.beer-range::-moz-range-thumb{
    -webkit-appearance:none;
    height:300vh
}
.beer-range::-ms-tooltip{
    display:none
}
.beer-handle{
    background:hsla(0,0%,100%,.5);
    border-radius:50%;
    box-shadow:0 0 6px transparent;
    color:#000;
    height:48px;
    left:50%;
    opacity:0;
    pointer-events:none;
    position:absolute;
    top:50%;
    transform:translate3d(-50%,-50%,0);
    transition:background .3s,box-shadow .3s,opacity .5s .25s;
    width:48px;
    z-index:2
}
.beer-handle:after,.beer-handle:before{
    border-left:2px solid;
    border-top:2px solid;
    content:"";
    height:10px;
    position:absolute;
    top:50%;
    transform-origin:0 0;
    width:10px
}
.beer-handle:before{
    left:10px;
    transform:rotate(-45deg)
}
.beer-handle:after{
    right:0;
    transform:rotate(135deg)
}
.beer-range:focus~.beer-handle{
    background:hsla(0,0%,100%,.85);
    box-shadow:0 0 3px rgba(0,0,0,.4)
}
.beer-reveal[data-beer-label]:after,.beer-slider[data-beer-label]:after{
    background:hsla(0,0%,100%,.75);
    border-radius:.125rem;
    content:attr(data-beer-label);
    line-height:1;
    padding:.5rem;
    position:absolute;
    top:1.5rem
}
.beer-slider[data-beer-label]:after{
    right:1.5rem
}
.beer-reveal[data-beer-label]:after{
    left:1.5rem
}
.beer-reveal[data-beer-label=""]:after,.beer-slider[data-beer-label=""]:after{
    content:none
}
.beer-ready .beer-handle,.beer-ready .beer-reveal{
    opacity:1
}
/* dnslider */
 .dnSlide-main{
    position:relative;
    visibility:hidden;
    padding:0;
    margin:0;
    list-style:none;
    width:800px;
    height:234px;
    margin-left:auto;
    margin-right:auto
}
.dnSlide-main.done{
    visibility:visible
}
.dnSlide-main.dn-response{
    width:100%
}
.dnSlide-main.dn-response .dnSlide-list{
    width:100%;
    height:100%;
    margin:0;
    margin-top:35px;
    margin-bottom:35px;
    padding-left:0
}
.dnSlide-main a,.dnSlide-main img{
    display:block;
    border:0
}
.dnSlide-main .dnSlide-list{
    width:800px;
    height:234px;
    list-style:none
}
.dnSlide-main .dnSlide-btn{
    color:#000;
    height:234px;
    width:100px;
    opacity:.5;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition:opacity .3s;
    transition:opacity .3s;
    z-index:10;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position:center center
}
.dnSlide-main .dnSlide-btn:hover{
    opacity:.8;
    -webkit-transition:opacity .3s;
    transition:opacity .3s
}
.dnSlide-main.dnSlide-hide{
    display:none
}
.dnSlide-main .dnSlide-item{
    position:absolute;
    top:0;
    left:0;
    opacity:1!important
}
.dnSlide-main .dnSlide-left-btn{
    background-image:url("ca2202cd_left.svg");
    background-size:35%;
    left:0
}
.dnSlide-main .dnSlide-right-btn{
    background-image:url("61e9fe0e_right.svg");
    background-size:35%;
    right:0;
    left:auto
}
@media \0screen\,screen\9{
    .dnSlide-main{
        margin-top:35px;
        margin-bottom:35px
    }
    .dnSlide-main .dnSlide-right-btn{
        background-image:url("4e870823_right.png")
    }
    .dnSlide-main .dnSlide-left-btn{
        background-image:url("6f2edff2_left.png")
    }
}
/* meanmenu */
 a.meanmenu-reveal{
    display:none
}
.mean-container .mean-bar{
    background:#0f99de;
    float:left;
    min-height:60px;
    padding:4px 0 0;
    position:relative;
    width:100%;
    z-index:999999
}
.mean-container a.meanmenu-reveal{
    width:22px;
    height:22px;
    padding:18px;
    top:0;
    right:0;
    cursor:pointer;
    color:#fff;
    text-decoration:none;
    font-size:16px;
    text-indent:-9999em;
    line-height:22px;
    font-size:1px;
    display:block;
    font-family:Arial,Helvetica,sans-serif;
    font-weight:700;
    float:right
}
.mean-container a.meanmenu-reveal span{
    display:block;
    background:#fff;
    height:3px;
    margin-top:4px
}
.mean-container .mean-nav{
    float:left;
    width:100%;
    background:#0c1923
}
.mean-container .mean-nav ul{
    padding:0;
    margin:0;
    width:100%;
    list-style-type:none
}
.mean-container .mean-nav ul li{
    background:#f8f8f8 none repeat scroll 0 0;
    float:left;
    position:relative;
    width:100%;
    border-top:1px solid#ddd
}
.mean-container .mean-nav ul li a{
    background:#f8f8f8 none repeat scroll 0 0;
    color:#666;
    display:block;
    float:left;
    font-size:13px;
    margin:0;
    padding:1em 5%;
    text-align:left;
    text-decoration:none;
    text-transform:uppercase;
    width:90%;
    font-weight:700
}
.mobile-menu-area{
    background:#262626
}
.mean-container .mean-nav ul li li a{
    border-top:1px solid rgba(255,255,255,.25);
    opacity:.75;
    padding:1em 10%;
    text-shadow:none!important;
    visibility:visible;
    width:80%;
    font-weight:500;
    text-transform:capitalize;
    color:#444
}
.mean-container .mean-nav ul li.mean-last a{
    border-bottom:0;
    margin-bottom:0
}
.mean-container .mean-nav ul li li li a{
    width:70%;
    padding:1em 15%
}
.mean-container .mean-nav ul li li li li a{
    width:60%;
    padding:1em 20%
}
.mean-container .mean-nav ul li li li li li a{
    width:50%;
    padding:1em 25%
}
.mean-container .mean-nav ul li a:hover{
    background:#f8f8f8 none repeat scroll 0 0;
    color:#f47e1e
}
.mean-container .mean-nav ul li a.mean-expand{
    width:100%;
    height:18px;
     line-height:1;
    margin-top:1px;
    padding:12px!important;
    text-align:right;
    position:absolute;
    right:0;
    top:0;
    z-index:2;
    font-weight:700;
    background:rgba(255,255,255,.1);
    border:0!important;
    background:#f8f8f8
}
.mean-container .mean-nav ul li a.mean-expand:hover{
    background:#f8f8f8
}
.mean-container .mean-push{
    float:left;
    width:100%;
    padding:0;
    margin:0;
    clear:both
}
.mean-nav .wrapper{
    width:100%;
    padding:0;
    margin:0
}
.mean-container .mean-bar,.mean-container .mean-bar *{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.mean-remove{
    display:none!important
}
.mean-container .mean-bar::after{
    color:#fff;
    content:"MENU";
    font-size:21px;
    left:5%;
    position:absolute;
    top:12px
}
.mean-container .mean-bar::after{
    display:none
}
.mean-container .mean-nav ul li a:hover{
    color:#f47e1e;
    border-radius:0
}
.mean-container a.meanmenu-reveal span{
    background:#fff
}
.mobile-menu-area{
    background:#fff none repeat scroll 0 0;
    border-top:3px solid #2bcdc1
}
.mean-container .mean-nav ul li a{
    background:#fff;
    color:#444;
    display:block
}
.mean-container .mean-nav ul li a.mean-expand{
     background:0;
    top:0px
}
.mean-container .mean-nav ul li a.mean-expand:hover{
    background:0 0
}
.mean-container .mean-nav ul li{
    background:#444
}
.mean-container .mean-nav ul li li a{
    opacity:.9;
    border-top:0
}
.mean-container a.meanmenu-reveal{
    color:#fff
}
.meanmenu-reveal.meanclose:hover{
    color:#fff!important
}
.mean-container a.meanmenu-reveal:hover span{
    background:#fff
}
.mean-container .mean-bar::before{
    color:#fff;
    content:"Menu";
    font-size:18px;
    font-weight:700;
    left:10px;
    position:absolute;
    top:13px
}
/* nice select */
 .nice-select{
    -webkit-tap-highlight-color:transparent;
    background-color:#fff;
    border-radius:5px;
    border:solid 1px #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
}
/* slick css */
 .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:0
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -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:after,.slick-track:before{
    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.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
}
 .slick-slide {
    padding-top: 15px
}
.swiper-container{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}
.swiper-container-vertical>.swiper-wrapper{
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:flex;
    transition-property:transform;
    box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
    transform:translate3d(0px,0,0)
}
.swiper-container-multirow>.swiper-wrapper{
    flex-wrap:wrap
}
.swiper-container-multirow-column>.swiper-wrapper{
    flex-wrap:wrap;
    flex-direction:column
}
.swiper-container-free-mode>.swiper-wrapper{
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-container-pointer-events{
    touch-action:pan-y
}
.swiper-container-pointer-events.swiper-container-vertical{
    touch-action:pan-x
}
.swiper-slide{
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    transition-property:transform
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    align-items:flex-start;
    transition-property:transform,height
}
.swiper-container-3d{
    perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left{
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right{
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top{
    background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom{
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper{
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
    display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
    scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
    scroll-snap-type:y mandatory
}
:root{
    --swiper-navigation-size:44px
}
.swiper-button-next,.swiper-button-prev{
    position:absolute;
    top:50%;
    width:calc(var(--swiper-navigation-size)/ 44 * 27);
    height:var(--swiper-navigation-size);
    margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-next:after,.swiper-button-prev:after{
    font-family:swiper-icons;
    font-size:var(--swiper-navigation-size);
    text-transform:none!important;
    letter-spacing:0;
    text-transform:none;
    font-variant:initial;
    line-height:1
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    left:10px;
    right:auto
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
    content:'prev'
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    right:10px;
    left:auto
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
    content:'next'
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{
    --swiper-navigation-color:#ffffff
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{
    --swiper-navigation-color:#000000
}
.swiper-button-lock{
    display:none
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    transition:.3s opacity;
    transform:translate3d(0,0,0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullets-dynamic{
    overflow:hidden;
    font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transform:scale(.33);
    position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
    transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
    transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
    transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
    transform:scale(.33)
}
.swiper-pagination-bullet{
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:50%;
    background:#000;
    opacity:.2
}
button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets{
    right:10px;
    top:50%;
    transform:translate3d(0px,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:6px 0;
    display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    top:50%;
    transform:translateY(-50%);
    width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    display:inline-block;
    transition:.2s transform,.2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    left:50%;
    transform:translateX(-50%);
    white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    transition:.2s transform,.2s right
}
.swiper-pagination-progressbar{
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:var(--swiper-pagination-color,var(--swiper-theme-color));
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform:scale(0);
    transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{
    width:4px;
    height:100%;
    left:0;
    top:0
}
.swiper-pagination-white{
    --swiper-pagination-color:#ffffff
}
.swiper-pagination-black{
    --swiper-pagination-color:#000000
}
.swiper-pagination-lock{
    display:none
}
.swiper-scrollbar{
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar{
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-container-vertical>.swiper-scrollbar{
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%
}
.swiper-scrollbar-drag{
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0,0,0,.5);
    border-radius:10px;
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag{
    cursor:move
}
.swiper-scrollbar-lock{
    display:none
}
.swiper-zoom-container{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
    max-width:100%;
    max-height:100%;
    object-fit:contain
}
.swiper-slide-zoomed{
    cursor:move
}
.swiper-lazy-preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    transform-origin:50%;
    animation:swiper-preloader-spin 1s infinite linear;
    box-sizing:border-box;
    border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius:50%;
    border-top-color:transparent
}
.swiper-lazy-preloader-white{
    --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black{
    --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin{
    100%{
        transform:rotate(360deg)
    }
}
.swiper-container .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide{
    pointer-events:none;
    transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube{
    overflow:visible
}
.swiper-container-cube .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
    visibility:hidden;
    transform-origin:0 0;
    width:100%;
    height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide{
    transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
    pointer-events:auto;
    visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow{
    position:absolute;
    left:0;
    bottom:0px;
    width:100%;
    height:100%;
    opacity:.6;
    z-index:0
}
.swiper-container-cube .swiper-cube-shadow:before{
    content:'';
    background:#000;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    -webkit-filter:blur(50px);
    filter:blur(50px)
}
.swiper-container-flip{
    overflow:visible
}
.swiper-container-flip .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}

html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
body,html{
    overflow-x:hidden
}
img{
    max-width:100%;
    height:auto
}
.box.wrapper{
    max-width:1200px;
    margin:auto;
    background:#fff;
    box-shadow:0 0 5px #ddd
}
.fix{
    overflow:hidden
}
.clear_both{
    clear:both
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
.btn-primary:focus,input:focus,select:focus,textarea:focus{
    box-shadow:none!important
}
input,textarea{
    outline:0
}
.btn:focus,a:focus{
    text-decoration:none;
    outline:0
}
.uppercase{
    text-transform:uppercase
}
.capitalize{
    text-transform:capitalize
}
ul{
    margin:0;
    padding:0
}
li{
    list-style:none
}
button:focus,input:focus{
    border-color:transparent;
    outline-color:transparent
}
textarea:focus{
    border-color:transparent;
    outline-color:transparent
}
hr{
    margin:60px 0;
    padding:0;
    border-bottom:1px solid #eceff8;
    border-top:0
}
label{
    cursor:pointer;
    font-size:14px;
    font-weight:400
}
a,address,cite,dfn,em,i,li,ol,ul,var{
    font-style:normal;
    font-weight:400
}
.clearfix::after{content:"";display:table;clear:both}