@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

:root {
	--h1size: 50px;
	--h2size: 28px;
	--h3size: 24px;
	--h4size: 20px;
	--h5size: 18px;
	--h6size: 16px;
	--bodysize: 16px;
	--rweight: 400;
	--mweight: 500;
	--sweight: 600;
	--bweight: 700;
	--eweight: 800;
	--bcweight: 900;
	--pfamily: 'Arial', Helvetica, sans-serif;
	--sfamily: 'Arial', Helvetica, sans-serif;

	/*--pfamily: 'Questrial', sans-serif;
	--sfamily: 'Nova Flat', cursive;*/

	--textcolor: #555555;
	--brandcolor: #389e4a;
	--whitecolor: #ffffff;
	--headingcolor: #232d3b;
	--headerborder: #009222;
	--navbarcolor: #f2f2f2;
	--bordercolor: #e8e8e8;
	--graycolor: #f5f5f5;
	--pldrcolor: #777777;
	--starcolor: #ffcc23;
	--removecolor: #ff3838;
	--brandlight: #65ff00;
	--bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	--bcardshadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
	--biconshadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
	--tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}

* {
	margin: 0px;
	padding: 0px;
	outline: 0px
}

img {
	vertical-align: middle
}

a {
	text-decoration: none;
	display: inline-block
}

a:hover {
	text-decoration: none
}

