/*
*
* heartBeat Animation 
* 
*/

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
    14% {
        -webkit-transform: scale(1.3) rotate(0);
        transform: scale(1.3) rotate(0);
    }
    28% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
    42% {
        -webkit-transform: scale(1.3) rotate(0);
        transform: scale(1.3) rotate(0);
    }
    70% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
    70% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
    14% {
        -webkit-transform: scale(1.3) rotate(0);
        transform: scale(1.3) rotate(0);
    }
    28% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
    42% {
        -webkit-transform: scale(1.3) rotate(0);
        transform: scale(1.3) rotate(0);
    }
    70% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

/**/

.pila-animation {
    -webkit-animation-name: pila;
    animation-name: pila;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes pila {
    0% {
      margin-left: -1055px;
    }
    25% {
      margin-left: -1115px;
    }
    50% {
      margin-left: -1055px;
    }
    75% {
      margin-left: -995px;
    }
    100% {
      margin-left: -1055px;
    }
}

/**/

.bg-animation {
    -webkit-animation-name: bg-animation;
    animation-name: bg-animation;
    -webkit-animation-duration: 55s;
    animation-duration: 55s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes bg-animation {
    0% {
      right: 0;
    }
    100% {
      right: -2000px;
    }
}

/**/

.fenykl-animation {
    -webkit-animation-name: fenykl-animation;
    animation-name: fenykl-animation;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes fenykl-animation {
    0% {
      transform: rotate(3deg);
    }
    50% {
      transform: rotate(-3deg);
    }
    100% {
      transform: rotate(3deg);
    }
}

.fenykl-animation-2 {
    -webkit-animation-name: fenykl-animation;
    animation-name: fenykl-animation;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}