/* ---------------------- Start TT - CMS Banner block  --------------------------*/
#ttcmsbanner {
	float: left;
	position: relative;
	width: 100%;
	margin: 0 0 80px;
}
#ttcmsbanner .ttbanner-img img {
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;	
}
#ttcmsbanner .ttbanner-img a::after {
	border:30px solid #fff;
	content:"";
	height:100%;
	left:0;
	opacity:.5;
	position:absolute;
	top:0;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	-webkit-transition:all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out 0s;
	-ms-transition:all 0.5s ease-in-out 0s;
	-o-transition:all 0.5s ease-in-out 0s;
	transition:all 0.5s ease-in-out 0s;
	width:100%
}
#ttcmsbanner .ttbanner-img a::before {
	border:70px solid rgba(255,255,255,0);
	content:"";
	height:100%;
	left:0;
	position:absolute;
	top:0;
	-webkit-transition:all 0.5s ease-in-out 0s;
	-moz-transition:all 0.5s ease-in-out 0s;
	-ms-transition:all 0.5s ease-in-out 0s;
	-o-transition:all 0.5s ease-in-out 0s;
	transition:all 0.5s ease-in-out 0s;
	width:100%
}
#ttcmsbanner .ttbanner-img a:hover::after{
	-webkit-opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
	-o-transform:scale(0.8);
	transform:scale(0.8);
	transition-delay:0.1s
}
#ttcmsbanner .ttbanner-img a:hover::before {
	border:0 solid rgba(255,255,255,0.7)
}
#ttcmsbanner .ttbanner .banner-content{
	position:absolute;
	top:0;
	left:auto;
	right:6%;
	bottom:0;
	width:32%;
	display:flex;
	align-items:center;
	text-align:left;
}
#ttcmsbanner .ttbanner .banner-content .banner-title{
	font:700 38px/40px "Playfair Display", Helvetica, sans-serif;
	color:#fff;
	margin:0 0 15px;
	text-transform: capitalize;
}
#ttcmsbanner .ttbanner .banner-content .banner-subtitle{
	font:500 15px/18px 'Roboto',helventica,sans-serif;
	color:#fff;
	margin:0 0 15px;
}
#ttcmsbanner .btn-primary{
	background:#ffbf07;
	color:#111;
}
#ttcmsbanner .btn-primary:before{
	background:#fff;
}
@media (max-width: 1199px) {
	#ttcmsbanner {
		margin: 0 0 70px;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:36px;
		line-height:38px;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-subtitle{
		font-size:13px;
		line-height:15px;
	}
}
@media (max-width: 991px) {
	#ttcmsbanner {
		margin: 0 0 50px;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:26px;
		line-height:28px;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-subtitle{
		display:none;
	}
}
@media (max-width: 767px) {
	#ttcmsbanner {
		margin: 0 0 40px;
	}
	#ttcmsbanner .btn-primary{
		font-size:13px;
		padding:4px 16px;
	}
}
@media (max-width: 700px) {
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:20px;
		line-height:22px;
		margin:0 0 6px;
	}
	#ttcmsbanner .ttbanner .banner-content{
		right:12%;
	}
}
@media (max-width: 543px) {
	#ttcmsbanner {
		margin: 0 0 15px;
	}
	#ttcmsbanner .ttbanner-img {
		width: 100%;
		margin: 0 0 15px;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:28px;
		line-height:30px;
		margin:0 0 10px;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-subtitle{
		display:block;
	}
	#ttcmsbanner .ttbanner .banner-content{
		right:8%;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-subtitle{
		font-size:14px;
		line-height:16px;
	}
}
@media (max-width: 480px) {
	#ttcmsbanner .ttbanner .banner-content .banner-subtitle{
		display:none;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:22px;
		line-height:24px;
	}
	#ttcmsbanner .ttbanner .banner-content{
		right:10%;
	}
}
/* ---------------------- End TT - CMS Banner block  --------------------------*/