/**
 * ----------------------------------------
 * animation header Slider
 * ----------------------------------------
 */

 @-webkit-keyframes Slider {
    0% {background-image: url("../img/sld1.jpg")}
    8% {background-image: url("../img/sld1.jpg")}
    10% {background-image: url("../img/sld2.jpg")}
    18% {background-image: url("../img/sld2.jpg")}
    20% {background-image: url("../img/sld3.jpg")}
    28% {background-image: url("../img/sld3.jpg")}
    30% {background-image: url("../img/sld4.jpg")}
    38% {background-image: url("../img/sld4.jpg")}
    40% {background-image: url("../img/sld5.jpg")}
    48% {background-image: url("../img/sld5.jpg")}
    50% {background-image: url("../img/sld6.jpg")}
    58% {background-image: url("../img/sld6.jpg")}
    60% {background-image: url("../img/sld7.jpg")}
    68% {background-image: url("../img/sld7.jpg")}
    70% {background-image: url("../img/sld8.jpg")}
    78% {background-image: url("../img/sld8.jpg")}
    80% {background-image: url("../img/sld9.jpg")}
    88% {background-image: url("../img/sld9.jpg")}
    90% {background-image: url("../img/sld10.jpg")}
    98% {background-image: url("../img/sld10.jpg")}
}

@-moz-keyframes Slider {
    0% {background-image: url("../img/sld1.jpg")}
    8% {background-image: url("../img/sld1.jpg")}
    10% {background-image: url("../img/sld2.jpg")}
    18% {background-image: url("../img/sld2.jpg")}
    20% {background-image: url("../img/sld3.jpg")}
    28% {background-image: url("../img/sld3.jpg")}
    30% {background-image: url("../img/sld4.jpg")}
    38% {background-image: url("../img/sld4.jpg")}
    40% {background-image: url("../img/sld5.jpg")}
    48% {background-image: url("../img/sld5.jpg")}
    50% {background-image: url("../img/sld6.jpg")}
    58% {background-image: url("../img/sld6.jpg")}
    60% {background-image: url("../img/sld7.jpg")}
    68% {background-image: url("../img/sld7.jpg")}
    70% {background-image: url("../img/sld8.jpg")}
    78% {background-image: url("../img/sld8.jpg")}
    80% {background-image: url("../img/sld9.jpg")}
    88% {background-image: url("../img/sld9.jpg")}
    90% {background-image: url("../img/sld10.jpg")}
    98% {background-image: url("../img/sld10.jpg")}
}

@keyframes Slider {
    0% {background-image: url("../img/sld1.jpg")}
    8% {background-image: url("../img/sld1.jpg")}
    10% {background-image: url("../img/sld2.jpg")}
    18% {background-image: url("../img/sld2.jpg")}
    20% {background-image: url("../img/sld3.jpg")}
    28% {background-image: url("../img/sld3.jpg")}
    30% {background-image: url("../img/sld4.jpg")}
    38% {background-image: url("../img/sld4.jpg")}
    40% {background-image: url("../img/sld5.jpg")}
    48% {background-image: url("../img/sld5.jpg")}
    50% {background-image: url("../img/sld6.jpg")}
    58% {background-image: url("../img/sld6.jpg")}
    60% {background-image: url("../img/sld7.jpg")}
    68% {background-image: url("../img/sld7.jpg")}
    70% {background-image: url("../img/sld8.jpg")}
    78% {background-image: url("../img/sld8.jpg")}
    80% {background-image: url("../img/sld9.jpg")}
    88% {background-image: url("../img/sld9.jpg")}
    90% {background-image: url("../img/sld10.jpg")}
    98% {background-image: url("../img/sld10.jpg")}
}





/* ----------------------------------------------
 * Generated by Animista on 2024-5-22 11:11:5
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
 @-webkit-keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }


  .heartbeat {
	-webkit-animation: heartbeat 2.5s ease-in-out infinite both;
	        animation: heartbeat 2.5s ease-in-out infinite both;
    }


  /**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
        0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
        opacity: 1;
        }
        40% {
        -webkit-transform: translateY(160px);
                transform: translateY(160px);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        }
        100% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        opacity: 1;
        }
  }
  @keyframes bounce-top {
    0% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 1;
    }
    40% {
      -webkit-transform: translateY(160px);
              transform: translateY(160px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    100% {
      -webkit-transform: translateY(0px);
              transform: translateY(0px);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
  }

  .bounce-top {
	-webkit-animation: bounce-top 3s infinite both;
	        animation: bounce-top 3s infinite both;
}

@media (max-width: 1920px) {
        @-webkit-keyframes bounce-top {
                0% {
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                -webkit-animation-timing-function: ease-in;
                        animation-timing-function: ease-in;
                opacity: 1;
                }
                40% {
                -webkit-transform: translateY(80px);
                        transform: translateY(80px);
                -webkit-animation-timing-function: ease-out;
                        animation-timing-function: ease-out;
                }
                100% {
                -webkit-transform: translateY(0px);
                        transform: translateY(0px);
                -webkit-animation-timing-function: ease-out;
                        animation-timing-function: ease-out;
                opacity: 1;
                }
          }
          @keyframes bounce-top {
            0% {
              -webkit-transform: translateY(0);
                      transform: translateY(0);
              -webkit-animation-timing-function: ease-in;
                      animation-timing-function: ease-in;
              opacity: 1;
            }
            40% {
              -webkit-transform: translateY(80px);
                      transform: translateY(80px);
              -webkit-animation-timing-function: ease-out;
                      animation-timing-function: ease-out;
            }
            100% {
              -webkit-transform: translateY(0px);
                      transform: translateY(0px);
              -webkit-animation-timing-function: ease-out;
                      animation-timing-function: ease-out;
              opacity: 1;
            }
          }

          .bounce-top {
                -webkit-animation: bounce-top 2s infinite both;
                        animation: bounce-top 2s infinite both;
        }
        
}