ul,
ol {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
span,
label {
	margin-bottom: 0px
}

html,
body {
	scroll-behavior: smooth
}

body {
	font-size: var(--bodysize);
	font-weight: var(--rweight);
	font-family: var(--pfamily);
	line-height: 26px;
	color: var(--textcolor);
	background: var(--graycolor) !important;
}

h1 {
	font-size: var(--h1size);
	font-weight: var(--bweight);
	font-family: var(--sfamily);
	color: var(--headingcolor)
}

h2 {
	font-size: var(--h2size);
	font-weight: var(--bweight);
	font-family: var(--sfamily);
	color: var(--headingcolor)
}

h3 {
	font-size: var(--h3size);
	font-weight: var(--bweight);
	font-family: var(--sfamily);
	color: var(--headingcolor)
}

h4 {
	font-size: var(--h4size);
	font-weight: var(--mweight);
	font-family: var(--pfamily);
	color: var(--headingcolor)
}

h5 {
	font-size: var(--h5size);
	font-weight: var(--mweight);
	font-family: var(--pfamily);
	color: var(--headingcolor)
}

h6 {
	font-size: var(--h6size);
	font-weight: var(--mweight);
	font-family: var(--pfamily);
	color: var(--headingcolor)
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: var(--pldrcolor);
	font-size: 15px;
	letter-spacing: 0.3px
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: var(--pldrcolor);
	font-size: 15px;
	letter-spacing: 0.3px
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
	color: var(--pldrcolor);
	font-size: 15px;
	letter-spacing: 0.3px
}

input::placeholder,
textarea::placeholder {
	color: var(--pldrcolor);
	font-size: 15px;
	letter-spacing: 0.3px
}

button:focus {
	outline: none
}

@media (max-width: 991px) {
	.cont-rev {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.header-select {
	border: none;
	width: 100px;
	height: 25px;
	padding: 0 8px;
	font-size: 15px;
	color: var(--whitecolor);
	background: transparent;
	text-transform: capitalize;
	cursor: pointer
}

.header-select:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.header-select .clr {
	color: var(--headingcolor)
}

.product-short-select {
	height: 40px;
	width: 250px;
	font-size: 15px;
	border-radius: 0px;
	cursor: pointer
}

.product-short-select:focus {
	border-color: var(--brandcolor);
	-webkit-box-shadow: none;
	box-shadow: none
}

.navbar-dropdown {
	position: relative
}

.navbar-dropdown:hover .dropdown-list {
	visibility: visible;
	opacity: 1;
	top: 56px
}

.dropdown-indicator {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.dropdown-indicator span {
	margin-right: 5px
}

.dropdown-indicator i {
	font-size: 10px
}

.dropdown-list {
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 3;
	width: 225px;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	border-radius: 3px;
	background: var(--whitecolor);
	border-top: 2px solid var(--brandcolor);
	-webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.dropdown-list li {
	border-bottom: 1px solid var(--bordercolor)
}

.dropdown-list li:last-child {
	border-bottom: none
}

.dropdown-link {
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	padding: 12px 25px;
	color: var(--textcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.dropdown-link:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.navbar-dropdown {
		position: inherit
	}

	.dropdown-indicator {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.dropdown-list {
		position: inherit;
		visibility: visible;
		opacity: 1;
		width: 100%;
		border: none;
		display: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0px 25px;
		background: transparent
	}

	.dropdown-link {
		font-size: 14px;
		padding: 7px 15px;
		border-radius: 8px
	}
}

.nasted-dropdown {
	height: auto;
	padding: 0px 8px;
	overflow-y: scroll
}

.nasted-dropdown li {
	border-bottom: 1px solid var(--bordercolor)
}

.nasted-dropdown li:last-child {
	border-bottom: none
}

.nasted-dropdown li a {
	width: 100%;
	padding: 8px 8px;
	color: var(--textcolor);
	text-transform: capitalize;
	font-size: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.nasted-dropdown li a:hover {
	color: var(--brandcolor)
}

.nasted-dropdown li a i {
	font-size: 12px
}

.nasted-dropdown li ul {
	padding: 0px 18px;
	display: none
}

.nasted-dropdown li ul li a {
	font-size: 14px;
	padding: 6px 0px;
	position: relative;
	margin-left: 25px
}

.nasted-dropdown li ul li a::before {
	position: absolute;
	content: "";
	top: 50%;
	left: -20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 10px;
	height: 1px;
	background: var(--textcolor)
}

@media (min-width: 992px) and (max-width: 1199px) {
	.nasted-dropdown {
		height: 266px
	}
}

.navbar-megamenu {
	position: static
}

.navbar-megamenu:hover .megamenu {
	visibility: visible;
	opacity: 1;
	top: 56px;
	min-height: 150px;
}

.megamenu {
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 3;
	width: 100%;
	opacity: 0;
	overflow: visible;
	visibility: hidden;
	border-radius: 3px;
	padding: 15px 15px;
	background: var(--whitecolor);
	border-top: 2px solid var(--brandcolor);
	-webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.megamenu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.megamenu ul li {
	margin: 10px 15px;
	vertical-align: top;
	position: relative;
}

.megamenu ul li a {
	width: 340px;
	padding: 18px 30px;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background: var(--graycolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.megamenu ul li a:hover {
	background: var(--brandcolor)
}

.megamenu ul li a:hover i,
.megamenu ul li a:hover span {
	color: var(--whitecolor)
}

.megamenu ul li a i {
	font-size: 30px;
	border-radius: 3px;
	display: inline-block;
	color: var(--brandcolor);
	margin-right: 12px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.megamenu ul li a span {
	font-size: 15px;
	font-weight: 700;
	color: var(--textcolor);
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width: 767px) {
	.navbar-megamenu {
		position: inherit
	}

	.dropdown-indicator {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.megamenu {
		position: inherit;
		visibility: visible;
		opacity: 1;
		width: 100%;
		height: 250px;
		border: none;
		display: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: transparent;
		overflow-y: scroll;
		padding: 0px 15px
	}

	.megamenu ul li {
		margin: 0px;
		border-bottom: 1px solid var(--bordercolor)
	}

	.megamenu ul li a {
		width: 210px;
		padding: 15px 0px
	}

	.megamenu ul li a:hover {
		background: transparent
	}

	.megamenu ul li a:hover i,
	.megamenu ul li a:hover span {
		color: var(--brandcolor)
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.megamenu {
		height: 200px;
		overflow-y: scroll
	}

	.megamenu ul li {
		margin: 10px 10px
	}

	.megamenu ul li a {
		width: 210px
	}
}

.btn {
	border: none;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 13px 32px;
	letter-spacing: 0.5px;
	border-radius: 3px;
	border: 1px solid #389e4a;
}

.section-heading .btn {
	border: 1px solid var(--brandcolor);
}

.section-heading .btn:hover {
	background: var(--brandcolor);
}

.btn:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.btn i {
	margin-right: 8px
}

.btn-inline {
	color: #fff;
	background: #389e4a
}

.btn-inline:hover {
	color: var(--brandcolor);
	background: var(--whitecolor)
}

.btn-outline {
	color: #232323;
	background: var(--whitecolor)
}

.btn-outline:hover {
	color: var(--whitecolor);
	background: #f2b805
}

.search-form {
	width: 100%;
	display: block;
	position: relative;
}

.search-form input {
	width: 100%;
	height: 45px;
	border: none;
	outline: none;
	border-radius: 3px;
	background: var(--whitecolor);
	padding: 0px 50px 0px 50px
}

.search-form .btn {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 45px;
	padding: 11px 0;
	width: 50px;
	text-align: center;
	background: transparent;
	border: 0;
	color: #009f51;
}

.about-part {
	background: #eb7024;
	padding: 50px 0;
	text-align: center;
}

.about-part h2 {
	color: #fff;
	margin-bottom: 20px;
}

.about-part p {
	color: #fff;
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.product-slider .product-card {
	margin: 0px 15px
}

.product-card {
	width: 100%;
	border-radius: 3px;
	background: var(--whitecolor)
}

.product-card:hover {
	-webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1)
}

.product-card:hover .product-widget {
	opacity: 1;
	bottom: 15px
}

.product-card:hover .product-name h6 a {
	color: var(--brandcolor)
}

.product-img {
	position: relative
}

.product-img img {
	width: 100%;
	border-radius: 3px
}

.product-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-widget li {
	margin: 0px 5px
}

.product-widget li button {
	border: none;
	outline: none;
	background: none
}

.product-widget li button i {
	width: 38px;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	border-radius: 3px;
	color: var(--whitecolor);
	background: var(--brandcolor);
	text-shadow: var(-tshadow);
	-webkit-box-shadow: var(--biconshadow);
	box-shadow: var(--biconshadow)
}

.product-content {
	padding: 15px;
	border-top: 1px solid var(--bordercolor);
	text-align: center
}

.product-name h6 {
	font-weight: 700;
	margin-bottom: 13px
}

.product-name h6 a {
	color: var(--headingcolor)
}

.product-price {
	margin-bottom: 15px;
}

.product-price h6 {
	letter-spacing: -0.5px;
	color: var(--textcolor)
}

.product-price h6 del {
	color: var(--brandcolor);
	font-size: 16px;
	margin-right: 5px;
}

.product-btn a {
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 0px;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--brandcolor);
	border: 1px solid var(--brandcolor);
	text-shadow: var(--tshadow);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-btn a:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.product-btn i {
	margin-top: -2px;
	margin-right: 8px
}

@media (max-width: 575px) {
	.product-slider .product-card {
		width: 200px;
		margin: 0px 10px
	}
}

.blog-slider .blog-card {
	margin: 0px 15px
}

.blog-card {
	border-radius: 3px;
	margin-bottom: 30px
}

.blog-card:hover .blog-text h3 a {
	color: var(--brandcolor)
}

.blog-card:hover .blog-img::before {
	background: rgba(0, 0, 0, 0.15)
}

.blog-card:hover .blog-img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}

.blog-img {
	position: relative;
	overflow: hidden;
	border-radius: 3px
}

.blog-img::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.08);
	z-index: 1;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-img img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-content {
	padding: 23px 15px 0px
}

.blog-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px
}

.blog-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.blog-meta li i,
.blog-meta li span {
	font-size: 14px;
	color: var(--textcolor);
	text-transform: capitalize
}

.blog-meta li i {
	margin-right: 8px
}

.blog-text {
	margin-bottom: 30px
}

.blog-text h3 {
	font-size: 22px
}

.blog-text h3 a {
	color: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.read-btn a {
	font-size: 14px;
	font-weight: 700;
	color: var(--textcolor);
	text-transform: uppercase;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.read-btn a:hover {
	color: var(--brandcolor)
}

.read-btn a:hover i {
	margin-left: 10px
}

.read-btn a i {
	margin-left: 5px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width: 575px) {
	.blog-slider {
		margin-bottom: 30px
	}

	.blog-slider .blog-card {
		width: 248px;
		margin: 0px 10px
	}

	.blog-content {
		padding: 23px 6px 0px
	}

	.blog-text {
		margin-bottom: 20px
	}

	.blog-text h3 {
		font-size: 18px
	}
}

@media (min-width: 575px) and (max-width: 767px) {
	.blog-slider {
		margin-bottom: 50px
	}

	.blog-slider .blog-card {
		width: 320px;
		margin: 0px 10px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.blog-text h3 {
		font-size: 20px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blog-text h3 {
		font-size: 18px
	}
}

.blog-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--bordercolor)
}

.blog-list:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none
}

.blog-list-img {
	margin-right: 13px
}

.blog-list-img img {
	width: 100px;
	border-radius: 3px
}

.blog-list-content .blog-text {
	margin-bottom: 0px
}

.blog-list-content .blog-text h3 {
	font-size: 18px
}

@media (max-width: 575px) {
	.blog-list {
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	.blog-list-img img {
		width: 70px
	}

	.blog-meta li i,
	.blog-meta li span {
		font-size: 13px
	}

	.blog-list-content .blog-meta {
		margin-bottom: 10px
	}

	.blog-list-content .blog-text h3 {
		font-size: 15px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.blog-list-img img {
		width: 90px
	}

	.blog-list-content .blog-text h3 {
		font-size: 17px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blog-list {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.blog-list-img {
		margin-right: 18px
	}

	.blog-list-content .blog-meta {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.feature-card {
	text-align: center;
	padding: 0px 30px
}

.feature-card:hover h3 {
	color: var(--brandcolor)
}

.feature-card i {
	font-size: 60px;
	margin-bottom: 30px;
	display: inline-block
}

.feature-card h3 {
	margin-bottom: 20px
}

.banner-part .dandik,
.banner-part .bamdik {
	top: 50%
}

.banner-part .dandik {
	right: 0px
}

.banner-part .bamdik {
	left: 0px
}

.banner-1 {
	background: url(../../img/banner/01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 130px 0px;
	position: relative
}

.banner-1::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(93, 186, 71, 0.3)), to(rgba(85, 173, 65, 0.1)));
	background: linear-gradient(rgba(93, 186, 71, 0.3), rgba(85, 173, 65, 0.1));
	z-index: -1
}

.banner-content-1 {
	z-index: 3
}

.banner-content-1 h1 {
	color: var(--whitecolor);
	margin-bottom: 25px
}

.banner-content-1 p {
	font-size: 18px;
	color: var(--graycolor);
	margin-bottom: 45px
}

.banner-2 {
	background: url(../../img/banner/02.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 130px 0px;
	position: relative
}

.banner-2::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(93, 186, 71, 0.3)), to(rgba(85, 173, 65, 0.1)));
	background: linear-gradient(rgba(93, 186, 71, 0.3), rgba(85, 173, 65, 0.1));
	z-index: -1
}

.banner-content-2 {
	width: 580px;
	margin: 0 auto;
	text-align: center
}

.banner-content-2 h1 {
	margin-bottom: 25px
}

.banner-content-2 p {
	font-size: 18px;
	margin-bottom: 45px
}

.banner-3 {
	background: url(../../img/banner/03.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 90px 0px;
	position: relative
}

.banner-3::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(93, 186, 71, 0.3)), to(rgba(85, 173, 65, 0.1)));
	background: linear-gradient(rgba(93, 186, 71, 0.3), rgba(85, 173, 65, 0.1));
	z-index: -1
}

.banner-content-3 h1 {
	margin-bottom: 25px
}

.banner-content-3 p {
	font-size: 18px;
	margin-bottom: 45px
}

@media (max-width: 767px) {
	.banner-part.slider-dots ul {
		bottom: 40px
	}

	.banner-1 {
		padding: 70px 0px;
		background-position: right
	}

	.banner-content-1 h1 {
		font-size: 32px
	}

	.banner-2 {
		padding: 70px 0px;
		background-position: top
	}

	.banner-content-2 {
		width: 100%
	}

	.banner-content-2 h1 {
		font-size: 32px
	}

	.banner-3 {
		padding: 70px 0px;
		background-position: left
	}

	.banner-content-3 h1 {
		font-size: 32px
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.banner-content-1 h1,
	.banner-content-3 h1,
	.banner-content-3 h1 {
		font-size: 43px
	}
}

.blog-part {
	margin-bottom: 100px
}

@media (max-width: 767px) {
	.blog-part {
		margin-bottom: 60px
	}
}

.feature-part {
	padding: 80px 0px;
	background: var(--whitecolor)
}

@media (max-width: 767px) {
	.feature-part {
		padding: 60px 0px 10px
	}

	.feature-card {
		width: 290px;
		padding: 0px;
		margin: 0 auto 50px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.feature-part {
		padding: 60px 0px
	}

	.feature-card {
		padding: 0px
	}
}

.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.table-list {
	width: 100%
}

.table-list thead tr {
	background: var(--brandcolor)
}

.table-list thead tr th {
	text-align: center;
	padding: 15px 25px;
	color: var(--whitecolor);
	font-weight: var(--mweight);
	border-right: 1px solid var(--headerborder)
}

.table-list thead tr th:first-child {
	border-radius: 3px 0px 0px 3px
}

.table-list thead tr th:last-child {
	border-right: none;
	border-radius: 0px 3px 3px 0px
}

.table-list tbody tr {
	border-bottom: 1px solid var(--bordercolor)
}

.table-list tbody tr td {
	text-align: center;
	padding: 15px 25px;
	border-right: 1px solid var(--bordercolor)
}

.table-list tbody tr td:last-child {
	border-right: none
}

.table-product img {
	width: 100px;
	border-radius: 3px;
	background: var(--whitecolor)
}

.table-quantity input {
	width: 100px;
	padding: 0px 15px;
	height: 40px;
	font-size: 18px;
	border-radius: 3px;
	border: 2px solid var(--bordercolor)
}

.table-quantity input:focus-within {
	border-color: var(--brandcolor)
}

.table-shop .btn {
	padding: 10px 25px
}

.table-action {
	text-align: center
}

.table-action a i {
	width: 35px;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
	margin: 3px;
	color: var(--brandcolor);
	background: var(--whitecolor);
	text-shadow: var(--tshadow);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.table-action a i:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.table-desc p {
	width: 150px;
	text-align: left
}

.table-desc p a {
	font-size: 14px;
	font-weight: 500
}

.table-desc p a:hover {
	text-decoration: underline
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 18px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.wish-part {
	padding: 100px 0px
}

.wish-list {
	margin-bottom: 50px
}

.wish-btn {
	text-align: center
}

.wish-btn .btn {
	font-size: 15px;
	margin: 0px 15px;
	padding: 15px 35px
}

@media (max-width: 991px) {
	.wish-list {
		overflow-x: scroll
	}

	.table-list {
		width: 900px
	}
}

@media (max-width: 767px) {
	.wish-part {
		padding: 60px 0px
	}

	.wish-btn .btn {
		margin: 15px 0px
	}
}


.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.nav {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.nav-tabs li {
	width: 100%
}

.nav-tabs li .nav-link {
	width: 100%;
	border: none;
	padding: 16px 0px;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--headingcolor);
	border-bottom: 3px solid transparent;
	text-shadow: var(--tshadow)
}

.nav-tabs li .nav-link:hover {
	background: var(--graycolor);
	border-color: transparent
}

.nav-tabs li .active {
	color: var(--brandcolor) !important;
	background: var(--navbarcolor) !important;
	border-color: var(--brandcolor) !important
}

.tab-pane {
	display: none;
	padding: 50px 50px
}

.tab-pane.active {
	display: block
}

@media (max-width: 575px) {
	.nav-tabs li .nav-link {
		font-size: 12px;
		padding: 12px 0px
	}

	.tab-pane {
		padding: 30px 0px
	}
}

.table-list {
	width: 100%
}

.table-list thead tr {
	background: var(--brandcolor)
}

.table-list thead tr th {
	text-align: center;
	padding: 15px 25px;
	color: var(--whitecolor);
	font-weight: var(--mweight);
	border-right: 1px solid var(--headerborder)
}

.table-list thead tr th:first-child {
	border-radius: 3px 0px 0px 3px
}

.table-list thead tr th:last-child {
	border-right: none;
	border-radius: 0px 3px 3px 0px
}

.table-list tbody tr {
	border-bottom: 1px solid var(--bordercolor)
}

.table-list tbody tr td {
	text-align: center;
	padding: 15px 25px;
	border-right: 1px solid var(--bordercolor)
}

.table-list tbody tr td:last-child {
	border-right: none
}

.table-product img {
	width: 100px;
	border-radius: 3px;
	background: var(--whitecolor)
}

.table-quantity input {
	width: 100px;
	padding: 0px 15px;
	height: 40px;
	font-size: 18px;
	border-radius: 3px;
	border: 2px solid var(--bordercolor)
}

.table-quantity input:focus-within {
	border-color: var(--brandcolor)
}

.table-shop .btn {
	padding: 10px 25px
}

.table-action {
	text-align: center
}

.table-action a i {
	width: 35px;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
	margin: 3px;
	color: var(--brandcolor);
	background: var(--whitecolor);
	text-shadow: var(--tshadow);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.table-action a i:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.table-desc p {
	width: 150px;
	text-align: left
}

.table-desc p a {
	font-size: 14px;
	font-weight: 500
}

.table-desc p a:hover {
	text-decoration: underline
}

.alert {
	border: none;
	margin: 0px;
	padding: 15px 25px;
	border-radius: 3px;
	background: var(--whitecolor);
	-webkit-box-shadow: var(--bcardshadow);
	box-shadow: var(--bcardshadow);
	border-left: 3px solid var(--brandcolor);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.close span {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	margin-left: 30px;
	display: inline-block;
	background: var(--graycolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.close span:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.account-card {
	height: 300px;
	border-radius: 3px;
	margin-bottom: 30px;
	padding: 0px 30px 30px;
	background: var(--whitecolor);
	-webkit-box-shadow: var(--bcardshadow);
	box-shadow: var(--bcardshadow)
}

.account-title {
	padding: 18px 0px;
	margin-bottom: 25px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid var(--bordercolor)
}

.account-title::before {
	position: absolute;
	content: "";
	bottom: -2px;
	left: 0px;
	width: 50px;
	height: 2px;
	background: var(--brandcolor)
}

.account-title h3 {
	font-size: 20px
}

.account-title a {
	width: 50px;
	height: 30px;
	font-size: 15px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	text-transform: capitalize;
	color: var(--brandcolor);
	background: var(--graycolor)
}

.account-title a:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.account-list li {
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.account-list li:last-child {
	margin-bottom: 0px
}

.account-list li h6 {
	width: 100px
}

@media (max-width: 991px) {
	.account-card {
		height: auto
	}
}

@media (max-width: 767px) {
	.account-list li {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 18px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.account-part {
	padding: 0px 0px 40px
}

.account-menu .nav li {
	width: inherit
}

.account-menu .nav li a {
	width: inherit;
	padding: 14px 35px
}

.section-heading {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.section-heading h2 {
	margin-bottom: 0px
}

.account-dash {
	margin-bottom: 30px
}

.order-content {
	margin-bottom: 50px
}

.order-content tr th,
.order-content tr td {
	text-align: center
}

.order-btn {
	text-align: center
}

.profile-intro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.profile-intro .account-list li h6 {
	width: 150px
}

.profile-author a {
	margin-bottom: 25px
}

.profile-author a img {
	width: 100px;
	height: 100px;
	border-radius: 8px
}

.profile-author h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 3px
}

.profile-author p {
	font-size: 15px
}

.profile-author p span {
	font-weight: 700;
	margin-right: 5px
}

.form-group {
	margin: 0px 10px 25px
}

.form-btn {
	text-align: center;
	margin-top: 30px
}

@media (max-width: 991px) {
	.account-part {
		padding: 0px
	}

	.account-menu {
		overflow-x: scroll
	}

	.account-menu .nav {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.order-content {
		overflow-x: scroll
	}

	.order-content .table-list {
		width: 990px
	}
}

.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.table-list {
	width: 100%
}

.table-list thead tr {
	background: var(--brandcolor)
}

.table-list thead tr th {
	text-align: center;
	padding: 15px 25px;
	color: var(--whitecolor);
	font-weight: var(--mweight);
	border-right: 1px solid var(--headerborder)
}

.table-list thead tr th:first-child {
	border-radius: 3px 0px 0px 3px
}

.table-list thead tr th:last-child {
	border-right: none;
	border-radius: 0px 3px 3px 0px
}

.table-list tbody tr {
	border-bottom: 1px solid var(--bordercolor)
}

.table-list tbody tr td {
	text-align: center;
	padding: 15px 25px;
	border-right: 1px solid var(--bordercolor)
}

.table-list tbody tr td:last-child {
	border-right: none
}

.table-product img {
	width: 100px;
	border-radius: 3px;
	background: var(--whitecolor)
}

.table-quantity input {
	width: 100px;
	padding: 0px 15px;
	height: 40px;
	font-size: 18px;
	border-radius: 3px;
	border: 2px solid var(--bordercolor)
}

.table-quantity input:focus-within {
	border-color: var(--brandcolor)
}

.table-shop .btn {
	padding: 10px 25px
}

.table-action {
	text-align: center
}

.table-action a i {
	width: 35px;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
	margin: 3px;
	color: var(--brandcolor);
	background: var(--whitecolor);
	text-shadow: var(--tshadow);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.table-action a i:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.table-desc p {
	width: 150px;
	text-align: left
}

.table-desc p a {
	font-size: 14px;
	font-weight: 500
}

.table-desc p a:hover {
	text-decoration: underline
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 18px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.cart-part {
	padding: 100px 0px
}

.cart-list {
	margin-bottom: 30px
}

.cart-back {
	margin-top: 10px
}

.cart-cupon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 80px
}

.cart-cupon form {
	width: 400px;
	display: block;
	position: relative;
	-webkit-box-shadow: var(--bcardshadow);
	box-shadow: var(--bcardshadow)
}

.cart-cupon form input {
	width: 100%;
	height: 66px;
	border: none;
	outline: none;
	border-radius: 3px;
	background: var(--whitecolor);
	padding: 0px 190px 0px 20px
}

.cart-cupon form .btn {
	position: absolute;
	top: 8px;
	right: 8px;
	height: 50px;
	padding: 11px 32px
}

.cart-totals {
	width: auto;
	margin: 0 auto 45px;
	text-align: center;
	background: var(--whitecolor);
	border-top: 3px solid var(--brandcolor);
	-webkit-box-shadow: var(--bcardshadow);
	box-shadow: var(--bcardshadow)
}

.cart-totals .title {
	margin: 25px 0px
}

.cart-totals .title::before,
.cart-totals .title::after {
	top: 0px;
	right: 50%;
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0)
}

.cart-totals .title::before {
	top: 50px
}

.cart-totals .title::after {
	top: 55px
}

.cart-totals ul li {
	padding: 18px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid var(--bordercolor)
}

.cart-totals ul li:last-child {
	border-bottom: none
}

.cart-totals ul li span {
	font-size: 18px;
	color: var(--headingcolor)
}

.cart-proceed {
	text-align: center
}

.cart-proceed .btn {
	height: 60px;
	font-size: 15px;
	padding: 18px 35px
}

@media (max-width: 991px) {
	.cart-list {
		overflow-x: scroll
	}

	.table-list {
		width: 900px
	}
}

@media (max-width: 767px) {
	.cart-part {
		padding: 60px 0px
	}

	.cart-back {
		text-align: center;
		margin-bottom: 30px
	}

	.cart-cupon {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 50px
	}

	.cart-totals {
		width: 100%
	}
}


.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.table-list {
	width: 100%
}

.table-list thead tr {
	background: var(--brandcolor)
}

.table-list thead tr th {
	text-align: center;
	padding: 15px 25px;
	color: var(--whitecolor);
	font-weight: var(--mweight);
	border-right: 1px solid var(--headerborder)
}

.table-list thead tr th:first-child {
	border-radius: 3px 0px 0px 3px
}

.table-list thead tr th:last-child {
	border-right: none;
	border-radius: 0px 3px 3px 0px
}

.table-list tbody tr {
	border-bottom: 1px solid var(--bordercolor)
}

.table-list tbody tr td {
	text-align: center;
	padding: 15px 25px;
	border-right: 1px solid var(--bordercolor)
}

.table-list tbody tr td:last-child {
	border-right: none
}

.table-product img {
	width: 100px;
	border-radius: 3px;
	background: var(--whitecolor)
}

.table-quantity input {
	width: 100px;
	padding: 0px 15px;
	height: 40px;
	font-size: 18px;
	border-radius: 3px;
	border: 2px solid var(--bordercolor)
}

.table-quantity input:focus-within {
	border-color: var(--brandcolor)
}

.table-shop .btn {
	padding: 10px 25px
}

.table-action {
	text-align: center
}

.table-action a i {
	width: 35px;
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
	margin: 3px;
	color: var(--brandcolor);
	background: var(--whitecolor);
	text-shadow: var(--tshadow);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.table-action a i:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.table-desc p {
	width: 150px;
	text-align: left
}

.table-desc p a {
	font-size: 14px;
	font-weight: 500
}

.table-desc p a:hover {
	text-decoration: underline
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 18px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.checkout-part {
	padding: 100px 0px
}

.checkout-action {
	text-align: center;
	margin-bottom: 65px;
	padding: 18px 20px 15px;
	background: var(--whitecolor);
	border-top: 3px solid var(--brandcolor);
	-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08)
}

.checkout-action i {
	color: var(--brandcolor);
	margin-right: 8px
}

.checkout-action span {
	font-weight: 700;
	color: var(--headingcolor)
}

.checkout-action span a {
	color: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.checkout-action span a:hover {
	color: var(--brandcolor)
}

.checkout-form {
	padding: 0px 15px
}

.check-form-title {
	margin-bottom: 50px
}

.check-form-title h3 {
	position: relative
}

.check-form-title h3::before {
	position: absolute;
	content: "";
	top: 50px;
	left: 0px;
	width: 100%;
	height: 1px;
	background: var(--bordercolor)
}

.check-form-title h3::after {
	position: absolute;
	content: "";
	top: 50px;
	left: 0px;
	width: 50px;
	height: 2px;
	background: var(--brandcolor)
}

.checkout-table {
	padding: 70px 10px
}

.checkout-charge {
	margin-bottom: 45px
}

.checkout-charge ul {
	width: 600px;
	margin: 0 auto;
	background: var(--whitecolor);
	border-top: 3px solid var(--brandcolor);
	-webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08)
}

.checkout-charge ul li {
	padding: 18px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid var(--bordercolor)
}

.checkout-charge ul li:last-child {
	border-bottom: none
}

.checkout-charge ul li span {
	font-size: 18px;
	color: var(--headingcolor)
}

.check-order-btn {
	text-align: center
}

@media (max-width: 767px) {
	.checkout-part {
		padding: 60px 0px
	}

	.checkout-table {
		padding: 30px 0px
	}

	.checkout-form {
		padding: 0px 0px
	}

	.table-scroll {
		overflow-x: scroll
	}

	.table-scroll .table-list {
		width: 800px
	}

	.checkout-charge ul {
		width: 100%
	}
}


.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 18px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.contact-part {
	padding: 100px 0px
}

.contact-heading {
	text-align: center;
	margin-bottom: 50px
}

.contact-heading .title {
	display: inline-block;
	margin-bottom: 17px
}

.contact-heading p {
	width: 570px;
	font-size: 18px;
	margin: 0 auto
}

.contact-info {
	text-align: center;
	border-radius: 3px;
	margin-bottom: 30px;
	padding: 50px 30px 45px;
	background: var(--whitecolor);
	-webkit-box-shadow: var(--bcardshadow);
	box-shadow: var(--bcardshadow)
}

.contact-info i {
	font-size: 50px;
	color: var(--brandcolor);
	margin-bottom: 25px
}

.contact-info .title {
	margin-bottom: 40px
}

.contact-info .title::before,
.contact-info .title::after {
	top: 0px;
	right: 50%;
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0)
}

.contact-info .title::before {
	top: 45px
}

.contact-info .title::after {
	top: 50px
}

.contact-info p span {
	display: block
}

.contact-form {
	border-radius: 3px;
	padding: 50px 30px 45px;
	background: var(--whitecolor);
	-webkit-box-shadow: var(--bcardshadow);
	box-shadow: var(--bcardshadow)
}

.file-label {
	margin-bottom: 20px;
}

.contact-label {
	display: block;
	position: relative;
	margin-bottom: 25px
}

.contact-label:focus-within input,
.contact-label:focus-within select,
.contact-label:focus-within textarea {
	border: 1px solid var(--brandcolor)
}

.contact-label:focus-within i {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.contact-label input,
.contact-label select,
.contact-label textarea {
	width: 100%;
	height: 50px;
	display: block;
	border-radius: 3px;
	padding: 0px 20px 0px 65px;
	border: 1px solid var(--bordercolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.contact-label textarea {
	height: 145px;
	padding: 10px 20px 0px 65px
}

.contact-label i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50px;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	border-radius: 3px 0px 0px 3px;
	color: var(--brandcolor);
	background: var(--navbarcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.contact-form .btn {
	width: 100%
}

.contact-map {
	padding: 30px;
	border-radius: 3px;
	background: var(--whitecolor);
	-webkit-box-shadow: var(--bcardshadow);
	box-shadow: var(--bcardshadow)
}

.contact-map iframe {
	height: 526px
}

@media (max-width: 991px) {
	.contact-part {
		padding: 60px 0px
	}

	.contact-form {
		padding: 50px 15px 45px;
		margin-bottom: 30px
	}

	.contact-map {
		padding: 15px
	}

	.contact-map iframe {
		height: 300px
	}
}

@media (max-width: 767px) {
	.contact-heading {
		margin-bottom: 30px
	}

	.contact-heading .title {
		font-size: 40px;
		margin-bottom: 30px
	}

	.contact-heading .title::before {
		top: 55px
	}

	.contact-heading .title::after {
		top: 60px
	}

	.contact-heading p {
		width: 100%;
		font-size: 16px
	}
}


.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.nav {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.nav-tabs li {
	width: 100%
}

.nav-tabs li .nav-link {
	width: 100%;
	border: none;
	padding: 16px 0px;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--headingcolor);
	border-bottom: 3px solid transparent;
	text-shadow: var(--tshadow)
}

.nav-tabs li .nav-link:hover {
	background: var(--graycolor);
	border-color: transparent
}

.nav-tabs li .active {
	color: var(--brandcolor) !important;
	background: var(--navbarcolor) !important;
	border-color: var(--brandcolor) !important
}

.tab-pane {
	display: none;
	padding: 50px 50px
}

.tab-pane.active {
	display: block
}

@media (max-width: 575px) {
	.nav-tabs li .nav-link {
		font-size: 12px;
		padding: 12px 0px
	}

	.tab-pane {
		padding: 30px 0px
	}
}

.star-rating {
	direction: rtl;
	margin: 0px 0px 25px 15px
}

.star-rating input {
	display: none
}

.star-rating input:checked~label::after {
	opacity: 1
}

.star-rating label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-right: 15px
}

.star-rating label:hover::after {
	opacity: 1
}

.star-rating label:hover:hover~label::after {
	opacity: 1
}

.star-rating label::before {
	content: "\f005";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 35px;
	display: block;
	color: #bbbbbb
}

.star-rating label::after {
	content: "\f005";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 35px;
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	color: var(--starcolor);
	opacity: 0
}

.related-part {
	padding: 0px 0 120px;
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.product-slider .product-card {
	margin: 0px 15px
}

.product-card .offer-end {
	position: absolute;
	padding: 5px;
	font-size: 12px;
	font-weight: 700;
	width: 100%;
	text-align: center;
}

.product-card .offer-img {
	position: absolute;
	padding: 5px;
	width: 40px;
}

.product-card .offer-img img {
	width: 40px;
}

.product-card {
	width: 100%;
	border-radius: 3px;
	background: var(--whitecolor);
	position: relative;
}

.product-card:hover {
	-webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1)
}

.product-card:hover .product-widget {
	opacity: 1;
	bottom: 15px
}

.product-card:hover .product-name h6 a {
	color: var(--brandcolor)
}

.product-img {
	position: relative
}

.product-img img {
	width: 100%;
	border-radius: 3px
}

.product-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-widget li {
	margin: 0px 5px
}

.product-widget li button {
	border: none;
	outline: none;
	background: none
}

.product-widget li button i {
	width: 38px;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	border-radius: 3px;
	color: var(--whitecolor);
	background: var(--brandcolor);
	text-shadow: var(-tshadow);
	-webkit-box-shadow: var(--biconshadow);
	box-shadow: var(--biconshadow)
}

.product-content {
	padding: 15px;
	border-top: 1px solid var(--bordercolor)
}

.product-name h6 {
	font-weight: 700;
	margin-bottom: 13px
}

.product-name h6 a {
	color: var(--headingcolor)
}

.product-price {
	margin-bottom: 15px;
}

.product-price h6 {
	letter-spacing: -0.5px;
	color: var(--textcolor)
}

.product-price h6 del {
	color: var(--brandcolor);
	font-size: 16px
}

.product-btn a {
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 0px;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--brandcolor);
	border: 1px solid var(--brandcolor);
	text-shadow: var(--tshadow);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-btn a:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.product-btn i {
	margin-top: -2px;
	margin-right: 8px
}

@media (max-width: 575px) {
	.product-slider .product-card {
		width: 200px;
		margin: 0px 10px
	}
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 18px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.product-part {
	padding: 100px 0px 0px
}

.preview-slider {
	border-radius: 8px;
	margin-bottom: 30px;
	margin-right: 30px;
	background: var(--whitecolor);
	border: 2px solid var(--bordercolor)
}

.preview-slider img {
	width: 100%;
	border-radius: 3px
}

.preview-slider .dandik,
.preview-slider .bamdik {
	top: 50%
}

.thumb-slider {
	margin-right: 30px
}

.thumb-slider img {
	width: 100%;
	margin: 0px 10px;
	border-radius: 3px;
	background: var(--whitecolor);
	border: 2px solid var(--bordercolor)
}

.thumb-slider .slick-slide {
	cursor: pointer
}

.thumb-slider .slick-center {
	border: 2px solid var(--brandcolor)
}

.product-name {
	margin-bottom: 20px
}

.product-review {
	margin-bottom: 20px
}

.product-review ul li {
	display: inline-block
}

.product-review ul li i {
	font-size: 14px;
	color: var(--starcolor)
}

.product-review ul li a {
	margin-left: 8px;
	color: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-review ul li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

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

.product-price p {
	font-size: 38px;
	font-weight: 600;
	color: var(--headingcolor)
}

.product-price p del {
	font-size: 18px;
	color: var(--brandcolor)
}

.product-summery {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid var(--bordercolor)
}

.product-cart {
	margin-bottom: 40px
}

.product-cart ul li {
	margin-right: 12px;
	display: inline-block
}

.product-cart ul li input {
	width: 100px;
	padding: 0px 15px;
	height: 50px;
	border-radius: 3px;
	border: 2px solid var(--bordercolor)
}

.product-cart ul li input:focus-within {
	border-color: var(--brandcolor)
}

.product-cart ul li .btn {
	height: 50px
}

.product-cart ul li .icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px
}

.product-cart ul li .icon-outline {
	color: var(--brandcolor);
	background: var(--whitecolor);
	border: 2px solid var(--bordercolor)
}

.product-cart ul li .icon-outline:hover {
	color: var(--whitecolor);
	background: var(--brandcolor);
	border-color: var(--brandcolor)
}

.product-payment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px
}

.product-payment h5 {
	margin-right: 15px
}

.product-payment ul li {
	display: inline-block;
	margin-right: 10px
}

.product-payment ul li:last-child {
	margin-right: 0px
}

.product-payment ul li a img {
	width: 55px
}

.product-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px
}

.product-share h5 {
	margin-right: 15px
}

.product-share ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.product-share ul li {
	margin-right: 15px
}

.product-contact {
	padding: 30px 0px 0px;
	border-top: 1px solid var(--bordercolor)
}

.product-contact p {
	margin-bottom: 12px
}

.product-contact h4 {
	font-size: 24px;
	color: var(--brandcolor)
}

.product-contact h4 i {
	margin-right: 12px;
	font-size: 22px
}

@media (max-width: 767px) {
	.product-part {
		padding: 60px 0px 0px
	}

	.preview-slider {
		margin-right: 0px
	}

	.thumb-slider {
		margin-bottom: 50px;
		margin-right: 0px
	}
}

@media (max-width: 991px) {
	.product-cart ul li {
		margin: 5px 5px
	}

	.product-cart ul li .btn {
		padding: 12px 22px
	}

	.product-payment,
	.product-share {
		display: inherit
	}

	.product-payment h5,
	.product-share h5 {
		margin-bottom: 10px
	}
}

.product-tab-part {
	padding: 100px 0px 0px
}

.review-list {
	margin-bottom: 60px
}

.review-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	margin-bottom: 45px
}

.review-item:last-child {
	margin-bottom: 0px
}

.review-author {
	margin-right: 30px
}

.review-author a img {
	width: 80px;
	border-radius: 10px
}

.review-content {
	width: 100%;
	padding: 30px;
	border-radius: 10px;
	background: var(--whitecolor);
	border: 1px solid var(--bordercolor)
}

.review-content h5 {
	font-weight: 600;
	margin-bottom: 10px
}

.review-content h5 a {
	color: var(--headingcolor)
}

.review-content h5 span {
	font-weight: 400;
	font-size: 13px
}

.review-content ul {
	margin-bottom: 10px
}

.review-content ul li {
	display: inline-block;
	margin-right: 5px
}

.review-content ul li i {
	font-size: 14px;
	color: #bbbbbb
}

.review-content ul li .active {
	color: #ffcc23
}

.form-heading {
	margin-bottom: 25px
}

.product-tab-desc p {
	line-height: 28px
}

.product-tab-desc p span {
	display: block;
	margin-top: 30px
}

@media (max-width: 767px) {
	.product-tab-part {
		padding: 60px 0px 0px
	}
}

.new-part {
	padding: 120px 0px 120px
}

@media (max-width: 767px) {
	.new-part {
		padding: 60px 0px
	}
}


.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.pagination {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 25px;
	border-radius: 3px;
	background: var(--whitecolor)
}

.page-item {
	margin: 0px 6px
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 3px
}

.page-item .active {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.page-link {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	border: none;
	padding: 0px;
	color: var(--bodycolor);
	background: var(--graycolor)
}

.page-link:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

@media (max-width: 991px) {
	.pagination {
		margin-top: 0px;
		margin-bottom: 60px
	}

	.page-link {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
}

#slider-range {
	border-radius: 30px;
	margin-top: 15px
}

#slider-range span {
	border-radius: 50%
}

#amount {
	color: var(--brandcolor);
	font-size: 18px;
	font-weight: 700;
	border: none;
	background: none;
	text-align: center;
	margin-top: 15px;
	width: 100%
}

.ui-state-active {
	background: var(--brandcolor) !important;
	border-color: var(--brandcolor) !important
}

.custom-checkbox {
	padding-left: 25px
}

.custom-control-label::before,
.custom-control-label::after {
	left: -25px;
	width: 16px;
	height: 16px;
	margin: 2px 5.75px 0 0;
	top: 2px;
}

.custom-control-input:checked~.custom-control-label::before {
	background: var(--brandcolor);
	border-color: var(--brandcolor);
	-webkit-box-shadow: none;
	box-shadow: none
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.product-slider .product-card {
	margin: 0px 15px
}

.product-card {
	width: 100%;
	border-radius: 3px;
	background: var(--whitecolor)
}

.product-card:hover {
	-webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1)
}

.product-card:hover .product-widget {
	opacity: 1;
	bottom: 15px
}

.product-card:hover .product-name h6 a {
	color: var(--brandcolor)
}

.product-img {
	position: relative
}

.product-img img {
	width: 100%;
	border-radius: 3px
}

.product-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	opacity: 0;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-widget li {
	margin: 0px 5px
}

.product-widget li button {
	border: none;
	outline: none;
	background: none
}

.product-widget li button i {
	width: 38px;
	height: 38px;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	border-radius: 3px;
	color: var(--whitecolor);
	background: var(--brandcolor);
	text-shadow: var(-tshadow);
	-webkit-box-shadow: var(--biconshadow);
	box-shadow: var(--biconshadow)
}

.product-content {
	padding: 15px;
	border-top: 1px solid var(--bordercolor)
}

.product-name h6 {
	font-weight: 700;
	margin-bottom: 13px
}

.product-name h6 a {
	color: var(--headingcolor)
}

.product-price {
	margin-bottom: 15px;
}

.product-price h6 {
	letter-spacing: -0.5px;
	color: var(--textcolor)
}

.product-price h6 del {
	color: var(--brandcolor);
	font-size: 16px
}

.product-btn a {
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 0px;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--brandcolor);
	border: 1px solid var(--brandcolor);
	text-shadow: var(--tshadow);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-btn a:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.product-btn i {
	margin-top: -2px;
	margin-right: 8px
}

@media (max-width: 575px) {
	.product-slider .product-card {
		width: 200px;
		margin: 0px 10px
	}
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 18px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.product-list {
	padding: 100px 0px
}

.product-ad {
	margin-bottom: 30px
}

.product-ad a img {
	width: 100%;
	border-radius: 3px
}

.product-bar {
	padding: 25px 15px;
	border-radius: 3px;
	margin-bottom: 30px;
	background: var(--whitecolor)
}

.product-bar:last-child {
	margin-bottom: 0px
}

.product-bar h6 {
	padding-bottom: 15px;
	text-transform: uppercase;
	border-bottom: 1px solid var(--bordercolor)
}

.product-bar-content input {
	/* width: 100%;
	height: 40px; */
	/* padding: 0px 15px; */
	border-radius: 3px;
	/* margin-bottom: 10px; */
	border: 1px solid var(--bordercolor)
}

.product-bar-content .scroll-list {
	height: auto;
	padding: 0px 8px;
	overflow-y: scroll
}

.product-bar-content .scroll-list li {
	margin: 8px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.product-bar-content .scroll-list li:hover .custom-control-label,
.product-bar-content .scroll-list li:hover .product-cate-number {
	color: var(--brandcolor)
}

.product-bar-content .custom-control-label {
	font-size: 15px;
	cursor: pointer;
	text-transform: capitalize
}

.product-cate-number {
	font-size: 15px
}

.clear-filter-btn {
	border: none;
	outline: none;
	background: none;
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 0px;
	margin-top: 10px;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--brandcolor);
	border: 1px solid var(--brandcolor);
	text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.clear-filter-btn:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.clear-filter-btn i {
	margin-top: -2px;
	margin-right: 5px
}

.product-filter {
	background: var(--whitecolor);
	border-radius: 3px;
	padding: 15px 25px;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.product-card-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.product-card-type li {
	margin-left: 12px
}

.product-card-type li i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	background: var(--graycolor)
}

.grid-verti.active i,
.grid-hori.active i {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.card-gape {
	margin-bottom: 30px
}

@media (max-width: 991px) {
	.content-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.product-ad {
		text-align: center
	}
}

@media (max-width: 767px) {
	.product-list {
		padding: 80px 0px
	}

	.product-filter {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.product-page-number,
	.product-short-select {
		margin-bottom: 15px
	}
}

@media (max-width: 575px) {
	.product-list {
		padding: 60px 0px
	}

	.product-card-parent .col-6 {
		padding: 0px 10px
	}
}


.nav {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.nav-tabs li {
	width: 100%
}

.nav-tabs li .nav-link {
	width: 100%;
	border: none;
	padding: 16px 0px;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--headingcolor);
	border-bottom: 3px solid transparent;
	text-shadow: var(--tshadow)
}

.nav-tabs li .nav-link:hover {
	background: var(--graycolor);
	border-color: transparent
}

.nav-tabs li .active {
	color: var(--brandcolor) !important;
	background: var(--navbarcolor) !important;
	border-color: var(--brandcolor) !important
}

.tab-pane {
	display: none;
	padding: 50px 50px
}

.tab-pane.active {
	display: block
}

@media (max-width: 575px) {
	.nav-tabs li .nav-link {
		font-size: 12px;
		padding: 12px 0px
	}

	.tab-pane {
		padding: 30px 0px
	}
}

.sign-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.sign-content {
	width: 60%;
	height: 100vh;
	background: url(../../img/banner/03.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1
}

.sign-content::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
	z-index: -1
}

.content-cover {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 600px
}

.content-cover a {
	margin-bottom: 35px
}

.content-cover a img {
	width: 190px;
	height: auto
}

.content-cover h1 {
	color: #3dd01d;
	font-size: 50px;
	line-height: 60px
}

.sign-form {
	width: 40%;
	height: 100vh;
	background: var(--graycolor);
	overflow-y: scroll;
	overflow-x: hidden
}

.back-arrow {
	position: fixed;
	top: 50px;
	left: 50px;
	z-index: 1
}

.back-arrow a:nth-child(1) {
	display: none
}

.back-arrow a i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 3px;
	font-size: 16px;
	color: var(--whitecolor);
	background: var(--brandcolor);
	text-shadow: var(--tshadow);
	-webkit-box-shadow: var(--bshadow);
	box-shadow: var(--bshadow)
}

.back-arrow a i:hover {
	color: var(--brandcolor);
	background: var(--whitecolor)
}

.sign-cate {
	margin-bottom: 50px
}

.sign-form .tab-pane {
	display: none;
	padding: 0px 50px
}

.sign-form .tab-pane.active {
	display: block
}

.sign-heading {
	text-align: center;
	margin-bottom: 45px
}

.sign-heading h2 {
	margin-bottom: 7px
}

.form {
	margin-bottom: 45px
}

.form-label {
	display: block;
	position: relative;
	margin-bottom: 20px
}

.form-label:focus-within button i {
	display: block
}

.form-label:focus-within small {
	display: block
}

.form-label input {
	border: none;
	width: 100%;
	height: 45px;
	border-radius: 3px;
	padding: 0px 55px 0px 20px;
	border: 1px solid var(--bordercolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.form-label input:focus-within {
	border: 1px solid var(--brandcolor)
}

.form-label button {
	border: none;
	background: none;
	position: absolute;
	top: 15px;
	right: 20px
}

.form-label button i {
	font-size: 16px;
	color: #aaaaaa;
	display: none
}

.form-label small {
	display: none;
	padding: 3px 20px
}

.form-suggest {
	text-align: center
}

.form-suggest p {
	color: var(--headingcolor)
}

.form-suggest p a {
	font-weight: 500
}

.form-suggest p a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.form-btn {
	display: block;
	margin: 0px 10px 25px;
}

.form-btn .btn {
	width: 100%;
	height: 45px
}

.form-option {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px
}

.form-option li {
	margin: 0px 8px
}

.form-option li a {
	width: 125px;
	padding: 5px;
	color: var(--whitecolor);
	border-radius: 3px
}

.form-option li a i {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 8px;
	text-shadow: var(--tshadow)
}

.form-option li a span {
	font-size: 14px;
	text-transform: capitalize;
	text-shadow: var(--tshadow)
}

.form-option li:nth-child(1) a {
	background: #4267B2
}

.form-option li:nth-child(1) a i {
	background: #375797
}

.form-option li:nth-child(2) a {
	background: #1DA1F2
}

.form-option li:nth-child(2) a i {
	background: #1a95e2
}

.form-option li:nth-child(3) a {
	background: #DB4437
}

.form-option li:nth-child(3) a i {
	background: #be3a2e
}

.or-text {
	position: relative;
	z-index: 1
}

.or-text::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 1px;
	background: var(--bordercolor);
	z-index: -1
}

.or-text p {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 3px;
	background: var(--whitecolor);
	border: 1px solid var(--bordercolor);
	margin: 0px auto 30px
}

.form-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px
}

.form-link a {
	font-size: 15px;
	color: var(--textcolor)
}

.form-link a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.form-link .custom-control-label {
	font-size: 15px;
	line-height: 26px;
	cursor: pointer
}

.form-link .custom-control-label::before {
	top: 5px
}

.form-link .custom-control-label::after {
	top: 5px
}

.form-link .custom-control-input:checked~.custom-control-label::before {
	border-color: #ff5644;
	background-color: #ff5644
}

.form-bottom {
	text-align: center;
	margin-bottom: 50px
}

.form-bottom p {
	color: #666666;
	font-size: 18px;
	width: 290px;
	margin: 0 auto
}

.form-bottom p span {
	font-weight: 700;
	color: var(--brandcolor)
}

@media (max-width: 767px) {
	.sign-form {
		width: 100%
	}

	.sign-form .tab-pane {
		padding: 0px 25px
	}

	.form-option li a {
		width: auto
	}

	.form-option li a i {
		width: 60px;
		margin-right: 0px
	}

	.form-option li a span {
		display: none
	}
}

@media (max-width: 575px) {
	.sign-content {
		display: none
	}

	.back-arrow {
		position: inherit;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 15px
	}

	.back-arrow a:nth-child(1) {
		display: block
	}

	.back-arrow a img {
		width: 155px
	}

	.back-arrow a i {
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: var(--brandcolor);
		background: var(--whitecolor)
	}

	.back-arrow a i:hover {
		color: var(--whitecolor);
		background: var(--brandcolor)
	}

	.form-bottom p {
		width: 100%
	}
}

@media (min-width: 576px) and (max-width: 1199px) {
	.sign-content {
		width: 45%
	}

	.content-cover {
		width: 235px
	}

	.content-cover a img {
		width: 150px
	}

	.content-cover h1 {
		font-size: 24px;
		line-height: 32px
	}

	.content-cover p {
		font-size: 18px
	}

	.sign-form {
		width: 55%
	}

	.sign-form .tab-pane {
		padding: 0px 25px
	}

	.form-bottom p {
		width: 260px
	}
}



.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.pagination {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 25px;
	border-radius: 3px;
	background: var(--whitecolor)
}

.page-item {
	margin: 0px 6px
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 3px
}

.page-item .active {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.page-link {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	border: none;
	padding: 0px;
	color: var(--bodycolor);
	background: var(--graycolor)
}

.page-link:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

@media (max-width: 991px) {
	.pagination {
		margin-top: 0px;
		margin-bottom: 60px
	}

	.page-link {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 18px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.blog-det-part {
	padding: 100px 0px
}

.blog-det-part .container {
	max-width: 1000px
}

.blog-det-banner {
	position: relative;
	border-radius: 10px;
	margin-bottom: 50px;
	-webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25)
}

.blog-det-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 0, 255, 0.1)), to(rgba(0, 0, 0, 0.8)));
	background: linear-gradient(to bottom, rgba(128, 0, 255, 0.1), rgba(0, 0, 0, 0.8))
}

.blog-det-banner img {
	width: 100%;
	border-radius: 10px
}

.blog-det-content {
	position: absolute;
	bottom: 50px;
	left: 30px;
	padding: 0px 30px
}

.blog-det-title {
	margin-bottom: 20px
}

.blog-det-title h2 a {
	color: var(--whitecolor)
}

.blog-det-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.blog-det-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0px 18px;
	border-right: 1px solid var(--textcolor)
}

.blog-det-meta li:first-child {
	padding-left: 0px
}

.blog-det-meta li:last-child {
	padding-right: 0px;
	border-right: none
}

.blog-det-meta li i {
	font-size: 14px;
	margin-right: 8px;
	margin-top: -2px;
	color: var(--graycolor)
}

.blog-det-meta li p {
	font-size: 14px;
	color: var(--graycolor);
	text-transform: uppercase
}

.content-fluid {
	padding: 0px 80px
}

.blog-det-descrip p {
	margin-bottom: 35px
}

.blog-det-descrip p span {
	display: block;
	margin-top: 25px
}

.blog-det-subtitle {
	margin-bottom: 35px
}

.blog-det-subtitle h3 {
	margin-bottom: 15px
}

.blog-det-subtitle p a {
	text-decoration: underline
}

.blog-det-quote {
	padding: 50px 50px;
	background: var(--whitecolor);
	border-left: 5px solid var(--brandcolor);
	margin-bottom: 45px;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.blog-det-quote p {
	font-size: 22px;
	font-style: italic;
	line-height: 35px;
	margin-bottom: 35px
}

.blog-det-quote span {
	font-weight: 700;
	-ms-flex-item-align: end;
	align-self: flex-end;
	text-transform: capitalize
}

.blog-det-list {
	list-style: disc;
	margin-left: 20px;
	padding-bottom: 50px;
	border-bottom: 1px solid var(--bordercolor)
}

.blog-det-list li {
	margin-bottom: 30px
}

.blog-det-list li:last-child {
	margin-bottom: 0px
}

.blog-det-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 45px 0px
}

.blog-det-tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.blog-det-tag li {
	margin-right: 8px
}

.blog-det-tag li h4 {
	font-weight: 700;
	margin-right: 5px
}

.blog-det-tag li a {
	color: var(--textcolor);
	font-size: 14px;
	padding: 2px 16px;
	border-radius: 30px;
	text-transform: capitalize;
	border: 1px solid var(--bordercolor)
}

.blog-det-tag li a:hover {
	color: var(--white);
	background: var(--brandcolor)
}

.blog-det-share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.blog-det-share li {
	margin-right: 8px
}

.blog-det-share li h4 {
	font-weight: 700;
	margin-right: 5px
}

.blog-det-share li a i {
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	color: var(--brandcolor);
	background: var(--graycolor);
	text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}

.blog-det-share li a i:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.blog-det-author {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	padding: 45px 45px;
	margin-bottom: 50px;
	border-radius: 10px;
	background: var(--graycolor)
}

.author-img {
	margin-right: 30px
}

.author-img a img {
	width: 100px;
	border-radius: 5px
}

.author-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 15px
}

.author-social li {
	margin: 0px 3px
}

.author-social li a i {
	width: 30px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	color: var(--brandcolor);
	background: var(--whitecolor);
	text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}

.author-social li a i:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.author-content h4 {
	margin-bottom: 10px
}

.author-content h4 a {
	display: block;
	font-size: 14px;
	margin-top: 5px;
	color: var(--brandcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.author-content h4 a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.blog-det-navigate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	margin-bottom: 60px;
	position: relative
}

.navigate-post {
	width: 400px;
	border-radius: 10px;
	position: relative;
	-webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25)
}

.navigate-post::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 0, 255, 0.1)), to(rgba(0, 0, 0, 0.8)));
	background: linear-gradient(to bottom, rgba(128, 0, 255, 0.1), rgba(0, 0, 0, 0.8))
}

.navigate-post img {
	width: 100%;
	border-radius: 10px
}

.navigate-post h4 {
	position: absolute;
	bottom: 25px;
	left: 0px;
	padding: 0px 30px;
	line-height: 28px
}

.navigate-post h4 a {
	color: var(--whitecolor)
}

.prev-arrow,
.next-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 14px;
	text-transform: capitalize;
	border-radius: 5px;
	padding: 9px 20px;
	color: var(--textcolor);
	background: var(--whitecolor);
	-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.15)
}

.prev-arrow:hover,
.next-arrow:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.prev-arrow {
	left: 0px
}

.prev-arrow i {
	margin-right: 8px
}

.next-arrow {
	right: 0px
}

.next-arrow i {
	margin-left: 8px
}

.blog-det-comment {
	margin-bottom: 30px
}

.blog-det-comment h3 {
	margin-bottom: 30px
}

.comment-list li ul {
	margin-left: 100px
}

.comment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 45px 0px;
	border-top: 1px solid var(--bordercolor);
	position: relative
}

.comment-img {
	margin-right: 30px
}

.comment-img a img {
	width: 100px;
	border-radius: 5px
}

.comment-content h4 {
	font-weight: 600;
	margin-bottom: 10px
}

.comment-content h4 span {
	font-size: 14px;
	font-weight: 700;
	display: block;
	margin-top: 5px
}

.comment-reply {
	position: absolute;
	top: 25px;
	right: 15px
}

.comment-reply a {
	font-size: 16px;
	font-weight: 600;
	color: var(--text);
	text-transform: capitalize
}

.comment-reply a:hover {
	color: var(--brandcolor)
}

.comment-reply a i {
	margin-right: 8px
}

.blog-det-form h3 {
	margin-bottom: 30px
}

@media (max-width: 767px) {
	.blog-det-part {
		padding: 60px 0px
	}

	.blog-det-banner {
		-webkit-box-shadow: none;
		box-shadow: none;
		border-radius: 0px;
		margin-bottom: 30px
	}

	.blog-det-banner::before {
		display: none
	}

	.blog-det-banner img {
		margin-bottom: 30px;
		-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.25)
	}

	.blog-det-content {
		position: inherit;
		left: 0px;
		bottom: 0px;
		padding: 0px
	}

	.blog-det-title {
		margin-bottom: 15px
	}

	.blog-det-title h2 {
		font-size: 28px;
		line-height: 36px
	}

	.blog-det-title h2 a {
		color: var(--headingcolor)
	}

	.blog-det-meta {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.blog-det-meta li {
		border: none;
		padding: 2px 7px
	}

	.blog-det-meta li p,
	.blog-det-meta li i {
		color: var(--textcolor);
		font-size: 13px
	}

	.content-fluid {
		padding: 0px
	}

	.blog-det-quote {
		padding: 35px 30px
	}

	.blog-det-quote p {
		font-size: 18px
	}

	.blog-det-list {
		padding-bottom: 30px
	}

	.blog-det-footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 35px 0px
	}

	.blog-det-tag {
		margin-bottom: 25px
	}

	.blog-det-author {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 35px
	}

	.author-img {
		margin: 0px 0px 15px
	}

	.blog-det-navigate {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.navigate-post {
		width: 100%;
		margin-bottom: 30px
	}

	.navigate-post h4 {
		bottom: 20px;
		padding: 0px 25px;
		line-height: 28px
	}

	.next-arrow {
		top: 0px
	}

	.prev-arrow {
		top: inherit;
		bottom: -15px
	}

	.comment {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 30px 0px
	}

	.comment-img {
		margin: 0px 0px 15px
	}

	.comment-content h4 {
		margin-bottom: 5px
	}

	.comment-reply {
		top: 45px
	}

	.comment-list li ul {
		margin-left: 60px
	}
}

@media (min-width: 431px) and (max-width: 767px) {
	.blog-det-navigate {
		width: 400px;
		margin: 0 auto 50px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.blog-det-part {
		padding: 80px 0px
	}

	.navigate-post {
		width: 320px
	}

	.prev-arrow,
	.next-arrow {
		top: 0%
	}
}

.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.pagination {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 25px;
	border-radius: 3px;
	background: var(--whitecolor)
}

.page-item {
	margin: 0px 6px
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 3px
}

.page-item .active {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.page-link {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	border: none;
	padding: 0px;
	color: var(--bodycolor);
	background: var(--graycolor)
}

.page-link:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

@media (max-width: 991px) {
	.pagination {
		margin-top: 0px;
		margin-bottom: 60px
	}

	.page-link {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.blog-slider .blog-card {
	margin: 0px 15px
}

.blog-card {
	border-radius: 3px;
	margin-bottom: 30px
}

.blog-card:hover .blog-text h3 a {
	color: var(--brandcolor)
}

.blog-card:hover .blog-img::before {
	background: rgba(0, 0, 0, 0.15)
}

.blog-card:hover .blog-img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}

.blog-img {
	position: relative;
	overflow: hidden;
	border-radius: 3px
}

.blog-img::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.08);
	z-index: 1;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-img img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-content {
	padding: 23px 15px 0px
}

.blog-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px
}

.blog-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.blog-meta li i,
.blog-meta li span {
	font-size: 14px;
	color: var(--textcolor);
	text-transform: capitalize
}

.blog-meta li i {
	margin-right: 8px
}

.blog-text {
	margin-bottom: 30px
}

.blog-text h3 {
	font-size: 22px
}

.blog-text h3 a {
	color: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.read-btn a {
	font-size: 14px;
	font-weight: 500;
	color: var(--textcolor);
	text-transform: uppercase;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.read-btn a:hover {
	color: var(--brandcolor)
}

.read-btn a:hover i {
	margin-left: 10px
}

.read-btn a i {
	margin-left: 5px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width: 575px) {
	.blog-slider {
		margin-bottom: 30px
	}

	.blog-slider .blog-card {
		width: 248px;
		margin: 0px 10px
	}

	.blog-content {
		padding: 23px 6px 0px
	}

	.blog-text {
		margin-bottom: 20px
	}

	.blog-text h3 {
		font-size: 18px
	}
}

@media (min-width: 575px) and (max-width: 767px) {
	.blog-slider {
		margin-bottom: 50px
	}

	.blog-slider .blog-card {
		width: 320px;
		margin: 0px 10px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.blog-text h3 {
		font-size: 20px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blog-text h3 {
		font-size: 18px
	}
}

.blog-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--bordercolor)
}

.blog-list:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none
}

.blog-list-img {
	margin-right: 13px
}

.blog-list-img img {
	width: 100px;
	border-radius: 3px
}

.blog-list-content .blog-text {
	margin-bottom: 0px
}

.blog-list-content .blog-text h3 {
	font-size: 18px
}

@media (max-width: 575px) {
	.blog-list {
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	.blog-list-img img {
		width: 70px
	}

	.blog-meta li i,
	.blog-meta li span {
		font-size: 13px
	}

	.blog-list-content .blog-meta {
		margin-bottom: 10px
	}

	.blog-list-content .blog-text h3 {
		font-size: 15px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.blog-list-img img {
		width: 90px
	}

	.blog-list-content .blog-text h3 {
		font-size: 17px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blog-list {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.blog-list-img {
		margin-right: 18px
	}

	.blog-list-content .blog-meta {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.sidebar-content {
	margin-bottom: 50px
}

.sidebar-content .title {
	margin-bottom: 48px
}

.sidebar-content .title::before,
.sidebar-content .title::after {
	top: 0px;
	right: 0px;
	left: 0px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.sidebar-content .title::before {
	top: 45px
}

.sidebar-content .title::after {
	top: 50px
}

.sidebar-form {
	position: relative
}

.sidebar-form input {
	border: none;
	outline: none;
	width: 100%;
	height: 45px;
	border-radius: 3px;
	padding: 0px 20px 0px 50px;
	background: var(--whitecolor);
	-webkit-box-shadow: var(--bcardshadow);
	box-shadow: var(--bcardshadow)
}

.sidebar-form i {
	position: absolute;
	top: 15px;
	left: 15px;
	color: var(--brandcolor)
}

.sidebar-blog .title {
	display: inline-block
}

.sidebar-cate li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid var(--bordercolor);
	margin-bottom: 18px;
	padding-bottom: 18px
}

.sidebar-cate li:hover h6 a {
	color: var(--brandcolor)
}

.sidebar-cate li:hover p {
	background: var(--brandcolor)
}

.sidebar-cate li h6 {
	font-weight: 500
}

.sidebar-cate li h6 a {
	color: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.sidebar-cate li p {
	font-size: 13px;
	font-weight: 500;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	color: var(--whitecolor);
	background: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.sidebar-tag li {
	display: inline-block;
	margin: 0px 8px 12px 0px
}

.sidebar-tag li a {
	color: var(--headingcolor);
	font-size: 14px;
	padding: 2px 15px;
	border-radius: 30px;
	text-transform: capitalize;
	border: 1px solid var(--bordercolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.sidebar-tag li a:hover {
	color: var(--whitecolor);
	background: var(--brandcolor);
	border-color: var(--brandcolor)
}

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

.sidebar-icon li {
	margin-right: 18px
}

.sidebar-ad {
	text-align: center
}

.sidebar-ad a img {
	width: 100%;
	border-radius: 3px
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 18px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.blogdet-part {
	padding: 100px 0px
}

.details-title {
	margin-bottom: 20px
}

.details-title h2 {
	line-height: 42px
}

.details-title h2 a {
	color: var(--headingcolor)
}

.details-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 30px
}

.details-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0px 18px;
	border-right: 1px solid var(--bordercolor)
}

.details-meta li:first-child {
	padding-left: 0px
}

.details-meta li:last-child {
	padding-right: 0px;
	border-right: none
}

.details-meta li i {
	font-size: 14px;
	margin-right: 8px;
	margin-top: -2px
}

.details-meta li p {
	font-size: 14px
}

.details-img {
	margin-bottom: 30px
}

.details-img img {
	width: 100%;
	border-radius: 10px
}

.details-descrip p {
	margin-bottom: 35px
}

.details-descrip p span {
	display: block;
	margin-top: 25px
}

.details-subtitle {
	margin-bottom: 35px
}

.details-subtitle h4 {
	margin-bottom: 25px
}

.details-subtitle p a {
	text-decoration: underline
}

.details-quote {
	padding: 50px 50px;
	background: var(--navbarcolor);
	border-left: 5px solid var(--brandcolor);
	margin-bottom: 45px;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.details-quote p {
	font-size: 22px;
	font-style: italic;
	line-height: 35px;
	margin-bottom: 35px
}

.details-quote span {
	font-weight: 500;
	-ms-flex-item-align: end;
	align-self: flex-end;
	text-transform: capitalize
}

.details-list {
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 50px
}

.details-list li {
	margin-bottom: 20px
}

.blogdet-tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	margin-bottom: 30px
}

.blogdet-tag h4 {
	margin: 3px 15px 0px 0px
}

.blogdet-tag ul li {
	display: inline-block;
	margin: 0px 8px 12px 0px
}

.blogdet-tag ul li a {
	color: var(--headingcolor);
	font-size: 14px;
	padding: 2px 15px;
	border-radius: 30px;
	text-transform: capitalize;
	border: 1px solid var(--bordercolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blogdet-tag ul li a:hover {
	color: var(--whitecolor);
	background: var(--brandcolor);
	border-color: var(--brandcolor)
}

.blogdet-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start
}

.blogdet-icon h4 {
	margin: 8px 15px 0px 0px
}

.blogdet-icon ul li {
	display: inline-block;
	margin: 0px 8px 12px 0px
}

.blogdet-slider {
	padding-bottom: 45px;
	border-bottom: 1px solid var(--bordercolor)
}

.blogdet-slider .blog-card {
	margin: 0px 15px
}

.blog-user-part {
	padding: 50px 0px
}

.blog-det-comment h3 {
	margin-bottom: 15px
}

.blog-det-comment h3 span {
	font-family: sans-serif;
	font-weight: 500
}

.comment-list li ul {
	margin-left: 100px
}

.comment {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 45px 0px;
	border-top: 1px solid var(--bordercolor);
	position: relative
}

.comment-img {
	margin-right: 30px
}

.comment-img a img {
	width: 80px;
	border-radius: 5px
}

.comment-content h4 {
	font-weight: 600;
	margin-bottom: 10px
}

.comment-content h4 span {
	font-size: 14px;
	font-weight: 500;
	display: block;
	margin-top: 5px
}

.comment-reply {
	position: absolute;
	top: 45px;
	right: 15px
}

.comment-reply a {
	font-size: 16px;
	font-weight: 600;
	color: var(--text);
	text-transform: capitalize
}

.comment-reply a:hover {
	color: var(--brandcolor)
}

.comment-reply a i {
	margin-right: 8px
}

.form-heading h3 {
	margin-bottom: 30px
}

.form-btn .btn {
	width: 100%
}

@media (max-width: 767px) {
	.blogdet-part {
		padding: 50px 0px
	}

	.details-meta {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.comment {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.comment-img {
		margin-bottom: 15px
	}

	.comment-list li ul {
		margin-left: 60px
	}

	.blogdet-slider .blog-card {
		width: 250px;
		margin: 0px 8px
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.blogdet-slider .blog-card {
		width: 320px;
		margin: 0px 8px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.blogdet-part {
		padding: 80px 0px
	}
}

.breadcrumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: none;
	padding: 0px;
	margin-bottom: 0;
}

.breadcrumb li a {
	color: var(--graycolor)
}

.breadcrumb li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.breadcrumb .active {
	color: var(--brandcolor)
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--brandcolor)
}

.pagination {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px 25px;
	border-radius: 3px;
	background: var(--whitecolor)
}

.page-item {
	margin: 0px 6px
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 3px
}

.page-item .active {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.page-link {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	border: none;
	padding: 0px;
	color: var(--bodycolor);
	background: var(--graycolor)
}

.page-link:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

@media (max-width: 991px) {
	.pagination {
		margin-top: 0px;
		margin-bottom: 60px
	}

	.page-link {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.blog-slider .blog-card {
	margin: 0px 15px
}

.blog-card {
	border-radius: 3px;
	margin-bottom: 30px
}

.blog-card:hover .blog-text h3 a {
	color: var(--brandcolor)
}

.blog-card:hover .blog-img::before {
	background: rgba(0, 0, 0, 0.15)
}

.blog-card:hover .blog-img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}

.blog-img {
	position: relative;
	overflow: hidden;
	border-radius: 3px
}

.blog-img::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.08);
	z-index: 1;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-img img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-content {
	padding: 23px 15px 0px
}

.blog-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px
}

.blog-meta li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.blog-meta li i,
.blog-meta li span {
	font-size: 14px;
	color: var(--textcolor);
	text-transform: capitalize
}

.blog-meta li i {
	margin-right: 8px
}

.blog-text {
	margin-bottom: 30px
}

.blog-text h3 {
	font-size: 22px
}

.blog-text h3 a {
	color: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.read-btn a {
	font-size: 14px;
	font-weight: 700;
	color: var(--textcolor);
	text-transform: uppercase;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.read-btn a:hover {
	color: var(--brandcolor)
}

.read-btn a:hover i {
	margin-left: 10px
}

.read-btn a i {
	margin-left: 5px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

@media (max-width: 575px) {
	.blog-slider {
		margin-bottom: 30px
	}

	.blog-slider .blog-card {
		width: 248px;
		margin: 0px 10px
	}

	.blog-content {
		padding: 23px 6px 0px
	}

	.blog-text {
		margin-bottom: 20px
	}

	.blog-text h3 {
		font-size: 18px
	}
}

@media (min-width: 575px) and (max-width: 767px) {
	.blog-slider {
		margin-bottom: 50px
	}

	.blog-slider .blog-card {
		width: 320px;
		margin: 0px 10px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.blog-text h3 {
		font-size: 20px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blog-text h3 {
		font-size: 18px
	}
}

.blog-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--bordercolor)
}

.blog-list:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none
}

.blog-list-img {
	margin-right: 13px
}

.blog-list-img img {
	width: 100px;
	border-radius: 3px
}

.blog-list-content .blog-text {
	margin-bottom: 0px
}

.blog-list-content .blog-text h3 {
	font-size: 17px
}

@media (max-width: 575px) {
	.blog-list {
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	.blog-list-img img {
		width: 70px
	}

	.blog-meta li i,
	.blog-meta li span {
		font-size: 13px
	}

	.blog-list-content .blog-meta {
		margin-bottom: 10px
	}

	.blog-list-content .blog-text h3 {
		font-size: 15px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.blog-list-img img {
		width: 90px
	}

	.blog-list-content .blog-text h3 {
		font-size: 17px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.blog-list {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.blog-list-img {
		margin-right: 18px
	}

	.blog-list-content .blog-meta {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.sidebar-content {
	margin-bottom: 50px
}

.sidebar-content .title {
	margin-bottom: 48px
}

.sidebar-content .title::before,
.sidebar-content .title::after {
	top: 0px;
	right: 0px;
	left: 0px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

.sidebar-content .title::before {
	top: 45px
}

.sidebar-content .title::after {
	top: 50px
}

.sidebar-form {
	position: relative
}

.sidebar-form input {
	border: none;
	outline: none;
	width: 100%;
	height: 45px;
	border-radius: 3px;
	padding: 0px 20px 0px 50px;
	background: var(--whitecolor);
	-webkit-box-shadow: var(--bcardshadow);
	box-shadow: var(--bcardshadow)
}

.sidebar-form i {
	position: absolute;
	top: 15px;
	left: 15px;
	color: var(--brandcolor)
}

.sidebar-blog .title {
	display: inline-block
}

.sidebar-cate li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid var(--bordercolor);
	margin-bottom: 18px;
	padding-bottom: 18px
}

.sidebar-cate li:hover h6 a {
	color: var(--brandcolor)
}

.sidebar-cate li:hover p {
	background: var(--brandcolor)
}

.sidebar-cate li h6 {
	font-weight: 500
}

.sidebar-cate li h6 a {
	color: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.sidebar-cate li p {
	font-size: 13px;
	font-weight: 700;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	color: var(--whitecolor);
	background: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.sidebar-tag li {
	display: inline-block;
	margin: 0px 8px 12px 0px
}

.sidebar-tag li a {
	color: var(--headingcolor);
	font-size: 14px;
	padding: 2px 15px;
	border-radius: 30px;
	text-transform: capitalize;
	border: 1px solid var(--bordercolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.sidebar-tag li a:hover {
	color: var(--whitecolor);
	background: var(--brandcolor);
	border-color: var(--brandcolor)
}

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

.sidebar-icon li {
	margin-right: 18px
}

.sidebar-ad {
	text-align: center
}

.sidebar-ad a img {
	width: 100%;
	border-radius: 3px
}

.single-banner {
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 10px 0px;
	position: relative;
	z-index: 1
}

.single-banner::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(92, 186, 71, 0.3)), to(rgba(85, 172, 65, 0.2)));
	background: linear-gradient(rgba(92, 186, 71, 0.3), rgba(85, 172, 65, 0.2));
	z-index: -1
}

.single-content {
	text-align: center
}

.single-content h2 {
	font-size: 38px;
	margin-bottom: 5px;
	color: var(--whitecolor)
}

@media (max-width: 767px) {
	.single-banner {
		padding: 80px 0px
	}

	.single-content h2 {
		font-size: 35px
	}
}

.bloglist-part {
	padding: 100px 0px
}

.product-filter {
	background: var(--whitecolor);
	border-radius: 3px;
	padding: 15px 25px;
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.product-card-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.product-card-type li {
	margin-left: 12px
}

.product-card-type li i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	background: var(--graycolor)
}

.grid-verti.active i,
.grid-hori.active i {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.bloglist-part {
		padding: 60px 0px
	}
}



.footer-form {
	width: 100%
}

.footer-form form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.footer-form form input {
	width: 100%;
	height: 50px;
	border: none;
	background: var(--graycolor);
	border-radius: 8px;
	padding: 0px 20px;
	margin-bottom: 20px
}

.footer-form form .btn {
	width: 100%;
	border-radius: 8px;
	text-align: center;
	padding: 12px 0px;
	font-size: 13px
}

.footer-form form .btn i {
	margin-right: 8px
}

.review-form h3 {
	margin: 0px 0px 25px 15px
}

.review-form .btn {
	margin-left: 15px
}

.grid-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px
}

.grid-input input {
	width: 100%;
	height: 50px;
	margin: 0px 15px;
	padding: 0px 20px;
	border-radius: 8px;
	background: var(--whitecolor);
	border: 1px solid var(--bordercolor)
}

.grid-input input:focus-within {
	border-color: var(--brandcolor)
}

.row-input {
	margin: 0px 15px 20px
}

.row-input input {
	width: 100%;
	height: 50px;
	padding: 15px 20px;
	border-radius: 8px;
	background: var(--whitecolor);
	border: 1px solid var(--bordercolor)
}

.row-input input:focus-within {
	border-color: var(--brandcolor)
}

.row-input textarea {
	width: 100%;
	height: 250px;
	padding: 15px 20px;
	border-radius: 8px;
	background: var(--whitecolor);
	border: 1px solid var(--bordercolor)
}

.row-input textarea:focus-within {
	border-color: var(--brandcolor)
}

.review-rating {
	margin: 0px 15px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.review-rating li {
	margin-right: 15px
}

.review-rating li i {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 50%;
	background: var(--graycolor);
	color: var(--textcolor);
	font-size: 14px;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1);
	cursor: pointer
}

.review-rating li i:hover {
	color: var(--whitecolor);
	background: var(--starcolor)
}

@media (max-width: 767px) {
	.grid-input {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 0px
	}

	.grid-input input {
		margin-bottom: 20px
	}

	.row-input {
		margin: 0px 0px 20px
	}

	.star-rating {
		margin: 0px 0px 20px !important
	}

	.review-form .btn {
		margin-left: 0px
	}
}

.form-group {
	margin-bottom: 25px
}

.form-group textarea {
	height: 180px;
	padding: 12px 20px
}

.form-label {
	font-weight: 700;
	margin: 0px 0px 7px 3px
}

.form-control {
	width: 100%;
	height: 45px;
	padding: 0px 20px;
	border-radius: 8px;
	background: var(--whitecolor);
	border: 1px solid var(--bordercolor)
}

.form-control:focus-within {
	background: var(--whitecolor);
	border-color: var(--brandcolor);
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0
}

.form-control::-webkit-file-upload-button {
	height: 45px;
	border: none;
	background: none
}

.form-control::-webkit-file-upload-button:focus {
	border: none;
	outline: none
}

.icon {
	font-size: 14px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	text-shadow: var(--tshadow);
	-webkit-box-shadow: var(--bshadow);
	box-shadow: var(--bshadow);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.icon-inline {
	color: #28a745;
	background: var(--whitecolor)
}

.icon-inline:hover {
	color: var(--whitecolor);
	background: #28a745
}

@media (max-width: 767px) {
	.icon {
		width: 35px;
		height: 35px;
		line-height: 35px
	}
}

.slider-arrow:hover .dandik,
.slider-arrow:hover .bamdik {
	visibility: visible;
	opacity: 1
}

.slider-dots ul {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.slider-dots ul li {
	width: 25px;
	height: 5px;
	border-radius: 30px;
	background: var(--graycolor);
	margin: 0px 10px;
	display: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1)
}

.slider-dots ul li button {
	display: none
}

.slider-dots ul li.slick-active {
	background: var(--brandcolor)
}

.dandik,
.bamdik {
	position: absolute;
	top: 38%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 16px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 3px;
	color: var(--brandcolor);
	background: var(--whitecolor);
	text-shadow: var(--tshadow);
	-webkit-box-shadow: var(--bshadow);
	box-shadow: var(--bshadow);
	visibility: hidden;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.dandik:hover,
.bamdik:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.dandik {
	right: -10px
}

.bamdik {
	left: -10px
}

@media (min-width: 576px) and (max-width: 1199px) {
	.dandik {
		right: -18px
	}

	.bamdik {
		left: -18px
	}
}

.section {
	padding: 100px 0px 0px
}

.section-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px
}

.title {
	position: relative
}

.title::before {
	position: absolute;
	content: "";
	top: 50%;
	right: -80px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.title::after {
	position: absolute;
	content: "";
	top: 70%;
	right: -55px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

@media (max-width: 767px) {
	.section {
		padding: 60px 0px 0px
	}

	.section-heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 30px
	}

	.section-heading h2 {
		margin-bottom: 45px
	}

	.title::before,
	.title::after {
		top: 0px;
		right: 50%;
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0)
	}

	.title::before {
		top: 50px
	}

	.title::after {
		top: 55px
	}
}

.header-part {
	background: var(--brandcolor)
}

.header-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0px 10px;
	border-right: 1px solid var(--headerborder)
}

.header-info li:last-child {
	border-right: 0px
}

.header-info li i {
	margin-right: 8px
}

.header-info li i,
.header-info li p {
	font-size: 15px;
	color: var(--whitecolor)
}

.header-option,
.header-curr,
.header-lang {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.header-option {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.header-curr i,
.header-lang i {
	font-size: 15px;
	color: var(--whitecolor);
	margin-top: 2px
}

.header-lang {
	padding-left: 30px;
	border-left: 1px solid var(--headerborder)
}

@media (max-width: 767px) {
	.header-info {
		display: none
	}

	.header-option {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.header-curr {
		padding-left: 30px
	}
}

.navbar-part {
	background: var(--navbarcolor)
}

.navbar-fixed {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.navbar-element {
	padding-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.left-widget {
	display: none
}

.navbar-logo img {
	width: 180px;
	height: auto
}

.navbar-src {
	margin: 0px 50px
}

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

.right-widget li {
	margin-right: 15px
}

.right-widget li:last-child {
	margin-right: 0px
}

.right-widget li a {
	position: relative
}

.right-widget li a sup {
	position: absolute;
	top: -5px;
	right: -5px;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 5px;
	border-radius: 30px;
	color: var(--whitecolor);
	background: var(--brandcolor);
	text-shadow: var(--tshadow)
}

.navbar-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.navbar-slide-cross,
.navbar-slide-logo,
.navbar-slide-src {
	display: none
}

.navbar-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.navbar-link {
	font-weight: 700;
	padding: 15px 24px;
	border-radius: 5px;
	color: var(--headingcolor);
	text-transform: capitalize;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.navbar-link:hover {
	color: var(--brandcolor)
}

.navbar-item.active .navbar-link {
	color: var(--brandcolor)
}

@media (max-width: 767px) {
	.navbar-element {
		padding: 12px 0px
	}

	.left-widget {
		display: block
	}

	.right-widget li {
		margin-right: 0px
	}

	.navbar-logo {
		margin: 0px 15px
	}

	.navbar-logo img {
		width: 160px
	}

	.navbar-src,
	.right-widget li {
		display: none
	}

	.right-widget li:first-child {
		display: block
	}

	.navbar-slide {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100vh;
		z-index: 3;
		background: rgba(0, 0, 0, 0.7);
		visibility: hidden;
		opacity: 0;
		transition: all linear .3s;
		-webkit-transition: all linear .3s;
		-moz-transition: all linear .3s;
		-ms-transition: all linear .3s;
		-o-transition: all linear .3s
	}

	.navbar-slide.active {
		visibility: visible;
		opacity: 1
	}

	.navbar-slide.active .navbar-content {
		left: 0px
	}

	.navbar-content {
		position: fixed;
		top: 0px;
		left: -275px;
		z-index: 3;
		width: 270px;
		height: 100vh;
		padding: 15px 15px 0px;
		overflow-y: scroll;
		overflow-x: hidden;
		background: var(--graycolor);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
		-webkit-transition: all linear .4s;
		transition: all linear .4s
	}

	.navbar-slide-cross,
	.navbar-slide-logo,
	.navbar-slide-src {
		display: block
	}

	.navbar-slide-cross {
		text-align: center;
		margin-bottom: 25px
	}

	.navbar-slide-logo {
		text-align: center;
		padding-bottom: 20px;
		border-bottom: 1px solid var(--bordercolor)
	}

	.navbar-slide-logo a img {
		width: 180px
	}

	.navbar-slide-src {
		margin: 30px 0px
	}

	.navbar-slide-src .btn {
		font-size: 14px;
		padding: 12px 15px
	}

	.navbar-slide-src .btn i {
		margin-right: 0px
	}

	.navbar-slide-src .btn span {
		display: none
	}

	.navbar-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 70px
	}

	.navbar-item {
		width: 100%;
		border-bottom: 1px solid var(--bordercolor)
	}

	.navbar-link {
		padding: 12px 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-link {
		padding: 15px 18px
	}

	.navbar-logo img {
		width: 160px;
		height: auto
	}

	.navbar-src .btn {
		font-size: 14px;
		padding: 12px 15px
	}

	.navbar-src .btn i {
		margin-right: 0px
	}

	.navbar-src .btn span {
		display: none
	}
}

.btmbar-part {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 3;
	background: var(--whitecolor);
	border-radius: 10px 10px 0px 0px;
	-webkit-box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.1);
	display: none
}

.btmbar-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.btmbar-widget li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 70px;
	padding: 8px 0px;
	border-radius: 8px;
	position: relative
}

.btmbar-widget li a:hover {
	background: var(--graycolor)
}

.btmbar-widget li a:hover i {
	color: var(--brandcolor)
}

.btmbar-widget li a:hover span {
	color: var(--brandcolor)
}

.btmbar-widget li a i {
	color: var(--textcolor);
	font-size: 13px;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}

.btmbar-widget li a span {
	color: var(--textcolor);
	font-size: 11px;
	line-height: 18px
}

.btmbar-widget li a sup {
	position: absolute;
	top: 0px;
	right: 15px;
	height: 18px;
	line-height: 18px;
	padding: 0px 5px;
	border-radius: 30px;
	background: var(--brandcolor);
	color: var(--whitecolor);
	font-size: 12px;
	text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}

@media (max-width: 767px) {
	.btmbar-part {
		display: block
	}
}

.news-part {
	padding: 70px 0px;
	background: url(../../img/banner/04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1
}

.news-part::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: -1
}

.news-content {
	margin-top: 8px
}

.news-content h2 {
	font-size: 35px;
	color: var(--whitecolor)
}

.news-form input {
	height: 55px
}

.news-form .btn {
	top: 5px;
	right: 5px
}

@media (max-width: 767px) {
	.news-part {
		padding: 60px 0px
	}

	.news-content {
		margin: 0px 0px 30px;
		text-align: center
	}

	.news-form input {
		padding: 0px 75px 0px 20px
	}

	.news-form .btn {
		padding: 11px 20px
	}

	.news-form .btn i {
		margin-right: 0px
	}

	.news-form .btn span {
		display: none
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.news-content {
		margin-top: 0px
	}

	.news-form {
		margin-top: 15px
	}

	.news-form input {
		padding: 0px 90px 0px 20px
	}
}

.footer-part {
	padding: 100px 0px 80px;
	border-top: 1px solid var(--bordercolor)
}

.footer-content h3 {
	margin-bottom: 25px;
	display: inline-block
}

.footer-content a img {
	margin-bottom: 25px
}

.footer-content p {
	margin-bottom: 30px
}

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

.footer-icon li {
	margin-right: 15px
}

.footer-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.footer-widget ul {
	margin-right: 50px
}

.footer-widget ul li {
	margin: 15px 0px
}

.footer-widget ul li a {
	color: var(--textcolor);
	margin-left: 25px;
	position: relative
}

.footer-widget ul li a::before {
	position: absolute;
	content: "";
	top: 50%;
	left: -25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px;
	height: 2px;
	border-radius: 30px;
	background: var(--brandcolor)
}

.footer-widget ul li a:hover {
	color: var(--brandcolor);
	text-decoration: underline
}

.download-app {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.download-app li {
	margin-right: 15px
}

.download-app li:last-child {
	margin-right: 0px
}

.download-app li a img {
	width: 160px
}

@media (max-width: 767px) {
	.footer-part {
		padding: 60px 0px 0px
	}

	.footer-content {
		text-align: center;
		margin-bottom: 50px
	}

	.footer-content h3 {
		margin-bottom: 45px
	}

	.footer-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.footer-icon li {
		margin: 0px 8px
	}

	.footer-widget {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.footer-widget ul {
		margin: 0px 15px
	}

	.download-app {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.download-app li {
		margin: 0px 8px
	}

	.download-app li a img {
		width: 130px
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.footer-widget ul {
		margin: 0px 30px
	}

	.download-app {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.download-app a img {
		width: 160px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer-icon {
		margin-bottom: 60px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.footer-widget ul {
		margin-right: 35px
	}

	.download-app li a img {
		width: 135px
	}
}

.footer-bottom {
	padding: 15px 0px;
	background: var(--brandcolor)
}

.footer-bottom .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.footer-bottom .container p {
	color: var(--graycolor);
	font-size: 15px
}

.footer-bottom .container p a {
	color: var(--whitecolor)
}

.footer-bottom .container p a:hover {
	text-decoration: underline
}

.pay-card li {
	display: inline-block;
	margin-left: 10px
}

.pay-card li a img {
	width: 45px;
	border-radius: 3px
}

@media (max-width: 767px) {
	.footer-bottom {
		padding: 15px 0px 60px;
		margin-top: 60px
	}

	.footer-bottom .container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center
	}

	.footer-bottom .container p {
		margin-bottom: 15px
	}
}


.product-side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--bordercolor)
}

.product-side:last-child {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none
}

.product-list-img {
	margin-right: 13px
}

.product-list-img img {
	width: 100px;
	border-radius: 3px
}

.product-list-content .product-text {
	margin-bottom: 0px
}

.product-list-content .product-text h3 a {
	font-size: 17px;
	color: #000;
}

@media (max-width: 575px) {
	.product-side {
		padding-bottom: 20px;
		margin-bottom: 20px
	}

	.product-list-img img {
		width: 70px
	}

	.product-meta li i,
	.product-meta li span {
		font-size: 13px
	}

	.product-list-content .product-meta {
		margin-bottom: 10px
	}

	.product-list-content .product-text h3 {
		font-size: 15px
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.product-list-img img {
		width: 90px
	}

	.product-list-content .product-text h3 {
		font-size: 17px
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.product-side {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.product-list-img {
		margin-right: 18px
	}

	.product-list-content .product-meta {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.blog-slider .blog-card1 {
	margin: 0px 15px
}

.blog-card1 {
	border-radius: 3px;
	margin-bottom: 30px;
	display: inline-block;
	background: #fff;
}

.blog-card1:hover .blog-text1 h3 a {
	color: var(--brandcolor)
}

.blog-card1:hover .blog-img1::before {
	background: rgba(0, 0, 0, 0.15)
}

.blog-card1:hover .blog-img1 img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}

.blog-img1 {
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	width: 48%;
	float: left;
}

@media(max-width:768px) {
	.blog-img1 {
		position: relative;
		overflow: hidden;
		border-radius: 3px;
		width: 100%;
		float: left;
	}
}

.blog-img1::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.08);
	z-index: 1;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-img1 img {
	width: 100%;
	height: auto;
	border-radius: 3px;
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.blog-content1 {
	padding: 23px 35px 0px;
	position: relative;
	width: 50%;
	float: left;
}

@media(max-width:768px) {
	.blog-content1 {
		padding: 23px 15px 0px;
		position: relative;
		width: 100%;
		float: left;
	}
}

.blog-meta1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px
}

.blog-meta1 li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}

.blog-meta1 li i,
.blog-meta1 li span {
	font-size: 14px;
	color: var(--textcolor);
	text-transform: capitalize
}

.blog-meta1 li i {
	margin-right: 8px
}

.blog-text1 {
	margin-bottom: 30px
}

.blog-text1 h3 {
	font-size: 22px
}

.blog-text1 h3 a {
	color: var(--headingcolor);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-box {
	background: #fff;
	padding: 10px;
	margin-bottom: 30px;
}

.product-box .preview-slider {
	margin: 0;
}

.bg-farm {
	background: url('../../img/banner/img-1.jpg') no-repeat;
	background-size: cover;
}

.bg-grass {
	background: url('../../img/banner/img-2.jpg') no-repeat;
	background-size: cover;
}

.bg-filter {
	background: url('../../img/banner/lawn-bg.jpg') no-repeat;
	background-size: cover;
}

.bg-bar {
	background: url('../../img/banner/lawn.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}

.faq-part {
	padding: 100px 0px;
}

.faq-heading {
	text-align: center;
	margin-bottom: 50px
}

.faq-heading .title {
	display: inline-block;
	margin-bottom: 17px
}

.faq-heading p {
	width: 570px;
	font-size: 18px;
	margin: 0 auto
}

#faq .accordion .card {
	border: 0.1rem solid #C4C4C4;
	border-radius: 0.4rem;
	overflow: hidden;
	margin: 0 0 .5rem;
}

#faq .accordion .card .card-header {
	border: none;
	padding: 0;
}

#faq .accordion .card .card-header button {
	background: #eb7024 url("http://icons.iconarchive.com/icons/icons8/ios7/512/User-Interface-Minus-icon.png") no-repeat 98.5% center/30px;
	color: #FFFFFF;
	font-size: 20px;
	width: 100%;
	padding: 1rem 0;
	border: none;
	text-align: left;
}

#faq .accordion .card .card-header button span {
	display: block;
	margin: 0 4rem 0 1.5rem;
}

#faq .accordion .card .card-header button:focus {
	box-shadow: none;
	outline: none;
}

#faq .accordion .card .card-header button.collapsed {
	background: #FFFFFF url("https://image.flaticon.com/icons/png/128/61/61112.png") no-repeat 98% center/18px 18px;
	color: #eb7024;
}

#faq .accordion .card .card-body {
	font-size: 16px;
	font-weight: 400;
}

#faq .support-text {
	font-size: 16px;
	margin: 0;
}

#faq .faq-subhead {
	margin-bottom: 10px;
}


/*********************/
.product-modal .close {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
	opacity: 1;
}

.product-cart ul li {
	vertical-align: top;
}

#contentarea {
	display: none;
}

/*********sub category************/
.subarrow {
	display: none;
}

.megamenu .megasubmenu {
	display: none;
	position: absolute;
	top: 60px;
	z-index: 99;
	left: 0;
}

.megamenu .megasubmenu li {
	display: block;
	margin: 0;
}

.megamenu .megasubmenu li a {
	padding: 6px 30px;
	font-size: 14px;
	color: #333;
	font-weight: 400;
}

.megamenu .megasubmenu li a span i {
	font-size: 20px;
	font-weight: 100;
}

.megamenu .megasubmenu li a:hover {
	color: #fff !important;
}

.megamenu>ul>li:hover .megasubmenu {
	display: block;
}

.megamenu ul li a:hover {
	color: #fff;
}

@media (max-width: 767px) {
	.megamenu>ul>li {
		position: relative;
	}

	.megamenu .megasubmenu {
		display: none;
		position: static;
		top: auto;
		left: auto;
		z-index: auto;
		width: 100%;
		padding: 0 0 8px 48px;
		margin: 0;
		background: transparent;
		box-shadow: none;
	}

	.megamenu>ul>li:hover .megasubmenu {
		display: none;
	}

	.megamenu>ul>li.submenu-open>.megasubmenu {
		display: block;
	}

	.subarrow {
		display: block;
		position: absolute;
		top: 17px;
		right: 0;
		width: 28px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		color: var(--brandcolor);
		cursor: pointer;
		z-index: 2;
	}

	.subarrow i {
		transition: transform .2s ease;
	}

	.megamenu>ul>li.submenu-open>.subarrow i {
		transform: rotate(180deg);
	}

	.megamenu>ul>li>a {
		padding-right: 34px;
	}

	.megamenu .megasubmenu li a {
		padding: 6px 0;
		color: #333;
	}

	.megamenu .megasubmenu li a:hover {
		color: var(--brandcolor) !important;
	}

	.megamenu>ul {
		display: block;
		width: 100%;
	}

	.megamenu>ul>li {
		width: 100%;
		margin: 0;
	}

	.megamenu>ul>li>a {
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 52px;
		padding: 12px 34px 12px 0;
		background: transparent;
	}

	.megamenu>ul>li>a>i {
		flex: 0 0 42px;
		width: 42px;
		margin-right: 10px;
		text-align: center;
	}

	.megamenu>ul>li>a>span {
		display: block;
		flex: 1;
		min-width: 0;
		line-height: 1.35;
	}

	.megamenu .megasubmenu {
		padding: 0 0 8px 52px;
	}

	.megamenu .megasubmenu li {
		width: 100%;
		border-bottom: none;
	}

	.megamenu .megasubmenu li a {
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 36px;
		padding: 6px 0;
		background: transparent;
		line-height: 1.35;
	}

	.megamenu .megasubmenu li a>i {
		flex: 0 0 30px;
		width: 30px;
		margin-right: 8px;
		text-align: center;
		font-size: 24px;
	}
}

/*********************/

.header-location {
	font-size: 14px;
	min-width: 80px;
	margin-right: 15px;
	text-decoration: underline;
	color: #009f51;
	font-weight: 600;
}

.mainSlidePnl .banner-content-3 .btn {
	width: 100px;
	right: 0;
	left: inherit;
}

.mainSlidePnl .banner-content-3 input {
	padding-left: 20px;
	padding-right: 100px;
}

.mainSlidePnl {
	position: relative;
}

.formSLide {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 80px;
}

.cardsPnl {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
}

.cardsPnl span {
	display: inline-block;
	background: #009d4f;
	margin: 6px 6px 0px 6px;
	min-width: 40px;
	padding: 0;
	font-size: 13px;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	height: auto;
	line-height: 1.5;
}

.cardsPnl span.saleBox {
	position: absolute;
	right: 0;
	top: 0;
}

.instock {
	margin-bottom: 10px;
	font-size: 14px;
	color: #343434;
}

.instock i {
	color: #009f51;
}

.productshortdesc {
	position: absolute;
	bottom: 5px;
	background: #ffffffe3;
	width: calc(100% - 10px);
	margin: auto;
	left: 0;
	right: 0;
	padding: 5px;
	border-radius: 3px;
}

.productshortdesc p {
	color: #009f51;
	font-size: 14px;
	line-height: 1.4;
}

.product-card:hover .productshortdesc {
	display: none;
}

.dknews {
	width: 120px !important;
	right: 0 !important;
	left: initial !important;
}

.breadcrumb li strong {
	color: var(--brandcolor);
}

.cms-hear-from-farmers .single-banner {
	display: none;
}

.cms-hear-from-farmers .page-main {
	max-width: inherit;
	width: -webkit-fill-available !important;
	padding: 0px !important;
}

.marketplace-index-index .page-main {
	max-width: inherit;
	width: -webkit-fill-available !important;
	padding: 0px !important;
}

.marketplace-index-index .single-banner {
	display: none;
}

.marketplace-index-index .page-title {
	display: none;
}

.block-compare {
	display: none;
}

.account .nav {
	display: block !important;
}

.product-img img {
	width: 100%;
	border-radius: 3px;
	height: 200px;
	object-fit: cover !important;
}

.product-btn button {
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 0px;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--brandcolor);
	border: 1px solid var(--brandcolor);
	text-shadow: var(--tshadow);
	transition: all linear .3s;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s
}

.product-btn button:hover {
	color: var(--whitecolor);
	background: var(--brandcolor)
}

.checkout-cart-index .table thead th {
	border-bottom: 2px solid #389e4a !important;
}

.checkout-cart-index .title::before {
	display: none;
}

.checkout-cart-index .title::after {
	display: none;
}

/* parent item must be relative */
.right-widget>li {
	position: relative;
}

/* dropdown box */
.right-widget>li>ul.account-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
	background: #fff;
	padding: 10px 0;
	margin: 0;
	list-style: none;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
	border-radius: 6px;
	z-index: 9999;
	display: none;
	/* hidden by default */
}

/* show on hover (desktop) */
.right-widget>li:hover>ul.account-dropdown {
	display: block;
}

.account-dropdown__item {
	margin-bottom: 5px;
}

.account-dropdown__item a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	white-space: nowrap;
	color: #232d3b;
	font-weight: 600;
}

/* optional hover */
.account-dropdown__item a:hover {
	background: #f5f5f5;
	color: #28a745;
}

.checkout-index-index .title::before{
display: none;
}
.checkout-index-index .title::after{
display: none;
}

.checkout-cart-index .cart-summary .shipping {
    display: none !important;
}

.checkout-cart-index .cart-summary .multicheckout {
    display: none !important;
}

.block-order-details-view .delivery-method-summary {
	line-height: 1.45;
}

.block-order-details-view .delivery-method-summary__method {
	margin-bottom: 6px;
	color: #1f2937;
	font-weight: 700;
}

.block-order-details-view .delivery-method-summary__row {
	margin: 2px 0;
	color: #4b5563;
	word-break: break-word;
}

.block-order-details-view .delivery-method-summary__row strong {
	color: #1f2937;
	font-weight: 700;
}

.order-items .order-item-product {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 260px;
}

.order-items .order-item-product__image {
	flex: 0 0 64px;
}

.order-items .order-item-product__image img {
	display: block;
	width: 64px;
	height: 64px;
	padding: 2px;
	object-fit: cover;
	background: #fff;
	border: 1px solid #d8dee6;
	border-radius: 4px;
}

.order-items .order-item-product__details {
	min-width: 0;
}

.order-items .order-item-product__details .product-item-name {
	display: block;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.order-items .order-item-product {
		min-width: 0;
	}
}