/* ------------------ Start TT - CMS ttcmssubbanner block --------------------- */

#ttcmssubbanner {
	float: left;
	text-align: center;
	width: 100%;
	margin: -60px 0 0;
}
#ttcmssubbanner .ttcmssubbanner-image .ttbanner img {
    max-width: 100%;
}
#ttcmssubbanner .ttcmssubbanner-image .ttcmssubbanner .ttbanner a::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.4) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transform: skewX(-20deg);
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    width: 50%;
    z-index: 9;
}
#ttcmssubbanner .ttcmssubbanner-image .ttcmssubbanner .ttbanner a {
    display: block;
    overflow: hidden;
    position: relative;
}
#ttcmssubbanner .ttcmssubbanner-image .ttcmssubbanner .ttbanner:hover a::before {
    left: 100%;
}
@media (max-width: 1399px) {
	#ttcmssubbanner {
		margin: -30px 0 0;
	}
}
@media (max-width: 543px) {
    #ttcmssubbanner .ttcmssubbanner-image .ttsubbanner-img1.ttbanner {
		margin: 0 0 15px;
    }
}
/* ------------------ End TT - CMS ttcmssubbanner block --------------------- */