/**
 * Carousel Elements
 */
.hero-carousel {
	position: absolute;
	left: 0;
	width: 100%;
	opacity: 1;
	height: inherit;
	overflow: hidden;
	z-index: 0;
	/* transition */
	-webkit-transition: opacity .8s ease;
	-moz-transition: opacity .8s ease;
	-ms-transition: opacity .8s ease;
	-o-transition: opacity .8s ease;
	transition: opacity .8s ease;
}

.loading.hero-carousel {
	opacity: 0;
	display: none;
}

	.carousel .hero-carousel-list {
		position: relative;
		min-width: 100%;
		min-height: 100%;
	}

	.slider .hero-carousel-slide-wrapper {
		position: relative;
		min-width: 100%;
		min-height: 100%;
		/* transition */
		-webkit-transition: left .8s ease;
		-moz-transition: left .8s ease;
		-ms-transition: left .8s ease;
		-o-transition: left .8s ease;
		transition: left .8s ease;
	}

		.carousel .hero-carousel-item {
			display: inline-block;
		}

	.fader .hero-carousel-slide,
	.slider .hero-carousel-slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.csstransitions .fader .hero-carousel-slide {
		opacity: 0;
		z-index: 0;
		/* transition */
		-webkit-transition: opacity .8s ease;
		-moz-transition: opacity .8s ease;
		-ms-transition: opacity .8s ease;
		-o-transition: opacity .8s ease;
		transition: opacity .8s ease;
	}

	.no-csstransitions.no-opacity .fader .hero-carousel-slide,
	.no-csstransitions.no-opacity .fader .hero-carousel-slide *,
	.no-csstransitions.no-opacity .fader .hero-carousel-slide *:before,
	.no-csstransitions.no-opacity .fader .hero-carousel-slide *:after {
		filter: alpha(opacity=0);
		z-index: -10;
	}

	.no-csstransitions.opacity .fader .hero-carousel-slide {
		z-index: -10;
	}

	.no-csstransitions.opacity .fader .hero-carousel-slide * {
		opacity: 0;
	}

	.csstransitions .slider .hero-carousel-slide {
	}

	.csstransitions .fader .hero-carousel-slide.active {
		opacity: 1;
		z-index: 1;
	}

	.no-csstransitions.no-opacity .fader .hero-carousel-slide.active,
	.no-csstransitions.no-opacity .fader .hero-carousel-slide.active * {
		filter: alpha(opacity=100);
		z-index: 1;
	}

	.no-csstransitions.opacity .fader .hero-carousel-slide.active {
		z-index: 0;
	}

	.no-csstransitions.no-opacity .fader .hero-carousel-slide.first,
	.no-csstransitions.no-opacity .fader .hero-carousel-slide.first * {
		filter: alpha(opacity=100);
		z-index: 1;
	}

	.no-csstransitions.opacity .fader .hero-carousel-slide.first,
	.no-csstransitions.opacity .fader .hero-carousel-slide.first * {
		opacity: 1;
	}

	.csstransitions .fader.loading .hero-carousel-slide {
		width: 0px;
		overflow: hidden;
	}

	.csstransitions .carousel .hero-carousel-item {
		opacity: 0;
		/* transition */
		-webkit-transition: opacity .3s ease,
												left .8s ease;
		-moz-transition: opacity .3s ease,
												left .8s ease;
		-ms-transition: opacity .3s ease,
												left .8s ease;
		-o-transition: opacity .3s ease,
												left .8s ease;
		transition: opacity .3s ease,
												left .8s ease;
	}

	.csstransitions .carousel.jump-slides .hero-carousel-item {
		opacity: 0;
		/* transition */
		-webkit-transition: opacity .3s ease,
												left .32s linear;
		-moz-transition: opacity .3s ease,
												left .32s linear;
		-ms-transition: opacity .3s ease,
												left .32s linear;
		-o-transition: opacity .3s ease,
												left .32s linear;
		transition: opacity .3s ease,
												left .32s linear;
	}

	.csstransitions .carousel .hero-carousel-item.carousel-visible {
		opacity: 1;
	}

	.hero-carousel-bullet-list {
		position: absolute;
		bottom: 15px;
		width: 100%;
		z-index: 10;
		text-align: center;
	}

	.hero-carousel-bullet {
		display: inline-block;
		cursor: pointer;
	}

	.borderradius .hero-carousel-bullet {
	}

	.hero-carousel-bullet.active {
	}

	a.hero-carousel-control {
		position: absolute;
		z-index: 10;
		display: block;
	}

	a.hero-carousel-control.next {
		right: 0;
		opacity: 0;
	}

	a.hero-carousel-control.previous {
		left: 0;
		opacity: 0;
	}

		.hero-carousel-control-button {
			width: 67px;
			height: 74px;
			display: block;
			background-repeat: no-repeat;
			position: absolute;
			z-index: 100;
			top: 50%;
			margin-top: -36px;
			/* opacity: 0; */
			filter: alpha(opacity=0);
			/* transition */
			/* -webkit-transition: opacity .35s ease-in; */
			-webkit-transition: -webkit-transform .35s ease;
			-moz-transition: -moz-transform .35s ease;
			-ms-transition: -ms-transform .35s ease;
			-o-transition: -o-transform .35s ease;
			transition: transform .35s ease;
		}

		.hero-carousel-control.next .hero-carousel-control-button {
			background-position: 0 0;
			right: 0px;
			/* transform */
			-webkit-transform: translate(100%,0);
			-moz-transform: translate(100%,0);
			-ms-transform: translate(100%,0);
			-o-transform: translate(100%,0);
			transform: translate(100%,0);
		}

		.hero-carousel-control.previous .hero-carousel-control-button {
			background-position: 0 -75px;
			left: 0px;
			/* transform */
			-webkit-transform: translate(-100%,0);
			-moz-transform: translate(-100%,0);
			-ms-transform: translate(-100%,0);
			-o-transform: translate(-100%,0);
			transform: translate(-100%,0);
		}

		.hero-carousel-control:hover .hero-carousel-control-button {
			/* opacity: 1; */
			filter: alpha(opacity=100);
			/* transform */
			-webkit-transform: translate(0,0);
			-moz-transform: translate(0,0);
			-ms-transform: translate(0,0);
			-o-transform: translate(0,0);
			transform: translate(0,0);
		}

		.hero-carousel-control.dark .hero-carousel-control-button {
			height: 100px;
			width: 71px;
			margin-top: -50px;
		}

		.hero-carousel-control.dark.next .hero-carousel-control-button {
			background-position: 0 -150px;
		}

		.hero-carousel-control.dark.previous .hero-carousel-control-button {
			background-position: 0 -250px;
		}