/*****************************************/
/* Slide Behind */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
/*****************************************/

html.cssanimations .bxslider.slide_behind .slide {
	opacity: 1;
}
html.cssanimations .bxslider.slide_behind .navOutNext {
	-webkit-animation: hideLeft 0.5s forwards;
	animation: hideLeft 0.5s forwards;
}

html.cssanimations .bxslider.slide_behind .navInNext {
	-webkit-animation: showRight 0.5s forwards;
	animation: showRight 0.5s forwards;
}

html.cssanimations .bxslider.slide_behind .navOutPrev {
	-webkit-animation: hideRight 0.5s forwards;
	animation: hideRight 0.5s forwards;
}

html.cssanimations .bxslider.slide_behind .navInPrev {
	-webkit-animation: showLeft 0.5s forwards;
	animation: showLeft 0.5s forwards;
}

html.cssanimations .bxslider.slide_behind .slide::before,
html.cssanimations .bxslider.slide_behind .slide::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-color: rgba(0,0,0,0.5);
	transition: opacity 0.5s;
}

html.cssanimations .bxslider.slide_behind .slide::after,
html.cssanimations .bxslider.slide_behind .navOutNext::before,
html.cssanimations .bxslider.slide_behind .navOutPrev::before {
	opacity: 1;
}

html.cssanimations .bxslider.slide_behind .slide::before,
html.cssanimations .bxslider.slide_behind .slide.active-slide::after,
html.cssanimations .bxslider.slide_behind .navInNext::after,
html.cssanimations .bxslider.slide_behind .navInPrev::after {
	opacity: 0;
}

@-webkit-keyframes hideLeft { 
	0% { -webkit-transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideLeft { 
	0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showRight {
	0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@keyframes showRight {
	0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; }
	41% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@-webkit-keyframes hideRight { 
	0% { -webkit-transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); }
}

@keyframes hideRight { 
	0% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); }
	40% { -webkit-transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); transform: translate( 40%, 0 ) scale( 0.8 ) rotateY( -20deg ); z-index: 9999; }
	100% { opacity: 1; -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); }
}

@-webkit-keyframes showLeft {
	0% { -webkit-transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; }
	41% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

@keyframes showLeft {
	0% { -webkit-transform: translateZ( -400px ); transform: translateZ( -400px ); opacity: 1; }
	40% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; }
	41% { -webkit-transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); transform: translate( -40%, 0 ) scale( 0.8 ) rotateY( 20deg ); opacity: 1; z-index: 9999; }
	100% { -webkit-transform: translateZ( 0px ); transform: translateZ( 0px ); opacity: 1; z-index: 9999; }
}

/*********************************
**	height_parallax
*********************************/

html.cssanimations .bxslider.height_parallax .slide {
	height: 100%;
	overflow: hidden;
	opacity: 1 !important;
}
html.cssanimations .bxslider.height_parallax,
html.cssanimations .height_parallax_parent {
	height: 400px !important;
}

html.cssanimations .bxslider.height_parallax .navOutNext {
	-webkit-animation: decreaseHeight 0.8s forwards ease-in-out;
	animation: decreaseHeight 0.8s forwards ease-in-out;
	z-index: 1001 !important;
}

html.cssanimations .bxslider.height_parallax .navInNext {
	-webkit-animation: show 0.8s forwards ease-in-out;
	animation: show 0.8s forwards ease-in-out;
}

html.cssanimations .bxslider.height_parallax .navOutPrev {
	-webkit-animation: hide 0.8s forwards ease-in-out;
	animation: hide 0.8s forwards ease-in-out;
}

html.cssanimations .bxslider.height_parallax .navInPrev {
	z-index: 1001 !important;
	opacity: 1;
	-webkit-animation: increaseHeight 0.8s forwards ease-in-out;
	animation: increaseHeight 0.8s forwards ease-in-out;
}

@-webkit-keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to { height: 0; }
}

@keyframes decreaseHeight {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to { height: 0; }
}

@-webkit-keyframes show {
	0% { opacity: 0 !important; }
	1%,100% { opacity: 1 !important; }
}

@keyframes show {
	0% { opacity: 0 !important; }
	1%,100% { opacity: 1 !important; }
}

@-webkit-keyframes hide {
	0%,99% { opacity: 1 !important; }
	100% { opacity: 0 !important; }
}

@keyframes hide {
	0%,99% { opacity: 1 !important; }
	100% { opacity: 0 !important; }
}

@-webkit-keyframes increaseHeight {
	from { height: 0; }
	to { height: 100%; }
}

@keyframes increaseHeight {
	from { height: 0; }
	to { height: 100%; }
}

/*****************************************/
/* Soft Scale */
/*****************************************/

html.cssanimations .bxslider.soft_scale .navOutNext {
	-webkit-animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	z-index: 101 !important;
}

html.cssanimations .bxslider.soft_scale .navInNext {
	-webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	z-index: 100 !important;
}

html.cssanimations .bxslider.soft_scale .navOutPrev {
	-webkit-animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	z-index: 100 !important;
}

html.cssanimations .bxslider.soft_scale .navInPrev {
	-webkit-animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleUpDown 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	z-index: 101 !important;
}

@-webkit-keyframes scaleUp {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: scale(1.2);
		opacity: 0;
	}
}

@keyframes scaleUp {
	from {} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
	}
}

@-webkit-keyframes scaleDownUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes scaleDownUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes scaleDown {
	from {
		opacity: 1;
	} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		opacity: 0;
		-webkit-transform: scale(0.9);
	}
}

@keyframes scaleDown {
	from { opacity: 1; } /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}

@-webkit-keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.2);
		opacity: 0;
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes scaleUpDown {
	from {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0;
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}