/* Animate.css - Licensed under the ☺ license (http://licence.visualidiot.com/)
Copyright (c) 2012 Dan Eden 
Modified by DOKTOR Z */

body { -webkit-backface-visibility: hidden; /* webkit ONLY issue */ }



/* IMPORTANT - defines every animation !!! */
.animate { 
-webkit-animation: 1s 1s ease both;
-moz-animation: 1.5s 1.5s  ease both;
-o-animation: 1.5s 1.5s ease both;
animation: 1.5s 1.5s ease both;  
}

.animate-slow { 
-webkit-animation: 1.5s 1.5s ease forwards;
-moz-animation: 1.5s 1.5s  ease forwards;
-o-animation: 1.5s 1.5s ease forwards;
animation: 1.5s 1.5s ease forwards;  
}

.animate-fast { 
-webkit-animation: .5s 1s ease forwards;
-moz-animation: .5s 1s  ease forwards;
-o-animation: .5s 1s ease forwards;
animation: .5s 1s ease forwards; 
}


/* Fade IN ___________________________ */

.fadeIn { 
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
animation-name: fadeIn; 
}
@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }


.gfadeIn {
-webkit-animation: gfadeIn .5s ease;
-moz-animation: gfadeIn .5s ease;
animation: gfadeIn .5s ease;
}
@-webkit-keyframes gfadeIn { from { opacity: 0;} to { opacity: 1;} }
@-moz-keyframes gfadeIn { from { opacity: 0;} to { opacity: 1;} }
@keyframes gfadeIn { from { opacity: 0;} to { opacity: 1;} }


.fadeInDown { 
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown; 
animation-name: fadeInDown; 
}
@-webkit-keyframes fadeInDown { 
0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }   }
@-moz-keyframes fadeInDown { 
0% { opacity: 0; -moz-transform: translateY(-20px); transform: translateY(-20px); }
100% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); }   }
@keyframes fadeInDown { 
0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }   }



.fadeInDownBig { 
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig; 
animation-name: fadeInDownBig; 
}
@-webkit-keyframes fadeInDownBig { 
0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }   }
@-moz-keyframes fadeInDownBig { 
0% { opacity: 0; -moz-transform: translateY(-2000px); transform: translateY(-2000px); }
100% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); }   }
@keyframes fadeInDownBig { 
0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }   }


.fadeInLeft { 
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
animation-name: fadeInLeft; 
}
@-webkit-keyframes fadeInLeft { 
0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }  }
@-moz-keyframes fadeInLeft { 
0% { opacity: 0; -moz-transform: translateX(-20px); transform: translateX(-20px); }
100% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); }  }
@keyframes fadeInLeft { 
0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }


.fadeInLeftBig { 
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig; 
animation-name: fadeInLeftBig; 
}
@-webkit-keyframes fadeInLeftBig { 
0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig { 
0% { opacity: 0; -moz-transform: translateX(-2000px); transform: translateX(-2000px); }
100% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeftBig { 
0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
100% { opacity: 1; -webkit-transform: translateX(-2000px); -ms-transform: translateX(0); transform: translateX(0); } }


.fadeInRight { 
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight; 
animation-name: fadeInRight; 
}
@-webkit-keyframes fadeInRight { 
0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@-moz-keyframes fadeInRight { 
0% { opacity: 0; -moz-transform: translateX(20px); transform: translateX(20px); }
100% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 
0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }


.fadeInRightBig { 
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig; 
animation-name: fadeInRightBig; 
}
@-webkit-keyframes fadeInRightBig { 
0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes fadeInRightBig { 
0% { opacity: 0; -moz-transform: translateX(2000px); transform: translateX(2000px); }
100% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRightBig { 
0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }


.fadeInUp { 
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
animation-name: fadeInUp; 
}
@-webkit-keyframes fadeInUp { 
0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes fadeInUp { 
0% { opacity: 0; -moz-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 
0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }


.fadeInUpBig { 
-webkit-animation-name: fadeInUpBig; 
animation-name: fadeInUpBig; 
}
@-webkit-keyframes fadeInUpBig { 
0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes fadeInUpBig { 
0% { opacity: 0; -moz-transform: translateY(2000px); transform: translateY(2000px); }
100% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUpBig { 
0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }


/* FADE OUT  _________________________ */

.fadeOut { 
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
animation-name: fadeOut; 
}
@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }  }
@-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }  }
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; }  }


.gfadeOut {
  -webkit-animation: gfadeOut .5s ease;
  -moz-animation: gfadeOut .5s ease;
  animation: gfadeOut .5s ease;
}
@-webkit-keyframes gfadeOut { from { opacity: 1;} to { opacity: 0;} }
@-moz-keyframes gfadeOut { from { opacity: 1;} to { opacity: 0;} }
@keyframes gfadeOut { from { opacity: 1;} to { opacity: 0;} }


.fadeOutDown { 
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown; 
animation-name: fadeOutDown; 
}
@-webkit-keyframes fadeOutDown { 
0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } }
@-moz-keyframes fadeOutDown { 
0% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -moz-transform: translateY(20px); transform: translateY(20px); } }
@keyframes fadeOutDown { 
0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } }


