@keyframes scale {
	0% {
		transform: scale(.9);
	}

	20% {
		transform: scale(1.1);
	}

	40% {
		transform: scale(.9);
	}

	60% {
		transform: scale(1.1);
	}

	80% {
		transform: scale(.9);
	}

	90% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(.9);
	}
}

.right-float {
	z-index: 998;
	color: #fff;
	display: inline-block;
	position: fixed;
	text-decoration: none;
	bottom: 20px;
	right: 20px;
	width: 60px;
}

.right-float * {
	margin: 0;
	padding: 0;
	outline: 0;
}

.right-float *:focus {
	outline: none;
}

.right-float * ::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #f9f9f9;
}

.right-float * ::-webkit-scrollbar-track {
	background-color: #f9f9f9;
}

.right-float * ::-webkit-scrollbar-thumb,
.right-float * ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	border-radius: 6px;
}

.right-float * ::-webkit-scrollbar-thumb {
	background-color: #ddd;
}

.right-float>* {
	margin: 0 5px 5px;
}

.right-float>button,
.right-float>*>button,
.right-float>*>a {
	text-decoration: none;
	position: relative;
	background: -webkit-linear-gradient(left, #999, #ccc) ;
	box-shadow: 0 0 5px #eee;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	font-family: inherit;
	text-align: center;
	display: block;
	cursor: pointer;
	border: none;
	transition: .3s;
}

.right-float>button i,
.right-float>*>button i,
.right-float>*>a i {
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	transition: .3s;
}

.right-float>button .fa-angle-up,
.right-float>*>button .fa-angle-up,
.right-float>*>a .fa-angle-up {
	font-size: 26px;
}

.right-float>button:before,
.right-float>*>button:before,
.right-float>*>a:before {
	content: attr(alt);
	position: absolute;
	right: calc(100% + 10px);
	top: calc(50% - 15px);
	font-size: 12px;
	color: #333;
	padding: 5px 10px;
	background: #fff;
	white-space: pre;
	line-height: 20px;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	transform: scaleY(0);
	transition: .3s;
}

.right-float>button:after,
.right-float>*>button:after,
.right-float>*>a:after {
	content: "";
	position: absolute;
	right: 100%;
	top: calc(50% - 5px);
	border: 5px solid transparent;
	border-left: 5px solid #ccc;
	transform: scaleY(0);
	transition: .3s;
}

.right-float>button:hover:before,
.right-float>*>button:hover:before,
.right-float>*>a:hover:before,
.right-float>button:hover:after,
.right-float>*>button:hover:after,
.right-float>*>a:hover:after {
	transform: scaleY(1);
}

.right-float .contact-list {
	background: -webkit-linear-gradient(left, #fe0000, #ff6565);
}

.right-float .chat-list,
.right-float .contact-us,
.right-float .fav-list,
.right-float .chat-now {
	background: -webkit-linear-gradient(left, #ff6700, #ffa466);
}

.right-float .chat-list,
.right-float .contact-us,
.right-float .chat-now {
	animation: scale 2s ease-in-out infinite;
}

.right-float .fav-items,
.right-float .chat-items {
	position: fixed;
	bottom: 70px;
	right: 80px;
	z-index: 999999999;
	width: 220px;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	display: none;
}

.right-float .fav-items .fav-title,
.right-float .chat-items .fav-title,
.right-float .fav-items .chat-title,
.right-float .chat-items .chat-title {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.right-float .fav-items .fav-title p,
.right-float .chat-items .fav-title p,
.right-float .fav-items .chat-title p,
.right-float .chat-items .chat-title p {
	font-size: 13px;
	line-height: 20px;
	padding: 10px;
	font-weight: 400;
	background: -webkit-linear-gradient(left, #ff6700, #ffa466);
	color: #fff;
}

.right-float .fav-items .fav-title+div,
.right-float .chat-items .fav-title+div,
.right-float .fav-items .chat-title+div,
.right-float .chat-items .chat-title+div {
	background: #fff;
}

.right-float .fav-items .fav-content-empty,
.right-float .chat-items .fav-content-empty,
.right-float .fav-items .chat-content-empty,
.right-float .chat-items .chat-content-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 280px;
	color: #666;
	padding: 0 10px 15px;
	text-align: center;
}

.right-float .fav-items .fav-content-empty p,
.right-float .chat-items .fav-content-empty p,
.right-float .fav-items .chat-content-empty p,
.right-float .chat-items .chat-content-empty p {
	font-size: 13px;
	line-height: 20px;
	padding: 0;
	margin: 0;
}

.right-float .fav-items .fav-content-empty .fa,
.right-float .chat-items .fav-content-empty .fa,
.right-float .fav-items .chat-content-empty .fa,
.right-float .chat-items .chat-content-empty .fa {
	padding: 0 3px;
}

.right-float .fav-items .fav-title ul {
	overflow: hidden;
	display: flex;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	background: -webkit-linear-gradient(left, #ff6700, #ffa466);
	color: #fff;
}

.right-float .fav-items .fav-title li {
	flex: 1 2 0;
	cursor: pointer;
	padding: 10px;
}

.right-float .fav-items .fav-title li.on {
	background: #fff;
	color: #ff6700;
}

.right-float .fav-items .fav-content {
	padding: 5px 0;
	margin: 0;
	height: 240px;
	overflow-y: auto;
}

.right-float .fav-items .fav-content ul {
	margin: 0;
	padding: 0;
}

.right-float .fav-items .fav-content li {
	display: flex;
	align-items: center;
	border-bottom: 1px dashed #ddd;
	padding: 5px;
	transition: .2s ease-in-out;
}

.right-float .fav-items .fav-content li dl {
	align-items: center;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin: 0;
	padding: 0;
}

.right-float .fav-items .fav-content li dt {
	width: 50px;
	height: 50px;
	border: 1px solid #ddd;
	overflow: hidden;
	margin: 0 5px;
}

.right-float .fav-items .fav-content li dt a {
	display: block;
}

.right-float .fav-items .fav-content li dt img {
	width: 100%;
}

.right-float .fav-items .fav-content li dd {
	height: 50px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.right-float .fav-items .fav-content li dd a {
	font-size: 12px;
	line-height: 16px;
	display: block;
	color: #333;
	text-decoration: none;
	max-height: 32px;
	margin-top: 9px;
	overflow: hidden;
}

.right-float .fav-items .fav-content li:hover {
	background: #f5f5f5;
}

.right-float .fav-items .fav-content li:last-of-type {
	border: none;
}

.right-float .fav-items .fav-opt {
	padding: 10px 5px;
	display: flex;
	align-items: center;
	background: #fff;
}

.right-float .fav-items .fav-opt button {
	font-size: 13px;
	color: #fff;
	line-height: 20px;
	padding: 5px 10px;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	transition: .2s ease-in-out;
	margin: 0 5px;
}

.right-float .fav-items .fav-opt button:hover {
	opacity: .7;
}

.right-float .fav-items .fav-opt .opt-del {
	background: #999;
}

.right-float .fav-items .fav-opt .opt-contact {
	background: -webkit-linear-gradient(left, #ff6700, #ffa466);
}

.right-float .chat-items .chat-content {
	height: 280px;
	overflow-y: auto;
	margin: 0;
	cursor: pointer;
	padding: 0 15px 15px;
}

.right-float .chat-items .chat-content dl {
	overflow: hidden;
	padding: 5px;
	transition: .2s ease-in-out;
	margin-top: 10px;
	box-shadow: 0 0 7px rgba(0, 0, 0, .15);
	border-radius: 45px;
	border: 1px solid #ddd;
	text-align: initial;
}

.right-float .chat-items .chat-content dl dt {
	width: 35px;
	height: 35px;
	overflow: hidden;
	float: left;
	border-radius: 50%;
	transition: .2s ease-in-out;
}

.right-float .chat-items .chat-content dl dt img {
	width: 100%;
	display: block;
}

.right-float .chat-items .chat-content dl dd {
	margin-left: 40px;
	position: relative;
}

.right-float .chat-items .chat-content dl dd p {
	display: block;
	font-size: 13px;
	color: #333;
	line-height: 20px;
	padding: 15px 0 0;
	white-space: pre;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: .2s ease-in-out;
}

.right-float .chat-items .chat-content dl dd span {
	font-size: 12px;
	color: #ff6700;
	line-height: 15px;
	display: block;
	transition: .2s ease-in-out;
	text-transform: uppercase;
	transform: scale(.9);
	position: absolute;
	top: 2px;
	left: -3px;
}

.right-float .chat-items .chat-content dl dd span:after {
	content: '';
	width: 15px;
	height: 15px;
	background: url(https://ccdn.tradew.com/MNim/img/chat.png) center no-repeat;
	background-size: 100%;
	margin: -2px 5px 0;
	float: right;
}

.right-float .chat-items .chat-content dl:hover {
	box-shadow: 0 0 7px rgba(0, 0, 0, .25);
}

.right-float .chat-items .chat-content dl.offline {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.right-float .chat-items .chat-content dl.offline:hover {
	opacity: .7;
}

.right-float .chat-items .chat-content dl.online {
	border-color: rgba(255, 103, 0, .7);
	box-shadow: 0 0 7px rgba(255, 103, 0, .3);
}

.right-float .chat-items .chat-content dl.online dd p {
	color: #ff6700;
}

.right-float .contact .contact-items .contact-items-bg {
	transform: translate(calc(100% + 100px), 0);
	transition: ease-out .5s;
}

.right-float .contact .contact-items .contact-items-bg a {
	text-decoration: none;
	position: relative;
}

.right-float .contact .contact-items .contact-items-bg a:before {
	content: attr(alt);
	position: absolute;
	right: calc(100% + 10px);
	top: calc(50% - 15px);
	font-size: 12px;
	color: #333;
	padding: 5px 10px;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	background: #fff;
	white-space: pre;
	line-height: 20px;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	transform: scaleY(0);
	transition: .3s;
}

.right-float .contact .contact-items .contact-items-bg a:after {
	content: "";
	position: absolute;
	right: 100%;
	top: calc(50% - 5px);
	border: 5px solid transparent;
	border-left: 5px solid #ccc;
	transform: scaleY(0);
	transition: .3s;
}

.right-float .contact .contact-items .contact-items-bg a:hover:before,
.right-float .contact .contact-items .contact-items-bg a:hover:after {
	transform: scaleY(1);
}

.right-float .contact .contact-items .contact-items-bg>* i {
	box-shadow: 0 0 5px #eee;
	margin-bottom: 5px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	color: #fff;
	font-family: inherit;
	text-align: center;
	text-decoration: none;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
	transition: .3s;
}

.right-float .contact .contact-items .contact-items-bg>* i:before {
	font: 25px/1 FontAwesome;
	transition: .3s;
}

.right-float .contact .contact-items .contact-items-bg>* i:hover:before {
	transform: scale(1.2);
}

.right-float .contact .contact-items .contact-items-bg .contact-whatapp i {
	background: -webkit-linear-gradient(left, #29a61a, #55e244);
}

.right-float .contact .contact-items .contact-items-bg .contact-whatapp i:before {
	content: "";
}

.right-float .contact .contact-items .contact-items-bg .contact-skype i {
	background: -webkit-linear-gradient(left, #01aef3, #5cd0fe);
}

.right-float .contact .contact-items .contact-items-bg .contact-skype i:before {
	content: "";
}

.right-float .contact .contact-items .contact-items-bg .contact-messenger i {
	background: -webkit-linear-gradient(left, #177ee9, #74b2f2);
}

.right-float .contact .contact-items .contact-items-bg .contact-messenger i:before {
	content: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%2273918%22%20width%3D%2227%22%20height%3D%2227%22%3E%3Cpath%20d%3D%22M331.264%20820.266667c25.173333-11.093333%2053.333333-13.184%2079.701333-5.930667%2032.853333%208.96%2066.773333%2013.482667%20101.034667%2013.397333%20195.626667%200%20341.333333-140.245333%20341.333333-328.533333S707.626667%20170.666667%20512%20170.666667s-341.333333%20140.245333-341.333333%20328.533333c0%2096.853333%2038.229333%20182.272%20105.216%20242.176a119.466667%20119.466667%200%200%201%2040.192%2085.589333l15.189333-6.698666zM512%2085.333333c240.384%200%20426.666667%20176.085333%20426.666667%20413.866667%200%20237.781333-186.282667%20413.866667-426.666667%20413.866667a464.810667%20464.810667%200%200%201-123.52-16.384%2034.133333%2034.133333%200%200%200-22.784%201.664l-84.650667%2037.376a34.133333%2034.133333%200%200%201-47.914666-30.165334l-2.346667-75.946666a34.005333%2034.005333%200%200%200-11.434667-24.32C136.32%20731.093333%2085.333333%20623.658667%2085.333333%20499.2%2085.333333%20261.418667%20271.658667%2085.333333%20512%2085.333333zM255.786667%20620.245333l125.312-198.826666a64%2064%200%200%201%2092.586666-17.066667l99.669334%2074.666667a25.6%2025.6%200%200%200%2030.848%200l134.613333-102.229334c17.962667-13.610667%2041.429333%207.893333%2029.397333%2027.008l-125.312%20198.826667a64%2064%200%200%201-92.586666%2017.066667l-99.669334-74.666667a25.6%2025.6%200%200%200-30.848%200l-134.613333%20102.186667c-17.962667%2013.610667-41.429333-7.893333-29.397333-27.008z%22%20p-id%3D%2273919%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.right-float .contact .contact-items .contact-items-bg .contact-wechat i {
	background: -webkit-linear-gradient(left, #26c100, #52ff28);
}

.right-float .contact .contact-items .contact-items-bg .contact-wechat i:before {
	content: "";
	font-size: 20px;
}

.right-float .contact .contact-items .contact-items-bg .contact-facebook i {
	background: -webkit-linear-gradient(left, #0084fb, #62b5ff);
}

.right-float .contact .contact-items .contact-items-bg .contact-facebook i:before {
	content: "";
	font-size: 22px;
}

.right-float .contact .contact-items .contact-items-bg .contact-linkedin i {
	background: -webkit-linear-gradient(left, #0275b4, #1faefd);
}

.right-float .contact .contact-items .contact-items-bg .contact-linkedin i:before {
	content: "";
	font-size: 22px;
}

.right-float .contact .contact-items .contact-items-bg .contact-twitter i {
	background: -webkit-linear-gradient(left, #28aae1, #82cded);
}

.right-float .contact .contact-items .contact-items-bg .contact-twitter i:before {
	content: "";
	font-size: 22px;
}

.right-float .contact .plus-more i {
	height: 50px;
	width: 50px;
	position: relative;
}

.right-float .contact .plus-more i:before {
	content: "";
	width: 20px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 10px);
}

.right-float .contact .plus-more i:after {
	content: "";
	width: 2px;
	height: 20px;
	background: #fff;
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 1px);
}

.right-float .contact.on .contact-items-bg {
	transform: translate(0, 0);
}

.right-float .contact.on .plus-more i {
	transform: rotate(45deg);
}

.main-ar .right-float .return-top:after,
.main-ar .right-float .fav-list:after,
.main-ar .right-float .return-top:before,
.main-ar .right-float .fav-list:before {
	right: auto;
	left: calc(100% + 10px);
}

@media(max-width:767px) {
	.right-float .fav-items {
		width: 60vw;
		min-width: 200px;
		height: 60vh;
	}

	.right-float .fav-items .fav-content {
		height: calc(60vh - 82px);
	}

	.right-float .fav-items .fav-content-empty {
		height: calc(60vh - 26px);
	}
}

@media(max-width:480px) {
	.right-float .fav {
		display: none;
	}
}