.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; height: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; transition: .6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 20px; opacity: 0; }
.carousel:hover .carousel-control { opacity: 1; }
.carousel-control.right { right: 45px; left: auto; }
.carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; width: 25px; height: 55px; font-size: 55px; text-align: center; line-height: 1; }
.fill { width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
	.carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
	.carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
	.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 100; }

.carousel-indicators { position: absolute; bottom: 21px; right: 30px; z-index: 100; margin: 0; padding-left: 0; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 15px; height: 15px; margin-left: 10px; text-indent: -999px; cursor: pointer; background-color: white; border-radius: 15px; }
.carousel-indicators li:first-child { margin-left: 0; }

.carousel-indicators li { background-color: white; }
.carousel-indicators .active { background-color: #d2de26; }

.carousel-overlay { display: table; width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; z-index: 99; background-color: rgba(50, 50, 50, 0.32); }
.carousel-overlay .banner-text { display: table-cell; vertical-align: middle; }

.carousel * { text-align: center; }

.carousel h1 {
	font-size: 6em;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
	text-transform: uppercase;
}

.carousel .slide-1 h1 {
	font-size: 9em;
	font-weight: 900;
}

.carousel p.sub-text {
	margin-bottom: 0;
	font-size: 2.7em;
	color: #ffffff;
	font-weight: 400;
	padding: 0 15px;
	margin-top: 0;
}

.carousel .button {
	margin: 0;
	font-size: 1em;
}

.carousel .button a {
	font-size: 1.6em;
	color: #FFFFFF;
	padding: 20px 25px;
	border: 2px solid #FFFFFF;
	background: rgba(0, 0, 0, 0.25);
	margin-top: 20px;
	font-weight: 400;
	border-radius: 7px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all ease .2s;
	transition: all ease .2s;
}

.carousel .button a:hover {
	background: rgba(76, 62, 107, 0.53);
}

.carousel, .item, .active { height: 700px; }

@media only screen and (max-width: 1400px) {
	.carousel, .item, .active { height: 600px; }
}
@media only screen and (max-width: 1300px) {
	.carousel, .item, .active { height: 500px; }
}
@media only screen and (max-width: 800px) {
	.carousel, .item, .active { height: 400px; }
}
@media only screen and (max-width: 620px) {
	.carousel, .item, .active { height: 475px; }
}



@media only screen and (max-width: 1300px) {
	.carousel .slide-1 h1 { font-size: 6em; }
	.carousel h1 { font-size: 6em; }
	.carousel p.sub-text { font-size: 1.8em; }
	.carousel .button a { padding: 16px 25px; margin-top: 12px; font-size: 1.4em; }
}
@media only screen and (max-width: 1000px) {
	.carousel p.sub-text { font-size: 1.8em; }
}
@media only screen and (max-width: 800px) {
	.carousel .slide-1 h1 { font-size: 3.5em; }
	.carousel h1 { font-size: 3.5em; }
	.carousel .button a {
		margin-top: 9px;
		font-size: 1.3em;
	}
}
@media only screen and (max-width: 705px) {
	.carousel p.sub-text { font-size: 1.6em; }
}
@media only screen and (max-width: 650px) {
	.carousel .slide-1 h1 { font-size: 2.8em; }
	.carousel h1 { font-size: 2.8em; }
}
@media only screen and (max-width: 620px) {
	.slide-1 .carousel-overlay {
		background-color: rgba(50, 50, 50, 0.45);
	}
}
@media only screen and (max-width: 375px) {
	.carousel .button a {
		font-size: 1.2em;
	}
}
@media only screen and (max-width: 320px) {
	.carousel h1 { font-size: 2em; }
}
@media only screen and (max-width: 300px) {
	.carousel h1 { font-size: 1.5em; }
	.carousel p.sub-text { font-size: 1.2em; }
}

/* Animation delays */
.carousel .panel {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}