/* ==============================
    Animation 1.0
================================= */

.ianim-l, .ianim-r {
	opacity: 0;
}
.ifadeInLeft {
  -webkit-animation-duration: 2s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility:visible !important;
}
@-webkit-keyframes ifadeInLeft {
  0% {
       opacity: 0;
        -webkit-transform: translateX(-110px);
        -moz-transform: translateX(-110px);
        -ms-transform: translateX(-110px);
        -o-transform: translateX(-110px);
        transform: translateX(-110px);
  }
  100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz--transform: translateX(0);
        -ms-transform: translateX(0);
        -o--transform: translateX(0);
        transform: translateX(0);
  }
}

@keyframes ifadeInLeft {
  0% {
        opacity: 0;
        -webkit-transform: translateX(-110px);
        -moz-transform: translateX(-110px);
        -ms-transform: translateX(-110px);
        -o-transform: translateX(-110px);
        transform: translateX(-110px);
  }
  100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz--transform: translateX(0);
        -ms-transform: translateX(0);
        -o--transform: translateX(0);
        transform: translateX(0);
  }
}

.ifadeInLeft {
  -webkit-animation-name: ifadeInLeft;
  animation-name: ifadeInLeft;
}

/* Right - Used in Navigation Mobile view */

.ifadeInRight {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility:visible !important;
}
@-webkit-keyframes ifadeInRight {
  0% {
        opacity: 0;
        -webkit-transform: translateX(110px);
        -moz-transform: translateX(110px);
        -ms-transform: translateX(110px);
        -o-transform: translateX(110px);
        transform: translateX(110px);
  }
  100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
  }
}

@keyframes ifadeInRight {
  0% {
        opacity: 0;
        -webkit-transform: translateX(110px);
        -moz-transform: translateX(110px);
        -ms-transform: translateX(110px);
        -o-transform: translateX(110px);
        transform: translateX(110px);
  }
  100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
  }
}

.ifadeInRight {
  -webkit-animation-name: ifadeInRight;
  animation-name: ifadeInRight;
}

/* Used in Each Section Zoom in by ifadezomin  */

.ifadezomin-pckg {
    opacity: 0;
}

/* Used in Navigation desktop view  */

.ifadezomin {
    animation: ifadezomin  1s forwards;
    -webkit-animation: ifadezomin  1s forwards;
}

@keyframes ifadezomin {
     0% {
        opacity: 0;
        -webkit-transform: scale(1.3);
         -moz-transform: scale(1.3);
        -ms-transform:  scale(1.3);
         -o-transform: scale(1.3);
        transform:  scale(1.3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    } 
}
@-webkit-keyframes ifadezomin {
     0% {
        opacity: 0;
        -webkit-transform: scale(1.3);
         -moz-transform: scale(1.3);
        -ms-transform:  scale(1.3);
         -o-transform: scale(1.3);
        transform:  scale(1.3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    } 
}

/* Used in Featured Test Profile  */

@keyframes patho_rotateY {
    100% {
        transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
    }
}
@-webkit-keyframes patho_rotateY {
    100% {
        transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -webkit-transform: rotateY(360deg);
    }
}


/* Shake the Image - used in Topbar Social Icons   */

@keyframes iwebshake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}