@import url('bootstrap.min.css');
@import url('../layui/css/layui.css');
@import url('bootstrap-icons.css');
@import url('fontawesome.all.min.css');
@import url('nice-select.css');
@import url('owl.carousel.min.css');
@import url('owl.theme.default.min.css');
@import url('animate.css');
@import url('magnific-popup.css');
@import url('normalize.css');
@import url('responsive.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap');

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #191919;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
}

a,
button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

*::-moz-selection {
	background: #F95537;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #F95537;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #F95537;
	color: #fff;
	text-shadow: none;
}

*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}

*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	color: #1d2746;
	font-weight: 700;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
	transition: .4s;
	-webkit-transition: all .4s ease-in-out;
}

a:hover {
	text-decoration: none;
}

button:focus {
	outline: none;
}

input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

/*Scroll Area*/
.scroll-area {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1;
	display: none;
}

.scroll-area i {
	width: 45px;
	height: 45px;
	background-color: #F95537;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
	border: 1px solid #fff;
}

/*
 * 1. Header
*/
.header-top {
	background: #1d2746;
	color: #fff;
	padding: 10px 0px;
}

.top-info span {
	padding-right: 20px;
	font-size: 14px;
	letter-spacing: .5px;
}

.top-info span:last-child {
	padding: 0px;
}

.top-social {
	text-align: right;
}

.top-social ul li {
	display: inline-block;
	padding: 0px 12px;
}

.top-social ul li a {
	color: #fff;
}

.header-bottom-right {
	float: right;
	padding-left: 30px;
	display: flex;
	height: 100%;
	align-items: center;
}

.logo {
	height: 100%;
	align-items: center;
	display: flex;
}

.logo img {
	max-height: 65px;
}

.menu ul li {
	display: inline-block;
	padding: 0px 20px;
	position: relative;
}

.menu ul li a {
	display: inline-block;
	color: #333;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	padding: 35px 0px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
}

.menu ul li a::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 0;
	height: 1px;
	background: #fff;
	bottom: 32px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .4s ease-in-out;
}

.menu ul li:hover>a::after {
	width: 100%;
}

.menu ul li>ul {
	position: absolute;
	width: 250px;
	text-align: left;
	background: #fff;
	color: #000;
	border-radius: 4px;
	box-shadow: 0 30px 40px 0 rgba(4, 73, 89, 0.1);
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	top: 130px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0px;
	border: 1px solid #e6eeef;
	z-index: 999;
}

.menu ul li>ul::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	left: 20px;
	top: -10px;
	transform: rotate(45deg);
	border-left: 1px solid #e6eeef;
	border-top: 1px solid #e6eeef;
}

.menu ul li:hover>ul {
	opacity: 1;
	visibility: visible;
	top: 90px;
	z-index: 999;
}

.menu ul li>ul>li {
	width: 100%;
}

.menu ul li>ul>li>a {
	color: #6e8270;
	font-weight: 400;
	padding: 9px 0px;
	display: inline-block;
}

.menu ul li>ul>li:hover>a {
	color: #F95537;
}

.menu ul li>ul>li>a::after {
	content: "";
	background: #F95537;
	bottom: 7px;
}

.menu ul li>ul li>ul {
	left: 100%;
}

.menu ul li>ul li:hover>ul {
	top: 0px;
}

.menu ul li>ul li>ul::after {
	width: 0px;
	height: 0px;
	border: none;
}

.menu ul li:hover>a,
.menu ul li .active {
	color: #F95537;
}

.menu ul li a {
	color: #333;
}

.menu {
	text-align: right;
}

.top-user .user-icon {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px #eaeaea;
	-webkit-transition: all.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.top-user {
	position: relative;
}

.top-user:hover .user-icon {
	background: #F95537;
	color: #fff;
}

.user-list {
	position: absolute;
	top: 100px;
	width: 150px;
	text-align: left;
	background: #fff;
	color: #000;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	right: 0;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #e6eeef;
	padding: 15px 10px;
	z-index: 99;
}

.top-user:hover .user-list {
	opacity: 1;
	visibility: visible;
	top: 70px
}

.user-list::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	right: 10px;
	top: -10px;
	transform: rotate(45deg);
	border-left: 1px solid #e6eeef;
	border-top: 1px solid #e6eeef;
}

.user-list ul li a {
	display: inline-block;
	padding: 5px 0px;
	color: #333;
	font-size: 14px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .3s ease-in-out;
}

.user-list ul li a:hover {
	color: #F95537;
}

.top-search {
	position: relative;
}

.top-search {
	margin-right: 20px;
	-webkit-transition: all.3s ease-in-out;
	transition: all .3s ease-in-out;
}

.header-search-icon {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px #eaeaea;
}

.top-search:hover {
	background: #F95537;
	color: #fff;
}

.header-top-search-form {
	position: absolute;
	top: 100px;
	width: 250px;
	text-align: left;
	background: #fff;
	color: #000;
	border-radius: 0px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	right: 0;
	border: 1px solid #e6eeef;
	padding: 15px 10px;
	visibility: hidden;
	opacity: 0;
	z-index: 9;
}

.top-search:hover .header-top-search-form {
	opacity: 1;
	visibility: visible;
	top: 70px;
}

.header-top-search-form:after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	right: 10px;
	top: -10px;
	transform: rotate(45deg);
	border-left: 1px solid #e6eeef;
	border-top: 1px solid #e6eeef;
}

.header-top-search-form-full {
	position: relative;
}

.header-top-search-form-full input {
	width: 100%;
	height: 50px;
	border-radius: 0px;
	border: 2px solid #eee;
	padding: 0px 10px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.header-top-search-form-full input:focus {
	border-color: #F95537;
}

.header-top-search-form-full button {
	position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	border: none;
	background: none;
	color: #9d9797;
	padding-right: 12px;
}

.header-top-search-form-full button:hover {
	color: #F95537;
}

/*
 * 2. Button
*/
.button-1 {
	padding: 15px 40px !important;
	display: inline-block !important;
	font-size: 16px !important;
	color: #fff !important;
	background: #F95537 !important;
	font-weight: 600 !important;
	letter-spacing: .5px;
	text-transform: capitalize;
	border: 1px solid #F95537 !important;
	-webkit-transition: all .3s ease-in-out;
	transition: all .25s ease-in-out;
	position: relative;
	z-index: 1;
}

.button-1::after {
	z-index: -1;
	content: "";
	clear: both;
	position: absolute;
	width: 0%;
	height: 100%;
	-webkit-transition: all .2s ease-in-out;
	transition: all .25s ease-in-out;
	background: #fff;
	top: 0;
	left: 0;
	left: 0;
}

.button-1:hover:after {
	width: 100%;
}

.button-1:hover {
	color: #F95537 !important;
	border-color: #F95537;
}

.button-2 {
	padding: 16px 40px;
	display: inline-block;
	font-size: 16px;
	color: #1d2746;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: capitalize;
	-webkit-transition: all .3s ease-in-out;
	transition: all .25s ease-in-out;
	position: relative;
	z-index: 1;
	box-shadow: 0px 1px 10px 0px #b9b4b4;
}

.button-2::after {
	z-index: -1;
	content: "";
	clear: both;
	position: absolute;
	width: 0%;
	height: 100%;
	-webkit-transition: all .2s ease-in-out;
	transition: all .25s ease-in-out;
	background: #1d2746;
	top: 0;
	left: 0;
	left: 0;
}

.button-2:hover:after {
	width: 100%;
}

.button-2:hover {
	color: #fff;
}

/*
 * 3. Hero Area
*/
.hero-area {
	padding-top: 100px;
	padding-bottom: 100px;
	background: #EDF3F4;
}

.hero-img {
	text-align: center;
}

.hero-caption p {
	font-size: 18px;
	line-height: 30px;
}

.hero-caption-btn a:nth-child(1) {
	margin-right: 20px;
}

.hero-caption h2 {
	font-size: 44px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 20px;
}

/*
 * 4. Appointment
*/
.appointment-area-full {
	box-sizing: border-box;
	margin-top: -90px;
	background: #fff;
	padding: 50px;
	box-shadow: 0px 8px 12px 0px #eee;
	border-radius: 10px;
	position: relative;
	z-index: 999;
}

.appointment-form input {
	width: 100%;
	height: 60px;
	border: 1px solid #eee;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding: 0px 16px;
}

.appointment-form input:focus {
	border-color: #F95537;
}

.appointment-form button {
	width: 100%;
	height: 60px;
}

.appointment-form .nice-select {
	width: 100%;
	border-radius: 0px;
	height: 60px;
	border: 1px solid #eee;
	font-size: 16px;
	display: flex;
	align-items: center;
}

.appointment-form .nice-select:focus {
	border-color: #F95537;
}

.appointment-form .nice-select ul {
	width: 100%;
	border-radius: 0px;
}

/*
 * 5. About Area
*/
.about-img {
	text-align: center;
	position: relative;
}

.about-img img {
	width: 100%;
}

.about-img-content {
	position: absolute;
	bottom: 50px;
	right: 50px;
	text-align: center;
	background: #F95537;
	padding: 20px;
}

.about-img-content-full h2 {
	font-size: 60px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
}

.about-img-content-full p {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
}

.about-content-headding {
	padding-left: 20px;
	margin-bottom: 20px;
	position: relative;
}

.about-content-headding::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 7px;
	height: 100%;
	background: #F95537;
	top: 0;
	left: 0;
}

