﻿#bootstrap-slider, .carousel-inner, .carousel-item {
	min-height: 70vh;
}
#bootstrap-slider .carousel-content h2 {
	font-size: 1.2rem;
	line-height: 1.0em;
	margin-top: 0px;
	margin-bottom: 30px;
	color: #fff;
	position: relative;
	width: 100%;
}
#bootstrap-slider .carousel-content p {
	position: relative;
	color: #fff;
	width: 100%;
}
#bootstrap-slider .carousel-content a.btn {
	margin-top: 30px;
}
#bootstrap-slider {
	background: url('../../../../Site/graphics/page-header.jpg') top center no-repeat, url('../../../../Site/graphics/header-bg-bottom.jpg') top center repeat-x;
	min-height: 50vh;
}
.bs-slider-bg-layer8 {
	position: relative;
}
.layer-bg img.bs-slider-bg-layer8 {
	max-width: 50%;
	border-radius: 6px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	margin-bottom: 20px;
}
#bootstrap-slider .carousel-caption {
	position: absolute;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: #343b43;
	width: 90%;
	left: 5%;
	right: 5%;
	bottom: 20%;
}







@media(min-width:992px) {
#bootstrap-slider .carousel-caption {
	bottom: 10%;
}
#bootstrap-slider, .carousel-inner, .carousel-item {
	min-height: 0px;
}
}
@media(min-width:1200px) {
#bootstrap-slider, .carousel-inner, .carousel-item {
	height: 80vh;
}
#bootstrap-slider .carousel-caption {
	position: absolute;
	bottom: auto;
	top: 30%;
	transform: translateY(-30%);
	left: 10%;
	right: auto;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: right;
	color: #343b43;
	width: 80%;
	bottom: auto;
}
#bootstrap-slider .carousel-content h2 {
	font-size: 1.2rem;
	line-height: 1.0em;
	margin-top: 0px;
	margin-bottom: 30px;
	color: #fff;
	position: relative;
	width: 50%;
}
#bootstrap-slider .carousel-content p {
	position: relative;
	color: #fff;
	width: 50%;
}
#bootstrap-slider .carousel-content a.btn {
	margin-top: 30px;
}
#bootstrap-slider .carousel-content h2 {
	font-size: 2.75rem;
	line-height: 1.0em;
}
#bootstrap-slider.carousel .carousel-indicators li {
	margin: 11px 2px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.0), 0 3px 1px -2px rgba(0, 0, 0, 0.0), 0 1px 5px 0 rgba(0, 0, 0, 0.0);
	border: 1px solid #3C4858;
}
#bootstrap-slider.carousel .carousel-indicators li.active {
	border: 1px solid #3C4858;
}
#bootstrap-slider.carousel .carousel-indicators .active {
	transform: scale(1.0);
	background: rgba(255,255,255,0.99);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.0), 0 1px 10px 0 rgba(0, 0, 0, 0.0), 0 2px 4px -1px rgba(0, 0, 0, 0.0);
}
#bootstrap-slider {
}
.layer-bg {
}
.bs-slider-bg-layer1, .bs-slider-bg-layer2, .bs-slider-bg-layer3, .bs-slider-bg-layer4, .bs-slider-bg-layer5, .bs-slider-bg-layer6, .bs-slider-bg-layer7 {
	position: absolute;
	top: -100px;
	right: -100px;
}
.bs-slider-bg-layer8 {
	position: absolute;
	top: -100px;
	right: 0px;
}
.layer-bg img.bs-slider-bg-layer8 {
	max-width: 40%;
	top: 0px;
	border-radius: 6px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card {
	border: 0;
	margin-bottom: 30px;
	margin-top: 30px;
}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: 1.6s;
	transition-property: opacity;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
	opacity: 0;
}
.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}
.delay-25 {
	-webkit-animation-delay: .250s;
	animation-delay: .250s;
}
.delay-1 {
	-webkit-animation-delay: .0s;
	animation-delay: .0s;
}
.delay-2 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.delay-3 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.delay-4 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}
.delay-5 {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.delay-6 {
	-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
}
.delay-7 {
	-webkit-animation-delay: 1.25s animation-delay: 1.25s;
}
.delay-8 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
}
@media (min-width:1680px) {
#bootstrap-slider {
	height: 80vh;
	background: url('../../../../Site/graphics/page-header.jpg') top center no-repeat, url('../../../../Site/graphics/header-bg-bottom.jpg') top center repeat-x;
}
#bootstrap-slider.carousel .carousel-indicators {
	bottom: 100px;
	top: auto;
}
}
