@charset "UTF-8";
body {
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-delay: .2s;		
	-moz-animation-delay: .2s;		
	-o-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-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;}
}

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

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

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpFirst {
	0% {
		opacity: 0.2;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0.4;
		-webkit-transform: translateY(15px);
	}
}

@-moz-keyframes fadeInUpFirst {
	0% {
		opacity: 0.2;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0.4;
		-moz-transform: translateY(15px);
	}
}

@-o-keyframes fadeInUpFirst {
	0% {
		opacity: 0.2;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0.4;
		-o-transform: translateY(15px);
	}
}

@keyframes fadeInUpFirst {
	0% {
		opacity: 0.2;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0.4;
		transform: translateY(15px);
	}
}

.fadeInUpFirst {
	-webkit-animation-name: fadeInUpFirst;
	-moz-animation-name: fadeInUpFirst;
	-o-animation-name: fadeInUpFirst;
	animation-name: fadeInUpFirst;
}

@-webkit-keyframes fadeInUpSecond {

	0% {
		opacity: 0.4;
		-webkit-transform: translateY(15px);
	}
	
	100% {
		opacity: 0.7;
		-webkit-transform: translateY(5px);
	}
}

@-moz-keyframes fadeInUpSecond {

	0% {
		opacity: 0.4;
		-webkit-transform: translateY(15px);
	}
	
	100% {
		opacity: 0.7;
		-moz-transform: translateY(5px);
	}
}

@-o-keyframes fadeInUpSecond {

	0% {
		opacity: 0.4;
		-webkit-transform: translateY(15px);
	}
	
	100% {
		opacity: 0.7;
		-o-transform: translateY(5px);
	}
}

@keyframes fadeInUpSecond {
	0% {
		opacity: 0.4;
		-webkit-transform: translateY(15px);
	}
	
	100% {
		opacity: 0.7;
		transform: translateY(5px);
	}
}

.fadeInUpSecond {
	-webkit-animation-name: fadeInUpSecond;
	-moz-animation-name: fadeInUpSecond;
	-o-animation-name: fadeInUpSecond;
	animation-name: fadeInUpSecond;
}

