/* ----------------------------- Start TT - CMS Sub banner block ----------------------- */
#ttcmssubbanner {
  float: left;
  margin: 0 0 20px;
  width: 100%;
}
#ttcmssubbanner .ttsubbanners-inner {
  float: left;
  padding: 0;
  width: 100%;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc{
position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    margin: auto;
    max-height: 100px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .title{
font:400 12px/16px "Roboto", Helvetica, sans-serif;
text-transform:uppercase;
margin:0 0 10px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .subtitle{
font:600 26px/28px "Dosis", Helvetica, sans-serif;
text-transform:uppercase;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .desc{
font:400 14px/16px "Roboto", Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .desc .code{
font-size: 20px;
    color: #ffc21b;
    font-weight: 500;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners1 .ttsubbanners-img .ttsubbanner-desc .subtitle{
color:#fff;
margin:0 0 18px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners1 .ttsubbanners-img .ttsubbanner-desc .title{
color:#fff;
background:#db3531;
display:inline-block;
float:none;
vertical-align:top;
padding: 5px 14px;
  border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;

}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc .title{
font:400 14px/16px "Roboto", Helvetica, sans-serif;
color:#323335;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc .subtitle{
color:#222;
margin:0 0 20px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc button{
border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
	padding:8px 22px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc button:after{
	border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;	
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc{
text-align:right;
right:50px;
}
@media (max-width: 1366px) {
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .subtitle{
font-size:24px;
line-height:28px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners1 .ttsubbanners-img .ttsubbanner-desc .subtitle{
margin:0 0 14px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc .subtitle {
margin:0 0 16px;
}
}
@media (max-width: 1199px) {
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .subtitle{
font-size:18px;
line-height:20px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .desc{
font-size:12px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .desc .code{
font-size:18px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .title{
font-size:10px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners1 .ttsubbanners-img .ttsubbanner-desc .title{
padding:3px 13px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc{
height:86px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc .title{
font-size:12px;
line-height:14px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc button{
padding:6px 17px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc{
right: 40px;
}
}
@media (max-width: 991px) {
  .ttsubbanners1.ttsubbanners {
		padding: 0 5px 0 0;
	}
	.ttsubbanners2.ttsubbanners {
		padding: 0 0 0 5px;
	}
}
@media (max-width: 670px) {
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .subtitle {
    font-size: 13px;
    line-height: 17px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners1 .ttsubbanners-img .ttsubbanner-desc .subtitle {
    margin: 0 0 10px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc {
    height: 80px;
	padding:0;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .desc .code {
    font-size: 16px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .desc {
    font-size: 10px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc button {
    padding: 4px 12px;
	font-size:10px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc .subtitle {
    margin: 0 0 14px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc {
    right: 25px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc .title {
    font-size: 10px;
    line-height: 12px;
	margin:0 0 8px;
}
}
@media (max-width: 543px) {
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc{
right:12px;
}
}
@media (max-width: 480px) {
  #ttcmssubbanner .ttsubbanners-inner .ttsubbanners {
	padding: 0;
	width: auto;
	max-width: 100%;
	margin-bottom: 10px;
}
#ttcmssubbanner {
  margin: 0;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .title{
font-size: 10px;
    line-height: 14px;
    padding: 4px 12px;
	}
	#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .subtitle {
    font-size: 20px;
    line-height: 22px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc {
    right: 45px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc button {
    padding: 6px 15px;
    font-size: 12px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc .subtitle {
    margin: 0 0 16px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc {
    right: 55px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc .title {
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 8px;
	padding:0;
}
}
@media (max-width: 360px) {
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc .subtitle {
    font-size: 16px;
    line-height: 18px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc {
    right: 20px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc .subtitle {
    margin: 0 0 12px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners.ttsubbanners2 .ttsubbanners-img .ttsubbanner-desc {
    right: 35px;
}
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img a {
  display: block;
  position: relative;
  overflow: hidden;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img .ttsubbanner-desc {
    height: 82px;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img a::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img a img {
    max-width: 100%;
    width: 100%;
    height: auto;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: all 600ms ease-in-out 0s;
	-webkit-transition: all 600ms ease-in-out 0s;
	-moz-transition: all 600ms ease-in-out 0s;
	-o-transition: all 600ms ease-in-out 0s;
	-ms-transition: all 600ms ease-in-out 0s;
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#ttcmssubbanner .ttsubbanners-inner .ttsubbanners .ttsubbanners-img:hover a:before {
  -webkit-animation: shine 1.5s;
  animation: shine 1.5s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

/* ----------------------------- End TT - CMS sub banner block ----------------------- */