/**
 * Homepage specific styles
 * 
 */


/** Banner */
	#banner .owl-carousel.include-pagination .owl-dots {
		position: absolute;
		bottom: 50px;
		left: 50%;
		transform: translateX(-50%);
		text-align: left;
		width: 100%;
		max-width: 1280px;
		padding: 0 2%;
		margin: 0;
		z-index: 100;
	}
		#banner .item:before {
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(0,0,0,0.2);
			z-index: 50;
		}
		#banner .banner-caption {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 100%;
			z-index: 100;
			margin: -50px 0 0em 0;
		}
			#banner .banner-caption h3 {
				color: #FFF;
				font-weight: 400;
				font-size: 3.250em;
				max-width: 50%;
				line-height: 1.2em;
			}
			#banner .banner-caption h4 {
				color: #FFF;
				font-size: 1.875em;
				font-weight: 400;
				line-height: 1.2;
				max-width: 50%;
			}
			#banner .banner-caption .button,
			#banner .banner-caption .button:hover {
				opacity: 1;
				margin-top: 1em;
			}
			#banner .banner-caption .button:hover {
				text-decoration: underline;
			}