.fadeOutDownBig { 
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig; 
animation-name: fadeOutDownBig; 
}
@-webkit-keyframes fadeOutDownBig { 
0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }
@-moz-keyframes fadeOutDownBig { 
0% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -moz-transform: translateY(2000px); transform: translateY(2000px); } }
@keyframes fadeOutDownBig { 
0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }


.fadeOutLeft { 
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft; 
animation-name: fadeOutLeft; 
}
@-webkit-keyframes fadeOutLeft { 
0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft { 
0% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -moz-transform: translateX(-20px); transform: translateX(-20px); } }
@keyframes fadeOutLeft { 
0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } }


.fadeOutLeftBig { 
-webkit-animation-name: fadeOutLeftBig; 
animation-name: fadeOutLeftBig; 
}
@-webkit-keyframes fadeOutLeftBig { 
0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@-moz-keyframes fadeOutLeftBig { 
0% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -moz-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes fadeOutLeftBig { 
0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }


.fadeOutRight { 
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight; 
animation-name: fadeOutRight; 
}
@-webkit-keyframes fadeOutRight { 
0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } }
@-moz-keyframes fadeOutRight { 
0% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -moz-transform: translateX(20px); transform: translateX(20px); } }
@keyframes fadeOutRight { 
0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } }


.fadeOutRightBig { 
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; 
}
@-webkit-keyframes fadeOutRightBig { 
0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@-moz-keyframes fadeOutRightBig { 
0% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -moz-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes fadeOutRightBig { 
0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }


.fadeOutUp { 
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;  
animation-name: fadeOutUp; 
}
@-webkit-keyframes fadeOutUp { 
0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp { 
0% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -moz-transform: translateY(-20px); transform: translateY(-20px); } }
@keyframes fadeOutUp { 
0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } }


.fadeOutUpBig { 
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; 
}
@-webkit-keyframes fadeOutUpBig { 
0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@-moz-keyframes fadeOutUpBig { 
0% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -moz-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes fadeOutUpBig { 
0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }






/* SLIDE IN _________________________ */

.slideInDown { 
-webkit-animation-name: slideInDown; 
-moz-animation-name: slideInDown;
animation-name: slideInDown; 
}
@-webkit-keyframes slideInDown { 
0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes slideInDown { 
0% { opacity: 0; -moz-transform: translateY(-2000px); transform: translateY(-2000px); }
100% { -moz-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInDown { 
0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }


.slideInLeft { 
-webkit-animation-name: slideInLeft;
-moz-animation-name: slideInLeft; 
animation-name: slideInLeft; 
}
@-webkit-keyframes slideInLeft { 
0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@-moz-keyframes slideInLeft { 
0% { opacity: 0; -moz-transform: translateX(-2000px); transform: translateX(-2000px); }
100% { -moz-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInLeft { 
0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }


.slideInRight { 
-webkit-animation-name: slideInRight;
-moz-animation-name: slideInRight; 
animation-name: slideInRight; 
}
@-webkit-keyframes slideInRight { 
0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@-moz-keyframes slideInRight { 
0% { opacity: 0; -moz-transform: translateX(2000px); transform: translateX(2000px); }
100% { -moz-transform: translateX(0); transform: translateX(0); } }
@keyframes slideInRight { 
0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }


.gslideInLeft {
  -webkit-animation: gslideInLeft .3s ease;
  -moz-animation: gslideInLeft .3s ease;
  animation: gslideInLeft .3s ease;
}
@-webkit-keyframes gslideInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);  }
to { visibility: visible; opacity: 1;
    -webkit-transform: translate3d( 0, 0, 0);
    transform: translate3d( 0, 0, 0);  }
}
@-moz-keyframes gslideInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);  }
to { visibility: visible; opacity: 1;
    -webkit-transform: translate3d( 0, 0, 0);
    transform: translate3d( 0, 0, 0);  }
}
@keyframes gslideInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);  }
to { visibility: visible; opacity: 1;
    -webkit-transform: translate3d( 0, 0, 0);
    transform: translate3d( 0, 0, 0);  }
}


.gslideInRight {
  -webkit-animation: gslideInRight .3s ease;
  -moz-animation: gslideInRight .3s ease;
  animation: gslideInRight .3s ease;
}
@-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);  }
to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);  }
}
@-moz-keyframes gslideInRight { from { opacity: 0; visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);  }
to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);  }
}
@keyframes gslideInRight { from { opacity: 0; visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);  }
to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);  }
}



