﻿.wrapper-half-carousel .carousel-content {
	color: black;
	display: flex;
	align-items: center;

	min-height:535px;
}

.HalfCarouselGray {
	color: #b9b4b4;
}

.fill {
	width: 50%;
	height: 50%;
	margin-left: 50%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;

	/*transform: rotate(-10deg) skew(20deg);*/
	/*border-radius: 20px;*/
}

.wrapper-half-carousel .carousel-inner {
	box-shadow: 0px 7px 10px 0px #605959;
	height: 100%;
	/*background-color: #00498f;*/
	background-color:#08233d;
}

.wrapper-half-carousel .carousel-caption {
	text-shadow: 0 0 0;
	text-align: left;
	right: 5%;
	left: 5%;
	top: 20%;
	/*bottom: 10%;*/
}

.wrapper-half-carousel .carousel-caption > h1 {
	margin-bottom: 20px;
	color: #b9b4b4;
}

.wrapper-half-carousel .carousel-caption > h4 {
	/*color: #fff;*/
	color: #b9b4b4;
}

.wrapper-half-carousel ol.carousel-indicators {
	/*width: 80%;*/
	height: 0%;
	visibility: hidden;
}

.carousel.wrapper-half-carousel:hover ol.carousel-indicators {
	visibility: visible;
}

.wrapper-half-carousel ol.carousel-indicators > li,
.wrapper-half-carousel ol.carousel-indicators > li.active {
	width: 15px;
	background-color: #b9b4b4;
	border: 2px solid #00498f;
}

.wrapper-half-carousel ol.carousel-indicators > li.active {
	background-color: #6caedf;
	width: 5%;
}

.wrapper-half-carousel ol.carousel-indicators > li:hover {
	background-color: #fff;
}

.wrapper-half-carousel .carousel-control {
	left: 1%;
	width: 5%;
	visibility: hidden;
}

.carousel.wrapper-half-carousel:hover > .carousel-control {
	visibility: visible;
}

.wrapper-half-carousel .carousel-control.left {
	background-image: none;
}

.wrapper-half-carousel .carousel-control.right {
	left: auto;
	right: 1%;
	background-image: none;
}

.wrapper-half-carousel .carousel-control > .glyphicon-chevron-left,
.wrapper-half-carousel .carousel-control > .glyphicon-chevron-right {
	top: 45%;
}


@media(max-width:767px) {
	.fill {
		display: none;
	}
	
	.noFill {
		width: 65%;
		height: auto;
	}

	.wrapper-half-carousel .carousel-inner {
		border-radius: 0px;
		box-shadow: 0px 0px 0px 0px ;
	}

	.wrapper-half-carousel .carousel-caption {
		text-shadow: 0 0 0;
		right: 5%;
		left: 5%;
		top: 1%;
		bottom: 3%;
	}

	.wrapper-half-carousel .carousel-caption > h1 {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.carousel.wrapper-half-carousel ol.carousel-indicators {
		visibility: visible;
	}

	.carousel.wrapper-half-carousel .carousel-control .glyphicon-chevron-left,
	.carousel.wrapper-half-carousel .carousel-control .glyphicon-chevron-right,
	.carousel.wrapper-half-carousel .carousel-control .icon-next,
	.carousel.wrapper-half-carousel .carousel-control .icon-prev {
		visibility: visible;
		padding: 15px 5px;
	}

	.carousel.wrapper-half-carousel .carousel-control .glyphicon-chevron-left:before {
		content: url(../images/arrow_left.png) !important;
	}

	.carousel.wrapper-half-carousel .carousel-control .glyphicon-chevron-right:before {
		content: url(../images/arrow_right.png) !important;
	}

	.carousel.wrapper-half-carousel .carousel-control.left {
		top: 65%;
		bottom: 0;
	}

	.carousel.wrapper-half-carousel .carousel-control.right {
		top: 65%;
		right: 15px;
		bottom: 0;
	}

	.carousel.wrapper-half-carousel .carousel-indicators {
		/*bottom: 80px;*/
		top: 83%;
	}

	.wrapper-half-carousel ol.carousel-indicators > li	{
		display: inline-block;
		margin: 0 15px 0 0;
		height: 15px;
		width: 10px;	
	}

	.wrapper-half-carousel ol.carousel-indicators > li.active {
		width: 10%;	
	}
}

@media(min-width:767px) {
	.wrapper-half-carousel .carousel-caption {
		margin-right: 50%;
	}
}

@media(min-width:767px) and (max-width:991px) {
	.wrapper-half-carousel .carousel-caption > h1 {
		font-size: 1.5em;
	}
}