@-webkit-keyframes fadeInUpThird {
	0% {
		opacity: 0.7;
		-webkit-transform: translateY(5px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}

@-moz-keyframes fadeInUpThird {
	0% {
		opacity: 0.7;
		-webkit-transform: translateY(5px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0px);
	}
}

@-o-keyframes fadeInUpThird {
	0% {
		opacity: 0.7;
		-webkit-transform: translateY(5px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0px);
	}
}

@keyframes fadeInUpThird {
	0% {
		opacity: 0.7;
		-webkit-transform: translateY(5px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

.fadeInUpThird {
	-webkit-animation-name: fadeInUpThird;
	-moz-animation-name: fadeInUpThird;
	-o-animation-name: fadeInUpThird;
	animation-name: fadeInUpThird;
}



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

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

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

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

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

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-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;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}

/*Custom animation*/
@-moz-keyframes slowBounce {
    0% {opacity:0;-moz-transform:translateY(-2000px);}
	20% {opacity:1;-moz-transform:translateY(50px);}
	40% {-moz-transform:translateY(-40px);}
	60% {-moz-transform:translateY(20px);}
	80% {-moz-transform:translateY(-10px);}
	100% {-moz-transform:translateY(0);}
}
@-webkit-keyframes slowBounce {
    0% {opacity:0;-webkit-transform:translateY(-2000px);}
	20% {opacity:1;-webkit-transform:translateY(50px);}
	40% {-webkit-transform:translateY(-40px);}
	60% {-webkit-transform:translateY(20px);}
	80% {-webkit-transform:translateY(-10px);}
	100% {-webkit-transform:translateY(0);}
}
@-o-keyframes slowBounce {
    0% {opacity:0;-o-transform:translateY(-2000px);}
	20% {opacity:1;-o-transform:translateY(50px);}
	40% {-o-transform:translateY(-40px);}
	60% {-o-transform:translateY(20px);}
	80% {-o-transform:translateY(-10px);}
	100% {-o-transform:translateY(0);}
}
@-ms-keyframes slowBounce {
    0% {opacity:0;-ms-transform:translateY(-2000px);}
	20% {opacity:1;-ms-transform:translateY(50px);}
	40% {-ms-transform:translateY(-40px);}
	60% {-ms-transform:translateY(20px);}
	80% {-ms-transform:translateY(-10px);}
	100% {-ms-transform:translateY(0);}
}
@keyframes slowBounce {
     0% {opacity:0;transform:translateY(-2000px);}
	20% {opacity:1;transform:translateY(50px);}
	40% {transform:translateY(-40px);}
	60% {transform:translateY(20px);}
	80% {transform:translateY(-10px);}
	100% {transform:translateY(0);}
}
.slowBounce {
    -webkit-animation-name: slowBounce;
    -moz-animation-name: slowBounce;
    -o-animation-name: slowBounce;
	-ms-animation-name: slowBounce;
    animation-name: slowBounce;
	
	-webkit-animation-timing-function: cubic-bezier(0,0,.6,1);
    -moz-animation-timing-function: cubic-bezier(0,0,.6,1);
    -o-animation-timing-function: cubic-bezier(0,0,.6,1);
	-ms-animation-timing-function: cubic-bezier(0,0,.6,1);
    animation-timing-function: cubic-bezier(0,0,.6,1);
	
	-webkit-animation-duration: 1.5s;
	   -moz-animation-duration: 1.5s;
	     -o-animation-duration: 1.5s;
	        animation-duration: 1.5s;
	
}

@-webkit-keyframes lightSpeedInLeft {
	0% { -webkit-transform: translateX(-100%); opacity: 0; }
	/*60% { -webkit-transform: translateX(20%); opacity: 1; }
	80% { -webkit-transform: translateX(0%);  opacity: 1; }*/
	100% { -webkit-transform: translateX(0%);  opacity: 1; }
}

@-moz-keyframes lightSpeedInLeft {
	0% { -moz-transform: translateX(-100%); opacity: 0; }
	/*60% { -moz-transform: translateX(20%);  opacity: 1; }
	80% { -moz-transform: translateX(0%);  opacity: 1; }*/
	100% { -moz-transform: translateX(0%); opacity: 1; }
}

@-o-keyframes lightSpeedInLeft {
	0% { -o-transform: translateX(-100%);  opacity: 0; }
	/*60% { -o-transform: translateX(20%); opacity: 1; }
	80% { -o-transform: translateX(0%); opacity: 1; }*/
	100% { -o-transform: translateX(0%); opacity: 1; }
}

@keyframes lightSpeedInLeft {
	0% { transform: translateX(-100%); opacity: 0; }
	/*60% { transform: translateX(20%); opacity: 1; }
	80% { transform: translateX(0%); opacity: 1; }*/
	100% { transform: translateX(0%); opacity: 1; }
}

.lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    -moz-animation-name: lightSpeedInLeft;
    -o-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedInLeft {
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

@-webkit-keyframes lightSpeedInRight {
	0% { -webkit-transform: translateX(100%); opacity: 0; }
	/*60% { -webkit-transform: translateX(-20%); opacity: 1; }
	80% { -webkit-transform: translateX(0%);  opacity: 1; }*/
	100% { -webkit-transform: translateX(0%);  opacity: 1; }
}

@-moz-keyframes lightSpeedInRight {
	0% { -moz-transform: translateX(100%); opacity: 0; }
	/*60% { -moz-transform: translateX(-20%);  opacity: 1; }
	80% { -moz-transform: translateX(0%);  opacity: 1; }*/
	100% { -moz-transform: translateX(0%); opacity: 1; }
}

@-o-keyframes lightSpeedInRight {
	0% { -o-transform: translateX(100%);  opacity: 0; }
	/*60% { -o-transform: translateX(-20%); opacity: 1; }
	80% { -o-transform: translateX(0%); opacity: 1; }*/
	100% { -o-transform: translateX(0%); opacity: 1; }
}

@keyframes lightSpeedInRight {
	0% { transform: translateX(100%); opacity: 0; }
	/*60% { transform: translateX(-20%); opacity: 1; }
	80% { transform: translateX(0%); opacity: 1; }*/
	100% { transform: translateX(0%); opacity: 1; }
}

.lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    -moz-animation-name: lightSpeedInRight;
    -o-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedInRight {
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

@-webkit-keyframes fullOpac {
	0% {opacity: 0.3;}	
	100% {opacity: 1;}
}

@-moz-keyframes fullOpac {
	0% {opacity: 0.3;}	
	100% {opacity: 1;}
}

@-o-keyframes fullOpac {
	0% {opacity: 0.3;}	
	100% {opacity: 1;}
}

@keyframes fullOpac {
	0% {opacity: 0.3;}	
	100% {opacity: 1;}
}

.fullOpac {
	-webkit-animation-name: fullOpac;
	-moz-animation-name: fullOpac;
	-o-animation-name: fullOpac;
	animation-name: fullOpac;
	
	-webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
	
	-webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes type{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-moz-keyframes type{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-o-keyframes type{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-ms-keyframes type{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
}  
.type {
	-webkit-animation:type 2s steps(15, end);
	-moz-animation:type 2s steps(15, end);
	-o-animation:type 2s steps(15, end);
	-ms-animation:type 2s steps(15, end);
	animation:type 2s steps(15, end);
}

@-webkit-keyframes type22{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-moz-keyframes type22{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-o-keyframes type22{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-ms-keyframes type22{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type22{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
}  
.type22 {
	-webkit-animation:type22 2.5s steps(22, end);
	-moz-animation:type22 2.5s steps(22, end);
	-o-animation:type22 2.5s steps(22, end);
	-ms-animation:type22 2.5s steps(22, end);
	animation:type22 2.5s steps(22, end);
}

@-webkit-keyframes type24{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-moz-keyframes type24{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-o-keyframes type24{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-ms-keyframes type24{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
}
@keyframes type24{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
}  
.type24 {
	-webkit-animation:type24 2.5s steps(24, end);
	-moz-animation:type24 2.5s steps(24, end);
	-o-animation:type24 2.5s steps(24, end);
	-ms-animation:type24 2.5s steps(24, end);
	animation:type24 2.5s steps(24, end);
}

@-webkit-keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-moz-keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-o-keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-ms-keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
}
@keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
.type2 {
	-webkit-animation:type2 4s steps(22, end) 0.4s both;
	-moz-animation:type2 4s  steps(22, end) 0.4s both;
	-o-animation:type2 4s  steps(22, end) 0.4s both;
	-ms-animation:type2 4s  steps(22, end) 0.4s both;
	animation:type2 4s  steps(22, end) 0.4s both;
}

@-webkit-keyframes type3{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-moz-keyframes type3{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-o-keyframes type3{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-ms-keyframes type3{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
}
@keyframes type3{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
.type3 {
	-webkit-animation:type3 4s steps(25, end) 3s both;
	-moz-animation:type3 4s  steps(25, end) 3s both;
	-o-animation:type3 4s  steps(25, end) 3s both;
	-ms-animation:type3 4s  steps(25, end) 3s both;
	animation:type3 4s  steps(25, end) 3s both;
}

@-webkit-keyframes type4{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-moz-keyframes type4{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-o-keyframes type4{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-ms-keyframes type4{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
}
@keyframes type4{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
.type4 {
	-webkit-animation:type4 4s steps(24, end) 5s both;
	-moz-animation:type4 4s  steps(24, end) 5s both;
	-o-animation:type4 4s  steps(24, end) 5s both;
	-ms-animation:type4 4s  steps(24, end) 5s both;
	animation:type4 4s  steps(24, end) 5s both;
}

@-webkit-keyframes type5{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-moz-keyframes type5{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-o-keyframes type5{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-ms-keyframes type5{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes type5{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
.type5 {
	-webkit-animation:type5 4s steps(24, end) 7s both;
	-moz-animation:type5 4s  steps(24, end) 7s both;
	-o-animation:type5 4s  steps(24, end) 7s both;
	-ms-animation:type5 4s  steps(24, end) 7s both;
	animation:type5 4s  steps(24, end) 7s both;
}

@-webkit-keyframes type6{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-moz-keyframes type6{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-o-keyframes type6{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-ms-keyframes type6{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
}
@keyframes type6{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
.type6 {
	-webkit-animation:type6 4s steps(28, end) 9s both;
	-moz-animation:type6 4s  steps(28, end) 9s both;
	-o-animation:type6 4s  steps(28, end) 9s both;
	-ms-animation:type6 4s  steps(28, end) 9s both;
	animation:type6 4s  steps(28, end) 9s both;
}

@-webkit-keyframes typeone{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-moz-keyframes typeone{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-o-keyframes typeone{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@-ms-keyframes typeone{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes typeone{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
.typeone {
	-webkit-animation:typeone 0.5s steps(2, end) 1s both;
	-moz-animation:typeone 0.5s  steps(2, end) 1s both;
	-o-animation:typeone 0.5s  steps(2, end) 1s both;
	-ms-animation:typeone 0.5s  steps(2, end) 1s both;
	animation:typeone 0.5s  steps(2, end) 1s both;
}

/*Custom animation ends*/