/* effects */

.fade-in:not(.appear),
.fade-in-down:not(.appear),
.fade-in-up:not(.appear),
.fade-in-left:not(.appear),
.fade-in-right:not(.appear),
.bounce-in:not(.appear),
.h-fade-in .h-target,
.h-fade-in-down .h-target,
.h-fade-in-up .h-target,
.h-fade-in-left .h-target,
.h-fade-in-right .h-target,
.h-bounce-in .h-target {
	opacity: 0; 
	display: none;
}

.fade-in-down, .h-fade-in-down .h-target {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.fade-in-up, .h-fade-in-up .h-target {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
}

.fade-in-left, .h-fade-in-left .h-target {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fade-in-right, .h-fade-in-right .h-target {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.bounce-in, .h-bounce-in .h-target {
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
}


/* appear */

.appear-childs > * {
	opacity: 0; 
}

.appear {
	opacity: 0;
}

/* transition */

.transit-1 {
	transition: all ease-in-out 0.1s;
	-moz-transition: all ease-in-out 0.1s;
	-ms-transition: all ease-in-out 0.1s;
	-webkit-transition: all ease-in-out 0.1s;
	-o-transition: all ease-in-out 0.1s;
}

.transit-2 {
	transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	-webkit-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
}

.transit-3 {
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
}

.transit-4 {
	transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-ms-transition: all ease-in-out 0.4s;
	-webkit-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
}

.transit-5 {
	transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
}
