/* ----------------------Start TT-cmsoffer --------------------------*/
#ttcmsoffer {
  text-align: center;
  margin: 0 0 80px;
  background: #141313;
  padding:78px 0;
}
#ttcmsoffer .ttoffer-main .ttoffer-left a img {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	width:auto;
	float:none;
	display:inline-block;
	vertical-align:top;
}
#ttcmsoffer .ttoffer-main .ttoffer-left:hover a img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#ttcmsoffer .ttoffer-main .ttoffer-right {
    text-align: left;
}
#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-title {
	color: #fff;
	font: 400 40px/42px var(--primary-font);
	position: relative;
	margin: 0 0 35px;
	float: left;
	width: 100%;
}
#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-subtitle {
    color: var(--secondary-bg-color);
    float: left;
    font: 400 46px/48px var(--ternary-font);
    margin: 0 0 -10px;
    position: relative;
    width: 100%;
    z-index: 1;
}
#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-desc {
    color: #999999;
    font: italic 500 16px/28px var(--secondary-font);
    margin: 0 0 35px;
    float: none;
    display: inline-block;
    vertical-align: top;
    width: auto;
}
#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-btn a {
    float: none;
    width: auto;
	display:inline-block;
	vertical-align:top;
    position: relative;
    font: 600 14px/24px var(--secondary-font);
    padding: 8px 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #333;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out 0;
	background:none;
}
#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-btn a:hover,
#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-btn a:focus,
#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-btn a:active {
	background:var(--secondary-bg-color);
	color:var(--secondary-text-color);
}
#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-btn {
    float: left;
    width: 100%;
    position: relative;
}
@media (min-width: 544px) {
	#ttcmsoffer .ttoffer-main {
		display: flex;
		align-items: center;
	}
}
@media (max-width: 1450px) {
	#ttcmsoffer {
		padding: 30px 0;
	}
}
@media (max-width: 1199px) {
	#ttcmsoffer {
		margin:0 0 40px;
	}
}
@media (max-width: 991px) {
    #ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-title {
        font-size: 29px;
        line-height: 31px;
        margin: 0 0 20px;
    }
    #ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-subtitle {
        font-size: 47px;
        line-height: 54px;
    }
	#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-desc {
		line-height: 20px;
		margin: 0 0 25px;
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-title {
		font-size: 28px;
		line-height: 30px;
		margin: 0 0 20px;
	}
	#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-subtitle {
		font-size: 46px;
		line-height: 48px;
	}
}
@media (max-width: 543px) {
	#ttcmsoffer {
		margin:0 0 30px;
	}
	#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-title {
		font-size: 26px;
		line-height: 28px;
		margin: 0 0 15px;
	}
	#ttcmsoffer .ttoffer-main .ttoffer-right {
		text-align: center;
	}
	#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-desc {
		margin: 0 0 20px;
	}
}
@media (max-width: 480px) {
	#ttcmsoffer .ttoffer-main .ttoffer-right .ttoffer-desc {
		font-size: 13px;
		line-height: 22px;
	}
}
/* ----------------------End TT-cmsoffer --------------------------*/