/* Start of:Animations */
@-webkit-keyframes alert {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    5% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    10% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    15% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    25% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    30% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    35% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    45% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes alert {
    0% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    5% {
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    10% {
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    15% {
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20% {
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    25% {
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    30% {
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    35% {
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    40% {
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    45% {
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    50% {
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes appear {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes appear {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    60% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@-webkit-keyframes bounce-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

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

@keyframes bounce-in {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.0);
    }

    70% {
        transform: scale(0.9);
    }

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

@-webkit-keyframes bounce-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.90);
        transform: scale(0.90);
    }

    70% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@keyframes bounce-out {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.90);
    }

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

    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}

@-webkit-keyframes change-color {
    0% {
        background-color: green;
    }

    25% {
        background-color: red;
    }

    50% {
        background-color: blue;
    }

    100% {
        background-color: yellow;
    }
}

@keyframes change-color {
    0% {
        background-color: green;
    }

    25% {
        background-color: red;
    }

    50% {
        background-color: blue;
    }

    100% {
        background-color: yellow;
    }

}

@-webkit-keyframes change-color2 {
    0% {
        background-color: green;
    }

    25% {
        background-color: rgb(212, 164, 7);
    }

    50% {
        background-color: rgb(19, 218, 208);
    }

    100% {
        background-color: rgb(103, 18, 212);
    }
}

@keyframes change-color2 {
    0% {
        background-color: green;
    }

    25% {
        background-color: rgb(212, 164, 7);
    }

    50% {
        background-color: rgb(19, 218, 208);
    }

    100% {
        background-color: rgb(103, 18, 212);
    }

}

@keyframes delay {

    0%,
    33% {
        transform: scaleY(1);
        -webkit-transform: scaleY(2222);
        -webkit-transform: scaleX(222);
    }

    66% {
        transform: scaleY(60);
        -webkit-transform: scaleY(2222);
        -webkit-transform: scaleX(222);
    }

    100% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

@keyframes delayReverse {
    0% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);

    }

    33% {
        transform: scaleY(1);
        -webkit-transform: scaleX(222);
        -webkit-transform: scaleY(2222);

    }

    66% {
        transform: scaleY(60);
        -webkit-transform: scaleX(222);
        -webkit-transform: scaleY(2222);

    }

    100% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);

    }
}

@-webkit-keyframes elastic {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

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

@keyframes elastic {
    0% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

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

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes jump {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    50% {
        transform: translateY(0);
    }

    60% {
        transform: translateY(-15px);
    }

    80% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes newspaper {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3) rotate(720deg);
        transform: scale3d(0.3, 0.3, 0.3) rotate(720deg);
    }

    30% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1) rotate(15deg);
        transform: scale3d(1, 1, 1) rotate(15deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1) rotate(15deg);
        transform: scale3d(1, 1, 1) rotate(15deg);
    }
}

@keyframes newspaper {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3) rotate(0deg);
    }

    30% {
        opacity: 1;
        /* transform: scale3d(1, 1, 1) rotate(15deg); */
    }

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

@-webkit-keyframes newspaper2 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3) rotate(-720deg);
        transform: scale3d(0.3, 0.3, 0.3) rotate(-720deg);
    }

    30% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1) rotate(-15deg);
        transform: scale3d(1, 1, 1) rotate(-15deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1) rotate(-15deg);
        transform: scale3d(1, 1, 1) rotate(-15deg);
    }
}

@keyframes newspaper2 {
    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3) rotate(0deg);
    }

    30% {
        opacity: 1;
        /* transform: scale3d(1, 1, 1) rotate(15deg); */
    }

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

@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes shake {
    0% {
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    2% {
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    4% {
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    6% {
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    8% {
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }

    10% {
        -ms-transform: rotate(22deg);
        transform: rotate(22deg);
    }

    12% {
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }

    14% {
        -ms-transform: rotate(-18deg);
        transform: rotate(18deg);
    }

    16% {
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    18% {
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }

    20% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
}


@-webkit-keyframes zoom-in-out {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

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

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes zoom-in-out {
    0% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -ms-transform: scale(1.3);
        transform: scale(1.3);
    }

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

@keyframes fadeInMobile {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOutMobile {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

/* End of:Animations */