@charset "utf-8";

/* CSS Document */

.animated {

    -webkit-animation-duration: 1s;

	   -moz-animation-duration: 1s;

	    -ms-animation-duration: 1s;

	     -o-animation-duration: 1s;

	        animation-duration: 1s;

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

    }

}

@-ms-keyframes flipInX {

    0% {

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

        opacity: 0;

    }

    

    40% {

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

    }

    

    70% {

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

    }

    

    100% {

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

	-ms-backface-visibility: visible !important;

	-ms-animation-name: flipInX;

	-o-backface-visibility: visible !important;

	-o-animation-name: flipInX;

	backface-visibility: visible !important;

	animation-name: flipInX;

}







@-webkit-keyframes inease {

    0% {

        -webkit-transform: scale(0,0);

        opacity: 0;

    }

    

    

    100% {

        -webkit-transform:  scale(1,1);

        opacity: 1;

    }

}

@-moz-keyframes inease {

    0% {

        -webkit-transform: scale(0,0);

        opacity: 0;

    }

    

  

    100% {

        -webkit-transform:  scale(1,1);

        opacity: 1;

    }

}

@-ms-keyframes inease {

    0% {

        -webkit-transform: scale(0,0);

        opacity: 0;

    }

      

    

    100% {

        -webkit-transform:  scale(1,1);

        opacity: 1;

    }

}

@-o-keyframes inease {

    0% {

        -webkit-transform: scale(0,0);

        opacity: 0;

    }

    

       

    100% {

        -webkit-transform:  scale(1,1);

        opacity: 1;

    }

}

@keyframes inease {

    0% {

        -webkit-transform: scale(0,0);

        opacity: 0;

    }

    

       

    100% {

        -webkit-transform:  scale(1,1);

        opacity: 1;

    }

}

.inease {

	-webkit-backface-visibility: visible !important;

	-webkit-animation-name: inease;

	-moz-backface-visibility: visible !important;

	-moz-animation-name: inease;

	-ms-backface-visibility: visible !important;

	-ms-animation-name: inease;

	-o-backface-visibility: visible !important;

	-o-animation-name: inease;

	backface-visibility: visible !important;

	animation-name: inease;

}