/**
 * Breadcrumb Sytle
 */
.page-title{
	background: #ccc;
	width: 100%;
	margin: 0;
	padding: 30px 0;
	position: relative;
}
.page-title:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, .2);
	z-index: 1;
}
.page-title .title{
	font-size: 36px;
	line-height: 1.5;
	color: #fff;
}
.page-title h1{
	margin: 0;
	line-height: 1;
}
.banner-container{
	height: 100%;
	position: relative;
	z-index: 2;
}
.banner-container .content-page-title{
	width: 100%;
	top: 50%;
	/* -webkit-transform: translate(-50%, -50%); */
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;


}
#breadcrumb,
#breadcrumb .current,
#breadcrumb span,
#breadcrumb a{
	color: #fff;
}

.h-fll{float: left;}
.h-flr{float: right;}



@media screen and (max-width: 1024px) {
	.banner-container .content-page-title{
		margin: 0;
	    padding: 0 2rem;
	    left: 0;
	}
}

@media (max-width: 767px){
	.page-title .title{
		font-size: 24px;
	}
}