/* 

    Document   : Animated.css custom build

    Creadit: https://daneden.me/animate/

*/

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;}.animated.hinge{-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;}@-webkit-keyframes pulse {

    0% { -webkit-transform: scale(1); }	50% { -webkit-transform: scale(1.1); }

    100% { -webkit-transform: scale(1); }

}

@-moz-keyframes pulse {

    0% { -moz-transform: scale(1); }	

	50% { -moz-transform: scale(1.1); }

    100% { -moz-transform: scale(1); }

}

@-o-keyframes pulse {

    0% { -o-transform: scale(1); }	

	50% { -o-transform: scale(1.1); }

    100% { -o-transform: scale(1); }

}

@keyframes pulse {

    0% { transform: scale(1); }	

	50% { transform: scale(1.1); }

    100% { transform: scale(1); }

}

.pulse {

	-webkit-animation-name: pulse;

	-moz-animation-name: pulse;

	-o-animation-name: pulse;

	animation-name: pulse;

}

@-webkit-keyframes flipInX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        -webkit-transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

@-moz-keyframes flipInX {

    0% {

        -moz-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        -moz-transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        -moz-transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        -moz-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

@-o-keyframes flipInX {

    0% {

        -o-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        -o-transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        -o-transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        -o-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

@keyframes flipInX {

    0% {

        transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

    

    40% {

        transform: perspective(400px) rotateX(-10deg);

    }

    

    70% {

        transform: perspective(400px) rotateX(10deg);

    }

    

    100% {

        transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

}

.flipInX {

	-webkit-backface-visibility: visible !important;

	-webkit-animation-name: flipInX;

	-moz-backface-visibility: visible !important;

	-moz-animation-name: flipInX;

	-o-backface-visibility: visible !important;

	-o-animation-name: flipInX;

	backface-visibility: visible !important;

	animation-name: flipInX;

}

@-webkit-keyframes flipOutX {

    0% {

        -webkit-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}

@-moz-keyframes flipOutX {

    0% {

        -moz-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        -moz-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}

@-o-keyframes flipOutX {

    0% {

        -o-transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        -o-transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}

@keyframes flipOutX {

    0% {

        transform: perspective(400px) rotateX(0deg);

        opacity: 1;

    }

	100% {

        transform: perspective(400px) rotateX(90deg);

        opacity: 0;

    }

}

.flipOutX {

	-webkit-animation-name: flipOutX;

	-webkit-backface-visibility: visible !important;

	-moz-animation-name: flipOutX;

	-moz-backface-visibility: visible !important;

	-o-animation-name: flipOutX;

	-o-backface-visibility: visible !important;

	animation-name: flipOutX;

	backface-visibility: visible !important;

}

@-webkit-keyframes flipInY {

    0% {

        -webkit-transform: perspective(400px) rotateY(90deg);

        opacity: 0;

    }

    

    40% {

        -webkit-transform: perspective(400px) rotateY(-10deg);

    }

    

    70% {

        -webkit-transform: perspective(400px) rotateY(10deg);

    }

    

    100% {

        -webkit-transform: perspective(400px) rotateY(0deg);

        opacity: 1;

    }

}

@-moz-keyframes flipInY {

    0% {

        -moz-transform: perspective(400px) rotateY(90deg);

        opacity: 0;

    }

    

    40% {

        -moz-transform: perspective(400px) rotateY(-10deg);

    }

    

    70% {

        -moz-transform: perspective(400px) rotateY(10deg);

    }

    

    100% {

        -moz-transform: perspective(400px) rotateY(0deg);

        opacity: 1;

    }

}

@-o-keyframes flipInY {

    0% {

        -o-transform: perspective(400px) rotateY(90deg);

        opacity: 0;

    }

    

    40% {

        -o-transform: perspective(400px) rotateY(-10deg);

    }

    

    70% {

        -o-transform: perspective(400px) rotateY(10deg);

    }

    

    100% {

        -o-transform: perspective(400px) rotateY(0deg);

        opacity: 1;

    }

}

@keyframes flipInY {

    0% {

        transform: perspective(400px) rotateY(90deg);

        opacity: 0;

    }

    

    40% {

        transform: perspective(400px) rotateY(-10deg);

    }

    

    70% {

        transform: perspective(400px) rotateY(10deg);

    }

    

    100% {

        transform: perspective(400px) rotateY(0deg);

        opacity: 1;

    }

}

.flipInY {

	-webkit-backface-visibility: visible !important;

	-webkit-animation-name: flipInY;

	-moz-backface-visibility: visible !important;

	-moz-animation-name: flipInY;

	-o-backface-visibility: visible !important;

	-o-animation-name: flipInY;

	backface-visibility: visible !important;

	animation-name: flipInY;

}

@-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 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 fadeInRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(20px);

	}

	

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

	}

}

@-moz-keyframes fadeInRight {

	0% {

		opacity: 0;

		-moz-transform: translateX(20px);

	}

	

	100% {

		opacity: 1;

		-moz-transform: translateX(0);

	}

}

@-o-keyframes fadeInRight {

	0% {

		opacity: 0;

		-o-transform: translateX(20px);

	}

	

	100% {

		opacity: 1;

		-o-transform: translateX(0);

	}

}

@keyframes fadeInRight {

	0% {

		opacity: 0;

		transform: translateX(20px);

	}

	

	100% {

		opacity: 1;

		transform: translateX(0);

	}

}

.fadeInRight {

	-webkit-animation-name: fadeInRight;

	-moz-animation-name: fadeInRight;

	-o-animation-name: fadeInRight;

	animation-name: fadeInRight;

}

@-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 rotateIn {

	0% {

		-webkit-transform-origin: center center;

		-webkit-transform: rotate(-200deg);

		opacity: 0;

	}

	

	100% {

		-webkit-transform-origin: center center;

		-webkit-transform: rotate(0);

		opacity: 1;

	}

}

@-moz-keyframes rotateIn {

	0% {

		-moz-transform-origin: center center;

		-moz-transform: rotate(-200deg);

		opacity: 0;

	}

	

	100% {

		-moz-transform-origin: center center;

		-moz-transform: rotate(0);

		opacity: 1;

	}

}

@-o-keyframes rotateIn {

	0% {

		-o-transform-origin: center center;

		-o-transform: rotate(-200deg);

		opacity: 0;

	}

	

	100% {

		-o-transform-origin: center center;

		-o-transform: rotate(0);

		opacity: 1;

	}

}

@keyframes rotateIn {

	0% {

		transform-origin: center center;

		transform: rotate(-200deg);

		opacity: 0;

	}

	

	100% {

		transform-origin: center center;

		transform: rotate(0);

		opacity: 1;

	}

}

.rotateIn {

	-webkit-animation-name: rotateIn;

	-moz-animation-name: rotateIn;

	-o-animation-name: rotateIn;

	animation-name: rotateIn;

}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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;

}