/*---------------------------------------------------------------------
                 Image Overlay
-----------------------------------------------------------------------*/
.style-2.iq-fadebounce {
    -webkit-animation-name: fadebounce;
    -moz-animation-name: fadebounce;
    -ms-animation-name: fadebounce;
    -o-animation-name: fadebounce;
    animation-name: fadebounce;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/*==========================================
animations
================================================*/
@-moz-keyframes fadebounce {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        -moz-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 1
    }

    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes fadebounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-o-keyframes fadebounce {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        -o-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 1
    }

    100% {
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-ms-keyframes fadebounce {
    0% {
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 1
    }

    100% {
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadebounce {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(20px);
        opacity: 1
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

/* Style 3 (zoom in out effect)*/
.zoom-in-out-box {
    animation: zoom-in-zoom-out 4s ease infinite;
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.1, 1.1);
    }
    100% {
      transform: scale(1, 1);
    }
  }