#fadein01, #fadein02, #fadein03, #fadein04 {
  display: none;
}

/* ==================================================================
						FadeIn Right 
================================================================== */

   .animated {
            -webkit-animation-duration: 8s;
            animation-duration: 8s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeInRight {
            0% {
               opacity: 0;
               -webkit-transform: translateX(1200px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes fadeInRight {
            0% {
               opacity: 0;
               transform: translateX(1200px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         
         .fadeInRight {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
         }

/* ==================================================================
						FadeIn Left 
================================================================== */

   .animated {
            -webkit-animation-duration: 8s;
            animation-duration: 8s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeInLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateX(-1200px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes fadeInLeft {
            0% {
               opacity: 0;
               transform: translateX(-1200px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         
         .fadeInLeft {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
         }

/* ==================================================================
                      Zoom Hover
================================================================== */


.imgZoom img {
    -webkit-transition:all 1.4s ease; /* Safari y Chrome */
    -moz-transition:all 1.4s ease; /* Firefox */
    -o-transition:all 1.4s ease; /* IE 9 */
    -ms-transition:all 1.4s ease; /* Opera */
}

.imgZoom:hover img {
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
    transform:scale(1.05);
}

/* ==================================================================
                      Zoom Encuadrado
================================================================== */

.zoom img {
    -webkit-transition:all 1.3s ease; /* Safari y Chrome */
    -moz-transition:all 1.3s ease; /* Firefox */
    -o-transition:all 1.3s ease; /* IE 9 */
    -ms-transition:all 1.3s ease; /* Opera */
    width:100%;
}

.zoom:hover img {
    -webkit-transform:scale(1.10);
    -moz-transform:scale(1.10);
    -ms-transform:scale(1.10);
    -o-transform:scale(1.10);
    transform:scale(1.10);
}

.zoom {
    overflow:hidden;
}
