/*=============================================================== Zoom inout Start =======================================================================================*/

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.zoom-in-out img {
  animation: zoomInOut 60s infinite alternate;
}


@keyframes bounce {
 0%   { transform:translate(0,-16px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,16px); opacity: 0; }
}

/*=============================================================== Zoom inout End =======================================================================================*/

/*=============================================================== Pan Animation Start =======================================================================================*/

.image-wrapper.pan-animation img {
    animation: zoom-in-zoom-out 56s linear infinite;
    transform: scale(1.2);
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: translate(-50px, 0) scale(1.2);
    transition: all 56s;
  }
  50% {
    transform: translate(50px, 0) scale(1.2);
    transition: all 56s;
  }
  100% {
    transform: translate(-50px, 0) scale(1.2);
    transition: all 56s;
  }
}

/*=============================================================== Pan Animation End =======================================================================================*/



/*=============================================================== Zoom Inout Start =======================================================================================*/
.image-wrapper.zoom-on-hover img {
    transform: scale(1);
    transition: transform 0.6s ease-in-out;
}
.image-wrapper.zoom-on-hover:hover img {
    transform: scale(1.05);
    transition: transform 0.8s ease-in-out;
}
/*=============================================================== Zoom Inout End =======================================================================================*/


/*=============================================================== Main Visual Animation Start =======================================================================================*/

.r2g-main-visual-simple .scroll-down {
    animation: bounce 2s ease-in-out infinite;
    -moz-animation: bounce 2s ease-in-out infinite;
    -webkit-animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
    0% {
        transform: translate(0,-16px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translate(0,16px);
        opacity: 0;
    }
}

/*=============================================================== Main Visual Animation End =======================================================================================*/