/* Parallax */
.mk-clips-anim
.mk-parallax-item { top: 100%; }
.mk-clips-anim-wrap,
.mk-parallax-wrap,
.mk-parallax-wrapper { position: absolute; width: 100%; height: 100%; }
.mk-parallax-wrapper .mk-fadeIn { opacity: 0; }
.mk-parallax-wrapper .mk-zoomIn,
.mk-parallax-wrapper .mk-zoomOut { z-index: 999999; }

/* Basic Parallax */
.mk-parallax-basic-yes { position: relative; width: 100%; overflow: hidden; }
.mk-parallax-basic-wrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; }
.mk-parallax-basic-inner { position: absolute; left: 0; width: 100%; }
.mk-parallax-basic-img-holder { position: absolute; top: 0; left: 0; height: 100%; width: 100%; will-change: transform; }
.mk-parallax-basic-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); vertical-align: middle; overflow-clip-margin: content-box; overflow: clip; width: 100%; }

/* Colors Animation */
.mk-colors-anim-fade,
.mk-colors-anim-ver-moving,
.mk-colors-anim-hor-moving { animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; }
.mk-colors-anim-hor-moving { animation-name: mk_colors_anim_hor_moving; }
.mk-colors-anim-ver-moving { animation-name: mk_colors_anim_ver_moving; }
@keyframes mk_colors_anim_hor_moving {
    0% { background-position: 0% 100%; }
    100% { background-position: 100% 100%; }
}
@keyframes mk_colors_anim_ver_moving {
    0% { background-position: 100% 0%; }
    100% { background-position: 100% 100%; }
}

/*Infinite Animation*/
@keyframes tilt {
    0% { -webkit-transform: rotateX(-30deg); -moz-transform: rotateX(-30deg); transform: rotateX(-30deg); }
    25% { -webkit-transform: rotateX(30deg); -moz-transform: rotateX(30deg); transform: rotateX(30deg); }
    50% { -webkit-transform: rotateY(-30deg); -moz-transform: rotateY(-30deg); transform: rotateY(-30deg); }
    75% { -webkit-transform: rotateY(30deg); -moz-transform: rotateY(30deg); transform: rotateY(30deg); }
    100% { -webkit-transform: rotateZ(20deg); -moz-transform: rotateZ(20deg); transform: rotateZ(20deg); }
}
@keyframes wave {
    0% { -webkit-transform: rotateZ(0deg) translate3d(0, 100px, 0) rotateZ(0deg); -moz-transform: rotateZ(0deg) translate3d(0, 100px, 0) rotateZ(0deg); transform: rotateZ(0deg) translate3d(0, 100px, 0) rotateZ(0deg); }
    100% { -webkit-transform: rotateZ(360deg) translate3d(0, 100px, 0) rotateZ(-360deg); -moz-transform: rotateZ(360deg) translate3d(0, 100px, 0) rotateZ(-360deg); transform: rotateZ(360deg) translate3d(0, 100px, 0) rotateZ(-360deg); }
}
@keyframes swing {
    20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -moz-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); }
    40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -moz-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); }
    60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -moz-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); }
    80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -moz-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); }
    100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -moz-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes swing2 {
    0% { -webkit-transform: translate3d(70px, 0, 0) rotateZ(10deg); -moz-transform: translate3d(70px, 0, 0) rotateZ(10deg); transform: translate3d(70px, 0, 0) rotateZ(10deg); }
    100% { -webkit-transform: translate3d(-70px, 0, 0) rotateZ(-10deg); -moz-transform: translate3d(-70px, 0, 0) rotateZ(-10deg); transform: translate3d(-70px, 0, 0) rotateZ(-10deg); }
}
@keyframes bounce {
    0% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
    100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes scale {
    0% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
    100% { -webkit-transform: scale(2); -moz-transform: scale(2); transform: scale(2); }
}
@keyframes spin {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}
.if_swing1 { -webkit-animation: swing 4s infinite alternate linear; -moz-animation: swing 4s infinite alternate linear; animation: swing 4s infinite alternate linear; }
.if_swing2 { -webkit-animation: swing2 4s 0.1s infinite alternate linear; -moz-animation: swing2 4s 0.1s infinite alternate linear; animation: swing2 4s 0.1s infinite alternate linear; }
.if_wave { -webkit-animation: wave 8s 0.1s infinite linear; -moz-animation: wave 8s 0.1s infinite linear; animation: wave 8s 0.1s infinite linear; }
.if_tilt { -webkit-animation: tilt 4s infinite alternate linear; -moz-animation: tilt 4s infinite alternate linear; animation: tilt 4s infinite alternate linear; }
.if_bounce { -webkit-animation: bounce 4s infinite alternate linear; -moz-animation: bounce 4s infinite alternate linear; animation: bounce 4s infinite alternate linear; }
.if_scale { -webkit-animation: scale 2s infinite alternate linear; -moz-animation: scale 2s infinite alternate linear; animation: scale 2s infinite alternate linear; }
.if_spin { -webkit-animation: spin 2s infinite alternate linear; -moz-animation: spin 2s infinite alternate linear; animation: spin 2s infinite alternate linear; }
.if_spin2 { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }