/* 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;
    }

}

  
@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: 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);
    }
  }
@-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 shake {
    0% {
        transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    18% {
        transform: rotate(-12deg);
        -ms-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 */