@charset "UTF-8";

/* ========================================= ANIMS  ============================== */

.wrapper-anim-visible {
	overflow: visible;
}
.wrapper-anim-hidden {
	overflow: hidden;
}

.anim-from-top-fade {
	position: relative;
	top: -30px;
	opacity: 0;
	transition-property: all;
	/* ease Out Quint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
     -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.anim-from-top-fade.animated {
	transform: translateY(30px);
	opacity: 1;
}


.anim-from-bottom-fade {
	position: relative;
	top: 30px;
	opacity: 0;
	transition-property: all;
	/* ease Out Quint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
     -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.anim-from-bottom-fade.animated {
	transform: translateY(-30px);
	opacity: 1;
}

.anim-from-left-fade {
	position: relative;
	left: -50px;
	opacity: 0;
	transition-property: all;
	/* ease Out Quint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
     -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.anim-from-left-fade.animated {
	transform: translateX(50px);
	opacity: 1;
}


.anim-from-right-fade {
	position: relative;
	right: -50px;
	opacity: 0;
	transition-property: all;
	/* ease Out Quint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
     -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.anim-from-right-fade.animated {
	transform: translateX(-50px);
	opacity: 1;
}

.anim-width {

	width: 100%;
	transition-property: all;
	/* ease Out Quint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
     -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.anim-width.animated {
	width: 0;
}


.anim-fade {
	opacity: 0;
	position: relative;
	transition-property: opacity;
	/* ease Out Quint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
     -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
        transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.anim-fade.animated {
	opacity: 1;
}

/* anim delay */

.delay-200 {
	transition-delay: 200ms;
}
.delay-250 {
	transition-delay: 250ms;
}
.delay-300 {
	transition-delay: 300ms;
}
.delay-400 {
	transition-delay: 400ms;
}
.delay-500 {
	transition-delay: 500ms;
}
.delay-600 {
	transition-delay: 600ms;
}
.delay-700 {
	transition-delay: 700ms;
}
.delay-750 {
	transition-delay: 750ms;
}
.delay-800 {
	transition-delay: 800ms;
}
.delay-900 {
	transition-delay: 900ms;
}
.delay-1000 {
	transition-delay: 1000ms;
}
.delay-1250 {
	transition-delay: 1250ms;
}
.delay-1500 {
	transition-delay: 1500ms;
}

/* anim duration */

.duration-100 {
	transition-duration: 100ms;
}
.duration-250 {
	transition-duration: 250ms;
}
.duration-500 {
	transition-duration: 500ms;
}
.duration-750 {
	transition-duration: 750ms;
}
.duration-1000 {
	transition-duration: 1000ms;
}
.duration-1500 {
	transition-duration: 1500ms;
}