/*         SAT (SCROLL ANIMATION TOOL)         */ 
/*              Bloxaryn.Id Tools              */
/*          Inspired by the AOS tools          */
/*            Current version 2.0.0            */

.sat-duration-50 { 
  transition-duration: 0.05s;}
.sat-duration-100 { transition-duration: 0.1s; }
.sat-duration-150 { transition-duration: 0.15s; }
.sat-duration-200 { transition-duration: 0.2s; }
.sat-duration-250 { transition-duration: 0.25s; }
.sat-duration-300 { transition-duration: 0.3s; }
.sat-duration-350 { transition-duration: 0.35s; }
.sat-duration-400 { transition-duration: 0.4s; }
.sat-duration-450 { transition-duration: 0.45s; }
.sat-duration-500 { transition-duration: 0.5s; }
.sat-duration-550 { transition-duration: 0.55s; }
.sat-duration-600 { transition-duration: 0.6s; }
.sat-duration-650 { transition-duration: 0.65s; }
.sat-duration-700 { transition-duration: 0.7s; }
.sat-duration-750 { transition-duration: 0.75s; }
.sat-duration-800 { transition-duration: 0.8s; }
.sat-duration-850 { transition-duration: 0.85s; }
.sat-duration-900 { transition-duration: 0.9s; }
.sat-duration-950 { transition-duration: 0.95s; }
.sat-duration-1000 { transition-duration: 1s; }
.sat-duration-1050 { transition-duration: 1.05s; }
.sat-duration-1100 { transition-duration: 1.1s; }
.sat-duration-1150 { transition-duration: 1.15s; }
.sat-duration-1200 { transition-duration: 1.2s; }
.sat-duration-1250 { transition-duration: 1.25s; }
.sat-duration-1300 { transition-duration: 1.3s; }
.sat-duration-1350 { transition-duration: 1.35s; }
.sat-duration-1400 { transition-duration: 1.4s; }
.sat-duration-1450 { transition-duration: 1.45s; }
.sat-duration-1500 { transition-duration: 1.5s; }
.sat-duration-1550 { transition-duration: 1.55s; }
.sat-duration-1600 { transition-duration: 1.6s; }
.sat-duration-1650 { transition-duration: 1.65s; }
.sat-duration-1700 { transition-duration: 1.7s; }
.sat-duration-1750 { transition-duration: 1.75s; }
.sat-duration-1800 { transition-duration: 1.8s; }
.sat-duration-1850 { transition-duration: 1.85s; }
.sat-duration-1900 { transition-duration: 1.9s; }
.sat-duration-1950 { transition-duration: 1.95s; }
.sat-duration-2000 { transition-duration: 2s; }
.sat-duration-2050 { transition-duration: 2.05s; }
.sat-duration-2100 { transition-duration: 2.1s; }
.sat-duration-2150 { transition-duration: 2.15s; }
.sat-duration-2200 { transition-duration: 2.2s; }
.sat-duration-2250 { transition-duration: 2.25s; }
.sat-duration-2300 { transition-duration: 2.3s; }
.sat-duration-2350 { transition-duration: 2.35s; }
.sat-duration-2400 { transition-duration: 2.4s; }
.sat-duration-2450 { transition-duration: 2.45s; }
.sat-duration-2500 { transition-duration: 2.5s; }
.sat-duration-2550 { transition-duration: 2.55s; }
.sat-duration-2600 { transition-duration: 2.6s; }
.sat-duration-2650 { transition-duration: 2.65s; }
.sat-duration-2700 { transition-duration: 2.7s; }
.sat-duration-2750 { transition-duration: 2.75s; }
.sat-duration-2800 { transition-duration: 2.8s; }
.sat-duration-2850 { transition-duration: 2.85s; }
.sat-duration-2900 { transition-duration: 2.9s; }
.sat-duration-2950 { transition-duration: 2.95s; }
.sat-duration-3000 { transition-duration: 3s; }

