.clean-footer-area {
	background-color: #333;
	padding: 100px 0 0px;
}

.clean-footer-area .subscribe-content h2 {
	font-size: 46px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 13px;
}

.clean-footer-area .subscribe-content h3 {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	opacity: .5;
}

.clean-footer-area .subscribe-form {
	position: relative;
}

.clean-footer-area .subscribe-form input {
	height: 64px;
	width: 250px;
	border: 0;
	outline: 0;
	background: #ffffff;
	opacity: .3;
	padding-left: 30px;
}

.clean-footer-area .subscribe-form input::placeholder {
	font-size: 16px;
	font-weight: 400;
}

.clean-footer-area .subscribe-form button {
	position: absolute;
	top: 0px;
	height: 64px;
	width: 186px;
	background: var(--color-primary);
	border: 0;
	font-size: 18px;
	font-weight: 400;
	cursor: pointer;
}

.clean-footer-area .subscribe-form .crmFormVali-error {
	display: none;
}

/* footer css */
.clean-footer-area .row.footer-line {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 83px;
	padding-top: 102px;
}

.clean-footer-area .row.footer-line.two {
	padding: 20px 0;
}

.clean-footer-area .footer-wiget-log {
	margin-bottom: 36px;
}

.clean-footer-area .foot-logo {
	max-height: 68px;
}

.clean-footer-area .footer-wiget-text p {
	opacity: 0.702;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 25px;
}

.clean-footer-area .footer-wiget-social ul li {
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.clean-footer-area .footer-wiget-social ul li a i {
	color: var(--color-primary);
	font-size: 15px;
	height: 38px;
	width: 38px;
	display: inline-block;
	text-align: center;
	line-height: 38px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	transition: .5s;
}

.clean-footer-area .footer-wiget-social ul li a i:hover {
	background: var(--color-primary);
	color: #ffff;
}

.clean-footer-area .footer-wiget-title h4 {
	font-size: 22px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 600;
	padding: 48px 0 22px;
	overflow-wrap: break-word;
}

.clean-footer-area .footer-wiget-menu ul li {
	list-style: none;
	margin-top: 6px;
}

.clean-footer-area .footer-wiget-menu ul li a {
	opacity: 0.702;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
	transition: .5s;
	overflow-wrap: break-word;
}

.clean-footer-area .footer-wiget-menu ul li a:hover {
	color: var(--color-primary);
}

.clean-footer-area .footer-wiget-menu ul li a i {
	font-size: 12px;
	margin-right: 5px;
}

.clean-footer-area .footer-wiget-contact-menu ul li {
	list-style: none;
	margin-top: 6px;
	opacity: 0.702;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
	transition: .5s;
}

.clean-footer-area .footer-wiget-contact-menu ul li:hover {
	color: var(--color-primary);
}

.clean-footer-area .footer-wiget-contact-menu ul li i {
	font-size: 12px;
	margin-right: 5px;
}

.clean-footer-area .copy-right-text p {
	text-align: center;
	opacity: 0.502;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.clean-footer-area .footer-wiget-social ul li {
		margin-right: 13px;
	}

	.clean-footer-area .subscribe-content h2 {
		font-size: 40px;
	}

	.clean-footer-area .form {
		text-align: left;
	}

	.clean-footer-area .subscribe-form input {
		width: 200px;
	}

	.clean-footer-area .subscribe-form button {
		width: 150px;
	}

	.clean-footer-area .row.footer-line {
		margin-top: 50px;
		padding-top: 60px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.clean-footer-area .subscribe-content {
		margin-bottom: 40px;
	}

	.clean-footer-area .form {
		text-align: left;
	}

	.clean-footer-area .row.footer-line {
		margin-top: 60px;
		padding-top: 60px;
	}

}

@media only screen and (min-width: 480px) and (max-width: 599px) {
	.clean-footer-area .subscribe-content {
		margin-bottom: 40px;
	}

	.clean-footer-area .form {
		text-align: left;
	}

	.clean-footer-area .row.footer-line {
		margin-top: 60px;
		padding-top: 60px;
	}
}

@media only screen and (min-width: 220px) and (max-width: 599px) {
	.clean-footer-area .subscribe-content {
		margin-bottom: 40px;
	}

	.clean-footer-area .subscribe-content h2 {
		font-size: 36px;
	}

	.clean-footer-area .form {
		text-align: left;
	}

	.clean-footer-area .subscribe-form input {
		height: 56px;
		width: 200px;
	}

	.clean-footer-area .subscribe-form button {
		height: 56px;
		width: 136px;
	}

	.clean-footer-area .row.footer-line {
		margin-top: 60px;
		padding-top: 60px;
	}

}





.side-bar{top:50%;margin-top:-200px;position:fixed;right:0;z-index:9999}
.side-bar .item{position:relative}
.side-bar .item+.item{margin-top:5px}
.side-bar .item > a{display:block;cursor:pointer;width:48px;height:48px;position:relative;z-index:10;display:flex;justify-content:center;align-items:center;position:relative;color:#DA251C;background:#fff;box-shadow:0 0 10px rgba(1,1,1,0.1)}
.side-bar .item > a i{display:inline-block;font-size:28px;color:inherit}
.side-bar .txt{position:absolute;top:0;right:48px;padding:0 20px;font-size:15px;white-space:nowrap;line-height:48px;background:#DA251C;color:#fff;transform:translateX(100%);transition:all 0.3s ease 0s}
.side-bar .wx-box{width:150px;position:absolute;right:50px;top:-50px;display:none;z-index:100}
.side-bar .wx-box .box{width:140px;padding:5px;border:1px solid #D6D7D7;text-align:center;background:#fff;overflow:hidden}
.side-bar .wx-box .box img{width:100%}
.side-bar .wx-box .arrowPanel{width:12px;height:20px;position:absolute;right:0;top:calc(50% - 5px)}
.side-bar .wx-box .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:2px;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #ddd}
.side-bar .wx-box .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:0;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #fff}
.side-bar .item:hover > a{background:#DA251C;color:#fff}
.side-bar .item:hover .wx-box{display:block}
.side-bar .item:hover .txt{transform:translateX(0)}