/*--------------- Start TT - CMS ttcmsbanner --------------*/
#ttcmsbanner {
	padding: 0;
	margin:0 0 80px;
}
#ttcmsbanner .ttbanner{
	position: relative;
	cursor: pointer;
}
#ttcmsbanner .ttbanner img{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
#ttcmsbanner .ttbanner a::before {
	background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
	bottom: 20px;
	content: "";
	left: 20px;
	opacity: 1;
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	-webkit-opacity: 1;
	position: absolute;
	right: 20px;
	top: 20px;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
}
#ttcmsbanner .ttbanner:hover a::before {
	opacity: 0;
	-moz-opacity: 0; 
	-khtml-opacity: 0; 
	-webkit-opacity: 0;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transition-duration: 1s;
}
#ttcmsbanner .ttbanner .banner-content{
	position:absolute;
	top:0;
	left:6%;
	right:auto;
	bottom:0;
	width:32%;
	display:flex;
	align-items:center;
	text-align:left;
}
#ttcmsbanner .ttbanner .banner-content .banner-title{
	font:700 30px/34px var(--primary-font);
	color:var(--main-title-color);
	margin:0 0 15px;
}
@media (max-width: 1599px) {
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:28px;
		line-height:30px;
	}
}
@media (max-width:  1499px) {
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:26px;
		line-height:28px;
	}
}
@media (max-width: 1399px){
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:24px;
		line-height:26px;
	}
}
@media (max-width: 1299px){
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:22px;
		line-height:24px;
	}
}
@media (max-width: 1199px){
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:18px;
		line-height:20px;
		margin:0 0 10px;
	}
	#ttcmsbanner{
		margin:0  0 50px;
	}
}
@media (max-width: 991px) {
	#ttcmsbanner .ttbanner .banner-content{
		left:8%;
		width:36%;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:16px;
		line-height:18px;
	}
	#ttcmsbanner{
		margin:0 0 40px;
	}
}
@media (max-width: 767px) {
	#ttcmsbanner .ttbanner .banner-content{
		width:46%;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:14px;
		line-height:16px;
		margin:0 0 6px;
	}
	#ttcmsbanner .ttbanner .btn-secondary{
		padding:4px 18px;
		font-size:12px;
	}
}
@media (max-width: 543px) {
	#ttcmsbanner .ttbanner{
		margin:0 0 15px;
	}
	#ttcmsbanner .ttbanner .banner-content{
		width:32%;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:20px;
		line-height:24px;
	}
	#ttcmsbanner{
		margin:0 0 30px;
	}
}
@media (max-width: 480px) {
	#ttcmsbanner .ttbanner .banner-content{
		width:42%;
	}
	#ttcmsbanner .ttbanner .banner-content .banner-title{
		font-size:14px;
		line-height:18px;
	}
}
/*--------------- Start TT - CMS ttcmsheader --------------*/