.about-content-headding h5 {
	color: #F95537;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 10px;
}

.about-content-headding h2 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
}

.about-content p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
}

.about-content ul li {
	width: 48%;
	float: left;
	line-height: 30px;
	padding: 10px 10px;
	background: #F9553730;
	margin-right: 2%;
	margin-bottom: 10px;
}

.about-content ul {
	padding-bottom: 10px;
	overflow: hidden;
}

.about-content ul li i {
	padding-right: 8px;
}

.section-bg {
	background: #EDF3F4;
}

/*
 * 6. interior Area
*/
.interior-services-content h5 {
	font-size: 20px;
	font-weight: 400;
	color: #F95537;
	margin-bottom: 10px;
}

.interior-services-content h2 {
	font-size: 42px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 20px;
}

.interior-services-content p {
	margin-bottom: 15px;
	line-height: 28px;
}

.interior-services-content p.active {
	border-left: 5px solid #F95537;
	padding: 10px;
	background: #F955371C;
	padding-left: 20px;
}

.services-item-1 {
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0px 0px 9px 0px #e6dede;
	padding: 20px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.services-item-1:hover {
	background: #F95537;
}

.services-item-1 .icon i {
	font-size: 30px;
	padding-bottom: 5px;
	display: block;
	color: #F95537;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.services-item-1:hover .icon i {
	color: #fff;
}

.services-item-1 h3 {
	font-size: 20px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.services-item-1:hover h3 {
	color: #fff;
}

.services-item-1 p {
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 14px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.services-item-1:hover p {
	color: #fff;
}

.services-item-1 a {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .2px;
}

.services-item-1:hover a {
	color: #fff;
}

/*
 * 7. Project Slider
*/
.section-headding h4 {
	font-size: 20px;
	font-weight: 400;
	color: #F95537;
	margin-bottom: 10px;
}

.section-headding h2 {
	font-size: 32px;
	font-weight: 700;
}

.project-slider-single {
	width: 95%;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.project-slider-single .content {
	background: #eee;
	box-sizing: border-box;
	padding: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.project-slider-single .content span {
	font-size: 16px;
	font-weight: 600;
	color: #F95537;
}

.project-slider-single .content h4 a {
	color: #333;
}

.project-slider-single .content h4 {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 600;
	height:50px;
	overflow: hidden;
}

.project-slider-single .content h4:hover a {
	color: #F95537;
}

.project-slider-single .content-full a.details {
	font-size: 14px;
	font-weight: 400;
	color: #333;
}

.project-slider-single .content-full a.details:hover {
	color: #F95537;
}

.project-slider-full .owl-next {
	position: absolute;
	top: 45%;
	right: 50px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	visibility: hidden;
	opacity: 0;
}

.project-slider-full .owl-prev {
	position: absolute;
	top: 45%;
	left: 50px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	visibility: hidden;
	opacity: 0;
}

.project-slider-full:hover .owl-next {
	visibility: visible;
	opacity: 1;
	right: 0;
}

.project-slider-full:hover .owl-prev {
	visibility: visible;
	opacity: 1;
	left: 0;
}

.project-slider-full-nav {
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	border-radius: 50%;
	border: 2px solid #eee;
}

.project-slider-full-nav:hover {
	background: #F95537;
	color: #fff;
	border-color: #F95537;
}

.project-slider-single .thumbnail {
	width: 100%;
	overflow: hidden;
}

.project-slider-single .thumbnail img {
	width: 100%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease;
}

.project-slider-single:hover .thumbnail img {
	transform: scale(1.15);
}

/*
 * 8. specialization-area
*/
.specialization-area {
	width: 100%;
	overflow: hidden;
	background: #1d2746;
	color: #fff;
}

.specialization-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.specialization-img img {
	width: 100%;
}

.specialization-img-con-full h3 {
	color: #fff;
	font-size: 24px;
}

.specialization-img-con {
	position: absolute;
	bottom: 30px;
	background: #F95537;
	text-align: center;
	padding: 16px 10px;
}

.specialization-img-con {
	position: absolute;
	bottom: 30px;
	background: #F95537;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 120px;
	left: 30px;
	border-radius: 4%;
}

.specialization-img-con-full i {
	font-size: 22px;
}

.specialization-img-con-full p {
	font-size: 12px;
}

.specialization-content h5 {
	font-size: 20px;
	font-weight: 400;
	color: #F95537;
	margin-bottom: 10px;
}

.specialization-content h2 {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 20px;
	color: #fff;
}

.specialization-content {
	padding: 60px;
}

.specialization-content ul li span {
	overflow: hidden;
	font-weight: 600;
}

.specialization-content ul li i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #5591774d;
	border-radius: 50%;
	float: left;
	margin-right: 12px;
	margin-top: 6px;
	font-size: 12px;
}

.specialization-content ul li {
	float: left;
	width: 50%;
	padding-right: 5px;
	padding: 10px 0px;
}

.hero-slider-img .owl-nav {
	position: absolute;
	bottom: 0;
	right: 0px;
}

.hero-slider-full-nav {
	width: 60px;
	height: 60px;
	background: #1d2746;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 20px;
}

.hero-slider-img .owl-nav .owl-next {
	position: absolute;
	bottom: 0;
	right: 0;
}

.hero-slider-img .owl-nav .owl-prev {
	position: absolute;
	bottom: 60px;
	right: 0;
}

.hero-slider-img .owl-nav .owl-prev .hero-slider-full-nav {
	background: #fff;
	color: #1d2746;
}

/*
 * 9. Team Area
*/
.team-item {
	width: 100%;
	overflow: hidden;
	text-align: center;
	border: 1px solid #eee;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	box-sizing: border-box;
}

.team-item img {
	width: 100%;
}

.team-item:hover {
	box-shadow: 0px 10px 12px 0px #d5d1d16e;
}

.team-item .content {
	padding: 25px 0px;
}

.team-item .content h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}

.team-item .content span {
	font-size: 16px;
	font-weight: 500;
	color: #F95537;
	margin-bottom: 10px;
	display: block;
}

.team-item .content ul li {
	display: inline-block;
	margin: 0px 2px;
}

.team-item .content ul li a {
	display: inline-block;
}

.team-item .content ul li a i {
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #eee;
	color: #847a7a;
	font-size: 14px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .3s ease-in-out;
}

.team-item .content ul li a i:hover {
	background: #F95537;
	color: #fff;
	border-color: #F95537;
}

/*
 * 10. Building Animations
*/
.building-animations-img {
	width: 100%;
}

.building-animations-img img {
	width: 100%;
	object-fit: cover;
}

.building-animations-content-full {
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	padding: 50px 50px;
	margin-top: -190px;
	box-shadow: 0px 11px 12px 3px #eee;
	text-align: center;
}

.building-animations-item .icon {
	width: 70px;
	height: 70px;
	margin: 0 auto;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #F95537;
	background: #F955372E;
	border-radius: 50%;
	font-size: 30px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease;
}

.building-animations-item {
	box-sizing: border-box;
	box-shadow: 0px 0px 10px 0px #eee;
	padding: 25px 20px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius: 10px;
}

.building-animations-item:hover {
	background: #F95537;
}

.building-animations-item h3 {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 700;
}

.building-animations-item h3 a {
	color: #1d2746;
	-webkit-transition: all .4s ease-in-out;
	transition: all .3s ease-in-out;
}

.building-animations-item:hover h3 a {
	color: #fff;
}

.building-animations-item:hover .icon {
	background: #fff;
}

.building-animations {
	background: #F8F7FC;
}

/*
 * 11. Testimonial
*/
.testimonial-area {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.testimonial-item {
	width: 92%;
	margin: 10px auto;
	background: #fff;
	box-sizing: border-box;
	padding: 30px 30px;
	border-radius: 5px;
	box-shadow: 0px 4px 5px 0px #d7d2d257;
}

.testimonial-item-full p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-bottom: 25px;
}

.testimonial-item-full p i {
	font-size: 30px;
	padding-right: 10px;
	color: #F95537;
}

.testimonial-item-full .meta .con h6 {
	color: #F95537;
	font-size: 16px;
	font-weight: 400;
}

.testimonial-item-full .meta .con h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 2px;
}

.testimonial-item-full .meta .con {
	margin-top: 12px;
}

.testimonial-item-full .meta img {
	width: 70px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

.testimonial-item-full .meta {
	position: relative;
	padding-left: 80px;
	overflow: hidden;
	padding-bottom: 20px;
}

.testimonial-area-full .owl-nav .owl-prev {
	position: absolute;
	top: 45%;
	left: 75px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.testimonial-area-full .owl-nav .owl-next {
	position: absolute;
	top: 45%;
	right: 75px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.testimonial-area-full:hover .owl-nav .owl-next {
	right: 0px;
	opacity: 1;
	visibility: visible;
}

.testimonial-area-full:hover .owl-nav .owl-prev {
	left: 0px;
	opacity: 1;
	visibility: visible;
}

.testimonial-slider-full-nav {
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #eee;
	background: #fff;
	border-radius: 50%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.testimonial-slider-full-nav:hover {
	background: #F95537;
	color: #fff;
	border-color: #F95537;
}

/*
 * 12. Blog
*/
.blog-single {
	width: 100%;
	overflow: hidden;
	box-shadow: 1px 1px 16px 6px #e8e8e8;
}

.blog-single .thubnail {
	width: 100%;
	overflow: hidden;
}

.blog-single .thubnail img {
	width: 100%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease;
}

.blog-single:hover .thubnail img {
	transform: scale(1.13);
}

.blog-single .content {
	padding: 24px 20px;
}

.blog-single .content .meta a {
	margin-right: 14px;
	display: inline-block;
	color: #847171;
	font-size: 16px;
}

.blog-single .content .meta a:hover {
	color: #F95537;
}

.blog-single .content .meta a i {
	color: #F95537;
	padding-right: 2px;
}

.blog-single .content .meta a:last-child {
	margin: 0px;
}

.blog-single .content .title {
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

.blog-single .content .title h3 {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
}

.blog-single .content .title h3 a {
	color: #1d2746;
}

.blog-single .content .title h3 a:hover {
	color: #F95537;
}

.blog-single .content .ltn__blog-meta-btn {
	overflow: hidden;
}

.blog-single .content .ltn__blog-meta-btn .ltn__blog-meta {
	float: left;
}

.blog-single .content .ltn__blog-meta-btn .ltn__blog-blog {
	text-align: right;
}

.blog-single .content .ltn__blog-meta-btn .ltn__blog-meta span {
	color: #758471;
	font-size: 15px;
}

.blog-single .content .ltn__blog-meta-btn .ltn__blog-meta span i {
	padding-right: 2px;
	color: #F95537;
}

.blog-single .content .ltn__blog-meta-btn .ltn__blog-blog a {
	color: #333;
	font-weight: 600;
	letter-spacing: .3px;
}

.blog-single .content .ltn__blog-meta-btn .ltn__blog-blog a:hover {
	color: #F95537;
}

.subscribe-area-full {
	background: #F95537;
	padding: 50px 30px;
	margin-bottom: -80px;
	border-radius: 2px;
}

.subscribe-content h3 {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	padding-bottom: 10px;
}

.subscribe-content p {
	color: #fff;
	font-size: 14px;
}

.subscribe-form {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.subscribe-form input {
	width: 62%;
	height: 60px;
	border: none;
	padding: 0px 20px;
	margin-right: 10px;
}

.subscribe-form button {
	height: 60px;
	border: none;
	text-transform: uppercase;
	font-size: 15px;
}

/*
 * 13. Footer
*/
.footer {
	background: #1d2746;
}

.footer-logo {
	margin-bottom: 15px;
}

.footer-widgets p {
	color: #fff;
	line-height: 28px;
}

.footer-social {
	margin-top: 14px;
}

.footer-social span {
	display: inline-block;
	margin: 0px 2px;
}

.footer-social span a {
	display: inline-block;
}

.footer-social span a i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid;
	font-size: 12px;
	color: #fff;
	-webkit-transition: all.4s ease-in-out;
	transition: all .4s ease-in-out;
}

.footer-social span a i:hover {
	color: #1d2746;
	border-color: #fff;
	background: #fff;
}

.footer-widgets h3 {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}

.footer-widgets h3::before {
	content: "";
	clear: both;
	width: 100%;
	height: 1px;
	position: absolute;
	background: #ddd;
	bottom: 0;
}

.footer-widgets h3::after {
	content: "";
	clear: both;
	background: #F95537;
	position: absolute;
	width: 45px;
	height: 3px;
	bottom: -1px;
	left: 0;
}

.footer-widgets ul li a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 6px 0px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.footer-widgets ul li a:hover {
	color: #F95537;
}

.footer-gallery .single {
	width: 30%;
	float: left;
	overflow: hidden;
}

.footer-bottom {
	background: #303a60;
	color: #fff;
	font-size: 14px;
}

.footer-bottom-menu {
	text-align: right;
}

.footer-bottom-menu ul li {
	display: inline-block;
	margin: 0px 10px;
	font-weight: 500;
}

.footer-bottom-menu ul li a {
	color: #fff;
}

.footer-bottom-menu ul li a:hover {
	color: #F95537;
}

/*
 * Hero SLider
*/
/*Animation*/
.active .hero-slider-single h2,
.active .hero-slider-single h4,
.active .hero-slider-single a,
.active .hero-slider-single p {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.active .hero-slider-single h2 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.active .hero-slider-single p {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

.active .hero-slider-single a {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.hero-slider-single {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 200px;
	padding-bottom: 200px;
	position: relative;
	z-index: 1;
}

.text-right {
	text-align: right;
}

.hero-slider-single::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	background: rgba(4, 18, 45, 0.51);
	z-index: -1;
}

.hero-slider-caption h4 {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
}

.hero-slider-caption h2 {
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.3;
	font-weight: 700;
	font-size: 40px;
}

.hero-slider-caption p {
	color: #fff;
	max-width: 500px;
	font-size: 18px;
}

.text-right .hero-slider-caption p {
	float: right;
	margin: auto;
}

.text-center .hero-slider-caption p {
	margin: 0 auto;
}

.hero-slider-caption .content {
	width: 100%;
	overflow: hidden;
}

.hero-slider-full .owl-prev {
	position: absolute;
	top: 46%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	left: 100px;
	opacity: 0;
	visibility: hidden;
}

.hero-slider-full:hover .owl-prev {
	opacity: 1;
	visibility: visible;
	left: 20px;
}

.hero-slider-full .owl-next {
	position: absolute;
	top: 46%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	right: 100px;
	opacity: 0;
	visibility: hidden;
}

.hero-slider-full:hover .owl-next {
	opacity: 1;
	visibility: visible;
	right: 20px;
}

.heroMa-slider-full-nav {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 22px;
	border: 2px solid #fff;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.heroMa-slider-full-nav:hover {
	color: #fff;
	background: #F95537;
	border-color: #F95537;
}

.blog-single .content .title p {
	margin-top: 20px;
	line-height: 26px;
}

/*
 * Property
*/
.poperty-item {
	position: relative;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.poperty-item::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: #040404cc;
	opacity: .3;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease;
}

.poperty-item:hover:after {
	opacity: .15;
}

.poperty-item-full h3 {
	font-size: 30px;
	color: #fff;
	margin-bottom: 10px;
}

.poperty-item-full p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
}

.poperty-item-full {
	text-align: center;
	padding: 100px 0px;
	cursor: pointer;
}

.poperty-item-full h6 {
	background: #F95537;
	width: auto;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	padding: 5px 20px;
	border-radius: 30px;
}

.poperty-item-full h6 a {
	color: #fff;
}

/*
 * BReadcrumb
*/
.breadcrumb-area {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	z-index: 1;
	height: 400px;
	display: flex;
	align-items: center;
}

.breadcrumb-area::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background: #1d27468f;
}

.breacrumb-content h2 {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
}

.breacrumb-content ul li {
	display: inline-block;
	position: relative;
	padding: 0px 25px;
	font-size: 20px;
	color: #fff;
}

.breacrumb-content ul li a {
	color: #fff;
}

.breacrumb-content ul li a:hover {
	color: #F95537;
}

.breacrumb-content ul li::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	top: 40%;
	right: 0px;
	border-radius: 50%;
}

.breacrumb-content ul li:last-child:after {
	width: 0px;
	height: 0px;
}

/*
 * Counter Area
*/
.counter-item {
	text-align: center;
	background: #1d2746;
	color: #fff;
	border-radius: 5px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding: 30px;
}

.counter-item:hover {
	transform: translateY(-10px);
}

.counter-item i {
	background: #F95537;
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 30px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.counter-item h2 {
	font-size: 50px;
	color: #fff;
	margin:0 auto 10px auto !important;
	justify-content: center;
}

.info-box-1 {
	text-align: center;
	border: 2px solid #eee;
	padding: 50px 30px;
}

.info-box-1 h3 {
	margin-top: 24px;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}

.info-box-1 p {
	margin-bottom: 6px;
	color: #777;
}

.contact-form h2 {
	font-size: 30px;
	margin-bottom: 20px;
}

.contact-form input {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #eee;
	padding: 25px 20px;
	background: #eeeeee75;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.contact-form textarea {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #eee;
	padding: 25px 20px;
	background: #eeeeee75;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	height: 160px;
}

.contact-form button {
	padding: 25px 50px;
}

.contact-form input:focus {
	border-color: #F95537;
}

.contact-form textarea:focus {
	border-color: #F95537;
}

#contact-map {
	height: 100vh;
}

/*
 * paginations
*/
.blog-pagination ul li {
	display: inline-block;
	margin: 0px 2px;
}

.blog-pagination ul li a {
	width: 40px;
	height: 40px;
	box-shadow: 0px 0px 4px 0px #b9b4b4;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #1d2746;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.blog-pagination ul li span {
	width: 40px;
	height: 40px;
	box-shadow: 0px 0px 4px 0px #b9b4b4;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #F95537;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.blog-pagination ul li a:hover {
	color: #fff;
	background: #F95537;
}

/*
 * Widgets
*/
.widgets-single {
	box-sizing: border-box;
	box-shadow: 1px 1px 16px 6px #e8e8e8;
	padding: 30px;
}

.widgets-single h2 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	padding-left: 10px;
	position: relative;
}

.widgets-single h2::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	background: #F95537;
	width: 2px;
	height: 100%;
	left: 0;
	top: 0;
}

.widgets-single .search-form-wi {
	position: relative;
	width: 100%;
}

.widgets-single .search-form-wi input {
	width: 100%;
	height: 50px;
	border: 1px solid #eee;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding: 0px 15px;
}

.widgets-single .search-form-wi input:focus {
	border-color: #F95537;
}

.widgets-single .search-form-wi button {
	background: none;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	padding-right: 14px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.widgets-single .search-form-wi button:hover {
	color: #F95537;
}

.widgets-single ul li {
	display: block;
	line-height: 30px;
	padding: 6px 0px;
	border-bottom: 1px solid #eee;
}

.widgets-single ul li:last-child {
	border: none;
}

.widgets-single ul li a {
	display: inline-block;
	color: #1d2746;
	padding: 4px 0px;
	-webkit-transition: all .4s ease-in;
	transition: all .4s ease-in-out;
}

.widgets-single ul li a:hover {
	color: #F95537;
}

.widgets-single .sibscribe-form-wi {
	position: relative;
	width: 100%;
}

.widgets-single .sibscribe-form-wi input {
	width: 100%;
	height: 50px;
	border: 1px solid #eee;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	padding: 0px 15px;
}

.widgets-single .sibscribe-form-wi input:focus {
	border-color: #F95537;
}

.widgets-single .sibscribe-form-wi button {
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	padding: 0px 16px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: #F95537;
	color: #fff;
}

.tag a {
	display: inline-block;
	padding: 8px 20px;
	border: 1px solid #eee;
	text-transform: capitalize;
	color: #333;
	margin: 5px 4px;
	-webkit-transition: all.4s ease-in-out;
	transition: all .4s ease-in-out;
}

.tag a:hover {
	color: #fff;
	border-color: #F95537;
	background: #F95537;
}

.blog-details-content,
.comment-list-full,
.comment-form {
	box-sizing: border-box;
	box-shadow: 1px 1px 16px 6px #e8e8e8;
	padding: 30px;
}

.blog-details-content img {
	width: 100%;
}

.blog-details-content h4 {
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: 600;
}

.blog-details-content .meta a {
	margin-right: 14px;
	display: inline-block;
	color: #847171;
	font-size: 16px;
}

.blog-details-content .meta span {
	color: #847171;
	font-size: 16px;
}

.blog-details-content .meta span i {
	color: #F95537;
	padding-right: 2px;
}

.blog-details-content .meta a:hover {
	color: #F95537;
}

.blog-details-content p {
	line-height: 30px;
	margin-bottom: 20px;
	color: #555;
}

.blog-details-content h5 {
	color: #444;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 20px;
}

.blog-share span {
	float: left;
	padding-right: 20px;
}

.blog-share ul {
	overflow: hidden;
}

.blog-share ul li {
	display: inline-block;
	margin: 0px 2px;
}

.blog-share ul li a {
	display: inline-block;
}

.blog-share ul li a i {
	width: 35px;
	height: 35px;
	border: 1px solid #eee;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #555;
	font-size: 14px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.blog-share ul li a i:hover {
	color: #fff;
	border-color: #F95537;
	background: #F95537;
}

.comment-list-full h2,
.comment-form h2 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}

.comment-list-full ul li {
	margin-bottom: 30px;
	position: relative;
	padding-left: 90px;
}

.comment-list-full ul li:last-child {
	margin-bottom: 0px;
}

.comment-list-full ul li img {
	width: 80px;
	position: absolute;
	top: 0;
	left: 0;
}

.comment-list-full ul li .content-co h3 {
	float: left;
	padding-right: 12px;
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 8px;
}

.comment-list-full ul li .content-co h3 a {
	color: #333;
}

.comment-list-full ul li .content-co span {
	font-size: 14px;
	color: #666;
}

.comment-list-full ul li .content-co p {
	width: 100%;
	overflow: hidden;
	font-size: 15px;
	color: #555;
}

.comment-list-full ul li .content-co .reply {
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 13px;
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 30px;
	color: #444;
	padding: 4px 20px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.comment-list-full ul li .content-co .reply:hover {
	color: #fff;
	border-color: #F95537;
	background: #F95537;
}

.comment-list-full ul li ul li {
	margin-top: 30px;
}

.comment-form textarea {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #eee;
	padding: 20px;
	height: 140px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: #eeeeee75;
}

.comment-form textarea:focus {
	border-color: #F95537;
}

.comment-form input {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #eee;
	padding: 20px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: #eeeeee75;
}

.comment-form input:focus {
	border-color: #F95537;
}

.comment-form button {
	padding: 20px 40px;
}

.portfolio-category ul li {
	display: inline-block;
	border: 2px solid #eee;
	border-radius: 50px;
	padding: 8px 30px;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: capitalize;
	margin: 2px 2px;
	cursor: pointer;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.portfolio-category ul li.mixitup-control-active {
	background: #F95537;
	color: #fff;
	border-color: #F95537;
}

.portfolio-item {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.portfolio-item img {
	width: 100%;
}

.portfolio-item-overly {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	background: #3333338a;
	opacity: 0;
	visibility: hidden;
}

.portfolio-item:hover .portfolio-item-overly {
	opacity: 1;
	visibility: visible;
}

.portfolio-item-overly-full a {
	color: #fff;
	border: 1px solid #eee;
	background: #444;
	padding: 12px 14px;
}

.portfolio-details {
	box-sizing: border-box;
	border: 2px solid #eee;
	padding: 20px;
}

.portfolio-details img {
	width: 100%;
}

.portfolio-details h3 {
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.portfolio-details p {
	color: #444;
	line-height: 30px;
	margin-bottom: 20px;
}

.portfolio-details h4 {
	margin-bottom: 10px;
	text-transform: capitalize;
	font-size: 20px;
}

.services-item-2 {
	border-radius: 14px;
	background-color: #fff;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
	padding: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-left: 60px;
	padding-bottom: 40px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.services-item-2:hover {
	transform: translateY(-10px);
}

.services-item-2 .top {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

.services-item-2 .top .icon {
	float: left;
	display: flex;
	width: 80px;
	height: 80px;
	align-items: center;
	justify-content: center;
	border: 2px solid #eee;
	font-size: 30px;
	border-radius: 10px;
	margin-right: 15px;
	color: #333;
}

.services-item-2 .top .title {
	overflow: hidden;
}

.services-item-2 .top .title h2 {
	font-size: 20px;
	line-height: 33px;
}

.services-item-2 .content {
	overflow: hidden;
}

.services-item-2 .content p {
	color: #666;
	margin-bottom: 16px;
	line-height: 28px;
	font-size: 14px;
}

.services-item-2 .content a {
	color: #333;
}

.services-item-2:hover .content a {
	color: #F95537;
}

.services-details-full img {
	width: 100%;
}

.services-details-content h4 {
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 10px;
	color: #F95537;
}

.services-details-content h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 20px;
}

.services-details-full p {
	margin-bottom: 15px;
	line-height: 30px;
	color: #444;
}

.services-details-content ul li {
	line-height: 30px;
	padding: 5px 0px;
	font-size: 16px;
	color: #444;
}

.services-details-content ul li i {
	font-size: 14px;
	padding-right: 4px;
}

.signing-register-area-full {
	max-width: 500px;
	margin: 0 auto;
	box-sizing: border-box;
	box-shadow: 1px 1px 16px 6px #e8e8e8;
	padding: 40px 30px;
}

.signing-register-area-full h2 {
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}

.signing-register-area-full .top-ts {
	text-align: center;
	margin-bottom: 25px;
	line-height: 28px;
	color: #666;
}

.signing-register-area-full input {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	border: 1px solid #eee;
	padding: 0px 15px;
	border-radius: 0px;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.signing-register-area-full input:focus {
	border-color: #F95537;
}

.signing-register-area-full .form-check input {
	width: auto;
	padding: 10px;
	height: auto;
	border-radius: 0px;
	margin-right: 10px;
}

.signing-register-area-full .form-check .form-check-label {
	padding-top: 4px;
}

.signing-register-area-full a {
	color: #F95537;
	display: inline-block;
	padding-top: 2px;
}

.signing-register-area-full button {
	width: 100%;
}

.error-page-content img {
	width: 70%;
	margin-bottom: 30px;
}

.error-page-content h2 {
	font-size: 40px;
	margin-bottom: 10px;
}

.accordion-item {
	border: 2px solid #eee;
	border-bottom: none;
}

.accordion-item:last-child {
	border-bottom: 2px solid #eee;
}

.accordion-item .accordion-header {
	line-height: 1;
	margin: 0;
	padding: 0;
}

.accordion-item .accordion-header a {
	font-size: 18px;
	width: 100%;
	display: inline-block;
	color: #333;
	padding: 20px 20px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
}

.accordion-item .accordion-header a::after {
	content: "-";
	clear: both;
	overflow: hidden;
	position: absolute;
	top: 14px;
	right: 10px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F95537;
	color: #fff;
	font-size: 20px;
	height: 30px;
}

.accordion-item .accordion-header a.collapsed::after {
	content: "+";
}

.accordion-item .accordion-body {
	border: none;
	padding: 15px 20px;
	border-top: 2px solid #eee;
}

.accordion-item .accordion-collapse {
	border: none;
}

.accordion-item .accordion-body p {
	line-height: 30px;
	color: #666;
	margin-bottom: 10px;
}

.page-area-full {
	border: 2px solid #eee;
	padding: 20px;
}

.page-area-full h2 {
	font-size: 30px;
	margin-bottom: 20px;
}

.page-area-full p {
	line-height: 30px;
}

.page-area-full h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}

.off_canvars_overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	cursor: crosshair;
	background: #232323;
	top: 0;
}

.off_canvars_overlay.active {
	opacity: 0.5;
	visibility: visible;
}

.offcanvas_menu {
	display: none;
}











.offcanvas_menu_wrapper {
	width: 290px;
	position: fixed;
	background: #fff;
	z-index: 9999;
	top: 0;
	height: 100vh;
	transition: .5s;
	left: 0;
	margin-left: -300px;
	padding: 20px 0px 30px;
	overflow-y: auto;
}

.offcanvas_menu_wrapper.active {
	margin-left: 0;
}

.offcanvas_menu_wrapper .slinky-theme-default {
	background: inherit;
	min-height: 300px;
	overflow-y: auto;
}

.offcanvas_menu_wrapper .header_search_box {
	display: block;
}

.offcanvas_main_menu>li.menu-item-has-children.menu-open>span.menu-expand {
	transform: rotate(180deg);
}

.offcanvas_main_menu>li ul li.menu-item-has-children.menu-open span.menu-expand {
	transform: rotate(180deg);
}

.offcanvas_main_menu li {
	position: relative;
}

.offcanvas_main_menu li:last-child {
	margin: 0;
}

.offcanvas_main_menu li span.menu-expand {
	position: absolute;
	right: 10px;
}

.offcanvas_main_menu li a {
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	display: block;
	padding: 0px 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ededed;
	color: #333;
}

.offcanvas_main_menu li a:hover {
	color: #F95537;
}

.offcanvas_main_menu li ul.sub-menu {
	padding-left: 20px;
}

.offcanvas_footer {
	margin-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}

.offcanvas_footer span a {
	font-size: 14px;
}

.offcanvas_footer span a:hover {
	color: #FF4800;
}

.slinky-theme-default a:not(.back) {
	padding: 10px 0;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
}

.slinky-theme-default a:not(.back):hover {
	background: inherit;
	color: #FF4800;
}

.canvas_close {
	position: absolute;
	top: 10px;
	right: 13px;
}

.canvas_close a {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	width: 32px;
	height: 32px;
	display: block;
	text-align: center;
	line-height: 32px;
	border: 1px solid #ededed;
	border-radius: 50%;
	color: #333;
}

.canvas_close a:hover {
	background: #FF4800;
	border-color: #FF4800;
	color: #fff;
}

.mobile-logo {
	padding-left: 20px;
	margin-bottom: 20px;
}



.canvas_open a {
	font-size: 27px;
	width: 41px;
	height: 37px;
	display: block;
	line-height: 37px;
	text-align: center;
	color: #232323;
}


.canvas_open a {
	font-size: 27px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0px 0px 10px 0px #eaeaea;
	color: #333;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.canvas_open a:hover {
	color: #fff;
	background: #F95537;
}

.canvas_open {
	float: right;
}

/*
 * Sticky
*/
.header-bottom.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	-webkit-animation: sticky 1s;
	-moz-animation: sticky 1s;
	-o-animation: sticky 1s;
	animation: sticky 1s;
	-webkit-box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);
	-moz-box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);
	box-shadow: 2px 4px 8px rgba(140, 129, 129, 0.25);
	background: #fff;
}

@-webkit-keyframes sticky {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

@keyframes sticky {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.hero-slider-caption h2 {
	margin-bottom: 5px;
}


.sidebar .nav__close {
	display: none
}

.sidebar__item {
	margin-bottom: 70px
}

.sidebar__item-head {
	padding-bottom: 24px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px
}

.counter {
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.counter__btn {
	font-size: 30px;
	font-weight: 600;
	color: #ccc;
	width: 50px;
	height: 45px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #ddd;
	background-color: #f7f7f7
}

.counter__input {
	font-size: 20px;
	font-weight: 600;
	width: 100px;
	height: 45px;
	border: 1px solid #ddd;
	text-align: center;
	margin: 0 -1px;
	outline: 0
}

.cart {
	padding: 5% 0
}

.cart__top {
	font-size: 16px;
	font-weight: 700;
	background-color: #f7f7f7;
	text-transform: uppercase;
	padding: 22px 30px 22px 50px;
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.cart__item:first-child {
	margin-right: auto
}

.cart__item:not(:first-child) {
	margin-right: 100px
}

.cart__row {
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-right: 35px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee
}

.cart__img {
	margin-right: 25px;
	width: 115px
}

.cart__desc {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.cart__brand {
	font-size: 12px;
	color: #888;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}

.cart__name {
	font-size: 15px;
	margin-bottom: 20px
}

.cart__settings {
	font-size: 11px;
	color: #888;
	margin-top: 6px
}

.cart__price {
	font-size: 15px;
	font-weight: 700;
	color: #666;
	margin: 10px 80px 0
}

.cart__price_total {
	margin-left: 50px
}

.cart__count,
.cart__remove {
	margin-top: 10px
}

.cart__remove-btn {
	font-size: 20px;
	color: #e24545;
	padding: 0;
	background-color: transparent;
	border: none
}

.cart__bottom {
	display: -ms-flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 50px
}

.cart__coupon-input {
	width: 240px;
	height: 45px;
	border: 1px solid #ddd;
	padding: 0 20px;
	outline: 0;
	margin-right: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.cart__total {
	padding: 10% 0 5%
}

.cart__total-wrap {
	background-color: #f4f4f4;
	padding: 50px;
	max-width: 390px;
	margin-left: auto;
	text-align: right
}

.cart__total-wrap .btn-black {
	width: 100%
}

.cart__total-top {
	font-size: 15px;
	font-weight: 700;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 35px
}

.cart__total-row {
	margin-bottom: 20px
}

.cart__total-text {
	color: #666
}

.cart__total-price {
	min-width: 60px;
	display: inline-block;
	margin-left: 40px
}

.cart__total-grand {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 40px
}

.cart__total-bottom {
	font-size: 11px;
	color: #666;
	margin-top: 20px
}

.sidebar-acco__item {
	border-bottom: 1px solid #eee
}

.sidebar-acco__item:first-child .sidebar-acco__trigger {
	padding-top: 0
}

.sidebar-acco__item:not(:first-child) .sidebar-acco__content {
	display: none
}

.sidebar-acco__trigger {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 15px 5px 15px 0;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.sidebar-acco__trigger span {
	color: #888;
	margin: 0 5px;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.sidebar-acco__trigger:hover,
.sidebar-acco__trigger:hover span {
	color: #e24545
}

.sidebar-acco__trigger:hover::after {
	color: #e24545
}

.sidebar-acco__trigger::after {
	content: '\2212';
	margin-left: auto;
	font-weight: 700;
	font-size: 18px;
	color: #666;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.sidebar-acco__trigger.open::after {
	content: '\002B'
}

.sidebar-acco__filter {
	padding: 10px 0 20px 20px;
	list-style-type: square
}

.sidebar-acco__filter-item {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 15px
}

.sidebar-acco__filter-item.active .sidebar-acco__filter-link {
	color: #e24545
}

.sidebar-acco__filter-link {
	color: #888
}

.price-filter__range {
	margin-bottom: 20px
}

.price-filter__input {
	width: 100%
}

.price-filter__info {
	font-size: 12px;
	text-align: center;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-color: #f6f6f6;
	padding: 6px 5px;
	color: #666;
	line-height: 1.5
}

.catalog-sort {
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px
}

.catalog-sort__hamburger {
	font-size: 18px;
	display: none
}

.catalog-sort__result {
	font-size: 14px
}

.catalog-sort__result span {
	font-weight: 700
}

.catalog-sort__option {
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.catalog-sort__label {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 17px
}

.catalog-sort__item {
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 30px
}

.catalog-sort__item:last-child {
	margin-right: 0
}

.catalog-sort__select {
	font-size: 10px;
	font-weight: 700;
	color: #888;
	text-transform: uppercase;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #ddd;
	outline: 0;
	min-height: 30px;
	min-width: 80px;
	max-width: 100px;
	padding: 0 19px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../img/arrow.png) 80% 50% no-repeat
}

.catalog-sort__select::-ms-expand {
	display: none
}

.catalog-sort__grid-btn {
	font-size: 18px;
	color: #888;
	background-color: transparent;
	border: none;
	-webkit-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}

.catalog-sort__grid-btn.active {
	color: #e24545
}

.catalog-list,
.catalog-list__item {
	margin-bottom: 40px
}

.catalog-list__item img {
	max-width: 100%;
}

.catalog-list._grid-row .row {
	display: block
}

.catalog-list._grid-row .col-lg-4,
.catalog-list._grid-row .col-md-6,
.catalog-list._grid-row .col-sm-6 {
	max-width: 100%
}

.catalog-list._grid-row .product {
	text-align: left;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.catalog-list._grid-row .product__img {
	margin-right: 45px;
}

.catalog-list h5 {
	padding: 15px 0;
	text-align: center;
	font-size: 14px;
}

.catalog-list._grid-row .product__btns {
	display: none
}

.catalog-list._grid-row .product__desc {
	background-color: transparent;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-bottom: 0;
	padding-top: 10px
}

.catalog-list._grid-row .product__name {
	font-size: 18px
}

.catalog-list._grid-row .product__price {
	font-size: 18px;
	font-weight: 700
}

.catalog-list._grid-row .product__btns-bottom,
.catalog-list._grid-row .product__rating,
.catalog-list._grid-row .product__text {
	display: block
}

.header__top {
	background-color: #f7f7f7;
	padding: 18px 0;
	font-size: 12px
}

.header__contacts {
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.header__contacts-item:first-child {
	margin-right: 40px
}

.header__contacts-item .fa {
	margin-right: 9px
}

.header__contacts-link {
	font-weight: 700
}

.header__settings {
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.header__settings-item:not(:first-child) {
	margin-left: 29px
}

.header__bottom {
	padding: 40px 0
}

.catalog-list,
.catalog-list__item {
	margin-bottom: 40px
}

.catalog-list._grid-row .row {
	display: block
}

.catalog-list._grid-row .col-lg-4,
.catalog-list._grid-row .col-md-6,
.catalog-list._grid-row .col-sm-6 {
	max-width: 100%
}

.catalog-list._grid-row .product {
	text-align: left;
	display: -webkit-flex;
	display: -ms-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.catalog-list._grid-row .product__img {
	margin-right: 45px;
	max-width: 263px
}

.catalog-list._grid-row .product__btns {
	display: none
}

.catalog-list._grid-row .product__desc {
	background-color: transparent;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-bottom: 0;
	padding-top: 10px
}

.catalog-list._grid-row .product__name {
	font-size: 18px
}

.catalog-list._grid-row .product__price {
	font-size: 18px;
	font-weight: 700
}

.catalog-list._grid-row .product__btns-bottom,
.catalog-list._grid-row .product__rating,
.catalog-list._grid-row .product__text {
	display: block
}


.Xcontent {
	width: 100%;
}

.Xcontent01 {
	margin: auto;
	overflow: hidden;
}

.Xcontent02>a>p {
	font-size: 14px;
	color: #595959;
	margin-top: 30px;
	float: left;
}

.Xcontent02>a>p:hover {
	color: #cd2426;
}

.Xcontent03>p {
	font-size: 12px;
	color: #595959;
	margin-top: 32px;
	float: left;
	margin-left: 2px;
	cursor: pointer;
}

.Xcontent04>p {
	font-size: 12px;
	color: #595959;
	margin-top: 33px;
	float: left;
	margin-left: 2px;
	cursor: pointer;
}

.Xcontent05 {
	width: 1198px;
	height: 484px;
	border: 1px solid #a4a4a4;
	margin-top: 70px;
}

.Xcontent06 {
	width: 430px;
	height: 430px;
	margin-top: 26px;
	float: left;
	border: 1px #ccc solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

.Xcontent06 img {
	max-width: 100%;
	max-height: 100%;
}

.Xcontent08 {
	float: left;
	width: 78px;
	height: 430px;
	margin-top: 26px;
	margin-left: 20px;
}

.Xcontent07 {
	margin-bottom: 5px;
	width: 76px;
	height: 76px;
	border: 1px solid #e8e8e8;
}

.Xcontent07>img {
	width: 100%;
	height: 100%;
}

.Xcontent09 {
	width: 76px;
	height: 76px;
	margin-top: 10px;
	border: 1px solid #e8e8e8;
}

.Xcontent09>img {
	width: 100%;
	height: 100%;
}

.Xcontent10 {
	width: 76px;
	height: 76px;
	margin-top: 10px;
	border: 1px solid #e8e8e8;
}

.Xcontent10>img {
	width: 100%;
	height: 100%;
}

.Xcontent11 {
	width: 76px;
	height: 76px;
	margin-top: 10px;
	border: 1px solid #e8e8e8;
}

.Xcontent11>img {
	width: 100%;
	height: 100%;
}

.Xcontent12 {
	width: 76px;
	height: 76px;
	border: 1px solid #e8e8e8;
	margin-top: 10px;
}

.Xcontent12>img {
	width: 100%;
	height: 100%;
}

.Xcontent13 {
	width: calc(100% - 600px);
	height: auto;
	float: right;
}

.Xcontent14>p {
	font-size: 24px;
	color: #333;
	margin-top: 26px;
}

.Xcontent15>img {
	float: left;
	margin-top: 32px;
	margin-left: 10px;
}

.Xcontent16 {
	padding: 20px 0;
	color: #9f9f9f;
	font-size: 12px;
}

.product-tag {
	padding: 10px 15px;
	background: #f5f3ef;
	font-size: 13px;
	color: #666;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
}


.product-tag p span {
	display: inline-block;
	color: #000;
}


.proDetailsSns {
	padding: 20px 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.proDetailsSns a {
	text-align: center !important;
}

.proDetailsSns a:nth-child(2) {
	color: #1d2746 !important;
	background: #fff !important;
	border-color: #1d2746 !important;
}

.proDetailsSns a:nth-child(2):hover {

	color: #fff;
}

.proDetailsTip h2 {
	font-size: 16px;

}

.proDetailsTip {
	font-size: 13px !important;
	color: #666;
	line-height: 16px !important;
}


.Xcontent18 {
	font-size: 12px;
	color: #666a6e;
	margin-top: 20px;
	margin-left: 16px;
	float: left;
}

.Xcontent19 {
	font-size: 18px;
	float: left;
	color: #d7282d;
	margin-left: 26px;
	margin-top: 4px;
}

.Xcontent19>span {
	font-size: 28px;
	color: #cd2426;
}

.Xcontent20 {
	height: 20px;
	width: 502px;
	margin-top: 50px;
}

.Xcontent21 {
	font-size: 12px;
	color: #666a6e;
	margin-left: 16px;
	line-height: 20px;
	float: left;
}

.Xcontent20>img {
	float: left;
	margin-top: 1px;
	margin-left: 28px;
}

.Xcontent22 {
	font-size: 12px;
	line-height: 20px;
	color: #cd2426;
	margin-left: 10px;
	float: left;
}

.Xcontent23 {
	height: 20px;
	width: 502px;
	margin-top: 11px;
}

.Xcontent24 {
	font-size: 12px;
	color: #666a6e;
	margin-left: 16px;
	line-height: 20px;
	float: left;
}

.Xcontent25 {
	font-size: 12px;
	color: #6e7372;
	margin-left: 28px;
	float: left;
	line-height: 20px;
}

.Xcontent27 {
	font-size: 14px;
	color: #605f5f;
	margin-top: 34px;
	margin-left: 16px;
	float: left;
}

.Xcontent28 {
	border: 1px solid #e8e8e8;
	width: 50px;
	height: 50px;
	float: left;
	margin-top: 16px;
	margin-left: 30px;
}

.Xcontent28>img {
	width: 100%;
	height: 100%;
}

.Xcontent29>img {
	width: 100%;
	height: 100%;
}

.Xcontent29 {
	float: left;
	margin-top: 16px;
	margin-left: 20px;
	border: 1px solid #e8e8e8;
	width: 50px;
	height: 50px;
}

.Xcontent30 {
	width: 554px;
	height: 100px;
	overflow: hidden;
}

.Xcontent31 {
	font-size: 14px;
	color: #605f5f;
	line-height: 100px;
	margin-left: 16px;
	float: left;
}

.Xcontent32 {
	float: left;
	margin-top: 34px;
	margin-left: 30px;
}

.input {
	height: 30px;
	width: 60px;
	margin-top: 34px;
	border: 1px solid #dddddd;
	line-height: 30px;
	text-align: center;
	float: left;
}

.Xcontent33>img {
	float: left;
	margin-top: 34px;
}

.Xagain {
	width: 1198px;
	height: 334px;
	margin: auto;
	border: 1px solid #e1e1e1;
	margin-top: 10px;
}

.Xagain01 {
	width: 1198px;
	height: 42px;
	background: #f5f5f5;
}

.Xagain01>p {
	font-size: 18px;
	color: #686868;
	line-height: 42px;
	margin-left: 20px;
}

.Xcontent34 {
	margin-left: 16px;
	float: left;
}

.Xcontent35 {
	float: left;
	margin-left: 20px;
}

.Xagain02>a>img {
	margin-top: 120px;
	margin-left: 20px;
	float: left;
}

.Xagain03>a>img {
	float: left;
	margin-left: 20px;
}

.Xagain04>a>img {
	float: left;
	margin-left: 20px;
}

.Xagain05>a>img {
	float: left;
	margin-left: 20px;
}

.Xagain06>a>img {
	float: left;
	margin-left: 20px;
}

.Xagain07>a>img {
	float: right;
	margin-right: 20px;
	margin-top: 120px;
}

.Xagain09>a>p {
	font-size: 18px;
	color: #686868;
	float: left;
	margin-top: -40px;
	margin-left: 100px;
}

.Xagain09>a>p>span {
	font-size: 14px;
	color: #cd2426;
	line-height: 40px;
}

.Xagain10>a>p {
	font-size: 18px;
	color: #686868;
	float: left;
	margin-top: -40px;
	margin-left: 140px;
}

.Xagain10>a>p>span {
	font-size: 14px;
	color: #cd2426;
	line-height: 40px;
}

.products-details-info {
	color: #666;
}

.products-details-info p {
	margin-bottom: 20px;
}

.Xdetails {
	width: 1200px;
	height: 2800px;
	margin: auto;
	margin-top: 40px;
	position: relative;
}



.Xdetails01 {
	width: 780px;
	height: 2800px;
	float: left;
}

.Xdetails02 {
	width: 168px;
	height: 38px;
	background: #f5f5f5;
	border: 1px solid #e1e1e1;
	float: left;
}

.Xdetails03 {
	width: 170px;
	height: 2px;
	background: #d7282d;
	position: absolute;
	top: 0;
}

.Xdetails04 {
	width: 168px;
	height: 38px;
	background: #f5f5f5;
	border: 1px solid #e1e1e1;
	float: left;
	border-left: none;
}

.Xdetails05 {
	width: 440px;
	height: 38px;
	background: #f5f5f5;
	border: 1px solid #e1e1e1;
	float: left;
	border-left: none;
}

.Xdetails001 {
	width: 780px;
	height: 40px;
	background: #00f;
}

.Xdetails02>p {
	font-size: 16px;
	color: #333333;
	line-height: 38px;
	text-align: center;
}

.Xdetails04>p {
	font-size: 16px;
	color: #333333;
	line-height: 38px;
	text-align: center;
}

.Xdetails04>p>span {
	color: #cd2426;
	font-size: 16px;
}

.Xdetails002 {
	width: 780px;
	height: 2760px;
}

.Xdetails008 {
	width: 310px;
	height: 2200px;
	float: right;
}

.Xdetails009 {
	width: 308px;
	height: 38px;
	background: #f5f5f5;
	border: 1px solid #e1e1e1;
}

.Xdetails009>p {
	font-size: 18px;
	color: #333;
	line-height: 38px;
	text-align: center;
}

.Xdetails010 {
	height: 862px;
	width: 308px;
	border: 1px solid #e1e1e1;
	border-top: none;
}

.Xdetails011>img {
	margin-left: 24px;
	margin-top: 26px;
}

.Xdetails012>img {
	margin-left: 24px;
	margin-top: 26px;
}

.Xdetails013>img {
	margin-left: 24px;
	margin-top: 26px;
}

.Xdetails014>img {
	margin-left: 24px;
	margin-top: 26px;
}

.Xdetails015>img {
	margin-left: 24px;
	margin-top: 26px;
}

.Xdetails016 {
	width: 308px;
	height: 38px;
	background: #f5f5f5;
	border: 1px solid #e1e1e1;
	margin-top: 60px;
}

.Xdetails016>p {
	font-size: 18px;
	color: #333;
	line-height: 38px;
	text-align: center;
}

.Xdetails017 {
	height: 1116px;
	width: 308px;
	border: 1px solid #e1e1e1;
	border-top: none;
}

.Xdetails018>a>img {
	margin-left: 36px;
	margin-top: 40px;
}

.Xdetails019>a>img {
	margin-left: 30px;
	margin-top: 30px;
}

.Xdetails020>a>img {
	margin-left: 36px;
	margin-top: 60px;
}

.Xdetails021>a>img {
	margin-left: 36px;
	margin-top: 40px;
}

.kolida-tab li {
	font-size: 18px !important;
}

.kolida-tab .layui-this {
	color: #F95537 !important;
}

.kolida-tab .layui-this:after {
	border: none;
	border-radius: 0;
	border-bottom: 2px solid #F95537 !important;
}


@media only screen and (max-width: 767px) {
	.offcanvas_menu {
		display: block;
	}
	.canvas_open a {
		width: 36px;
		height: 34px;
		line-height: 33px;
		font-size: 27px;
	}
	.canvas_open {
		right: 20px;
		top: 27px;
		display: block;
		width: 36px;
	}
	

	.Xcontent06 {
		width: 100%;
		height: 100%;
		margin-top: 26px;
		float: auto !important;
		border: 1px #ccc solid;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.Xcontent06 img {
		max-width: 100%;
		max-height: 100%;
	}

	.Xcontent08 {
		float: auto !important;
		width: 100%;
		height: 100%;
		margin-top: 26px;
		margin-left: 0;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 5px;
		overflow-x: scroll;
	}

	.Xcontent08 .Xcontent07 img {
		max-width: 100% !important;
	}

	.Xcontent13 {
		width: 100% !important;
		height: auto !important;
		float: auto !important;
	}

	.product-tag {
		padding: 10px 15px;
		background: #f5f3ef;
		font-size: 13px;
		color: #666;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 5px;
	}

	.hero-slider-single {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		padding-top: 50px;
		padding-bottom: 50px;
		position: relative;
		z-index: 1;
		height: 300px;
	}

	.hero-slider-single .hero-caption-btn {
		display: none;
	}

	.hero-slider-single h4 {
		font-size: 14px;
	}

	.hero-slider-single h2 {
		font-size: 20px;
	}

	.hero-slider-full .owl-dots {
		position: absolute;
		bottom: 10px !important;
		text-align: center;
		width: 100%;
	}

	.header-bottom {
		padding: 0;
	}
	
	.header-top{
		display:none;
	}
	
	.header-bottom-right{
		float: none;
		text-align: right;
		padding:20px 20px 0 0;
		width:100%;
		
		display:inline-block;
	}
	
	.breadcrumb-area {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		position: relative;
		z-index: 1;
		height: 200px;
		display: flex;
		align-items: center;
	}
	
	.breadcrumb-area h2, .section-headding h2{
		font-size:24px;
	}
	
	.section-headding h2{
		
	}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	.canvas_open {
		display: block;
	}
	
	.offcanvas_menu {
		display: block;
	}
	
	.Xcontent06 {
		width: 100%;
		height: 100%;
		margin-top: 26px;
		float: auto !important;
		border: 1px #ccc solid;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.Xcontent06 img {
		max-width: 100%;
		max-height: 100%;
	}
	
	.Xcontent08 {
		float: auto !important;
		width: 100%;
		height: 100%;
		margin-top: 26px;
		margin-left: 0;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 5px;
		overflow-x: scroll;
	}
	
	.Xcontent08 .Xcontent07 img {
		max-width: 100% !important;
	}
	
	.Xcontent13 {
		width: 100% !important;
		height: auto !important;
		float: auto !important;
	}
	
	.product-tag {
		padding: 10px 15px;
		background: #f5f3ef;
		font-size: 13px;
		color: #666;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 5px;
	}
	
	.hero-slider-single {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		padding-top: 50px;
		padding-bottom: 50px;
		position: relative;
		z-index: 1;
		height: 300px;
	}
	
	.hero-slider-single .hero-caption-btn {
		display: none;
	}
	
	.hero-slider-single h4 {
		font-size: 14px;
	}
	
	.hero-slider-single h2 {
		font-size: 20px;
	}
	
	.hero-slider-full .owl-dots {
		position: absolute;
		bottom: 10px !important;
		text-align: center;
		width: 100%;
	}
	
	.header-bottom {
		padding: 0;
	}
	
	.header-top{
		display:none;
	}
	
	.header-bottom-right{
		float: none;
		text-align: right;
		padding:20px 20px 0 0;
		width:100%;
		
		display:inline-block;
	}
	
	.breadcrumb-area {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
		position: relative;
		z-index: 1;
		height: 200px;
		display: flex;
		align-items: center;
	}
	
	.breadcrumb-area h2, .section-headding h2{
		font-size:24px;
	}
	
}