.sat-delay-0 { transition-delay: 0s; }
.sat-delay-50 { transition-delay: 0.05s; }
.sat-delay-100 { transition-delay: 0.1s; }
.sat-delay-150 { transition-delay: 0.15s; }
.sat-delay-200 { transition-delay: 0.2s; }
.sat-delay-250 { transition-delay: 0.25s; }
.sat-delay-300 { transition-delay: 0.3s; }
.sat-delay-350 { transition-delay: 0.35s; }
.sat-delay-400 { transition-delay: 0.4s; }
.sat-delay-450 { transition-delay: 0.45s; }
.sat-delay-500 { transition-delay: 0.5s; }
.sat-delay-550 { transition-delay: 0.55s; }
.sat-delay-600 { transition-delay: 0.6s; }
.sat-delay-650 { transition-delay: 0.65s; }
.sat-delay-700 { transition-delay: 0.7s; }
.sat-delay-750 { transition-delay: 0.75s; }
.sat-delay-800 { transition-delay: 0.8s; }
.sat-delay-850 { transition-delay: 0.85s; }
.sat-delay-900 { transition-delay: 0.9s; }
.sat-delay-950 { transition-delay: 0.95s; }
.sat-delay-1000 { transition-delay: 1s; }
.sat-delay-1050 { transition-delay: 1.05s; }
.sat-delay-1100 { transition-delay: 1.1s; }
.sat-delay-1150 { transition-delay: 1.15s; }
.sat-delay-1200 { transition-delay: 1.2s; }
.sat-delay-1250 { transition-delay: 1.25s; }
.sat-delay-1300 { transition-delay: 1.3s; }
.sat-delay-1350 { transition-delay: 1.35s; }
.sat-delay-1400 { transition-delay: 1.4s; }
.sat-delay-1450 { transition-delay: 1.45s; }
.sat-delay-1500 { transition-delay: 1.5s; }
.sat-delay-1550 { transition-delay: 1.55s; }
.sat-delay-1600 { transition-delay: 1.6s; }
.sat-delay-1650 { transition-delay: 1.65s; }
.sat-delay-1700 { transition-delay: 1.7s; }
.sat-delay-1750 { transition-delay: 1.75s; }
.sat-delay-1800 { transition-delay: 1.8s; }
.sat-delay-1850 { transition-delay: 1.85s; }
.sat-delay-1900 { transition-delay: 1.9s; }
.sat-delay-1950 { transition-delay: 1.95s; }
.sat-delay-2000 { transition-delay: 2s; }
.sat-delay-2050 { transition-delay: 2.05s; }
.sat-delay-2100 { transition-delay: 2.1s; }
.sat-delay-2150 { transition-delay: 2.15s; }
.sat-delay-2200 { transition-delay: 2.2s; }
.sat-delay-2250 { transition-delay: 2.25s; }
.sat-delay-2300 { transition-delay: 2.3s; }
.sat-delay-2350 { transition-delay: 2.35s; }
.sat-delay-2400 { transition-delay: 2.4s; }
.sat-delay-2450 { transition-delay: 2.45s; }
.sat-delay-2500 { transition-delay: 2.5s; }
.sat-delay-2550 { transition-delay: 2.55s; }
.sat-delay-2600 { transition-delay: 2.6s; }
.sat-delay-2650 { transition-delay: 2.65s; }
.sat-delay-2700 { transition-delay: 2.7s; }
.sat-delay-2750 { transition-delay: 2.75s; }
.sat-delay-2800 { transition-delay: 2.8s; }
.sat-delay-2850 { transition-delay: 2.85s; }
.sat-delay-2900 { transition-delay: 2.9s; }
.sat-delay-2950 { transition-delay: 2.95s; }
.sat-delay-3000 { transition-delay: 3s; }

