/* ----------------------Start TT-cmsoffer --------------------------*/
#ttcmsoffer{
	float: right;
	width: auto;
	text-align: center;
	padding: 15px 28px;
	background: var(--secondary-bg-color);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	cursor:pointer;
}
#ttcmsoffer .offer-heading .offer-icon{
	float:left;
	width:auto;
	position:relative;
}
#ttcmsoffer .offer-heading .offer-icon:before{
	mask-image: url(../img/discount.svg);
	-webkit-mask-image: url(../img/discount.svg);
	content: "";
	cursor: pointer;
	float: none;
	height: 20px;
	background-color: var(--header-nav-text-color);
	width: 20px;
	margin: 0 12px 0 0;
	transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	 mask-size: cover;
	-webkit-mask-size: cover;
}
#ttcmsoffer .offer-heading:hover .offer-icon:before{
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.offer-heading .offer-content .offer-txt {
	cursor:pointer;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    animation: offer-heading 6s linear infinite;
}
#ttcmsoffer .offer-heading:hover .offer-txt{
	animation-play-state: paused;
}
.offer-heading .offer-content .offer-txt a{
    font: 500 14px/20px var(--secondary-font);
	color:var(--primary-text-color);	
}
#ttcmsoffer .offer-heading .offer-content{
    position: relative;
    overflow: hidden;
}
@keyframes offer-heading{
	0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
}

@media (max-width: 1399px) {
	#ttcmsoffer{
		padding:15px 16px;
	}
}
/* ----------------------End TT-cmsoffer --------------------------*/