/* ------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------!!! ANIMATIONS !!!----------------------------------------------- */


    @keyframes fade-in{0% {opacity:0} 100% {opacity:1}}
    @keyframes fade-out{0% {opacity:1} 100% {opacity:0}}

    @keyframes content-fade-in{
      0% {opacity:0;max-height:0;visibility:hidden;position:absolute;display:none}
      25% { visibility:visible; position:absolute }
      26% { max-height:100%; opacity:0; position:relative; display:block }
      100% {opacity:1}
    }
    @keyframes content-fade-out{
      0% {opacity:1;max-height:inherit;visibility:visible;position:relative;display:block}
      25% { opacity:0; max-height:inherit; position:relative }
      26% { max-height:0; visibility:hidden; position:absolute; display:none }
    }
    
    @keyframes box-fade{0%{opacity:0} 30%{opacity:0} 100%{opacity:1}}
    @keyframes box-up{0% {margin-top:6vw} 100% {margin-top:0}}
    @keyframes box-down{0% {margin-top:-6vw} 100% {margin-top:0}}
      
    @media screen and (max-width:900px) {
        @keyframes box-up{0% {margin-top:0} 100% {margin-top:0}}
        @keyframes box-down{0% {margin-top:0} 100% {margin-top:0}}
    }


    @keyframes slide-up{0% {transform:translateY(15em)} 100% {transform:translateY(0)}}
    @keyframes slide-down{0% {transform:translateY(-1em)} 100% {transform:translateY(0)}}

    @keyframes title-slide-up {
      0% { transform:translate(0, 80%); opacity:0; visibility:hidden; position:absolute }
      20% { visibility:hidden; position:absolute }
      21% { transform:translate(0, 80%); opacity:0; visibility:visible; position:relative }
      100% { transform:translate(0, 0); opacity:1; visibility:visible; position:relative }
    }
    @keyframes title-slide-down {
      0% { transform:translate(-50%, 0); opacity:1; visibility:visible; position: relative }
      20% { transform:translate(-50%, 80%); opacity:0; visibility:visible; position: relative }
      21% { visibility:hidden; position: absolute }
    }


    @keyframes reveal {
      0% {clip-path:polygon(0% 50%,0% 50%,100% 50%,100% 50%);visibility:hidden;position:absolute}
      20% {visibility:hidden;position:absolute}
      21% {visibility:visible;position:relative}
      30% {clip-path:polygon(0% 50%,0% 50%,100% 50%,100% 50%);visibility:visible;position:relative}
      100% {clip-path:polygon(0% 0%,0% 100%,100% 100%,100% 0%);visibility:visible;position:relative}
    }
    @keyframes conceal {
      0% {clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);visibility:visible;position:relative}
      20% {clip-path: polygon(50% -10%,50% -10%,50% 100%,50% 100%);visibility:visible;position:relative}
      21% {visibility:hidden;position:absolute}
    }


    @keyframes candle-down-L{0% {transform:translateY(0);visibility:visible} 100% {transform:translateY(100%);visibility:hidden}}
    @keyframes candle-down-R{0% {transform:translateY(0) scaleX(-1);visibility:visible} 100% {transform:translateY(100%) scaleX(-1);visibility:hidden}}
    @keyframes candle-up-L{0% {transform:translateY(100%);visibility:hidden} 30% {transform:translateY(100%);visibility:visible} 100% {transform:translateY(0);visibility:visible}}
    @keyframes candle-up-R{0% {transform:translateY(100%) scaleX(-1);visibility:hidden} 30% {transform:translateY(100%) scaleX(-1);visibility:visible} 100% {transform:translateY(0) scaleX(-1);visibility:visible}}

    @keyframes angel-leftIn{0% {transform:translateX(-100%);opacity:0;visibility:hidden;display:none} 30% {transform:translateX(-100%);opacity:0;visibility:visible;display:block} 100% {transform:translateX(0);opacity:1;visibility:visible;display:block}}
    @keyframes angel-rightIn{0% {transform:translateX(100%) scaleX(-1);opacity:0;visibility:hidden;display:none} 30% {transform:translateX(100%) scaleX(-1);opacity:0;visibility:visible;display:block} 100% {transform:translateX(0) scaleX(-1);opacity:1;visibility:visible;display:block}}
    @keyframes angel-leftOut{0% {transform:translateX(0);opacity:1;visibility:visible;display:block} 100% {transform:translateX(-100%);opacity:0;visibility:hidden;display:none}}
    @keyframes angel-rightOut{0% {transform:translateX(0) scaleX(-1);opacity:1;visibility:visible;display:block} 100% {transform:translateX(100%) scaleX(-1);opacity:0;visibility:hidden;display:none}}

    @keyframes flicker{from {opacity:.7} 4% {opacity:.9} 8% {opacity:.65} 12% {opacity:.85} 16% {opacity:.6} 20% {opacity:.7} 24% {opacity:.8} 28% {opacity:.55} 32% {opacity:.6} 36% {opacity:.75} 40% {opacity:.6} 44% {opacity:.8} 48% {opacity:.65} 52% {opacity:.5} 56% {opacity:.90} 60% {opacity:.7} 64% {opacity:.85} 68% {opacity:.65} 72% {opacity:.7} 76% {opacity:.6} 80% {opacity:.85} 84% {opacity:.6} 88% {opacity:.55} 92% {opacity:.8} 96% {opacity:.6} to {opacity:.7}}
    @keyframes light-up{from {opacity:.7;transform:translateY(100%);visibility:hidden} 32% {transform:translateY(100%);visibility:visible} to {transform:translateY(0);visibility:visible}}
    @keyframes light-down{from {opacity:.7;transform:translateY(0);visibility:visible} to {transform:translateY(100%);visibility:hidden}}
    
    @keyframes announcement {
      from { transform: scale(1) rotate(10deg) }
      50% { transform: scale(1.05) rotate(10deg) }
      to { transform: scale(1) rotate(10deg) }
    }