.animated {
    transform: translate3D(0px, 0px, 0px) !important;
    -webkit-transform: translate3D(0px, 0px, 0px) !important;
    opacity: 1 !important;
    animation-duration: 1s;
    animation-fill-mode: unset;
}
.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

/*-------------------------------------------------------------*/
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    40% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }
    60% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }
}

.bounce {
    animation: bounce 2s infinite;
}
/*-------------------------------------------------------------*/
@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}
/*-------------------------------------------------------------*/
@-webkit-keyframes Floatingy {
    from {
        -webkit-transform: translate(0, 0px);
    }
    65% {
        -webkit-transform: translate(50px, 0);
    }
    to {
        -webkit-transform: translate(0, -0px);
    }
}

@-moz-keyframes Floatingy {
    from {
        -moz-transform: translate(0, 0px);
    }
    65% {
        -moz-transform: translate(50px, 0);
    }
    to {
        -moz-transform: translate(0, -0px);
    }
}

@-webkit-keyframes Floatingx {
    from {
        -webkit-transform: translate(100px, 0px);
    }
    65% {
        -webkit-transform: translate(0, 0);
    }
    to {
        -webkit-transform: translate(100px, -0px);
    }
}

@-moz-keyframes Floatingx {
    from {
        -moz-transform: translate(100px, 0px);
    }
    65% {
        -moz-transform: translate(0, 0);
    }
    to {
        -moz-transform: translate(100px, 0px);
    }
}
.floatingx {
    -webkit-animation-iteration-count: unset;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: unset;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-name: Floatingx;
    -moz-animation-name: Floatingx;
    float: right;
}
.floatingy {
    -webkit-animation-iteration-count: unset;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: unset;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-name: Floatingy;
    -moz-animation-name: Floatingy;
    float: left;
}
@keyframes FloatingBottom {
    0% {
        -webkit-transform: translate(0px, 100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0px, 0px);
        opacity: 1;
    }
}
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}
.shake:hover {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    animation-iteration-count: unset;
}
/*------------------------------------------animate----------------------------------------*/
.animate {
    transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -webkit-transition: 1.5s ease-in-out;
}
.display-and-disappear {
    opacity: 0;
    -webkit-animation-name: display-and-disappear; /* Safari 4.0 - 8.0 */
    animation-name: display-and-disappear;
    -webkit-animation-duration: 20s; /* Safari 4.0 - 8.0 */
    animation-duration: 20s;
    animation-delay: 1s; /*opóźnienie animacji*/
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1; /*powtarzanie animacji bez końca*/
    transition: all 1000ms;
}
@-webkit-keyframes display-and-disappear {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none;
    }
}
@keyframes display-and-disappear {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none;
    }
}

.text-flashing-2 {
    -webkit-animation-name: change-opacity; /* Safari 4.0 - 8.0 */
    animation-name: change-opacity;
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-duration: 3s;
    animation-delay: 1s; /*opóźnienie animacji*/
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite; /*powtarzanie animacji bez końca*/
    transition: all 500ms;
}
.text-flashing-2:hover {
    animation: none;
}
.text-flashing-red {
    color: red !important;
    -webkit-animation-name: miganie; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: miganie;
    animation-duration: 2s;
    animation-delay: 1s; /*opóźnienie animacji*/
    animation-timing-function: linear;
    animation-iteration-count: infinite; /*powtarzanie animacji bez końca*/
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes change-opacity {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes change-opacity {
    0% {
        opacity: 1;
    }
    10% {
        opacity: 1;
    }
    50% {
        opacity: 0.4;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}