/* SLIDE OUT _________________________ */

.slideOutLeft { 
-webkit-animation-name: slideOutLeft;
-moz-animation-name: slideOutLeft; 
animation-name: slideOutLeft; 
}
@-webkit-keyframes slideOutLeft { 
0% { -webkit-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }
@-webkit-keyframes slideOutLeft { 
0% { -moz-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -moz-transform: translateX(-2000px); transform: translateX(-2000px); } }
@keyframes slideOutLeft { 
0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }


.slideOutRight { 
-webkit-animation-name: slideOutRight;
-moz-animation-name: slideOutRight;
animation-name: slideOutRight; 
}
@-webkit-keyframes slideOutRight { 
0% { -webkit-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }
@-moz-keyframes slideOutRight { 
0% { -moz-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -moz-transform: translateX(2000px); transform: translateX(2000px); } }
@keyframes slideOutRight { 
0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }


.slideOutUp { 
-webkit-animation-name: slideOutUp;
-moz-animation-name: slideOutUp; 
animation-name: slideOutUp; 
}
@-webkit-keyframes slideOutUp { 
0% { -webkit-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }
@-moz-keyframes slideOutUp { 
0% { -moz-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -moz-transform: translateY(-2000px); transform: translateY(-2000px); } }
@keyframes slideOutUp { 
0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }


.gslideOutLeft {
  -webkit-animation: gslideOutLeft .3s ease;
  -moz-animation: gslideOutLeft .3s ease;
  animation: gslideOutLeft .3s ease;
}
@-webkit-keyframes gslideOutLeft {
from { opacity: 1; visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);  }
to { opacity: 0; visibility: hidden;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);  }
}
@-moz-keyframes gslideOutLeft {
from { opacity: 1; visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);  }
to { opacity: 0; visibility: hidden;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);  }
}
@keyframes gslideOutLeft {
from { opacity: 1; visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);  }
to { opacity: 0; visibility: hidden;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);  }
}


.gslideOutRight {
  -webkit-animation: gslideOutRight .3s ease;
  -moz-animation: gslideOutRight .3s ease;
  animation: gslideOutRight .3s ease;
}
@-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);  }
to { opacity: 0;
	-webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);  }
}
@-moz-keyframes gslideOutRight { from { opacity: 1; visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);  }
to { opacity: 0;
	-webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);  }
}
@keyframes gslideOutRight { from { opacity: 1; visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);  }
to { opacity: 0;
	-webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);  }
}


/* ZOOM IN / OUT  _________________________ */

.gzoomIn {
  -webkit-animation: gzoomIn .5s ease;
  -moz-animation: gzoomIn .5s ease;
  animation: gzoomIn .5s ease;
}
@-webkit-keyframes gzoomIn { from { opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);  }
to {opacity: 1; }  
}
@-moz-keyframes gzoomIn { from { opacity: 0;
    -moz-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);  }
to {opacity: 1; }  
}
@keyframes gzoomIn { from { opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -moz-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);  }
to {opacity: 1; }  
}
  

.gzoomOut {
  -webkit-animation: gzoomOut .5s ease;
  -moz-animation: gzoomOut .5s ease;
  animation: gzoomOut .5s ease;
}
@-webkit-keyframes gzoomOut { from { opacity: 1;} 50% {opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);  }
to {opacity: 0; }  
}
@-moz-keyframes gzoomOut { from { opacity: 1;} 50% {opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);  }
to {opacity: 0; }  
}
@keyframes gzoomOut { from { opacity: 1;} 50% {opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);  }
to {opacity: 0; }  
}