/*
 * Start Bootstrap - Half Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */


.carousel {
    height: 410px;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */
.carousel-control, .carousel-control{
	background-image: none;
}
.carousel-control:focus, .carousel-control:hover{
	background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%);
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#myCarousel2.carousel, #myCarousel3.carousel, #myCarousel4.carousel, #myCarousel5.carousel   {
    height: 377px;
}
#myCarousel2 .carousel-caption{

}

#myCarousel2 .carousel-indicators, 
#myCarousel3 .carousel-indicators, 
#myCarousel4 .carousel-indicators, 
#myCarousel5 .carousel-indicators{
	top:-40px;
	left: 20%;
    z-index: 15;
    width: 80%;
    margin-left: -10%;
	
}
#myCarousel2 .carousel-indicators li, 
#myCarousel3 .carousel-indicators li,
#myCarousel4 .carousel-indicators li, 
#myCarousel5 .carousel-indicators li{
	width:168px;
	height:32px;
	border-radius:0px;
	background-color: #706F75;
	border-color: #706F75;
	text-indent:0px;
	color: #EDEDED;
	line-height: 32px;
}
#myCarouselxs .carousel-indicators li.active, 
#myCarouselxs .carousel-indicators li:hover, 
#myCarousel2 .carousel-indicators li.active, 
#myCarousel2 .carousel-indicators li:hover, 
#myCarousel3 .carousel-indicators li.active, 
#myCarousel3 .carousel-indicators li:hover,
#myCarousel4 .carousel-indicators li.active, 
#myCarousel4 .carousel-indicators li:hover, 
#myCarousel5 .carousel-indicators li.active, 
#myCarousel5 .carousel-indicators li:hover{
	background-color: #333333;
}
#myCarouselxs .carousel-control.left .icon-prev:before, 
#myCarouselxs .carousel-control.right .icon-next:before, 
#myCarousel2 .carousel-control.left .icon-prev:before, 
#myCarousel2 .carousel-control.right .icon-next:before, 
#myCarousel3 .carousel-control.left .icon-prev:before, 
#myCarousel3 .carousel-control.right .icon-next:before,
#myCarousel4 .carousel-control.left .icon-prev:before, 
#myCarousel4 .carousel-control.right .icon-next:before, 
#myCarousel5 .carousel-control.left .icon-prev:before, 
#myCarousel5 .carousel-control.right .icon-next:before{
	content:none;

}
#myCarousel2 .carousel-control.left .icon-prev,
#myCarousel3 .carousel-control.left .icon-prev,
#myCarousel4 .carousel-control.left .icon-prev,
#myCarousel5 .carousel-control.left .icon-prev{

	background-image: url("../images/slide_ok_left.png");
	width: 36px;
    height: 106px;
    margin-top: -10px;
    font-size: 30px;
	margin-left: -45px;
	background-repeat: no-repeat;
}
#myCarousel2 .carousel-control.right .icon-next,
#myCarousel3 .carousel-control.right .icon-next,
#myCarousel4 .carousel-control.right .icon-next,
#myCarousel5 .carousel-control.right .icon-next{

	background-image: url("../images/slide_ok_right.png");
	width: 36px;
    height: 106px;
    margin-top: -10px;
    font-size: 30px;
	margin-right: -45px;
	background-repeat: no-repeat;
}
#myCarouselxs .carousel-control,
#myCarousel2 .carousel-control,
#myCarousel3 .carousel-control,
#myCarousel4 .carousel-control,
#myCarousel5 .carousel-control{
	background-image:none;
	
}
@media (max-width: 576px){
	.carousel {
		height: 200px;
	}
#myCarousel2.carousel, #myCarousel3.carousel, #myCarousel4.carousel, #myCarousel5.carousel   {
    height: 200px;
}

#myCarousel2 .carousel-indicators, 
#myCarousel3 .carousel-indicators, 
#myCarousel4 .carousel-indicators, 
#myCarousel5 .carousel-indicators{
	top: -40px;
    left: 0;
    z-index: 15;
    width: 100%;
    margin-left: 0;
	

	
}
#myCarousel2 .carousel-indicators li, 
#myCarousel3 .carousel-indicators li,
#myCarousel4 .carousel-indicators li, 
#myCarousel5 .carousel-indicators li{
	width:22%;
	height:32px;
	border-radius:0px;
	background-color: #706F75;
	border-color: #706F75;
	text-indent:0px;
	color: #EDEDED;
	line-height: 32px;
	font-size:10px;
	
}
#myCarousel5 .carousel-indicators li{	width:30%; }
#myCarousel4 .carousel-indicators li{	width:23%;	font-size:7px; }
#myCarousel3 .carousel-indicators li{ width: 19%; height: 42px; line-height: 20px;}


#myCarousel2 .carousel-control.left .icon-prev,
#myCarousel3 .carousel-control.left .icon-prev,
#myCarousel4 .carousel-control.left .icon-prev,
#myCarousel5 .carousel-control.left .icon-prev{
	display:none;
}
#myCarousel2 .carousel-control.right .icon-next,
#myCarousel3 .carousel-control.right .icon-next,
#myCarousel4 .carousel-control.right .icon-next,
#myCarousel5 .carousel-control.right .icon-next{
	display:none;
}
#myCarouselxs.carousel   {
    height: 200px;
}
#myCarouselxs .carousel-indicators{
	
	
}
#myCarouselxs .carousel-indicators li{
	
}
#myCarouselxs .carousel-control.left .icon-prev{

}
#myCarouselxs .carousel-control.right .icon-next{

	
}
}
@media (min-width: 992px) and (max-width: 1199px) {

	.fill {
    width: 758px;
    height: 348px;}
}