@charset "utf-8";

/* Zoom-out animation START (cover image) */
.anim_zoomOut {
	/* anim initial state */
	-webkit-transform: scale(6.0);
	-moz-transform: scale(6.0);
	-ms-transform: scale(6.0);
	-o-transform: scale(6.0);
	transform: scale(6.0);
	-webkit-animation: zoomout 30s ease-out 1; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: zoomout 30s ease-out 1; /* Firefox < 16 */
	-ms-animation: zoomout 30s ease-out 1; /* Internet Explorer */
	-o-animation: zoomout 30s ease-out 1; /* Opera < 12.1 */
	animation: zoomout 30s ease-out 1;
	/* Stay there after animation */
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

@-webkit-keyframes zoomout { /* Safari, Chrome and Opera > 12.1 */
	0% {-webkit-transform: scale(6.0); transform: scale(6.0);}
	0.4% {-webkit-transform: scale(1.15); transform: scale(1.15);}
	100% {-webkit-transform: scale(1); transform: scale(1);}
}
@-moz-keyframes zoomout { /* Firefox < 16 */
	0% {-moz-transform: scale(6.0); transform: scale(6.0);}
	0.4% {-moz-transform: scale(1.15); transform: scale(1.15);}
	100% {-moz-transform: scale(1); transform: scale(1);}
}
@-o-keyframes zoomout { /* Opera < 12.1 */
	0% {-o-transform: scale(6.0); transform: scale(6.0);}
	0.4% {-o-transform: scale(1.15); transform: scale(1.15);}
	100% {-o-transform: scale(1); transform: scale(1);}
}
@keyframes zoomout { /* Internet Explorer >IE10 + Standard CSS */
	0% {-ms-transform: scale(6.0); transform: scale(6.0);}
	0.4% {-ms-transform: scale(1.15); transform: scale(1.15);}
	100% {-ms-transform: scale(1); transform: scale(1);}
}
/* Zoom-out animation END (cover image) */



/* Fade-in-move-down animation START */
.anim_fademovDown {
	opacity: 0; /* initial state */
	-webkit-animation: famovdown 1s ease-out 1; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: famovdown 1s ease-out 1; /* Firefox < 16 */
	-ms-animation: famovdown 1s ease-out 1; /* Internet Explorer */
	-o-animation: famovdown 1s ease-out 1; /* Opera < 12.1 */
	animation: famovdown 1s ease-out 1;
	/* Stay there after animation */
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
	
@-webkit-keyframes famovdown { /* Safari, Chrome and Opera > 12.1 */
	0% {opacity:0; -webkit-transform:translateY(-30px); transform:translateY(-30px);}
	100% {opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px);}
}
@-moz-keyframes famovdown { /* Firefox < 16 */
	0% {opacity:0; -moz-transform:translateY(-30px); transform:translateY(-30px);}
	100% {opacity:1; -moz-transform:translateY(0px); transform:translateY(0px);}
}
@-o-keyframes famovdown { /* Opera < 12.1 */
	0% {opacity:0; -o-transform:translateY(-30px); transform:translateY(-30px);}
	100% {opacity:1; -o-transform:translateY(0px); transform:translateY(0px);}
}
@keyframes famovdown { /* Internet Explorer >IE10 + Standard CSS */
	0% {opacity:0; -ms-transform:translateY(-30px); transform:translateY(-30px);}
	100% {opacity:1; -ms-transform:translateY(0px); transform:translateY(0px);}
}
/* Fade-in-move-down animation END */



/* Zoom-out-complete animation START */
.anim_zoomOutComplete {
	-webkit-animation: zoomoutComplete .25s ease-out 1; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: zoomoutComplete .25s ease-out 1; /* Firefox < 16 */
	-ms-animation: zoomoutComplete .25s ease-out 1; /* Internet Explorer */
	-o-animation: zoomoutComplete .25s ease-out 1; /* Opera < 12.1 */
	animation: zoomoutComplete .25s ease-out 1;
	/* Stay there after animation */
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

@-webkit-keyframes zoomoutComplete { /* Safari, Chrome and Opera > 12.1 */
	100% {-webkit-transform: scale(0); transform: scale(0);}
}
@-moz-keyframes zoomoutComplete { /* Firefox < 16 */
	100% {-moz-transform: scale(0); transform: scale(0);}
}
@-o-keyframes zoomoutComplete { /* Opera < 12.1 */
	100% {-o-transform: scale(0); transform: scale(0);}
}
@keyframes zoomoutComplete { /* Internet Explorer >IE10 + Standard CSS */
	100% {-ms-transform: scale(0); transform: scale(0);}
}
/* Zoom-out-complete animation END */


/* Zoom-in animation START */
.anim_zoomIn {
	/* anim initial state */
	-webkit-transform: scale(0.0);
	-moz-transform: scale(0.0);
	-ms-transform: scale(0.0);
	-o-transform: scale(0.0);
	transform: scale(0.0);
	-webkit-animation: zoomin .25s ease-out 1; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: zoomin .25s ease-out 1; /* Firefox < 16 */
	-ms-animation: zoomin .25s ease-out 1; /* Internet Explorer */
	-o-animation: zoomin .25s ease-out 1; /* Opera < 12.1 */
	animation: zoomin .25s ease-out 1;
	/* Stay there after animation */
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

@-webkit-keyframes zoomin { /* Safari, Chrome and Opera > 12.1 */
	0% {-webkit-transform: scale(0.0); transform: scale(0.0);}
	100% {-webkit-transform: scale(1); transform: scale(1);}
}
@-moz-keyframes zoomin { /* Firefox < 16 */
	0% {-moz-transform: scale(0.0); transform: scale(0.0);}
	100% {-moz-transform: scale(1); transform: scale(1);}
}
@-o-keyframes zoomin { /* Opera < 12.1 */
	0% {-o-transform: scale(0.0); transform: scale(0.0);}
	100% {-o-transform: scale(1); transform: scale(1);}
}
@keyframes zoomin { /* Internet Explorer >IE10 + Standard CSS */
	0% {-ms-transform: scale(0.0); transform: scale(0.0);}
	100% {-ms-transform: scale(1); transform: scale(1);}
}
/* Zoom-in animation END */


/* Fade-in animation START */
.anim_fadeIn {
	opacity: 0; /* initial state */
	-webkit-animation: fadein 1.75s ease-out 1; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1.75s ease-out 1; /* Firefox < 16 */
	-ms-animation: fadein 1.75s ease-out 1; /* Internet Explorer */
	-o-animation: fadein 1.75s ease-out 1; /* Opera < 12.1 */
	animation: fadein 1.75s ease-out 1;
	/* Stay there after animation */
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
	
@-webkit-keyframes fadein { /* Safari, Chrome and Opera > 12.1 */
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox < 16 */
	0% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes fadein { /* Opera < 12.1 */
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes fadein { /* Internet Explorer >IE10 + Standard CSS */
	0% {opacity:0;}
	100% {opacity:1;}
}
/* Fade-in animation END */


/* animation delay START */
.anim_dly_150 {
    -webkit-animation-delay: 0.15s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation-delay: 0.15s; /* Firefox < 16 */	   
        -ms-animation-delay: 0.15s; /* Internet Explorer */
         -o-animation-delay: 0.15s; /* Opera < 12.1 */
            animation-delay: 0.15s;
}

.anim_dly_300 {
    -webkit-animation-delay: 0.3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation-delay: 0.3s; /* Firefox < 16 */	   
        -ms-animation-delay: 0.3s; /* Internet Explorer */
         -o-animation-delay: 0.3s; /* Opera < 12.1 */
            animation-delay: 0.3s;
}

.anim_dly_450 {
    -webkit-animation-delay: 0.45s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation-delay: 0.45s; /* Firefox < 16 */	   
        -ms-animation-delay: 0.45s; /* Internet Explorer */
         -o-animation-delay: 0.45s; /* Opera < 12.1 */
            animation-delay: 0.45s;
}

.anim_dly_600 {
    -webkit-animation-delay: 0.6s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation-delay: 0.6s; /* Firefox < 16 */	   
        -ms-animation-delay: 0.6s; /* Internet Explorer */
         -o-animation-delay: 0.6s; /* Opera < 12.1 */
            animation-delay: 0.6s;
}

.anim_dly_1200 {
    -webkit-animation-delay: 1.20s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation-delay: 1.20s; /* Firefox < 16 */	   
        -ms-animation-delay: 1.20s; /* Internet Explorer */
         -o-animation-delay: 1.20s; /* Opera < 12.1 */
            animation-delay: 1.20s;
}

.anim_dly_1500 {
    -webkit-animation-delay: 1.50s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation-delay: 1.50s; /* Firefox < 16 */	   
        -ms-animation-delay: 1.50s; /* Internet Explorer */
         -o-animation-delay: 1.50s; /* Opera < 12.1 */
            animation-delay: 1.50s;
}

.anim_dly_1850 {
    -webkit-animation-delay: 1.85s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation-delay: 1.85s; /* Firefox < 16 */	   
        -ms-animation-delay: 1.85s; /* Internet Explorer */
         -o-animation-delay: 1.85s; /* Opera < 12.1 */
            animation-delay: 1.85s;
}
/* animation delay END */