@keyframes logo-scale {
        0% {transform: scale(5); opacity: 0; }
        50% {transform: scale(1) ; opacity: 1; }
        70% {transform: scale(1.4) ; opacity: 1;}
        100% {transform: scale(1) ; opacity: 0;}
        }


/**
 * ----------------------------------------
 * 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
 * ----------------------------------------
 */
 
  @keyframes heartbeat {
    from {
        transform: scale(1);
    }
    10% {
        transform: scale(0.91);
    }
    17% {
        transform: scale(0.98);
    }
    33% {
        transform: scale(0.87);
    }
    45% {
        transform: scale(1);
    }
  }


  .heartbeat {
	transform-origin: center center;
	animation: heartbeat 2.5s ease-out infinite both;
    }


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


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

@media (max-width: 1920px) {
       

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