.sat-easing-linear { transition-timing-function: cubic-bezier(.25,.25,.75,.75); }
.sat-easing-ease { transition-timing-function: ease; }
.sat-easing-ease-in { transition-timing-function: ease-in; }
.sat-easing-ease-out { transition-timing-function: ease-out; }
.sat-easing-ease-in-out { transition-timing-function: ease-in-out; }
.sat-easing-ease-in-back { transition-timing-function: cubic-bezier(.6,-.28,.735,.045); }
.sat-easing-ease-out-back { transition-timing-function: cubic-bezier(.175,.885,.32,1.275); }
.sat-easing-ease-in-out-back { transition-timing-function: cubic-bezier(.68,-.55,.265,1.55); }
.sat-easing-ease-in-sine { transition-timing-function: cubic-bezier(.47,0,.745,.715); }
.sat-easing-ease-out-sine { transition-timing-function: cubic-bezier(.39,.575,.565,1); }
.sat-easing-ease-in-out-sine { transition-timing-function: cubic-bezier(.445,.05,.55,.95); }
.sat-easing-ease-in-quad { transition-timing-function: cubic-bezier(.55,.085,.68,.53); }
.sat-easing-ease-out-quad { transition-timing-function: cubic-bezier(.25,.46,.45,.94); }
.sat-easing-ease-in-out-quad { transition-timing-function: cubic-bezier(.455,.03,.515,.955); }
.sat-easing-ease-in-cubic { transition-timing-function: cubic-bezier(.55,.085,.68,.53); }
.sat-easing-ease-out-cubic { transition-timing-function: cubic-bezier(.25,.46,.45,.94); }
.sat-easing-ease-in-out-cubic { transition-timing-function: cubic-bezier(.455,.03,.515,.955); }
.sat-easing-ease-in-quart { transition-timing-function: cubic-bezier(.55,.085,.68,.53); }
.sat-easing-ease-out-quart { transition-timing-function: cubic-bezier(.25,.46,.45,.94); }
.sat-easing-ease-in-out-quart { transition-timing-function: cubic-bezier(.455,.03,.515,.955); }

