/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */
.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 a{
    0%,20%,53%,80%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        transform:translate3d(0,-30px,0)
    }
    40%,43%,70%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06)
    }
    70%{
        transform:translate3d(0,-15px,0)
    }
    90%{
        transform:translate3d(0,-4px,0)
    }
}
.bounce{
    animation-name:a;
    transform-origin:center bottom
}
@keyframes b{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    animation-name:b
}
@keyframes c{
    0%{
        transform:scaleX(1)
    }
    50%{
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        transform:scaleX(1)
    }
}
.pulse{
    animation-name:c
}
@keyframes d{
    0%{
        transform:scaleX(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)
    }
    to{
        transform:scaleX(1)
    }
}
.rubberBand{
    animation-name:d
}
@keyframes e{
    0%,to{
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        transform:translate3d(10px,0,0)
    }
}
.shake{
    animation-name:e
}
@keyframes f{
    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:f
}
@keyframes g{
    20%{
        transform:rotate(15deg)
    }
    40%{
        transform:rotate(-10deg)
    }
    60%{
        transform:rotate(5deg)
    }
    80%{
        transform:rotate(-5deg)
    }
    to{
        transform:rotate(0deg)
    }
}
.swing{
    transform-origin:top center;
    animation-name:g
}
@keyframes h{
    0%{
        transform:scaleX(1)
    }
    10%,20%{
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80%{
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to{
        transform:scaleX(1)
    }
}
.tada{
    animation-name:h
}
@keyframes i{
    0%{
        transform:none
    }
    15%{
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30%{
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45%{
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60%{
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75%{
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to{
        transform:none
    }
}
.wobble{
    animation-name:i
}
@keyframes j{
    0%,11.1%,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(.39062deg) skewY(.39062deg)
    }
    88.8%{
        transform:skewX(-.19531deg) skewY(-.19531deg)
    }
}
.jello{
    animation-name:j;
    transform-origin:center
}
@keyframes k{
    0%,20%,40%,60%,80%,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:scaleX(1)
    }
}
.bounceIn{
    animation-name:k
}
@keyframes l{
    0%,60%,75%,90%,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:l
}
@keyframes m{
    0%,60%,75%,90%,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:m
}
@keyframes n{
    0%,60%,75%,90%,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
    }
}
.bounceInRight{
    animation-name:n
}
@keyframes o{
    0%,60%,75%,90%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        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:translateZ(0)
    }
}
.bounceInUp{
    animation-name:o
}
@keyframes p{
    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:p
}
@keyframes q{
    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:q
}
@keyframes r{
    20%{
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft{
    animation-name:r
}
@keyframes s{
    20%{
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight{
    animation-name:s
}
@keyframes t{
    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:t
}
.fadeIn{
    animation-name:xb
}
@keyframes u{
    0%{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInDown{
    animation-name:u
}
@keyframes v{
    0%{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInDownBig{
    animation-name:v
}
@keyframes w{
    0%{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInLeft{
    animation-name:w
}
@keyframes x{
    0%{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInLeftBig{
    animation-name:x
}
@keyframes y{
    0%{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInRight{
    animation-name:y
}
@keyframes z{
    0%{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInRightBig{
    animation-name:z
}
@keyframes A{
    0%{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUp{
    animation-name:A
}
@keyframes B{
    0%{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUpBig{
    animation-name:B
}
@keyframes C{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    animation-name:C
}
@keyframes D{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    animation-name:D
}
@keyframes E{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig{
    animation-name:E
}
@keyframes F{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft{
    animation-name:F
}
@keyframes G{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig{
    animation-name:G
}
@keyframes H{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight{
    animation-name:H
}
@keyframes I{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig{
    animation-name:I
}
@keyframes J{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp{
    animation-name:J
}
@keyframes K{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig{
    animation-name:K
}
@keyframes L{
    0%{
        transform:perspective(400px) rotateY(-1turn)
    }
    0%,40%{
        animation-timing-function:ease-out
    }
    40%{
        transform:perspective(400px) translateZ(150px) rotateY(-190deg)
    }
    50%{
        transform:perspective(400px) translateZ(150px) rotateY(-170deg)
    }
    50%,80%{
        animation-timing-function:ease-in
    }
    80%{
        transform:perspective(400px) scale3d(.95,.95,.95)
    }
    to{
        transform:perspective(400px);
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    animation-name:L
}
@keyframes M{
    0%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    0%,40%{
        animation-timing-function:ease-in
    }
    40%{
        transform:perspective(400px) rotateX(-20deg)
    }
    60%{
        transform:perspective(400px) rotateX(10deg);
        opacity:1
    }
    80%{
        transform:perspective(400px) rotateX(-5deg)
    }
    to{
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:M
}
@keyframes N{
    0%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    0%,40%{
        animation-timing-function:ease-in
    }
    40%{
        transform:perspective(400px) rotateY(-20deg)
    }
    60%{
        transform:perspective(400px) rotateY(10deg);
        opacity:1
    }
    80%{
        transform:perspective(400px) rotateY(-5deg)
    }
    to{
        transform:perspective(400px)
    }
}
.flipInY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:N
}
@keyframes O{
    0%{
        transform:perspective(400px)
    }
    30%{
        transform:perspective(400px) rotateX(-20deg);
        opacity:1
    }
    to{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    animation-name:O;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@keyframes P{
    0%{
        transform:perspective(400px)
    }
    30%{
        transform:perspective(400px) rotateY(-15deg);
        opacity:1
    }
    to{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    animation-name:P
}
@keyframes Q{
    0%{
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        transform:skewX(20deg)
    }
    60%,80%{
        opacity:1
    }
    80%{
        transform:skewX(-5deg)
    }
    to{
        transform:none;
        opacity:1
    }
}
.lightSpeedIn{
    animation-name:Q;
    animation-timing-function:ease-out
}
@keyframes R{
    0%{
        opacity:1
    }
    to{
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut{
    animation-name:R;
    animation-timing-function:ease-in
}
@keyframes S{
    0%{
        transform-origin:center;
        transform:rotate(-200deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:center
    }
    to{
        transform-origin:center;
        transform:none;
        opacity:1
    }
}
.rotateIn{
    animation-name:S
}
@keyframes T{
    0%{
        transform-origin:left bottom;
        transform:rotate(-45deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft{
    animation-name:T
}
@keyframes U{
    0%{
        transform-origin:right bottom;
        transform:rotate(45deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight{
    animation-name:U
}
@keyframes V{
    0%{
        transform-origin:left bottom;
        transform:rotate(45deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft{
    animation-name:V
}
@keyframes W{
    0%{
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight{
    animation-name:W
}
@keyframes X{
    0%{
        transform-origin:center;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:center
    }
    to{
        transform-origin:center;
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    animation-name:X
}
@keyframes Y{
    0%{
        transform-origin:left bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        transform:rotate(45deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    animation-name:Y
}
@keyframes Z{
    0%{
        transform-origin:right bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        transform:rotate(-45deg);
        opacity:0
    }
}
.rotateOutDownRight{
    animation-name:Z
}
@keyframes ab{
    0%{
        transform-origin:left bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:left bottom
    }
    to{
        transform-origin:left bottom;
        transform:rotate(-45deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    animation-name:ab
}
@keyframes bb{
    0%{
        transform-origin:right bottom;
        opacity:1
    }
    0%,to{
        -webkit-transform-origin:right bottom
    }
    to{
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    animation-name:bb
}
@keyframes cb{
    0%{
        transform-origin:top left
    }
    0%,20%,60%{
        -webkit-transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        transform:rotate(80deg);
        transform-origin:top left
    }
    40%,80%{
        transform:rotate(60deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
.hinge{
    animation-name:cb
}
@keyframes db{
    0%{
        opacity:0;
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to{
        opacity:1;
        transform:none
    }
}
.rollIn{
    animation-name:db
}
@keyframes eb{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
.rollOut{
    animation-name:eb
}
@keyframes fb{
    0%{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    animation-name:fb
}
@keyframes gb{
    0%{
        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:gb
}
@keyframes hb{
    0%{
        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:hb
}
@keyframes ib{
    0%{
        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:ib
}
@keyframes jb{
    0%{
        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:jb
}
@keyframes kb{
    0%{
        opacity:1
    }
    50%{
        transform:scale3d(.3,.3,.3)
    }
    50%,to{
        opacity:0
    }
}
.zoomOut{
    animation-name:kb
}
@keyframes lb{
    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:lb
}
@keyframes mb{
    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:mb
}
@keyframes nb{
    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:nb
}
@keyframes ob{
    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:ob
}
@keyframes pb{
    0%{
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        transform:translateZ(0)
    }
}
.slideInDown{
    animation-name:pb
}
@keyframes qb{
    0%{
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        transform:translateZ(0)
    }
}
.slideInLeft{
    animation-name:qb
}
@keyframes rb{
    0%{
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        transform:translateZ(0)
    }
}
.slideInRight{
    animation-name:rb
}
@keyframes sb{
    0%{
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        transform:translateZ(0)
    }
}
.slideInUp{
    animation-name:sb
}
@keyframes tb{
    0%{
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        transform:translate3d(0,100%,0)
    }
}
.slideOutDown{
    animation-name:tb
}
@keyframes ub{
    0%{
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        transform:translate3d(-100%,0,0)
    }
}
.slideOutLeft{
    animation-name:ub
}
@keyframes vb{
    0%{
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        transform:translate3d(100%,0,0)
    }
}
.slideOutRight{
    animation-name:vb
}
@keyframes wb{
    0%{
        transform:translateZ(0)
    }
    to{
        visibility:hidden;
        transform:translate3d(0,-100%,0)
    }
}


.animatedSiteLogoClone{
    display:none
}
.animatedSiteLogo.container,.animatedSiteLogoMobile.container{
    max-width:600px;
	
}
.animatedSiteLogo.container svg,.animatedSiteLogoMobile.container svg{
	width:100%; height:auto;
    /*max-width:600px;   
    max-height:500px;*/
}
.animatedSiteLogo.container #triangle-01,.animatedSiteLogoMobile.container #triangle-01{
    transform:translateY(20px);
    opacity:0
}
.animatedSiteLogo.container #bar-03,.animatedSiteLogo.container #bar-05,.animatedSiteLogoMobile.container #bar-03,.animatedSiteLogoMobile.container #bar-05{
    mix-blend-mode:multiply
}
.animatedSiteLogo.container #left-top-angle,.animatedSiteLogo.container #right-top-angle,.animatedSiteLogo.container .float-bar,.animatedSiteLogo.container .triangle,.animatedSiteLogoMobile.container #left-top-angle,.animatedSiteLogoMobile.container #right-top-angle,.animatedSiteLogoMobile.container .float-bar,.animatedSiteLogoMobile.container .triangle{
    opacity:0
}
.animatedSiteLogoInner{
    width:100%;
    height:300px
}