/* home page carousel banners */

.home-page-banners-container-fluid{

}

.home-page-carousel-container-fluid {

}

.home-page-carousel-container-fluid-row {

}

.home-page-banners-container-carousel {	
	margin-bottom:0px;
}

.home-page-banners-container-carousel-row {
	
}

.home-page-banners-carousel-title{
	
}

.home-page-banners-carousel-title h1{
	font-size: 36px;
	color: @siteBlue;
}

.home-page-banners-carousel-text{
	padding: 0px;
}

.home-page-banners-carousel-text p{
	font-family: @sansFontFamily;
	font-size: 18px;
	color: #292E30;
	font-style: normal;
	font-weight: 200;

}

.home-page-banners-carousel-caption-container {	
	
    padding: 0%;	
	text-shadow:none;
	text-align: center;
    bottom: 0%;
    right: 0;
    left: 0;    

    &:hover a,
    &:focus a{
    	text-decoration: none;
    }

}

.home-page-banners-carousel-item-container {
	
}

.home-page-banners-carousel-inner {
	
}

.home-page-banners-carousel-indicators-container {
	padding:10px;
	left: 44%;
}

.home-page-banners-carousel-indicators {
	padding:10px;
}

.home-page-banners-carousel-slide {
	
}



/*Change some Bootstap classes*/


/*Disable hover effect 
  on carousel controls*/

.carousel-control,
.carousel-control:hover,
.carousel-control:focus {
	height: 45px;
	top: 30%;
	opacity: 1;	
}


/*Disable background image 
  on carousel controls*/

.carousel-control.left,
.carousel-control.right{
	background-image:none;
}


/*Disabling bootstrap's default arrows*/

.carousel-control .icon-prev:before,
.carousel-control .icon-next:before {
	content: none;
}

/* full width image, have it as background - height must be set though */
.item.full-item
{
	background-repeat:  no-repeat;
	background-position: center center; 
	background-size: cover;
	height: 600px;

	&.parallax {
		height: 450px;
		background-attachment: fixed;
		perspective: initial !important;
		transition: initial;
		transform: initial !important;
	}	
}