.sat-fade-up {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-fade-down {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-fade-left {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-fade-right {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-fade-up-right {
    opacity: 0;
    transform: translate3d(-100px, 100px, 0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-fade-up-left {
    opacity: 0;
    transform: translate3d(100px, 100px, 0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-fade-down-right {
    opacity: 0;
    transform: translate3d(-100px, -100px, 0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-fade-down-left {
    opacity: 0;
    transform: translate3d(100px, -100px, 0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-in {
    opacity: 0;
    transform: scale(0.6);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-in-up {
    opacity: 0;
    transform: translate3d(0, 100px, 0) scale(0.6);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-in-down {
    opacity: 0;
    transform: translate3d(0, -100px, 0) scale(0.6);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-in-right {
    opacity: 0;
    transform: translate3d(-100px, 0, 0) scale(0.6);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-in-left {
    opacity: 0;
    transform: translate3d(100px, 0, 0) scale(0.6);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-out {
    opacity: 0;
    transform: scale(1.2);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-out-up {
    opacity: 0;
    transform: translate3d(0, 100px, 0) scale(1.2);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-out-down {
    opacity: 0;
    transform: translate3d(0, -100px, 0) scale(1.2);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-out-right {
    opacity: 0;
    transform: translate3d(-100px, 0, 0) scale(1.2);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-zoom-out-left {
    opacity: 0;
    transform: translate3d(100px, 0, 0) scale(1.2);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-slide-up {
    transform: translate3d(0, 100%, 0);
    transition: transform 0.5s ease;
}

.sat-slide-down {
    transform: translate3d(0, -100%, 0);
    transition: transform 0.5s ease;
}

.sat-slide-right {
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.5s ease;
}

.sat-slide-left {
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s ease;
}

.sat-flip-left {
    opacity: 0;
    transform: perspective(2500px) rotateY(-100deg);
    backface-visibility: hidden;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-flip-right {
    opacity: 0;
    transform: perspective(2500px) rotateY(100deg);
    backface-visibility: hidden;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-flip-up {
    opacity: 0;
    transform: perspective(2500px) rotateX(-100deg);
    backface-visibility: hidden;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-flip-down {
    opacity: 0;
    transform: perspective(2500px) rotateX(100deg);
    backface-visibility: hidden;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.sat-blur {
    filter: blur(15px);
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.6s ease, filter 0.8s ease;
}

.sat-blur-up {
    filter: blur(20px);
    opacity: 0;
    transform: translate3d(0, 60px, 0);
    transition: opacity 0.7s ease, transform 0.7s ease, filter 0.9s ease;
}

.sat-blur-down {
    filter: blur(20px);
    opacity: 0;
    transform: translate3d(0, -60px, 0);
    transition: opacity 0.7s ease, transform 0.7s ease, filter 0.9s ease;
}

.sat-blur-left {
    filter: blur(20px);
    opacity: 0;
    transform: translate3d(60px, 0, 0);
    transition: opacity 0.7s ease, transform 0.7s ease, filter 0.9s ease;
}

.sat-blur-right {
    filter: blur(20px);
    opacity: 0;
    transform: translate3d(-60px, 0, 0);
    transition: opacity 0.7s ease, transform 0.7s ease, filter 0.9s ease;
}

.sat-blur-zoom-in {
    filter: blur(15px);
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.8s ease, transform 0.8s ease, filter 1s ease;
}

.sat-blur-zoom-out {
    filter: blur(15px);
    opacity: 0;
    transform: scale(1.3);
    transition: opacity 0.8s ease, transform 0.8s ease, filter 1s ease;
}

.sat-blur-glass {
    filter: blur(10px) brightness(1.1);
    opacity: 0;
    transform: translate3d(0, 40px, 0);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: opacity 0.7s ease, transform 0.7s ease, filter 0.9s ease, backdrop-filter 0.9s ease;
}

.sat-fade-up.sat-animate,
.sat-fade-down.sat-animate,
.sat-fade-left.sat-animate,
.sat-fade-right.sat-animate,
.sat-fade-up-right.sat-animate,
.sat-fade-up-left.sat-animate,
.sat-fade-down-right.sat-animate,
.sat-fade-down-left.sat-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.sat-zoom-in.sat-animate,
.sat-zoom-in-up.sat-animate,
.sat-zoom-in-down.sat-animate,
.sat-zoom-in-right.sat-animate,
.sat-zoom-in-left.sat-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.sat-zoom-out.sat-animate,
.sat-zoom-out-up.sat-animate,
.sat-zoom-out-down.sat-animate,
.sat-zoom-out-right.sat-animate,
.sat-zoom-out-left.sat-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

.sat-slide-up.sat-animate {
    transform: translate3d(0, 0, 0);
}

.sat-slide-down.sat-animate {
    transform: translate3d(0, 0, 0);
}

.sat-slide-right.sat-animate {
    transform: translate3d(0, 0, 0);
}

.sat-slide-left.sat-animate {
    transform: translate3d(0, 0, 0);
}

.sat-flip-left.sat-animate {
    opacity: 1;
    transform: perspective(2500px) rotateY(0);
}

.sat-flip-right.sat-animate {
    opacity: 1;
    transform: perspective(2500px) rotateY(0);
}

.sat-flip-up.sat-animate {
    opacity: 1;
    transform: perspective(2500px) rotateX(0);
}

.sat-flip-down.sat-animate {
    opacity: 1;
    transform: perspective(2500px) rotateX(0);
}

.sat-blur.sat-animate,
.sat-blur-up.sat-animate,
.sat-blur-down.sat-animate,
.sat-blur-left.sat-animate,
.sat-blur-right.sat-animate,
.sat-blur-zoom-in.sat-animate,
.sat-blur-zoom-out.sat-animate,
.sat-blur-glass.sat-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: blur(0);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
}

@media (max-width: 768px) {
    .sat-mobile-disable {
        opacity: 1;
        transform: none;
        transition: none;
        filter: none;
    }
}

.sat-optimize {
    will-change: transform, opacity, filter, backdrop-filter;
    backface-visibility: hidden;
}