.jos, .jos-anchor {
    transition: .4s ease-in-out


.jos-anchor {
    opacity: 0
}

.jos-static {
    transform: translate(0,0);
    opacity: 1
}

.jos-no-transition {
    transition-timing-function: linear;
    transition-duration: 0s
}

.jos-fade {
    opacity: 0
}

.jos-fade-right {
    opacity: 0;
    transform: translateX(-100px)
}

.jos-fade-left {
    opacity: 0;
    transform: translateX(100px)
}

.jos-fade-up {
    opacity: 0;
    transform: translateY(50px)
}

.jos-fade-down {
    opacity: 0;
    transform: translateY(-50px)
}

.jos-fade-right-up {
    opacity: 0;
    transform: translateX(-100px) translateY(50px)
}

.jos-fade-right-down {
    opacity: 0;
    transform: translateX(-100px) translateY(-50px)
}

.jos-fade-left-up {
    opacity: 0;
    transform: translateX(100px) translateY(50px)
}

.jos-fade-left-down {
    opacity: 0;
    transform: translateX(100px) translateY(-50px)
}

.jos-slide, .jos-slide-right {
    transform: translateX(-100px)
}

.jos-slide-left {
    transform: translateX(100px)
}

.jos-slide-up {
    transform: translateY(100px)
}

.jos-slide-down {
    transform: translateY(-100px)
}

.jos-slide-right-up {
    transform: translateX(-100px) translateY(100px)
}

.jos-slide-right-down {
    transform: translateX(-100px) translateY(-100px)
}

.jos-slide-left-up {
    transform: translateX(100px) translateY(100px)
}

.jos-slide-left-down {
    transform: translateX(100px) translateY(-100px)
}

.jos-zoom, .jos-zoom-out {
    opacity: 0;
    transform: scale(.8)
}

.jos-zoom-out-right, .jos-zoom-right {
    opacity: 0;
    transform: scale(.8) translate3d(-100px,0,-100px)
}

.jos-zoom-left, .jos-zoom-out-left {
    opacity: 0;
    transform: scale(.8) translate3d(100px,0,-100px)
}

.jos-zoom-down, .jos-zoom-out-down {
    opacity: 0;
    transform: scale(.8) translate3d(0,-100px,0)
}

.jos-zoom-out-up, .jos-zoom-up {
    opacity: 0;
    transform: scale(.8) translate3d(0,100px,0)
}

.jos-grow {
    transform: scale(0)
}

.jos-grow-right {
    transform: scale(0) translate3d(-100px,0,-100px)
}

.jos-grow-left {
    transform: scale(0) translate3d(100px,0,-100px)
}

.jos-grow-down {
    transform: scale(0) translate3d(0,-100px,0)
}

.jos-grow-up {
    transform: scale(0) translate3d(0,100px,0)
}

.jos-zoom-in {
    opacity: 0;
    transform: scale(1.1)
}

.jos-zoom-in-down {
    opacity: 0;
    transform: scale(1.1) translate3d(0,-100px,0)
}

.jos-zoom-in-up {
    opacity: 0;
    transform: scale(1.1) translate3d(0,100px,0)
}

.jos-zoom-in-right {
    opacity: 0;
    transform: scale(1.1) translate3d(-100px,0,-100px)
}

.jos-zoom-in-left {
    opacity: 0;
    transform: scale(1.1) translate3d(100px,0,-100px)
}

.jos-shrink {
    transform: scale(1.4)
}

.jos-shrink-right {
    transform: scale(1.4) translate3d(-100px,0,-100px)
}

.jos-shrink-left {
    transform: scale(1.4) translate3d(100px,0,-100px)
}

.jos-shrink-down {
    transform: scale(1.4) translate3d(0,-100px,0)
}

.jos-shrink-up {
    transform: scale(1.4) translate3d(0,100px,0)
}

.jos-flip, .jos-flip-right {
    transform: perspective(2500px) rotateY(-100deg);
    opacity: 0
}

.jos-flip-left {
    transform: perspective(2500px) rotateY(100deg);
    opacity: 0
}

.jos-flip-up {
    opacity: 0;
    transform: perspective(2500px) rotateX(-100deg)
}

.jos-flip-down {
    opacity: 0;
    transform: perspective(2500px) rotateX(100deg)
}

.jos-rotate, .jos-rotate-right {
    opacity: 0;
    transform: rotate(-180deg)
}

.jos-rotate-left {
    opacity: 0;
    transform: rotate(180deg)
}

.jos-spin, .jos-spin-right {
    opacity: 0;
    transform: rotate(-180deg) scale(0)
}

.jos-spin-left {
    opacity: 0;
    transform: rotate(180deg) scale(0)
}

.jos-revolve, .jos-revolve-right {
    opacity: 0;
    transform: rotate(-360deg) scale(0)
}

.jos-revolve-left {
    opacity: 0;
    transform: rotate(360deg) scale(0)
}

.jos-stretch {
    opacity: 0;
    transform: scaleX(0)
}

.jos-stretch-vertical {
    opacity: 0;
    transform: scaleY(0)
}

[data-jos_timing_function=ease] {
    transition-timing-function: ease !important
}

[data-jos_timing_function=ease-in] {
    transition-timing-function: ease-in !important
}

[data-jos_timing_function=ease-out] {
    transition-timing-function: ease-out !important
}

[data-jos_timing_function=ease-in-out] {
    transition-timing-function: ease-in-out !important
}

[data-jos_timing_function=linear] {
    transition-timing-function: linear !important
}

[data-jos_timing_function=cubic-bezier] {
    transition-timing-function: cubic-bezier(0.1,0.7,1,0.1) !important
}

[data-jos_timing_function=step-start] {
    transition-timing-function: step-start !important
}

[data-jos_timing_function=step-end] {
    transition-timing-function: step-end !important
}

[data-jos_timing_function=steps] {
    transition-timing-function: steps(5,end) !important
}

[data-jos_timing_function=frames] {
    transition-timing-function: frames(5) !important
}

[data-jos_timing_function=initial] {
    transition-timing-function: initial !important
}

[data-jos_timing_function=inherit] {
    transition-timing-function: inherit !important
}

[data-jos_timing_function=unset] {
    transition-timing-function: unset !important
}

[data-jos_duration="0"] {
    transition-duration: 0s !important
}

[data-jos_duration="0.1"] {
    transition-duration: .1s !important
}

[data-jos_duration="0.2"] {
    transition-duration: .2s !important
}

[data-jos_duration="0.3"] {
    transition-duration: .3s !important
}

[data-jos_duration="0.4"] {
    transition-duration: .4s !important
}

[data-jos_duration="0.5"] {
    transition-duration: .5s !important
}

[data-jos_duration="0.6"] {
    transition-duration: .6s !important
}

[data-jos_duration="0.7"] {
    transition-duration: .7s !important
}

[data-jos_duration="0.8"] {
    transition-duration: .8s !important
}

[data-jos_duration="0.9"] {
    transition-duration: .9s !important
}

[data-jos_duration="1"], [data-jos_duration="6"] {
    transition-duration: 1s !important
}

[data-jos_duration="2"], [data-jos_duration="7"] {
    transition-duration: 2s !important
}

[data-jos_duration="3"], [data-jos_duration="8"] {
    transition-duration: 3s !important
}

[data-jos_duration="4"], [data-jos_duration="9"] {
    transition-duration: 4s !important
}

[data-jos_duration="10"], [data-jos_duration="5"] {
    transition: 5s !important
}

[data-jos_delay="0"] {
    transition-delay: 0s !important
}

[data-jos_delay="0.1"] {
    transition-delay: 0.1s !important
}

[data-jos_delay="0.2"] {
    transition-delay: 0.2s !important
}

[data-jos_delay="0.3"] {
    transition-delay: 0.3s !important
}

[data-jos_delay="0.4"] {
    transition-delay: 0.4s !important
}

[data-jos_delay="0.5"] {
    transition-delay: 0.5s !important
}

[data-jos_delay="0.6"] {
    transition-delay: 0.6s !important
}

[data-jos_delay="0.7"] {
    transition-delay: 0.7s !important
}

[data-jos_delay="0.8"] {
    transition-delay: 0.8s !important
}

[data-jos_delay="0.9"] {
    transition-delay: 0.9s !important
}

[data-jos_delay="1"] {
    transition-delay: 1s !important
}

[data-jos_delay="2"] {
    transition-delay: 2s !important
}

[data-jos_delay="3"] {
    transition-delay: 3s !important
}

[data-jos_delay="4"] {
    transition-delay: 4s !important
}

[data-jos_delay="5"] {
    transition-delay: 5s !important
}

.jos-slide-horizontal-play, .jos-slide-play {
    transition: 1s;
    animation: .7s ease-in-out infinite alternate-reverse jos-slide-play
}

@keyframes jos-slide-play {
    0% {
        transform: translateX(-100px)
    }

    100% {
        transform: translateX(100px)
    }
}

.jos-slide-vertical-play {
    animation: .7s ease-in-out infinite alternate-reverse jos-slide-vertical-play
}

@keyframes jos-slide-vertical-play {
    0% {
        transform: translateY(-100px)
    }

    100% {
        transform: translateY(100px)
    }
}

.jos-pulse-play, .jos-zoom-in-play {
    animation: 1s infinite alternate jos-zoom-in-play
}

@keyframes jos-zoom-in-play {
    0% {
        transform: scale(1);
        opacity: 0
    }

    100% {
        opacity: 1;
        transform: scale(.8)
    }
}

.jos-pulse-out-play, .jos-zoom-out-play, .jos-zoom-play {
    animation: .5s linear infinite alternate jos-zoom-play
}

@keyframes jos-zoom-play {
    0% {
        transform: scale(1);
        opacity: 0
    }

    100% {
        opacity: 1;
        transform: scale(1.1)
    }
}

.jos-flip-play {
    animation: .7s infinite alternate jos-flip-play
}

@keyframes jos-flip-play {
    0% {
        transform: rotateY(0)
    }

    100% {
        transform: rotateY(180deg)
    }
}

.jos-rotate-play {
    animation: 1s linear infinite alternate-reverse forwards jos-rotate-play;
    border-radius: 0
}

@keyframes jos-rotate-play {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.jos-spin-play {
    animation: 1.5s infinite alternate jos-spin-play
}

@keyframes jos-spin-play {
    0% {
        transform: rotate(0);
        opacity: 0
    }

    100% {
        transform: rotate(360deg);
        opacity: 1
    }
}

.jos-revolve-play {
    animation: 1.5s infinite alternate jos-revolve-play
}

@keyframes jos-revolve-play {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.jos-grow-play, .jos-shrink-play {
    animation: 1s infinite alternate jos-grow-play
}

@keyframes jos-grow-play {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

.jos-shrink-play {
    animation-direction: alternate-reverse
}

.jos-stretch-play {
    animation: .7s infinite alternate jos-stretch-play
}

@keyframes jos-stretch-play {
    0% {
        transform: scaleX(1)
    }

    100% {
        transform: scaleX(0)
    }
}

.jos-stretch-vertical-play {
    animation: .7s infinite alternate-reverse jos-stretch-vertical-play
}

@keyframes jos-stretch-vertical-play {
    0% {
        transform: scaleY(1)
    }

    100% {
        transform: scaleY(0)
    }
}

.jos-fade-play {
    animation: .8s infinite alternate jos-fade-play
}

@keyframes jos-fade-play {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.jos-fade-horizontal-play {
    animation: 1s infinite alternate-reverse jos-fade-horizontal-play
}

@keyframes jos-fade-horizontal-play {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }

    100% {
        opacity: 1;
        transform: translateX(-100px)
    }
}

.jos-fade-vertical-play {
    animation: 1s infinite alternate-reverse jos-fade-vertical-play
}

@keyframes jos-fade-vertical-play {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    100% {
        opacity: 1;
        transform: translateY(-100px)
    }
}

.jos-blink-play {
    animation: 1s steps(1,end) infinite jos-blink-play
}

@keyframes jos-blink-play {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}
/* JOS By Jesvi Jonathan*/