/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------- Animations -------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/*Opacity Fade in 0 - 1*/
.fadeIn {-webkit-animation:fadeIn 1s forwards;-moz-animation:fadeIn 1s forwards;-o-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards;}
@-webkit-keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}}
@-o-keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeIn {0%{opacity:0;}100%{opacity:1;}}

/*Opacity Fade out 1- 0*/
.fadeOut {-webkit-animation:fadeOut 1s forwards;-moz-animation:fadeOut 1s forwards;-o-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards;}
@-webkit-keyframes fadeOut {0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes fadeOut {0%{opacity:1;}100%{opacity:0;}}
@-o-keyframes fadeOut {0%{opacity:1;}100%{opacity:0;}}
@keyframes fadeOut {0%{opacity:1;}100%{opacity:0;}}

/*Opacity Fade In and Shift up*/
.fadeInUp {-webkit-animation:fadeInUp 1s forwards;-moz-animation:fadeInUp 1s forwards;-o-animation:fadeInUp 1s forwards;animation:fadeInUp 1s forwards;}
@-webkit-keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@-moz-keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@-o-keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}

/*Opacity Fade In and Shift up*/
.quickFadeInUp {-webkit-animation:fadeInUp 0.3s forwards;-moz-animation:fadeInUp 0.3s forwards;-o-animation:fadeInUp 0.3s forwards;animation:fadeInUp 0.3s forwards;}
@-webkit-keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@-moz-keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@-o-keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@keyframes fadeInUp {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}

/*Opacity Fade In and Shift right -  used in the sub menu only*/
.fadeInRight {-webkit-animation:fadeInRight 0.5s forwards;-moz-animation:fadeInRight 0.5s forwards;-o-animation:fadeInRight 0.5s forwards;animation:fadeInRight 0.5s forwards;}
@-webkit-keyframes fadeInRight {0%{opacity:0;left:35%}100%{opacity:1;left:40%;}}
@-moz-keyframes fadeInRight {0%{opacity:0;left:35%}100%{opacity:1;left:40%;}}
@-o-keyframes fadeInRight {0%{opacity:0;left:35%}100%{opacity:1;left:40%;}}
@keyframes fadeInRight {0%{opacity:0;left:35%}100%{opacity:1;left:40%;}}

/*Flash text colour for 1 pulse*/
.singleFlashText {-webkit-animation:singleFlashText 2s forwards;-moz-animation:singleFlashText 2s forwards;-o-animation:singleFlashText 2s forwards;animation:singleFlashText 2s forwards;}
@-webkit-keyframes singleFlashText {0%{color:#333;}50%{color:#688fca};100%{color:#333;}}
@-moz-keyframes singleFlashText {0%{color:#333;}50%{color:#688fca};100%{color:#333;}}
@-o-keyframes singleFlashText {0%{color:#333;}50%{color:#688fca};100%{color:#333;}}
@keyframes singleFlashText {0%{color:#333;}50%{color:#688fca};100%{color:#333;}}

/*Opacity Fade In and Shift up*/
.popIn {-webkit-animation:popIn 1s forwards;-moz-animation:popIn 1s forwards;-o-animation:popIn 1s forwards;animation:popIn 1s forwards;-webkit-transform: translateZ(0);-webkit-transform: translate3d(0,0,0);}
@-webkit-keyframes popIn {
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes popIn {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@-o-keyframes popIn {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}
@keyframes popIn {0%{opacity:0;padding-top:20px;}100%{opacity:1;padding-top:0;}}