/* inViewport */

[data-inviewport="scale-in"] {
    transition: 2s;
    transform: scale(0.1);
}

[data-inviewport="scale-in"].is-inViewport {
    transform: scale(1);
}

[data-inviewport="fade-rotate"] {
    transition: 2s;
    opacity: 0;
}

[data-inviewport="fade-rotate"].is-inViewport {
    transform: rotate(360deg);
    opacity: 1;
}

[data-inviewport="slide-in-left"] {
    opacity: 0;
    transform: translateX(-300px);
    transition: all 2s ease-out;
}

[data-inviewport="slide-in-left"].is-inViewport {
    opacity: 1;
    transform: translateX(0);
}

[data-inviewport="slide-in-right"] {
    opacity: 0;
    transform: translateX(300px);
    transition: all 2s ease-in-out;
}

[data-inviewport="slide-in-right"].is-inViewport {
    opacity: 1;
    transform: translateX(0);
}

[data-inviewport="slide-in-top"] {
    opacity: 0;
    transform: translateY(-200px);
    transition: all 2s ease-in-out;
}

[data-inviewport="slide-in-top"].is-inViewport {
    opacity: 1;
    transform: translateY(0);
}

[data-inviewport="slide-in-bottom"] {
    opacity: 0;
    transform: translateY(300px);
    transition: all 2s ease-in-out;
}

[data-inviewport="slide-in-bottom"].is-inViewport {
    opacity: 1;
    transform: translateY(0);
}


[data-inviewport="fade-in-zoom"] {
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.5s ease-in-out;
}

[data-inviewport="fade-in-zoom"].is-inViewport {

    opacity: 1;
    transform: scale(1);
}



/* Bounce in animation */
[data-inviewport="bounce-in"].is-inViewport {
    animation: bounceIn 1s ease-in-out both;
}

@keyframes bounceIn {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.5);
    }

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

[data-inviewport="scale-in-out"].is-inViewport {
    animation: scaleinout 1s ease-in-out both;

}
@keyframes scaleinout {
    0% {
        transform: scale(0.7);
    }

    50% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}
[data-inviewport="bbb"].is-inViewport {
    animation: bb 1s ease-in-out both;

}
@keyframes bb {
    0% {
        transform: translateX(-50%) scale(0.7);
    }

    50% {
        transform: translateX(30%) scale(0.5);
    }

    100% {
        transform: translateX(0) scale(1);
    }
}


/* Out of view */
[data-outofviewport="slide-out-left"] {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.5s ease-in-out;
}

[data-outofviewport="slide-out-left"].is-outOfViewport {
    opacity: 0;
    transform: translateX(-50px);
}


[data-outofviewport="slide-out-right"] {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.5s ease-in-out;
}

[data-outofviewport="slide-out-right"].is-outOfViewport {
    opacity: 0;
    transform: translateX(50px);
}

[data-outofviewport="slide-out-top"] {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.5s ease-in-out;
}

[data-outofviewport="slide-out-top"].is-outOfViewport {
    opacity: 0;
    transform: translateY(-50px);
}

[data-outofviewport="slide-out-bottom"] {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.5s ease-in-out;
}

[data-outofviewport="slide-out-bottom"].is-outOfViewport {
    opacity: 0;
    transform: translateY(50px);
}



[data-outofviewport="fade-out-zoom"] {
    opacity: 1;
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}

[data-outofviewport="fade-out-zoom"].is-outOfViewport {
    opacity: 0;
    transform: scale(0.5);
}


[data-outofviewport="rotate-out"] {
    opacity: 1;
    transform: rotate(0);
    transition: all 0.5s ease-in-out;
}

[data-outofviewport="rotate-out"].is-outOfViewport {
    opacity: 0;
    transform: rotate(-90deg);
}

/* Hover */
[data-hover="slide-left-a-bit"]:hover{
    transform: translateX(10px);
}



/* Small slidein */
[data-inviewport="sm-slide-in-left"] {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1s ease-out;
}

[data-inviewport="sm-slide-in-left"].is-inViewport {
    opacity: 1;
    transform: translateX(0);
}

[data-inviewport="sm-slide-in-right"] {
    opacity: 0;
    transform: translateX(50px);
    transition: all 1s ease-in-out;
}

[data-inviewport="sm-slide-in-right"].is-inViewport {
    opacity: 1;
    transform: translateX(0);
}

.biglist .blog-pa ul,ol{
    padding-left:30px
}
.biglist .indlist{
    padding-left:40px
}
.biglist{
    margin-right: 300px;
}