@font-face {
	font-family: vazir;
	src: url("fonts/Vazir.eot");
	src: url("fonts/Vazir.eot?#iefix") format("embedded-opentype"),
		url("fonts/Vazir.woff") format("woff"),
		url("fonts/Vazir.ttf") format("truetype");
	font-weight: normal;
	font-display: swap;
}
@font-face {
	font-family: vazir-medium;
	src: url("fonts/Vazir-Medium.eot");
	src: url("fonts/Vazir-Medium.eot?#iefix") format("embedded-opentype"),
		url("fonts/Vazir-Medium.woff") format("woff"),
		url("fonts/Vazir-Medium.ttf") format("truetype");
	font-weight: normal;
	font-display: swap;
}
@font-face {
	font-family: vazir-light;
	src: url("fonts/Vazir-Light.eot");
	src: url("fonts/Vazir-Light.eot?#iefix") format("embedded-opentype"),
		url("fonts/Vazir-Light.woff") format("woff"),
		url("fonts/Vazir-Light.ttf") format("truetype");
	font-weight: normal;
	font-display: swap;
}
@font-face {
	font-family: vazir-bold;
	src: url("fonts/Vazir-Bold.eot");
	src: url("fonts/Vazir-Bold.eot?#iefix") format("embedded-opentype"),
		url("fonts/Vazir-Bold.woff") format("woff"),
		url("fonts/Vazir-Bold.ttf") format("truetype");
	font-weight: normal;
	font-display: swap;
}

html,
body,
.tooltip-inner {
	height: auto;
	font-family: "vazir", tahoma, serif;
	direction: rtl;
	line-height: 1.6;
}
body.modal-open {
  overflow: hidden;
  position: fixed;
}
.tooltip.fade.in, .modal.fade.in{
    background-color: transparent;
}
.modal.in {
  opacity: 1;
}
.popover.fade.in {
	background-color: #fff;
}
img {
	max-width: 100%;
	height: auto;
	font-size: 12px;
	line-height: 12px;
	color: #757575;
}
.farmer-post img {
	height: auto !important;
}
.mw-100 {
	max-width: 100% !important;
}
.m-0 {
	margin: 0 !important;
}
.m-t-0 {
	margin-top: 0 !important;
}

.row {
	margin: 0;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 23px;
}
h3 {
	font-size: 20px;
}
a {
	color: #757575;
	cursor: pointer;
}
a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: #53a983;
}
a:focus,
button:focus,
select:focus,
:focus {
	outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow: 0 0 0 30px white inset !important;
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}
.center {
	text-align: center;
}
.m-t-5 {
	margin-top: 5px;
}
.m-t-30 {
	margin-top: 30px;
}
.m-b-30 {
	margin-bottom: 30px;
}
.m-b-15 {
	margin-bottom: 15px;
}
.m-t-15 {
	margin-top: 15px;
}
.m-t-50 {
	margin-top: 55px;
}
.en-text {
	direction: ltr;
	display: inline-block;
}
.whatsapp-support__a {
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: 60px;
	height: 60px;
	z-index: 100;
}
.logo {
	margin: 30px;
	display: inline-block;
	width: 13%;
}
.logo img {
	width: 100%;
}
.menu-item {
	list-style: none;
	padding: 0;
	float: left;
}

.navbar-brand {
	padding: 12px 15px;
}
.navbar-default {
	background: #f3f4f4;
	margin: 0;
}
.navbar-nav > li > a,
.navbar-nav > li button {
	font-size: 11px;
	padding: 11px 5px;
	margin: 0;
}
.navbar-nav li a:hover,
.navbar-nav li button:hover {
	color: #000000;
	text-decoration: none;
}
.home-slide1 {
	background: url("../../images/template/top-slider/home-slide-midio.jpg");
	width: 100%;
	background-size: cover;
	background-position: center top;
}
.navbar-collapse {
	overflow-y: auto !important;
}
.navbar-default .navbar-collapse {
	width: 100%;
	margin-right: 0px;
}
.navbar-default .navbar-collapse .dropdown a {
	padding: 11px 5px;
}
.home-about {
	text-align: center;
	padding-top: 365px;
	position: relative;
	width: 100%;
}
.home-about .ss {
	color: #1d1d1d;
	font-size: 26px;
	padding-top: 0;
}
.ss-1,
.ss-2,
.ss-3,
.ss-4,
.ss-5 {
	position: absolute;
	display: block;
	top: 2em;
	width: 80%;
	font-size: 2em;
	animation-duration: 30s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	text-align: center;
}
.ss-1 {
	animation-name: anim-1;
}
.ss-2 {
	animation-name: anim-2;
}
.ss-3 {
	animation-name: anim-3;
}
.ss-4 {
	animation-name: anim-4;
}
.ss-5 {
	animation-name: anim-5;
}
@keyframes anim-1 {
	0%,
	5% {
		left: -100%;
		opacity: 0;
	}
	5%,
	15% {
		left: 10%;
		opacity: 1;
	}
	20%,
	100% {
		left: 110%;
		opacity: 0;
	}
}
@keyframes anim-2 {
	0%,
	15% {
		left: -100%;
		opacity: 0;
	}
	20%,
	35% {
		left: 10%;
		opacity: 1;
	}
	40%,
	100% {
		left: 110%;
		opacity: 0;
	}
}
@keyframes anim-3 {
	0%,
	35% {
		left: -100%;
		opacity: 0;
	}
	40%,
	55% {
		left: 10%;
		opacity: 1;
	}
	60%,
	100% {
		left: 110%;
		opacity: 0;
	}
}
@keyframes anim-4 {
	0%,
	55% {
		left: -100%;
		opacity: 0;
	}
	60%,
	75% {
		left: 10%;
		opacity: 1;
	}
	80%,
	100% {
		left: 110%;
		opacity: 0;
	}
}
@keyframes anim-5 {
	0%,
	75% {
		left: -100%;
		opacity: 0;
	}
	80%,
	95% {
		left: 10%;
		opacity: 1;
	}
	100% {
		left: 110%;
		opacity: 0;
	}
}
.home-about p {
	color: #efefef;
	font-size: 16px;
	margin-top: 0px;
}
.home-about p a {
	color: #f1f37b;
	font-size: 18px;
}
.home-about .btn {
	width: 250px;
	margin-top: 30px;
}
.btn {
	padding: 8px 15px;
	font-size: 17px;
	border-radius: 50px;
	margin: 15px;
}
.btn-sm {
	font-size: 14px;
	padding: 5px 15px;
}
.btn-default {
	background: rgba(0, 0, 0, 0.43);
	color: #fff;
}
.btn-success {
	background-color: #1eb887;
	border-color: #0faf7c;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
	background-color: #0faf7c;
	border-color: #0d9c6d;
}
.btn-primary {
	background-color: #1eb887;
	border-color: #0faf7c;
	line-height: 25px;
	height: 43px;
	font-size: 14px;
	border: none;
}
.btn-primary:hover {
	background: #1ba57a;
}
.btn-blue {
	background: #2196f3;
	color: #f1f1f1;
	font-size: 14px;
	border: none;
}
.btn-blue:hover {
	background: #248bf3;
	color: #fff;
}
.home-slide2 h2 {
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	padding-top: 80px;
}
.home-attr ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
.home-attr ul li {
	margin: 0;
	display: inline-block;
	text-align: center;
	height: 130px;
	padding: 4px;
}
.home-attr img {
	width: 50%;
	max-width: 100px;
}
.home-attr h3 {
	font-size: 16px;
	font-weight: bold;
	color: #676767;
}
.home-attr p {
	padding: 0 10%;
	color: black;
}
.home-slider {
	padding-top: 40px;
	position: relative;
	overflow: hidden;
	max-width: 1900px;
	margin: auto;
	background: #fbfbfb;
	max-height: 637px;
}
.home-slider .slide > img {
	-webkit-filter: grayscale(30%);
	height: 600px !important;
	width: 1600px;
	max-width: 1600px;
	position: absolute;
	left: 50%;
	margin-left: -800px;
	top: 0;
}
.home-slider .slide {
	position: relative;
	display: inline-block;
	min-height: 460px;
	max-height: 600px;
	overflow: hidden;
}
.home-slider .slide::before {
	background: linear-gradient(
		to bottom,
		rgba(84, 84, 84, 0.48) 0%,
		rgba(163, 163, 163, 0.3) 51%,
		rgba(252, 254, 255, 0) 100%
	);
	content: " ";
	width: 100%;
	height: 60px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 10;
}
.farmer-card {
	position: absolute;
	width: 25%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(183, 183, 183, 0.26);
	margin: 20px 55px;
	overflow: hidden;
}
.farmer-card .farmer-img {
	display: block;
	width: auto;
	margin: 10% 10% 13px;
	height: 186px;
}
.farmer-card.sold .farmer-img {
	filter: grayscale(50%);
}
.farmer-card h3,
.farmer-card h1 {
	font-size: 17px;
	padding: 0 10%;
	font-weight: bold;
	margin: 0;
}
.farmer-card p {
	font-size: 12px;
	padding: 6px 10% 0;
	text-align: justify;
}
.farmer-card span {
	display: block;
	font-size: 11px;
	padding: 1px 29px 0 29px;
	text-align: right;
}
.farmer-index .farmer-card .farmer-card-link {
	position: absolute;
	margin: 0 2%;
	bottom: 10px;
	padding: 0;
	width: 96%;
	right: 0;
}
.farmer-card hr {
	margin: 15px 10% 0;
	border-color: #b1b1b1;
}
.home-slider .slide-prev {
	position: absolute;
	width: 7%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 11;
	cursor: pointer;
	background: url(../../images/template/right-arrow.png) no-repeat;
	background-position: 50%;
}
.home-slider .slide-next {
	position: absolute;
	width: 7%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	cursor: pointer;
	background: url(../../images/template/left-arrow.png) no-repeat;
	background-position: 50%;
}
.home-slider .slide-selector {
	text-align: center;
	position: absolute;
	width: 165px;
	height: 18px;
	left: 50%;
	bottom: 3px;
	margin-left: -82px;
}
.home-slider .slide-selector span {
	width: 7px;
	height: 7px;
	display: inline-block;
	margin: 5px;
	border: 1px solid #f7f7f7;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #123;
}
.home-slide4 ul {
	list-style: none;
	padding: 0;
	max-width: 1000px;
	margin: 50px auto 0;
}
.home-slide4 ul li {
	margin: 0;
	text-align: center;
}
.home-slide4 ul li img {
	width: 90%;
	max-width: 100px;
}
.home-slide4 ul li p {
	margin-top: 15px;
}
.site-comment {
	max-width: 1000px;
	margin: auto;
	margin-bottom: 40px;
}
.site-comment hr {
	border-top: 1px solid #dedede;
	margin-top: -20px;
}
.home-slide4 h2,
.home-slide3 h2 {
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	position: relative;
	width: 260px;
	margin: 40px auto 10px;
	background: #fff;
}
.home-slide3 h2 {
	width: 500px;
	background: #fbfbfb;
}
.site-comment .someone {
	margin-top: 50px;
	position: relative;
}
.site-comment .com-con {
	max-width: 75%;
	margin: auto;
}
.someone img {
	margin: 10px 2%;
	float: right;
	max-width: 85px;
	border-radius: 45px;
}
.someone p {
	text-align: justify;
	height: 62px;
	overflow: hidden;
	position: relative;
}
.someone p a {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	padding: 2px 10px 0 0;
	outline: 0;
}
.someone .com-head p {
	font-weight: bold;
	margin: 29px 0 0 0;
	font-size: 13px;
	height: auto;
}
.someone .com-head span {
	font-size: 12px;
}
.footer {
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #dedede;
	margin-top: 80px;

	background: url(../../images/template/footer-cover.jpg);
	background-size: auto;
	background-position: bottom;
	background-repeat: no-repeat;
}
.footer .row {
	margin: 20px auto 0 !important;
	max-width: 1000px;
	margin: 0;
}
.footer .row div {
	margin: 20px 0;
}
.footer p {
	font-size: 13px;
}
.social {
	background: #f9f9f9;
	padding: 20px 10px;
	border: 1px solid #c5c5c5;
	border-width: 1px 0;
}
.copyright span {
	font-size: 12px;
	margin-top: 5px;
	display: inline-block;
	padding-bottom: 240px;
}
.copyright a {
	text-decoration: none;
	color: black;
}
.farmer-content {
	width: 100%;
	overflow: auto;
	position: relative;
}
.farmer-content .farmer-card {
	position: fixed;
	bottom: 0;
	min-width: inherit;
	top: initial;
	border-radius: 14px;
	box-shadow: 6px 6px 32px 8px #11223314;
	margin: 25px 29px;
	width: 280px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(183, 183, 183, 0.26);
	left: 50%;
	margin-left: 350px;
	padding: 15px;
}
.farmer-info {
	width: 66%;
	float: left;
	margin: 0 auto;
	min-height: 450px;
}
.farmer-menu {
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 15px;
	z-index: 100;
	background: #fff;
}
.farmer-menu li {
	display: inline-block;
	width: 25%;
	min-width: 100px;
	text-align: center;
	padding: 15px 0;
	position: relative;
}
.farmer-menu li a {
	color: #444444;
}
.farmer-menu .active::before {
	width: 10px;
	height: 10px;
	content: " ";
	border: 1px solid #cdcdcd;
	display: block;
	position: absolute;
	top: 45px;
	transform: rotate(45deg);
	background: #fff;
	left: 50%;
	margin-left: -5px;
	border-width: 1px 0 0 1px;
}
.farmer-menu li a:hover,
.farmer-menu .active a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.farmer-menu li::after {
	width: 20px;
	height: 20px;
	content: " ";
	border-left: 1px solid #cdcdcd;
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	transform: rotate(23deg);
}
.farmer-menu li:last-child::after {
	border: none;
}
.farmer-archive__div {
	padding: 0 10px 20px;
}
.farmer__story-archive {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 100%;
	width: 840px;
	min-height: 590px;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
	margin: auto;
	margin-top: 50px;
}
.story-archive__head {
	height: 140px;
	display: flex;
	justify-content: space-between;
	padding: 25px 42px;
	align-items: center;
	position: relative;
}
.story-archive__farmer-img {
	width: 86px;
	height: 86px;
	border-radius: 50%;
	margin-left: 20px;
}
.story-archive__head--text {
	margin-left: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.story-archive__name {
	font-size: 24px;
	font-weight: 500;
	line-height: 46px;
	color: #424242;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.story-archive__hour {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.24px;
	color: #707070;
}
.story-archive__share--container {
	border-radius: 4px;
	width: 52px;
	height: 52px;
	background-color: rgba(86, 182, 139, 0.1);
	padding-top: 15px;
	text-align: center;
}
.story-archive__share {
	width: 22px;
	height: 22px;
}
.story-archive__icons--flex {
	display: flex;
	position: relative;
	padding-bottom: 20px;
}
.story-archive__icons--container {
	background: #ddd;
	color: #333;
	display: flex;
	font-size: 14px;
	line-height: 4em;
	margin-bottom: 1em;
	padding: 0 1em;
	text-align: center;
	vertical-align: top;
	background-color: #f8f8f8;
	border-radius: 5px;
	height: 52px;
	align-items: center;
	margin-left: 15px;
	min-width: 170px;
	position: absolute;
	left: 55px;
	display: none;
}
.story-archive__icons--container::after {
	border: 1em solid transparent;
	border-top-color: #f8f8f8;
	content: "";
	margin-left: -2em;
	position: absolute;
	top: 25%;
	left: 0;
	width: 0;
	height: 0;
	transform: rotate(90deg);
}
.story-archive__icon {
	width: 28px;
	height: 28px;
	margin: 0 5px;
}
.story-archive__p {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	color: #707070;
	margin: 0 38px 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}
.story-archive__arrow {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	height: 20px;
	cursor: pointer;
	width: 50px;
	text-align: center;
	font-size: 20px;
	color: #727272;
}
.story-archive__arrow.glyphicon-chevron-right {
	right: 0;
	margin-right: 0;
}
.story-archive__arrow.glyphicon-chevron-left {
	left: 0;
	margin-left: 0;
}
.story-archive__img {
	margin: auto;
	max-height: 500px;
	border-radius: 12px;
	margin: 2px auto 12px;
}
@media only screen and (max-width: 767px) {
	.farmer__story-archive {
		width: 400px;
		min-height: 330px;
	}
	.farmer-archive__div {
		padding: 0;
	}
	.story-archive__head {
		height: 72px;
		padding: 10px 10px 12px;
	}
	.story-archive__p {
		font-size: 12px;
		font-weight: normal;
		margin: 0 13px 13px;
		line-height: 18px;
		-webkit-line-clamp: 3; /* number of lines to show */
	}
	.story-archive__head--text {
		margin-top: 8px;
		margin-bottom: auto;
	}
	.story-archive__name {
		font-size: 14px;
		line-height: 24px;
		margin: 0;
	}
	.story-archive__hour {
		position: absolute;
		font-size: 11px;
		line-height: 18px;
		color: #9e9e9e;
		right: 55px;
		top: 40px;
	}
	.story-archive__farmer-img {
		width: 40px;
		height: 40px;
		margin-left: 5px;
	}
	.story-archive__share--container {
		width: 35px;
		height: 35px;
		margin-right: 10px;
		padding-top: 8px;
	}
	.story-archive__share {
		width: 15px;
		height: 15px;
	}
	.story-archive__icons--flex {
		flex: 1;
		justify-content: flex-end;
		padding-bottom: 10px;
	}
	.story-archive__icons--container {
		min-width: 145px;
		height: 35px;
		margin: 0 0 5px;
		padding: 0 2px;
		width: 100%;
		justify-content: space-around;
		max-width: 180px;
		left: 45px;
	}
	.story-archive__icons--container::after {
		border: 0.4em solid transparent;
		border-top-color: #f8f8f8;
		margin-left: -0.77em;
		top: 11px;
	}
	.story-archive__icon {
		width: 25px;
		height: 25px;
	}
	.story-archive__img {
		margin-bottom: 0;
	}
}
.home-down {
	margin-top: 15px;
	display: block;
}
.home-attr.row {
	margin-top: 30px;
}
.home-attr .video video {
	max-height: 260px;
	margin-top: 20px;
}
.home-products {
	padding-top: 80px;
}
.home-products h2 {
	font-weight: bold;
}
.home-products img {
	max-width: 300px;
}
.home-products a {
	color: #1eb44c;
}
.home-products a:hover {
	color: #1a903d;
}
.home-sargol,
.home-dom,
.home-daste {
	padding: 5px;
	width: 80%;
}
.home-products img {
	max-width: 100%;
}
.saf-type {
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 15px;
}
.cart-product-img {
	width: 68%;
	max-width: 210px;
	margin: auto;
	display: block;
}
.saf-type a {
	width: 25%;
	display: inline-block;
	text-align: center;
	position: relative;
	font-weight: bold;
	font-size: 18px;
	color: #888888;
	text-decoration: none;
	padding-bottom: 17px;
	margin-top: -15px;
}
.saf-type span {
	display: block;
}
.saf-type .active,
.saf-type a:hover {
	color: #000;
}
.saf-type .active::before {
	width: 20px;
	height: 20px;
	content: " ";
	border: 1px solid #cdcdcd;
	display: block;
	position: absolute;
	bottom: -10px;
	transform: rotate(45deg);
	background: #fff;
	left: 50%;
	margin-left: -5px;
	border-width: 1px 0 0 1px;
}
.sargol-part li,
.dom-part li {
	text-align: justify;
}
.sargol-part h2,
.dom-part h2 {
	margin-right: 20px;
	font-weight: bold;
}
.prdct-img img {
	width: 120%;
	max-width: 300px;
	display: block;
	margin: auto;
}
.prdct-num {
	margin-top: 15px;
	display: inline-block;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
}
.prdct-num p {
	margin-top: 20px;
}
.prdct-dtl .right-dtl {
	margin-top: 83px;
}
.prdct-dtl ul {
	padding: 0;
	text-align: center;
	margin-top: 118px;
}
.prdct-dtl li {
	list-style: none;
	display: inline-block;
	width: 40%;
	text-align: center;
	font-size: 12px;
	margin: 24px 12px;
}
.prdct-dtl li img {
	margin: 0 0 10px 0;
}
.product-index .add-to-cart {
	margin: 0 3%;
	min-width: 20%;
	font-weight: bold;
	font-size: 17px;
}
ul.package-items {
	margin: 40px 0;
	margin-bottom: 0;
	padding: 0 !important;
}
.package-items li {
	width: 100%;
	text-align: right;
	list-style: square;
}
.prdct-dtl h2 {
	font-size: 18px;
	text-align: center;
}
.dec-num {
	display: inline-block;
	background: url("../../images/template/minus.png");
	background-size: contain;
	width: 19px;
	margin: 0 9px;
	height: 32px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	transition: all 0.4s;
}
.inc-num {
	display: inline-block;
	background: url("../../images/template/plus.png");
	background-size: contain;
	width: 19px;
	margin: 0 4px;
	height: 32px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	transition: all 0.4s;
}
.dec-num:hover,
.inc-num:hover {
	width: 25px;
	margin: 0 6px;
}
.prev-farmer,
.next-farmer,
.prev-package,
.next-package {
	background: url(../../images/template/top-green.png) no-repeat center top;
	cursor: pointer;
	border: 1px solid #e7eaec;
	font-weight: bold;
	padding: 27px 0;
	border-width: 0 0 1px 0;
	vertical-align: top;
	margin: 95px 0 0 15px;
	display: inline-block;
	float: left;
	position: absolute;
	width: 27%;
	text-align: center;
	left: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.next-farmer,
.next-package {
	margin-top: 225px;
	background: url(../../images/template/bottom-green.png) no-repeat center
		bottom;
	border-width: 0;
}
.prev-farmer:hover,
.prev-package:hover {
	margin-top: 140px;
	padding-top: 37px;
}
.next-farmer:hover,
.next-package:hover {
	padding-bottom: 37px;
}
.package-part .row {
	margin: 0;
}
.package-part .prev-package {
	width: 45%;
	border: none;
	margin-left: 20%;
}
.baste-txt {
	width: 40%;
	margin-right: 2%;
	font-size: 18px;
}
.prdct-num input {
	width: 20%;
	text-align: center;
	border: 1px solid #f7f7f7;
	padding: 0;
}
.prdct-num input::-webkit-outer-spin-button,
.prdct-num input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.farmer-box {
	width: 62%;
	display: inline-block;
}
h1.under-line,
h2.under-line {
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	position: relative;
	width: 235px;
	margin: 20px auto 10px;
	background: #fff;
}
hr.under-line {
	border-top: 1px solid #dedede;
	margin-top: -20px;
}
.hide-cell {
	background: white !important;
	border: 1px solid white !important;
}
.border-left {
	border-left: 1px solid #ddd !important;
}
.border-bottom {
	border-bottom: 1px solid #ddd !important;
}
.more-buy a {
	color: #11bf14;
	font-size: 18px;
}
.cart-boxes {
	max-width: 800px;
	margin: auto;
}
.signin-box {
	margin-top: 50px;
	padding: 0 30px 0;
}
.signin-box span {
	line-height: 66px;
}
.signin-box a {
	margin-left: 0;
	padding: 8px 39px;
}
.signin-box .sbx-text {
	padding: 0px 17px;
}
.copen-box {
	margin: 30px 0 0px 0;
	padding: 0 30px 0;
	display: inline-block;
}
.copen-box span {
	line-height: 34px;
}
.copen-box input[type="text"] {
	border-radius: 0 10px 10px 0;
	border: 1px solid #ccc;
	padding: 6px;
	width: 130px;
	text-align: center;
}
.copen-box input[type="submit"] {
	background: #1d92cc;
	color: #fff;
	border-radius: 10px 0 0 10px;
	padding: 7px 16px;
	vertical-align: middle;
	border: none;
	margin-top: 1px;
}
.copen-box input {
	outline: none;
}
.badges {
	text-align: center;
	margin-bottom: 8px;
}
.badges span {
	display: inline-block;
	width: 22%;
	padding: 0 2%;
	text-align: center;
}
.badges span b {
	position: absolute;
	top: 9px;
	width: 100%;
	text-align: center;
	color: #e19d6f;
	right: 0;
}
.badges span.clr {
	position: relative;
}
.farmer-index .farmer-card {
	position: relative;
	width: 283px;
	display: inline-block;
	margin: 20px;
	min-height: 453px;
	vertical-align: top;
	border-radius: 14px;
	box-shadow: 3px 4px 9px 2px #11223314;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(183, 183, 183, 0.26);
	padding: 3px 8px;
}
@media screen and (max-width: 400px) {
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 20px;
		line-height: 25px;
	}
	.farmer-index .farmer-card {
		margin: auto;
		margin-top: 20px;
	}
}
.farmer-index .farmer-card.sold {
	box-shadow: 5px 2px 16px 9px #11223314;
}
.farmer-card .btn {
	line-height: 25px;
	height: 43px;
	min-width: 185px;
	margin: 20px auto;
	display: block;
	width: 185px;
	font-family: "vazir-bold";
	font-size: 14px;
	border-radius: 9px;
	padding: 8px 0;
}
.farmer-cover img {
	width: 100%;
}
.product-index .farmer-card {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	max-width: 277px;
}
.farmer-text {
	padding-top: 203px;
}
.farmer-sold {
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	margin: 0;
	z-index: 10;
}
.delete-cart a {
	color: #b6281d;
	font-size: 18px;
}
.cart-form label {
	font-weight: normal;
}
.cart-form input[type="text"],
.cart-form textarea,
.cart-form select {
	width: 79%;
	color: #9e9e9e;
	font-weight: bold;
	border: 1px solid #f0f1f2;
	border-radius: 2px;
	line-height: 36px;
	padding: 0 17px;
	font-size: 13px;
}
div.required label:after {
	content: " *";
	color: red;
}
.cart-form label {
	vertical-align: top !important;
}
.btn-home {
	background: none;
	border: 1px solid #307936;
	color: #307936;
}
.fade.in {
	background-color: rgba(0, 0, 0, 0.6);
}
.modal {
	position: fixed;
	padding-left: 0 !important;
	padding-right: 0 !important;
	top: 0 !important;
	overflow-y: auto;
	z-index: 10000;
}
.modal-body {
	width: 100%;
	overflow: auto;
}
.modal-body .someone {
	width: 100%;
}
.modal-body .comment-text {
	height: auto;
}
.modal-body .someone p a {
	display: none;
}
.hpass {
	display: inline-block;
	position: relative;
}
.hpass-eye {
	display: flex;
	align-items: center;
	font-family: "Glyphicons Halflings";
	content: "\e105";
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	background-color: transparent;
	height: 100%;
	position: absolute;
	left: 15px;
	top: 0;
	line-height: 48px;
	z-index: 900;
	padding: 0 15px;
	cursor: pointer;
}
.hpass-eye::before {
	content: "";
	background: url(../../images/template/input-eye-off.svg) no-repeat center;
	cursor: pointer;
	width: 22px;
	height: 15px;
	display: block;
}
.hpass-eye.openeye::before {
	background: url(../../images/template/input-eye.svg) no-repeat;
}
.footer-logo {
	margin-top: 0;
}
.alert.footer-alert {
	margin-bottom: 10px;
}
.footer-description {
	padding: 0 10px;
}
.footer__description--3rd {
	display: none;
}
.visible {
	display: block;
}
.footer__description_span {
	color: #757575;
}
.footer__description_span:hover {
	color: #1ebc8b;
	cursor: pointer;
}
.questions ul {
	padding: 0;
	margin: 0;
}
.questions li {
	text-align: justify;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 26px;
}
.home-slide6 .insta {
	padding: 1px;
	overflow: hidden;
}
.home-slide6 .insta:hover::after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.38);
	content: " ";
	top: 0;
	right: 0;
}
.home-slide6 .insta::before {
	content: "\e003";
	color: white;
	font: 30px "Glyphicons Halflings";
	width: 60px;
	height: 60px;
	position: absolute;
	top: 120%;
	margin: -20px -20px 0 0;
	right: 50%;
	transition: all 0.3s;
	z-index: 2;
}
.home-slide6 .insta:hover::before {
	top: 50%;
}
.home-slide6 h2 {
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	position: relative;
	margin: 80px auto 10px;
	background: #fff;
}
.error-pay {
	opacity: 0.4;
}
.warning-pay {
	opacity: 0.8;
	background: #fff0f0;
}
.success-pay {
	background: #f1fff0;
}
.minimize-row {
	position: relative;
}
.minimize-row .tbuy-tr {
	height: 22px;
	overflow: hidden;
}
.maximize-row {
	display: none;
	position: absolute;
}
.minimize-row .maximize-row {
	display: block;
}
.area7 {
	display: none;
}
.callback-to-friend {
	width: 320px;
	max-width: 100%;
	background: none;
	border-style: dotted;
	text-align: center;
	margin-right: 6px;
}
.address-selector {
	text-align: center;
	width: 50%;
	margin: auto;
}
.address-selector div {
	margin: 3px 0;
	border: 1px solid #eaeaea;
	border-radius: 4px;
}
.address-selector label {
	display: inline-block;
	text-align: right;
	font-size: 14px;
	width: 74%;
	margin: 0 5px;
	vertical-align: middle !important;
}
.address-selector div a {
	background: #e6e6e6;
	color: #dc0000;
	border-radius: 4px;
	padding: 4px 1%;
	width: 14%;
	display: inline-block;
}
/* New blog theme */
#grid .box {
	width: 30%;
	min-height: 10em;
	float: left;
	margin-right: 3.3%;
	margin-bottom: 30px;
}
#grid .box2 {
	width: 46.65%;
	min-height: 10em;
	float: left;
	margin-right: 3.3%;
	margin-bottom: 30px;
}
#grid .box3 {
	width: 96.6%;
	min-height: 10em;
	float: left;
	margin-right: 3.3%;
	margin-bottom: 30px;
}
#grid .post-inner {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	color: #797f86;
	background-color: #f4f5f5;
	position: relative;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
	-webkit-transition: -webkit-box-shadow 100ms, opacity 400ms ease-out,
		-webkit-transform 400ms ease-out;
	transition: box-shadow 100ms, opacity 400ms ease-out,
		transform 400ms ease-out;
}
#grid .post-media,
#grid .reading-pane {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#grid .post-media {
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	z-index: 1;
}
#grid .post-media .highres-link {
	display: block;
}
#grid .post-media img {
	display: block;
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity 100ms ease-out;
	transition: opacity 100ms ease-out;
}
#grid .post-header,
#grid .post-footer {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 0 1px;
	z-index: 20;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#grid .post-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.0625em;
	text-align: center;
	text-transform: uppercase;
	padding: 1.25em;
	margin: -5px 0 0;
	height: 62px;
}
#grid .post-footer {
	border-bottom-width: 1px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 20;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#grid .post-inner {
	color: #464646;
	background-color: #f4f5f5;
}
#grid .post-meta-inner {
	font-size: 0;
	text-align: center;
	border-color: rgba(255, 255, 255, 0.035);
	border-style: solid;
	border-width: 1px 0;
}
#grid .post-meta-inner > div:last-child {
	border-left-width: 0;
}
#grid .post-meta-inner,
#grid .post-meta-inner > div {
	border-color: rgba(121, 127, 134, 0.1);
	display: inline-block;
	padding: 0 0.75em;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, 0.035);
}
#grid .post-tags {
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
	min-height: 36px;
	margin: 0;
	padding: 0.8em;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	list-style-type: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #464646;
	background-color: #eff0f0;
}
#grid .post-tags li {
	min-height: 36px;
	margin: 0;
	padding: 0.8em;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	list-style-type: none;
	display: inline-block;
	margin-right: -0.25em;
}
#grid .post-tags li a:link,
#grid .post-tags li a:visited {
	color: #bfc2c5;
}
#grid .post-tags li a:hover,
#grid .post-tags li a:active,
#grid .post-tags li a:focus {
	color: #848990;
}
#grid .post-meta {
	text-align: center;
}
#grid .post-meta a {
	display: block;
	padding: 0.5em;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	white-space: nowrap;
}
#grid .post-meta a:link,
#grid .post-meta a:visited {
	color: rgba(0, 0, 0, 0.5);
}
#grid .post-meta a:hover,
#grid .post-meta a:active,
#grid .post-meta a:focus {
	color: #4d82ff;
}
#grid .post-title a:link,
#grid .post-title a:visited {
	color: #797f86;
	-webkit-text-stroke: 1px rgba(121, 127, 134, 0.5);
}
#grid .post-title a:hover,
#grid .post-title a:active,
#grid .post-title a:focus {
	color: #4d82ff;
	-webkit-text-stroke: 1px rgba(77, 130, 255, 0.5);
}
#grid .post-meta-inner > div {
	display: inline-block;
	padding: 0 0.75em;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, 0.035);
	border-color: #e3e4e4;
}
#grid .post-media,
#grid .reading-pane {
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
	color: #6f757b;
	background: #eff0f0;
	padding: 30px;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
#grid .reading-pane blockquote {
	border-right: 5px solid rgba(111, 117, 123, 0.4);
	padding-left: 1em;
	font-size: 14px;
}
.post.box .reading-pane blockquote {
	height: 48px;
}
.post.box2 .reading-pane blockquote {
	height: 76px;
}
.post.box3 .reading-pane blockquote {
	height: 100px;
}
#grid .reading-pane > *:last-child {
	margin-bottom: 0;
}
#grid .post-inner:hover {
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35), 0 0 0 5px #4d82ff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.35), 0 0 0 5px #4d82ff;
}
/* END New blog theme */
.farmers-options {
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	padding: 5px 2px;
}
/* DATE TIME PICKER */
.popover {
	min-width: 300px;
}

[data-name="md-datetimepicker-popovercontent"] {
	padding: 5px 6px;
}

[data-name="md-datetimepicker-popovercontent"] a[data-name="go-today"] {
	color: #333;
	width: 100%;
	display: block;
	text-decoration: none;
}

[data-name="md-datetimepicker-title"] {
	direction: rtl;
	text-align: center;
	font-family: Tahoma;
	font-size: 12px;
}
[data-name="md-datetimepicker-title"][data-isgregorian="true"] {
	direction: ltr;
}

[data-name="md-persiandatetimepicker"] {
}

[data-name="md-persiandatetimepicker"] button {
	font-size: 12px;
	padding: 1px 5px;
	margin: 0;
	border-radius: 3px;
}

[data-name="md-persiandatetimepicker"] table.table-striped {
	margin-bottom: 0;
	direction: rtl;
}

[data-name="md-persiandatetimepicker"][data-isgregorian="true"]
	table.table-striped {
	direction: ltr;
}

[data-name="md-persiandatetimepicker"] table.table td {
	text-align: center;
	padding: 2px;
	font-size: 12px;
}

[data-name="md-persiandatetimepicker"]
	table[data-name="md-persiandatetimepicker-timepicker"].table,
[data-name="md-persiandatetimepicker"]
	table[data-name="md-persiandatetimepicker-headertable"].table {
	width: 100%;
	margin: 0 auto;
	direction: ltr;
}

[data-name="md-persiandatetimepicker"]
	table[data-name="md-persiandatetimepicker-headertable"]
	.dropdown-menu[aria-labelledby="dropdownMenuPersianYear"] {
	height: 200px;
	overflow: auto;
}

[data-name="md-persiandatetimepicker"]
	table[data-name="md-persiandatetimepicker-headertable"]
	.dropdown-menu
	li {
	text-align: center;
}

[data-name="md-persiandatetimepicker"]
	table[data-name="md-persiandatetimepicker-timepicker"].table
	td,
[data-name="md-persiandatetimepicker"]
	table[data-name="md-persiandatetimepicker-headertable"].table
	td {
	text-align: center;
	vertical-align: middle;
	border: 0;
}

[data-name="md-persiandatetimepicker-titlemonth"],
[data-name="md-persiandatetimepicker-titleyear"] {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	font-weight: bold;
}

[aria-labelledby="dropdownMenuPersianmonths"] li > a,
[aria-labelledby="dropdownMenuPersianyear"] li > a {
	margin: 0;
	padding: 0 10px 0 10px;
	text-align: center;
}

[aria-labelledby="dropdownMenuPersianmonths"] .divider {
	margin: 1px;
	padding: 0;
}

[data-name="md-persiandatetimepicker"]
	table.table
	tr[data-name="md-persiandatetimepicker-weekdaysnames"]
	td {
	font-size: 13px;
	font-weight: bold;
}

[data-name="disabled-day"] {
	color: #ccc;
}

[data-name="day"],
[data-name="today"] {
	cursor: pointer;
	padding: 2px;
}

[data-name="day"]:not([class^="text"]) {
	color: #333;
}

[data-name="day"]:hover {
	background: #eee;
}

[data-name="today"]:hover {
	background: #73acdc;
}

[data-name="md-persiandatetimepicker-timepicker"] [data-name="clock-hour"],
[data-name="md-persiandatetimepicker-timepicker"] [data-name="clock-minute"],
[data-name="md-persiandatetimepicker-timepicker"] [data-name="clock-second"] {
	font-size: 12px;
	width: 50px;
	padding: 2px;
	direction: ltr;
	text-align: center;
	height: auto;
	display: inline-block;
}
.zIndexCorrected {
	z-index: 100000;
}
/* END DATE TIME PICKER */

/* BLOG STYLE */
.great-container.feed .with-sidebar article.page,
.great-container.feed .with-sidebar article.post {
	margin-bottom: 26px;
}
.great-container.feed article.post,
.great-container.feed article.page {
	border-bottom: 1px solid #f2f2f2;
}
.post-inner {
	background-color: #ffffff;
	color: #333333;
}
.post-inner {
	clear: both;
}
.post-inner img {
	margin: auto;
	display: block;
	height: auto !important;
}
.content-block {
	font-size: 15px;
}
.content-block,
.format-link .featured-block .content-block .content-p,
.format-status .featured-block .content-block .content-p,
.more-link-div {
	text-align: center;
}
.content-block .content-inner {
	padding: 30px 0 20px;
}
.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
	display: table;
	content: " ";
}
.clearfix:after {
	height: 0;
	clear: both;
}
.feed .content-block .post-header {
	padding-bottom: 0;
}
.content-block .post-header {
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.content-block .category-meta {
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: inherit;
	font-size: 13px;
	padding: 8px;
}
.content-block .cool-title,
.post-comments .cool-title,
.related-posts .cool-title {
	margin-top: 0;
	text-align: center;
}
.content-block .cool-title {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	margin-bottom: 8px;
	font-size: 30px;
}
.content-block .breadcrumbs,
.content-block .subtitle {
	font-style: italic;
}
.content-block .post-image {
	clear: both;
	margin-bottom: 20px;
}
.content-block .post-text {
	clear: both;
	text-align: right;
	line-height: 30px;
	padding: 0;
}
.post-text {
	margin-top: 10px;
	margin-bottom: 30px;
}
.post-footer_div {
	display: flex;
	border: 1px solid #f2f2f2;
	border-width: 1px 0;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.post-footer_div #blog-footer_form {
	margin-bottom: 20px;
	margin-top: 15px;
}
.post-input--container {
	flex: 0 0 250px;
	align-self: center;
	margin-right: 20px;
	margin-left: 20px;
}
.post-input--container .post-footer_btn {
	height: 42px;
	margin-top: 30px;
	line-height: 42px;
	border-radius: 34px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}
.post-img--container {
	flex: 1 0 567px;
	overflow: hidden;
	border-radius: 40px;
	max-width: 100%;
}
.post_img {
	min-height: 210px;
	padding: 5px;
}
.more-link-div {
	clear: both;
	padding-top: 10px;
}
.more-link-div .button,
.comment-respond input[type="submit"] {
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: inherit;
	padding: 10px 18px;
	font-size: 12px;
	line-height: 12px;
	clear: both;
	display: inline-block;
	border: 1px solid;
	text-decoration: none;
	-webkit-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	color: #4ac5d2;
}
.more-link-div .button:hover,
.comment-respond input[type="submit"]:hover {
	color: #ffffff;
	background-color: #9cdfe6;
	border-color: #9cdfe6;
	text-decoration: none;
}
.post-inner a:hover,
.post-inner a:focus,
.post-inner a:active {
	color: #9cdfe6;
	text-decoration: none;
}
.post-inner a {
	-webkit-transition-property: color;
	-o-transition-property: color;
	-ms-transition-property: color;
	transition-property: color;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
.gallery-wrap .file-list-image a img:hover,
.post-image a img:hover {
	opacity: 0.8;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.gallery-wrap .file-list-image a img,
.post-image a img {
	-webkit-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
.gallery-wrap .file-list-image a,
.list-item-inner a,
.post-image a {
	display: block;
	width: 100%;
	overflow: hidden;
}
.blog-inner-call {
	border: 1px solid #d0d0d0;
	background: #f5f5f5;
	width: 100%;
	padding: 10px 20px;
}
.blog-inner-call a {
	color: #198bec;
}
.blog-inner-call a span {
	text-decoration: underline;
}
.blog-inner-call a:hover {
	color: #65aab1;
}
article.post,
article.page {
	border: 1px solid #f2f2f2;
	margin-bottom: 26px;
}
aside .widget:not(:first-of-type) {
	margin: 54px 0;
}
h3.widget-title {
	border-color: #eee;
	margin-bottom: 0.75em;
	line-height: 1.25em;
	position: relative;
	font-size: 18px;
}
.widget.widget_recent_comments ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}
.widget.widget_recent_comments ul li {
	display: block;
	position: relative;
	padding: 6px 0;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	border-color: #e0e0e0;
}
.widget_recent_comments ul li a:focus,
.widget_recent_comments ul li a:hover,
.widget_recent_comments ul li::before {
	color: #000;
}
.widget.widget_recent_comments ul li:hover:after,
.widget.widget_recent_comments ul li:focus:after,
.widget.widget_recent_comments ul li:active:after {
	width: 100%;
}
.widget.widget_recent_comments ul li:after {
	background-color: #111;
}
.comment-author-link {
	font-weight: bold;
	color: #000;
}
h3.widget-title:after {
	content: "";
	display: block;
	width: 27px;
	height: 1px;
	background-color: #000;
	margin-top: 0.5em;
}
.widget.widget_recent_comments ul li:after {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 1px;
	bottom: -1px;
	z-index: 9;
}
.widget.widget_recent_comments ul li a {
	display: inline;
	text-decoration: none;
	outline: none;
	color: #555;
}
.post-tags {
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}
.post-tags h3 {
	padding: 10px 30px;
}
.tag-list {
	list-style: none;
}
.tag-list li {
	display: inline-block;
	padding: 5px 10px;
	border: 1px dotted #eaeaea;
	background: #f9f9f9;
	margin: 0 3px;
	border-radius: 4px;
}
.similar-post {
	padding: 0 10%;
}
.social-share .social-share-inner {
	margin-top: 45px;
	margin-bottom: 22.5px;
}
.social-share a {
	background-color: #3b579d;
	-webkit-transition-property: background-color;
	-o-transition-property: background-color;
	-ms-transition-property: background-color;
	transition-property: background-color;
	transition-duration: 0.5s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
.next-prev-nav {
	background-color: #ffffff;
	border: 1px solid #f2f2f2;
}
.next-prev-nav .prev-div {
	float: left;
	width: 50%;
	text-align: left;
}
.next-prev-nav .prev-div a {
	padding: 6px 10px 6px 0;
}
.next-prev-nav .next-div {
	float: right;
	width: 50%;
	text-align: right;
}
.next-prev-nav .next-div a {
	padding: 6px 0 6px 10px;
}
.post-comments {
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #f2f2f2;
	line-height: 25px;
}
.post-comments .post-comments-inner {
	margin-top: 45px;
	margin-bottom: 45px;
}
.post-comments .comments-list {
	display: block;
	list-style-type: none;
	padding-left: 0;
}
.post-comments .comment,
.post-comments .pingback {
	border-top: 1px solid #f2f2f2;
	padding-top: 30px;
	padding-bottom: 30px;
}
.post-comments .comment-respond {
	border-top: 1px solid #f2f2f2;
	padding-top: 30px;
	padding-bottom: 30px;
}
.post-comments .comment-respond h3 {
	font-size: 16px;
	line-height: 24px;
	margin: 8px 0;
}
.after-content {
	margin-top: -27px;
}
.next-prev-nav a {
	position: relative;
	display: block;
	font-weight: 400;
	margin: 1em 0;
}
.post-comments .avatar {
	display: block;
	float: right;
	border-radius: 50px;
}
.post-comments .comment .comment-body,
.post-comments .comment .comment-meta {
	padding-right: 85px;
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
	.post-comments .comment .comment-body {
		padding-right: 0;
	}
	.post-comments .comment .comment-meta h4 {
		font-size: 14px;
	}
	.comment-answer {
		font-size: 13px;
	}
}
.comment-answer {
	background: #fbfbfb;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	padding: 7px;
	font-size: 14px;
}
.comment-answer img {
	width: 96px;
	margin-left: 7px;
}
.post-comments .comment.bypostauthor .comment-meta h4,
.post-comments .pingback.bypostauthor .comment-meta h4 {
	font-weight: 700;
	color: #333333;
}
.date-template,
date,
span.date {
	display: inline-block;
	font-style: italic;
	opacity: 0.7;
	font-size: 11px;
}
.post-comments .comment-respond input:not([type="submit"]),
.post-comments .comment-respond optgroup,
.post-comments .comment-respond select,
.post-comments .comment-respond textarea {
	width: 100%;
	padding: 7.5px 10px;
	color: #333333;
	font-size: 13px;
	border: 1px solid #ebebeb;
	line-height: 15px;
	margin-bottom: 10px;
	background-color: transparent;
}
/* END BLOG STYLE */
.float-news {
	width: 300px;
	border: 1px solid #c5c5c5;
	max-width: 90%;
	margin: 0 5%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
}
.float-news h3 {
	margin: 0;
	background: #ed6d23;
	padding: 10px;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.float-news i {
	float: left;
}
.float-news p {
	color: #3b3b3b;
	text-decoration: none;
	font-size: 14px;
	background: #f2f2f2;
	padding: 15px;
	text-align: justify;
	line-height: 22px;
	margin-bottom: 0;
	padding-bottom: 20px;
}
.float-news.mini {
	top: 100%;
	margin-top: -40px;
}
#chat-application {
	display: none !important;
	bottom: -200px !important;
}

.pro-pop {
	width: 82%;
	max-width: 800px;
}
.pro-pop .pro-right {
	display: inline-block;
	width: 63%;
}
.pro-pop .pro-right .l1 {
	color: #21b685;
	font-weight: bold;
	font-size: 100px;
	display: block;
	margin: 50px 14% 0;
}
.pro-pop .pro-right .l2 {
	color: #21b685;
	font-weight: bold;
	font-size: 41px;
	display: block;
	margin: 0 14% 20px 0;
}
.pro-pop .pro-right .l3 {
	color: #5b5b5b;
	font-size: 36px;
	display: block;
	font-weight: bold;
	margin: 68px 14% 0;
}
.pro-pop .pro-right .l4 {
	color: #5b5b5b;
	font-size: 50px;
	display: block;
	font-weight: bold;
	margin: 0 14% 0;
}
.pro-pop .pro-left {
	display: inline-block;
	width: 36%;
	vertical-align: top;
}
.pro-pop .pro-left img {
	margin: 185px 2% 0;
	display: block;
}
.pro-pop .pro-left .l5,
.pro-pop .pro-left .l6 {
	display: block;
	color: #5b5b5b;
	margin: 5px 2% 0;
	font-size: 20px;
	font-weight: bold;
}
.pro-pop .pro-left .l6 {
	margin-top: 0;
}
.pro-pop .pro-left .l6 .purple {
	color: #6867eb;
	font-size: 30px;
}
.pro-pop .pro-left input[type="text"] {
	background: #6867eb;
	border: none;
	border-radius: 5px;
	line-height: 38px;
	width: 80%;
	margin: 10px 2% 0;
	color: white;
	font-size: 25px;
	text-align: center;
	letter-spacing: 3px;
	font-weight: bold;
	direction: ltr;
}
.pro-pop .pro-left input[type="text"]::placeholder {
	color: #a6a5ea;
	opacity: 1; /* Firefox */
}
.pro-pop .pro-left input[type="submit"] {
	background: #21b685;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	margin: 10px 2% 48px 0;
	width: 80%;
	border: none;
	line-height: 38px;
	color: #fff;
	border-radius: 5px;
}

.offer-pop {
	max-width: 100%;
}
.offer-pop .modal-inner {
	padding: 3px;
}
@media screen and (max-width: 576px) {
	.offer-pop .modal-inner td {
		font-size: 8px;
	}
	.offer-pop .modal-inner tr td:first-child {
		padding-right: 0;
		padding-left: 0;
	}
	.offer-pop .modal-inner th {
		font-size: 12px;
	}
	.post-footer_div,
	.post-img--container {
		border-radius: 20px;
	}
	.post_img {
		min-height: auto;
	}
}

.offer-pop .modal-content {
	overflow: hidden;
}
.offer-pop .pop-right {
	width: 33%;
	display: inline-block;
}
.offer-pop .pop-left p {
	margin: 10px;
	text-align: center;
	color: #b3b3b3;
}
.offer-pop .pop-left hr {
	margin: 20px 80px;
}
.offer-pop .pop-left form {
	width: 80%;
	margin: auto;
}
.offer-pop .pop-left {
	width: 66%;
	display: inline-block;
	vertical-align: top;
}
.offer-pop .close {
	position: absolute;
	left: 0;
	top: 10%;
	background: url(../../images/template/close.png);
	background-repeat: no-repeat;
	opacity: 1;
	z-index: 10;
	width: 15px;
	height: 15px;
	background-size: cover;
	border-radius: 20px;
}
.offer-pop .titr {
	font-weight: bold;
	font-size: 55px;
	display: block;
	text-align: center;
	margin-top: 20px;
	color: #a680e3;
}
.offer-pop .sub-titr {
	font-weight: bold;
	font-size: 30px;
	display: block;
	text-align: center;
	color: #707070;
}
.offer-pop input:focus,
.offer-pop input:active {
	outline: none;
}
.offer-pop input[type="text"] {
	text-align: left;
	padding: 10px;
	border: 1px solid #00a8e8;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	width: 70%;
}
.offer-pop input[type="submit"] {
	border: 1px solid #00a8e8;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	background: #00a8e8;
	color: white;
	padding: 10px 15px;
	width: 30%;
}
.offer-pop .offer-pop-name {
	border-radius: 30px;
	margin-bottom: 12px;
	width: 100% !important;
	text-align: right !important;
}
.cart-table input[type="number"] {
	width: 33px;
	text-align: center;
	border: 1px solid #ececec;
}

.alert-modal .close {
	position: relative;
}
.alert-modal .modal-header {
	padding: 15px 25px;
	border-bottom: none;
}
.user-info p {
	display: inline-block;
	color: #2095f2;
	margin: 0;
}
.customer-buys .btn {
	margin: 0;
	padding: 7px 15px;
	font-size: 13px;
}
.carousel-control.left,
.carousel-control.right {
	direction: ltr;
	font-size: 60px;
	background: none;
	padding-top: 10%;
}
.carousel-indicators {
	display: none;
}
.package-view .farmer-card h2 {
	font-weight: bold;
	padding: 3px 29px;
	font-size: 22px;
}
.package-view img {
	height: auto !important;
}
.package-view .farmer-card p {
	font-size: 13px;
}
.package-view .farmer-card .btn {
	font-size: 14px;
	line-height: 35px;
	height: 35px;
	width: 90%;
	float: none;
	min-width: inherit;
	margin: auto;
}
.package-view .farmer-card input[type="submit"] {
	border: 1px solid #00a8e8;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	background: #00a8e8;
	color: white;
	padding: 10px 15px;
	width: 45%;
}
.package-view .farmer-card input[type="text"] {
	text-align: left;
	padding: 10px;
	border: 1px solid #00a8e8;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	width: 50%;
}
.package-index .farmer-card .more-info {
	position: relative;
	margin-top: 20px;
	width: 100%;
	left: 0;
}
.package-index .farmer-card {
	min-height: 331px;
}
.farmer-cslide {
	border-radius: 14px;
	box-shadow: 6px 6px 32px 8px #11223314;
	margin: 25px 29px;
	width: 266px;
	height: 430px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(183, 183, 183, 0.26);
	display: inline-block;
	position: relative;
	text-align: right;
}
.farmer-cslide .fcover {
	border-radius: 14px 14px 0 0;
	width: 100%;
}
.farmer-cslide .image-cslide {
	position: absolute;
	left: 20px;
	top: 77px;
	width: 90px;
	height: 90px;
	border-radius: 50px;
	overflow: hidden;
	border: 2px solid #fff;
}
.farmer-cslide .image-cslide img {
	width: 105px;
	max-width: initial;
	margin-right: -10px;
}
.farmer-cslide h3 {
	font-weight: bold;
	margin: 35px 25px 14px;
	font-size: 19px;
}
.farmer-cslide p {
	margin: 0px 20px;
	color: #a0a0a0;
	height: 80px;
}
.farmer-cslide .badges {
	margin: 26px 0;
}
.farmer-cslide .cslide-link {
	float: left;
	margin: 0 0 20px 20px;
}
.home-slider .carousel {
	text-align: center;
}
.home-slider .carousel-indicators {
	display: none;
}
.home-slider .carousel-control {
	background: none !important;
}
.home-slider .item {
	padding: 20px 0;
}
.home-slider .item.active {
	display: flex;
	justify-content: center;
	align-items: center;
}
.fade.show {
	opacity: 1;
}
.alert-farmer-greeting {
	background: #fa9358;
	background: linear-gradient(to right, #fa9358 0%, #eb642d 100%);
	padding-right: 35px;
	padding-left: 15px;
	border-radius: 0;
	margin: 0;
}
.alert-image {
	width: 100%;
	padding: 0;
	margin: auto;
	max-width: 1300px;
}
.alert-farmer-greeting a,
.alert-new-year a {
	color: #fff;
	text-decoration: none;
	background: #ea9517;
	padding: 1px 15px;
	border-radius: 10px;
	display: inline-block;
	margin-top: 5px;
	font-size: 16px;
	color: #fbf9f9;
}
.alert-new-year strong {
	font-family: "vazir-bold";
	padding: 5px 10px;
}
.alert-dismissable .close,
.alert-dismissible .close {
	left: auto;
	right: -21px;
	float: right;
}
.alert-farmer-greeting .sub {
	color: #af2d0e;
}
.alert-new-year {
	background: #1eb988;
	background: linear-gradient(to right, #1eb988 0%, #4bd759 100%);
	padding-right: 35px;
	padding-left: 15px;
	border-radius: 0;
	margin: 0;
}
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
}
.social-links {
	display: flex;
	justify-content: space-around;
}
.social p {
	font-size: 14px;
	margin-bottom: 14px;
}
.social img {
	width: 40px;
}
.social span {
	display: block;
	color: #afafaf;
	margin-top: 20px;
}
.social p:not(:first-child) {
	display: block;
	color: #6babef;
	margin-top: 7px;
	margin-bottom: 5px;
	direction: ltr;
}
.social a {
	text-align: center;
	text-decoration: none;
}
.social a:hover {
	text-shadow: 2px 2px 2px #cdcdcd;
}
.breadcrumb {
	margin-bottom: 0;
}
/* Package view */
.pack-part1 {
	position: relative;
}
.pack-part1 img {
	width: 100%;
	min-height: 149px;
}
.pack-part1 h1 {
	position: absolute;
	left: 5%;
	top: 24%;
	font-size: 18px;
	font-weight: bold;
	color: #16cc30;
}
.pack-part1 p {
	position: absolute;
	left: 5%;
	top: 24%;
	font-weight: bold;
	line-height: 21px;
	text-align: left;
	color: #616266;
	margin-top: 110px;
}
.pack-part1,
.pack-part2,
.pack-part3,
.pack-part4,
.pack-part5,
.pack-part6 {
	max-width: 1900px;
	margin: auto;
}
.pack-part2,
.pack-part3,
.pack-part4,
.pack-part5,
.pack-part6 {
	margin-top: 100px;
}
.pack-part3 img {
	margin: auto;
	display: block;
}
.pack-part3 h2 {
	font-weight: bold;
	text-align: center;
	font-size: 21px;
}
.pack-part4 {
	background: #f4f4f4;
}
.pack-part4 p {
	padding-right: 10%;
	display: inline-block;
	font-size: 18px;
	line-height: 113px;
	margin: 0;
}
.pack-part4 a {
	margin-left: 10%;
	font-size: 22px;
	font-family: "vazir-bold";
	line-height: 62px;
}
.pack-part5 p {
	padding: 10px;
	max-width: 1170px;
	margin: auto;
}
.pack-part5 p > img,
.pack-part5 p > s > img {
	width: 100% !important;
	height: auto !important;
}
.pack-part6 {
	text-align: center;
	margin-bottom: 100px;
}
.pack-part6 h2 {
	font-weight: bold;
	font-size: 20px;
}
.pack-part6 .one a {
	font-size: 22px;
	font-family: "vazir-bold";
	line-height: 62px;
}
.pack-part6 .company input[type="text"] {
	border: 1px solid #00a8e8;
	border-radius: 0 15px 15px 0;
	padding: 10px 9px;
	text-align: left;
	direction: ltr;
	margin-top: 35px;
	outline: none;
	vertical-align: bottom;
	font-size: 18px;
}
.pack-part6 .company input[type="submit"] {
	background: #00a8e8;
	border: 1px solid #00a1de;
	height: 32px;
	border-radius: 15px 0 0 15px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 26px 15px;
	outline: none;
	line-height: 1px;
	font-family: "vazir-bold";
}
.offer-pop-name {
	width: 80%;
	border: 1px solid #348de6;
	padding: 8px 10px;
	border-radius: 20px;
	outline: 0;
}
.offer-pop-email {
	width: 48%;
	margin: 10px 10% 10px 0;
	border: 1px solid #348de6;
	padding: 8px 10px;
	border-radius: 0 20px 20px 0;
	direction: ltr;
	outline: 0;
	font-size: 12px;
}
.offer-pop-submit {
	width: 32%;
	margin: 10px 0 10px 10%;
	background: #348de6;
	padding: 8px 1px;
	border-radius: 20px 0 0 20px;
	border: 1px solid #2c7ed0;
	color: #fff;
	outline: 0;
	text-align: center;
	font-size: 12px;
}
.section-creator {
	border: 3px solid #fbcbcb;
	background: #fae7ff;
	padding: 10px;
	margin: 15px;
	box-shadow: 2px 2px 10px #4a0069;
}
.section-setting {
	padding: 10px;
	background: #b9b9b933;
	margin: 10px;
}
.lang-key {
	font-size: 11px;
	font-weight: 500;
	line-height: 50px;
	color: #1ebc8b;
	padding: 3px;
	padding-bottom: 1px;
	border: solid 1px #707070;
	border-radius: 4px;
}
.dynamic-section h2 {
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 30px;
}
.dynamic-section {
	padding: 60px 0 50px 0;
	position: relative;
	overflow: auto;
}
.dynamic-section p {
	width: 80%;
	font-size: 18px;
	line-height: 30px;
	margin-right: auto;
	margin-left: auto;
}
.dynamic-section.media video,
.dynamic-section.media img {
	margin: auto;
	max-width: 70%;
	display: block;
	margin-bottom: 20px;
}
.dynamic-section .col-sm-6.left p {
	width: 90%;
	margin-right: 0%;
}
.dynamic-section .col-sm-6.right p {
	width: 90%;
	margin-left: 0%;
}
.dynamic-section .col-sm-6 video {
	max-width: 95%;
}
.landing-input {
	border: 1px solid #00a5e5;
	line-height: 30px;
	border-radius: 14px;
	outline: none;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	font-size: 12px;
	background-color: #f5fafd;
	vertical-align: bottom;
	display: block;
	margin: 16px auto;
	width: 286px;
}
.landing-side-input {
	border: 1px solid #00a5e5;
	line-height: 30px;
	border-radius: 0 14px 14px 0;
	outline: none;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	font-size: 12px;
	background-color: #f5fafd;
	vertical-align: bottom;
	width: 179px;
}
.landing-side-submit {
	background: #00a5e5;
	border: 1px solid #00a5e5;
	height: 34px;
	border-radius: 15px 0 0 15px;
	color: #fff;
	padding: 0 15px;
	outline: none;
}
.dyna-inputs {
	text-align: center;
	margin-top: 55px;
}
.landing_cards {
	text-align: center;
}
.landing_cards .farmer-cslide p {
	font-size: 14px;
	line-height: 23px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar .container {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.navbar-default .navbar-collapse .dropdown a {
		padding: 11px 5px;
	}
	.navbar > .container .navbar-brand {
		margin-right: 0;
	}
	.pack-part6 .company input[type="text"] {
		width: 42%;
	}
}

/************************ New Menu Styles ***********************************/
.head_basket_a {
	padding: 0 !important;
	cursor: pointer;
}
.head_basket {
	padding-top: 10px;
	width: 30px;
	vertical-align: text-bottom;
}
.head_basket_qty {
	font-size: 11px;
	width: 18px;
	height: 18px;
	line-height: 22px;
	border-radius: 23px;
	background: #3a903d;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 25px;
	left: 19px;
	color: #fff;
}
/*Rewrites menu*/
.navbar-default-head {
	background-color: #e7e7e7;
	margin: 0;
}
.navbar-default .navbar-nav > li > a {
	font-size: 16px;
	font-weight: 500;
	color: #272e3c;
}
.navbar-nav > li > a,
.navbar-nav > li button {
	padding: 16px 12px 9px 12px;
	font-size: 16px;
	font-weight: 500;
	color: #272e3c;
}
.dropdown-menu > li > a {
	font-size: 16px;
	font-weight: 500;
	color: #272e3c;
}
/************************ End of New Menu Styles *****************************/

/***********************  START MAP STYLES   *****************************/
/*.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(../../images/template/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../../images/template/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../../images/template/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:rgba(255,255,255,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:0 0}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:0 0;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}*/
/*div.map-container {*/
/*max-width: 100%;*/
/*height: 300px;*/
/*margin: 10px 0 30px auto;*/
/*}*/
/*#testmap {*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
/****************** END MAP STYLES  *******************/

/************* START cart page styles ***********/
.km-checkout-page {
	padding: 30px 20px 30px 20px;
}
.km-checkout-count {
	display: flex;
	font-size: 28px;
	font-family: vazir-bold;
	margin-top: 0px;
	margin-bottom: 25px;
	background-color: #fff;
	padding: 30px 20px;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
}
.km-checkout-empty {
	background: #fff;
	padding: 20px;
	padding-bottom: 0;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
}
.km-product-in-cart {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	padding: 65px 20px 25px 20px;
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.km-product-in-cart-pic {
	width: 20%;
	float: right;
	padding-left: 5px;
}
.km-product-in-cart-title {
	display: flex;
	flex-direction: column;
	padding-right: 15px;
	padding-left: 15px;
}
.km-product-in-cart--price {
	position: absolute;
	top: 60px;
	left: 30px;
}
.km-product-in-cart-title h3 {
	margin-top: 0;
	font-size: 20px;
	color: #616161;
	font-family: vazir-bold;
}
.km-product-in-cart-title .km-select-div {
	margin-top: 25px;
	margin-bottom: 14px;
	float: unset;
	position: relative;
	width: 270px;
	max-width: 100%;
}
.km-product-in-cart-title .km-select-div::after {
	font-family: "Glyphicons Halflings";
	content: "\e114";
	color: #616161;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto;
	height: 20px;
}
.km-product-in-cart-title .km-select-div.mc_mgt0 {
	margin-top: 0;
}
.km-product-in-cart-title .km-select-div .select-number {
	cursor: pointer;
	width: 270px;
	font-size: 16px;
}
.km-product-in-cart-title span {
	color: #616161;
	font-size: 20px;
	font-family: Vazir;
}
.km-product-in-cart-price {
	width: 30%;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
}
.km-product-in-cart-price p {
	text-align: left;
	margin-left: -39%;
}
.km-product-in-cart-price span {
	color: #616161;
	font-size: 20px;
	font-family: Vazir;
}
.km-product-in-cart .km-select-number {
	width: 10%;
	margin-top: -10px;
}
.km-cart-close-btn {
	position: absolute;
	left: 20px;
	bottom: 20px;
	font-size: 20px;
	color: #d8d8d8;
	text-decoration: none;
}
.km-cart-close-btn:hover,
.km-cart-close-btn:focus {
	color: #d8d8d8;
	text-decoration: none;
}
.km-cart-close-btn img {
	margin-left: 10px;
}
.km-checkout-side {
	position: sticky;
	top: 0;
}
.km-checkout-sidebar {
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background-color: #ffffff;
	padding: 15px;
}
.km-checkout-sidebar span {
	font-family: Vazir;
}
.km-checkout-sidebar p {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	font-family: Vazir;
	color: #616161;
}
.km-checkout-sidebar p span:first-child {
	float: right;
}
.km-checkout-sidebar p span:last-child {
	float: left;
}
.km-checkout-totoal-price {
	border-top: 1px solid #e2e2e2;
	padding-top: 10px;
}
.km-checkout-totoal-price span:last-child {
	color: #f44336;
}
.km-checkout-sidebar span {
	display: block;
	text-align: center;
	color: #616161;
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 23px;
}
.km-checkout-sidebar a:hover {
	text-decoration: none;
}
.km-buy-step ul {
	display: inline-block;
	width: 100%;
	padding: 0;
}
.km-buy-step ul::before {
	content: "";
	display: inline-block;
	width: 100%;
	border-bottom: 4px solid #d8d8d8;
}

.path-discounts ul,
.path-discounts li {
	display: inline-block;
}
.path-discounts ul {
	width: 100%;
	padding: 0;
}
.path-discounts li {
	border-top: 1px solid #000;
	width: 15%;
}

.km-buy-step ul li {
	width: 24%;
	position: relative;
	text-align: center;
	list-style: none;
	padding-top: 15px;
	display: inline-block;
}
.km-buy-step ul li.current::before {
	background-color: #1ebc8b;
}
.km-buy-step ul li.step1 span {
	background-color: red;
}
.km-buy-step ul li::before {
	content: "";
	width: 25px;
	height: 25px;
	background: #d8d8d8;
	display: inline-block;
	position: absolute;
	top: -20px;
	border-radius: 50%;
	right: calc(50% - 12.5px);
}
.km-buy-step ul li span {
	color: #d8d8d8;
	font-size: 18px;
}
.km-buy-step ul li a {
	text-decoration: none;
	white-space: nowrap;
}
.km-buy-step ul li.current span {
	color: #1ebc8b;
}
.km-checkout-sidebar.fixed {
	position: fixed;
	top: 65px;
}
.km-group-select-div {
	margin-right: 21.5%;
	margin-top: 13%;
}
.km-select-div {
	margin-bottom: 15px;
}
.km-group-select-div > .km-select-div,
.km-select-div select {
	width: 100%;
	font-family: Vazir;
}
.km-group-select-div > .km-select-div {
	width: 130px;
	position: relative;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.km-mobile-checkout-first-section {
		background: #fff;
		padding-top: 15px;
		border-radius: 12px;
		box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
		margin-bottom: 20px;
	}
	.social p:not(:first-child) {
		font-size: 12px;
	}
	.social span {
		margin-top: 7px;
	}
	.footer-description-p {
		text-align: center;
		max-width: 410px;
		margin: auto;
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.km-product-in-cart-price span {
		font-size: 15px;
	}
	.km-checkout-page {
		padding-right: 0;
		padding-left: 0;
	}
	.km-checkout-sidebar p {
		font-size: 12px;
	}
	.km-product-in-cart-title h3,
	.km-product-in-cart-title span {
		font-size: 14px;
		line-height: 21px;
	}
	.km-checkout-sidebar a {
		font-size: 11px;
	}
	.km-buy-step ul li span {
		font-size: 12px;
	}
	.km-cart-close-btn img {
		width: 25px;
	}
	.km-cart-close-btn {
		font-size: 14px;
	}
	.km-select-div select {
		font-size: 14px !important;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.navbar-nav > li > a,
	.navbar-nav > li button {
		font-size: 11px;
		margin: 0;
	}
	.km-buy-step-desck {
		display: none;
	}
	.shipping__block .km-buy-step-desck {
		display: block;
	}
	.km-checkout-count {
		padding: 0;
		margin: 0;
		border-radius: 0;
		box-shadow: none;
		font-size: 17px;
	}
	.km-mobile-checkout-first-section .km-checkout-sidebar p {
		font-size: 16px;
	}

	.km-mobile-checkout-page {
		padding: 30px 0 20px 0;
	}
	.km-mobile-checkout-page div > h4.km-checkout-count2 {
		float: right;
	}
	.km-mobile-checkout-page .km-checkout-count2 {
		font-size: 18px;
		font-weight: bold;
		padding-right: 15px;
		font-family: Vazir;
	}
	.km-mobile-checkout-page .km-buy-step ul {
		margin-top: 7px;
	}
	.km-mobile-checkout-page .km-buy-step ul li::before {
		width: 15px;
		height: 15px;
		top: -16px;
	}
	.km-mobile-checkout-page .km-buy-step ul li span {
		font-size: 10px;
	}
	.km-mobile-checkout-page .km-product-in-cart {
		padding-top: 30px;
	}
	.km-mobile-checkout-page .km-product-in-cart-title h3 {
		font-size: 13px;
		line-height: 19px;
		align-self: flex-start;
	}

	.km-mobile-checkout-page .km-product-in-cart-title {
		width: 70%;
		padding-right: 0;
		padding-left: 0;
		display: flex;
		flex-direction: column;
	}
	.km-product-in-cart--price {
		position: static;
	}
	.km-mobile-checkout-page .km-product-in-cart-pic {
		width: 29%;
	}
	.km-mobile-checkout-page .km-product-in-cart-title p {
		align-self: flex-start;
		margin-right: 0;
	}
	.km-mobile-checkout-page .km-product-in-cart-title span {
		font-size: 11px;
	}
	.km-mobile-checkout-page .km-product-in-cart-price p {
		margin-left: 0;
	}
	.km-mobile-checkout-page .km-product-in-cart-price span {
		font-size: 11px;
		font-family: vazir-bold;
	}
	.km-mobile-checkout-page .km-product-in-cart-price {
		padding-right: 0;
		padding-left: 0;
	}
	.km-mobile-checkout-page .km-product-in-cart .km-select-number {
		width: 100%;
	}
	.km-mobile-checkout-page .km-select-div select {
		width: 100% !important;
	}
	.km-mobile-checkout-page .km-select-div select {
		height: 43px;
		font-family: Vazir;
		font-size: 12px !important;
		margin: 2% auto;
	}
	.km-mobile-checkout-page .km-cart-close-btn {
		top: 92px;
		font-size: 15px;
		height: 25px;
	}
	.km-mobile-checkout-page .km-cart-close-btn img {
		width: 20px;
		margin-left: 3px;
	}
	.km-checkout-side {
		display: none;
	}
	.km-checkout-count {
		display: none;
	}
	.km-group-select-div {
		width: 100%;
		margin-right: 0;
		margin-top: 24%;
	}
	.km-select-div {
		margin-bottom: 8px;
	}
	.km-mobile-checkout-page .col-sm-12,
	.col-md-9,
	div > .col-sm-9 {
		padding-left: 0;
		padding-right: 0;
	}
	.km-checkout-sidebar {
		box-shadow: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.km-checkout-side {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	.km-mobile-checkout-first-section {
		display: none;
	}
	.navbar-nav > li > a,
	.navbar-nav > li button {
		font-size: 14px;
	}
}

/****************** END of cart page styles ***************/

/*********** add new addres *******/

.main-body-bg-color {
	background-color: rgba(225, 245, 254, 0.2);
}
.form-add-adres {
	position: relative;
	margin: 0;
	width: 100%;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	padding: 30px 30px 0px 30px !important;
	background-color: #fff;
}
.form-add-adres > form {
	min-height: 80px !important;
	width: 100%;
	margin: auto;
}
.form-title {
	display: flex;
	position: relative;
	flex-direction: column;
}
.form-title .close {
	position: absolute;
}
.form-title p {
	font-family: vazir-bold;
	font-size: 26px;
	font-weight: bold;
	margin-top: 1%;
	margin-bottom: 20px;
	align-self: center;
}
.form-add-adres .form-group {
	margin-bottom: 0;
}

.form-group .km-select-arrow {
	left: 8%;
	top: 40px;
}
.form-group > select {
	-webkit-appearance: none !important;
}
.error-mssg {
	display: none;
	color: red;
	margin: -20px 10px 20px;
	font-size: 14px;
}
.location {
	display: flex;
	width: 100%;
	margin-top: 4%;
	margin-bottom: 1%;
}
.location span {
	font-family: vazir-bold;
	font-size: 18px;
	color: #616161;
}
.form-add-adres > form > span {
	display: inline-block;
	font-family: vazir-bold;
	font-size: 18px;
	margin: 1% 14%;
	color: #616161;
}
.form-add-adres > form > button {
	margin-right: 26.5%;
	margin-bottom: 5%;
	box-shadow: 0 24px 45px -12px rgba(86, 182, 139, 0.35);
	font-family: vazir-bold;
	font-size: 22px;
}

.map {
	height: 180px;
	width: 100%;
	background-color: #ccc;
	margin-bottom: 5%;
	position: relative;
	top: 5px;
}
.map > img {
	height: 180px !important;
	width: 100%;
}

.form-add-adres > form > div.form-group > textarea {
	min-height: 80px !important;
}
.submit-div {
	padding-bottom: 4%;
	text-align: center;
}
.send-btn {
	width: 55%;
	padding: 4%;
	border-radius: 20px;
	box-shadow: 0 24px 45px -12px rgba(86, 182, 139, 0.35);
	background-color: #1ebc8b;
	border: none;
	margin: 0 auto;
	color: #fff;
	font-family: Vazir;
	font-size: 22px;
	font-weight: bold;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	section.form-add-adres {
		width: 100%;
		padding-bottom: 26px !important;
		margin: 25% 0;
	}
	.form-add-adres > form {
		width: 100%;
	}
	.form-add-adres > form > p {
		font-size: 21px;
		margin-right: -12px;
		margin-bottom: 9%;
	}
	.form-control {
		width: 100%;
		height: 40px;
		margin: 0;
	}
	.form-group .km-select-arrow {
		left: -1%;
	}
	.form-add-adres > form > span {
		font-size: 12px;
		margin-right: -3%;
	}
	.map {
		width: 100%;
		margin: 0;
	}
	.location {
		width: 100%;
		margin-right: 0;
	}
	.location span {
		font-size: 12px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	section.form-add-adres {
		margin-top: 20%;
	}
	.form-add-adres > form > button {
		margin-right: 31%;
		font-size: 17px;
	}
	.form-add-adres > form > p {
		font-size: 24px;
	}
	.form-add-adres > form > span {
		font-size: 16px;
	}
	.location span {
		font-size: 14px;
	}
}

@media screen and (min-width: 1200px) {
	.form-add-adres > form > p {
		margin-right: 34%;
	}
	.form-group .km-select-arrow {
		top: 45px !important;
	}
	.form-add-adres > form > button {
		margin-right: 32%;
	}
}

/************************** END of addNewAddress ************************/

/****************** Start New Shipping Page Styles ********************/
.address {
	margin: auto;
	justify-content: center;
	background-color: #ffffff;

	z-index: 0;
	padding-right: 0 !important;
	padding-left: 0 !important;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
}

.time {
	/*max-width: 1172px;
    height: 933px;*/
	background-color: #ffffff;
	margin: auto;
	margin-top: 31px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	padding-right: 0px !important;
	padding-left: 0px !important;
	padding-top: 32px !important;
	border-radius: 12px;
}

.peyk {
	border: 1px solid #9b9b9b;
	border-radius: 12px;
	margin: auto;
	margin-bottom: 35px;
	padding-top: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.post {
	border: 1px solid #9b9b9b;
	border-radius: 12px;
	margin: auto;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.divx {
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-size: 14px;
	text-align: center;
}
.black-text {
	color: black;
	font-weight: bold;
	font-size: 20px;
}

.add {
	/*padding-right: 15px !important;
    padding-left: 15px !important;*/
	margin: auto;
}

.t-time {
	padding-left: 10px !important;
	padding-right: 13px !important;
}

.address {
	/*padding-right: 0 !important;
    padding-left: 0 !important;*/
	padding-top: 45px;
	padding-bottom: 5px;
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-bottom: 15px;
}

.prog-bar {
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-bottom: 10px;
}

#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	padding-right: 0 !important;
	padding-left: 0 !important;
	/*padding-inline-start:0px !important;*/
}
#progressbar li {
	list-style-type: none;
	color: #d8d8d8;
	font-size: 18px;
	width: calc(100% / 4);
	display: block;
	float: right;
	position: relative;
	font-weight: bold;
	text-align: center !important;
	font-family: sahel;
}
@media screen and (min-width: 421px) and (max-width: 767px) {
	#progressbar li,
	#progressbar li.active {
		font-size: 14px !important;
	}
}

#progressbar li:nth-child(2):before {
	content: "";
}
#progressbar li:nth-child(3):before {
	content: "";
}
#progressbar li:before {
	content: "";
	/*font: normal normal normal 30px/50px Ionicons;*/
	width: 27px;
	height: 27px;
	line-height: 40px;
	display: block;
	background: #d8d8d8;
	border-radius: 50%;
	margin: 0 auto 10px auto;
	z-index: 0;
}
#progressbar li:after {
	content: "";
	width: 100%;
	height: 3px;
	background: #d8d8d8 !important;
	position: absolute;
	/*left: -50%;*/
	right: 0 !important;
	top: 13px;
	z-index: -1;
}
#progressbar li:last-child:after {
	width: 150%;
}
#progressbar li.active {
	color: #1ebc8b;
	font-weight: bold;
	font-size: 18px;
}
#progressbar li.active:before {
	background: #1ebc8b;
	color: white;
}
.address-form {
	direction: rtl;
	float: right;
	margin: auto;
}
.address-form #basket-list {
	width: 100%;
	overflow: hidden;
}
.rtl {
	padding-left: 0px;
	padding-right: 20px;
	direction: rtl;
}

.rtl label {
	padding-left: 0px;
	padding-right: 5px;
}

.rtl label::before {
	right: 2px;
}

/*.rtl label::after {
  left: auto;
  right: 0;
  margin-left: 0px;
  margin-right: -20px;
  padding-left: 0px;
  padding-right: 3px;

}*/
.rtl input[type="checkbox"] {
	margin-left: 0px;
}
.custom-control-label::before {
	color: #1eb887 !important;
	width: 25px !important;
	height: 25px !important;
}

.label::before {
	top: 3.5rem !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #1eb887 !important;
}

.add-form {
	border: 1px solid #9b9b9b;
	border-radius: 12px;
	margin-bottom: 30px !important;
	padding-top: 33px !important;
	padding-bottom: 30px !important;
	display: block;
	padding-right: 15px;
	padding-left: 15px !important;
	width: 100%;
	float: right;
	position: relative;
}

.add-form-one {
	line-height: 50px;
	padding-bottom: 30px;
}

.inner-label {
	margin-right: 40px !important;
	margin-left: 20px !important;
}

.name {
	/* position: absolute;
     top: 10px;
     right: 30px;
     width: 200px;
     height: 30px;*/
	font-family: Vazir;
	font-size: 20px;
	font-weight: bold;
	color: #616161;
}

.edit-x {
	/*position: absolute;
    top: 10px;
    right: 330px;
    width: 250px;
    height: 30px;*/
	font-family: Vazir;
	font-size: 20px;
	font-weight: bold;
}

.number2 {
	/* position: absolute;
     top: 55px;
     right: 30px;
     width: 300px;
     height: 30px;*/
	font-family: Vazir;
	font-size: 18px;
	font-weight: normal;
	color: #616161;
}

.postal-code {
	/* position: absolute;
     top: 55px;
     right: 330px;
     width: 250px;
     height: 30px;*/
	font-family: Vazir;
	font-size: 18px;
	font-weight: normal;
	color: #616161;
}

.address-x {
	/* position: absolute;
     top: 100px;
     right: 30px;
     width: 900px;
     height: 30px;*/
	font-family: Vazir;
	font-size: 18px;
	font-weight: normal;
	color: #616161;
	line-height: 30px;
	margin-bottom: 25px;
}

.edit-address {
	background: transparent !important;
	display: inline-block;
	border: none;
	font-size: 20px;
	font-weight: bold;
	color: #56b8cb;
	outline: none;
	float: right;
	margin-top: -5px;
	padding: 0 !important;
}

#googleMap {
	height: 276px;
	margin: auto;
}

.caption {
	color: #616161;
	float: right !important;
	font-weight: bold;
	font-size: 22px;
	font-family: Vazir;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
}

.caption {
	margin-bottom: 15px !important;
}

.custom-control-label {
	direction: rtl;
}

.add-ress {
	float: right;
}

.custom-control-label::before {
	position: absolute;
	/*top: 5.25rem !important;*/
	width: 1.2rem;
	height: 1.2rem;
}

.add-address {
	border: 2px solid #979797;
	border-radius: 20px;
	display: block;
	margin: auto;
	padding: 20px 50px 20px 50px;
	background-color: white;
	color: #616161;
	margin-bottom: 30px;
	font-family: Sahel !important;
	font-size: 22px !important;
}

@media screen and (max-width: 900px) {
	.edit {
		padding-right: 0 !important;
	}

	.info > td {
		padding-left: 0;
	}
}
.edit {
	padding-right: 22px !important;
}

@media screen and (min-width: 1000px) {
	.edit {
		padding-top: 7px !important;
		padding-right: 46px !important;
	}
}
.product .info .form-option {
	margin-bottom: 10px;
	max-width: 351px;
}
.product .info .form-option.checked {
	border-radius: 22px;
	margin-bottom: 15px;
}
.custom-control-input:checked ~ .custom-control-label::before {
	outline: none;
}

input:focus {
	outline: none !important;
}

.label {
	z-index: 1;
}

.continue {
	background-color: #1ebc8b;
	color: white;
	border: none;
	border-radius: 20px;
	padding: 24px 90px;
	margin: auto;
	margin-bottom: 30px;
	margin-top: 25px;
	display: block;
	font-family: Vazir;
	font-size: 22px;
}
.continue.disabled,
.a--continue.disabled,
.default__button.disabled,
.default__button.disabled:active,
.default__button.disabled:hover,
.default__button.disabled:focus,
.continue.disabled:hover,
.a--continue.disabled:hover {
	border: 1px solid #d8d8d8;
	background-color: #fff;
	color: #d8d8d8;
}
.cont-box {
	margin: auto;
}

label.select-day {
	/*width: 161px;
    height: 71px;*/
	border-radius: 6px;
	border: solid 1px #d8d8d8;
	padding-right: 0 !important;
	padding-left: 0 !important;
	font-size: 18px;
	font-family: Sahel;
	color: #616161;
	line-height: 1.2rem;
	padding-bottom: 0 !important;
}
.btn-group-toggle > label.btn.select-day.col-2.active {
	border: solid 2px #1ebc8b;
	background-color: rgba(86, 182, 139, 0.15);
	color: #1ebc8b;
	font-size: 20px;
	font-weight: bold;
}

.btn-group-toggle > label.btn.select-day.col-2.focus {
	outline: none !important;
	transition: none !important;
	box-shadow: none;
}

label.col-2 {
	width: 15.7% !important;
}

.btn-group-toggle {
	margin-top: 20px;
	padding-right: 6px !important;
}

.time-form {
	margin-right: 40px;
	margin-top: 20px;
	min-height: 2.5rem !important;
}

.post-sending-time {
	margin: auto;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	font-family: Vazir;
}

.divx > p {
	font-size: 20px;
	color: #616161;
	font-family: Vazir;
	margin-bottom: 8px;
}

.post-sending-time p {
	font-size: 20px;
	direction: rtl;
	padding: 5px;
}

.add-box {
	margin: auto;
	height: auto;
}

.poshtibani {
	margin: auto;
	text-align: center;
}

.poshtibani > p {
	font-size: 16px;
	font-family: Vazir;
}

.divy {
	text-align: left !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-size: 20px !important;
}

.divy > p {
	color: #616161;
	font-family: Vazir;
	margin-bottom: 8px;
}

/*.time-form > label::before {
  width: 1.5rem !important;
  height: 1.5rem !important;
}*/
.time-form > label {
	padding-right: 10px;
	padding-top: 4px;
}

.time-form {
	margin: 0.5rem;
}
.time-form input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.time-form input[type="radio"] + .radio-label:before {
	content: "";
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 23px !important;
	height: 23px !important;
	position: relative;
	top: 0em;
	margin-right: 1em;
	margin-left: 10px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}
.time-form input[type="radio"]:checked + .radio-label:before {
	background-color: #1ebc8b;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}
.time-form input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #1ebc8b;
}
.time-form input[type="radio"]:disabled + .radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.time-form input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
}

.add-form {
	margin: 0rem;
}
.add-form input[type="radio"] {
	position: absolute;
	opacity: 0;
	margin-top: 69px;
}
.add-form input[type="radio"] + .label:before {
	content: "";
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}
.add-form input[type="radio"]:checked + .label:before {
	background-color: #1ebc8b;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}
.add-form input[type="radio"]:focus + .label:before {
	outline: none;
	border-color: #1ebc8b;
}
.add-form input[type="radio"]:disabled + .label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.add-form input[type="radio"] + .label:empty:before {
	margin-right: 0;
}

.slider {
	margin: 0;
	padding: 20px;
	color: black;
	justify-content: center;
	margin-left: 50px;
}
.slick-p {
	position: absolute;
	top: 30px;
	left: -40px;
	color: #979797;
	font-size: 36px !important;
}

.slick-n {
	position: absolute;
	top: 30px;
	right: -20px;
	color: #979797;
	font-size: 36px !important;
}

.slider-outer {
	border-bottom: 1px solid #d8d8d8;
	position: relative;
	width: 100%;
	overflow: auto;
}
.slide {
	direction: rtl !important;
	padding: 0 !important;
}

.test {
	direction: rtl;
}
.test > div {
	position: relative;
	width: 240px;
	height: 65px;
	padding: 0;
	margin-left: 10px;
}
.product.product-page {
	min-height: 640px;
}
.product .wrapper {
	display: grid;
	grid-template-columns: 55% 45%;
	padding: 31px 37px;
	box-sizing: border-box;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background-color: #fff;
	margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
	.product .wrapper {
		grid-template-columns: 100%;
		/* grid-template-rows: 47px 177px 210px; */
		padding: 15px 18px 18px;
		min-height: 600px;
	}
	.product.product-page {
		min-height: 535px;
	}
}

.test > img {
	width: 96px !important;
	height: 65px;
	float: right;
	display: inline-block !important;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

.img-test {
	width: 94px;
	height: 65px;
}

.inner {
	width: 140px;
	display: inline-block !important;
	float: left;
	position: absolute;
	left: 0px;
	top: 5px;
	right: 95px;
}

.inner > p {
	font-size: 16px;
	color: black;
	font-family: Vazir;
}

.address-form {
	width: 100%;
}

.inner-label {
	position: relative;
}

/*#googleMap {
  position: absolute !important;
  top: 160px ;
  overflow: auto !important;
  width: 700px;
  height: 285px;
  margin: auto;
  right: 160px;

}*/
@media screen and (max-width: 1024px) {
	/* #googleMap {

       right: 30px;
       width:600px;

     }*/
	.slick-p {
		left: -50px;
	}

	.slick-n {
		right: -15px;
	}

	.divy {
		margin-left: 30px;
	}
}
@media screen and (max-width: 767px) {
	/* #googleMap {

       right: 30px;
       width:500px;

     }*/
	.number2 {
		font-size: 16px;
	}
	.caption {
		font-size: 16px;
	}
	.post-sending-time p {
		font-size: 14px !important;
	}
	.black-text {
		font-size: 18px;
	}
	.select-number {
		right: -26px !important;
		width: 101% !important;
		margin-top: 17px;
		margin-bottom: 11px;
		margin-left: 28px;
	}
	.km-product-in-cart-title {
		width: auto;
	}
	.km-product-in-cart-price {
		width: 34%;
		text-align: right;
		overflow: hidden;
	}
	.km-product-in-cart-price p {
		text-align: right;
	}
	.km-product-in-cart {
		padding: 13px 3px 13px 13px;
	}
	.km-product-in-cart-pic {
		height: 57px;
		padding-top: 1%;
		width: 21%;
		top: 13px;
	}
	.slick-p {
		left: -50px;
	}

	.slick-n {
		right: -10px;
	}

	.test > div {
		width: 190px;
	}

	.inner {
		width: 250px;
		top: 0;
		right: 70px;
	}

	.img-test {
		width: 70px;
		height: auto;
	}

	.divy {
		margin-left: 0;
	}
	.divy p {
		font-size: 18px;
	}

	.divx {
		margin-left: 54px;
	}
	.divx p {
		font-size: 16px;
	}
}
@media screen and (min-width: 1030px) {
	.divy {
		margin-left: 50px;
	}

	div.slider-outer > div > div > div > div {
		width: 280px !important;
	}
}
@media screen and (min-width: 421px) {
	.mobile-continue {
		display: none;
	}
}
@media screen and (max-width: 420px) {
	.full {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.address {
		padding-top: 5px !important;
		padding-bottom: 5px;
		margin-top: 5px;
	}

	.time {
		padding-top: 15px !important;
	}

	.peyk {
		margin-bottom: 5px;
	}

	.btn-group-toggle {
		margin-top: 5px !important;
	}

	.divy > p {
		font-size: 8px;
	}

	.divx > p {
		font-size: 12px;
		text-align: right;
		margin-bottom: 5px;
	}

	.post-sending-time > p {
		font-size: 8px;
	}

	.select-day > p {
		font-size: 8px;
		margin-bottom: 0.75rem;
	}

	label.btn {
		line-height: 1px;
		padding-bottom: 0 !important;
	}

	.add-form {
		padding-top: 15px !important;
		padding-left: 0 !important;
		margin-bottom: 15px !important;
		padding-right: 10px;
	}

	.address-form {
		margin-top: 0;
	}

	.time-form {
		padding-right: 0;
		margin-right: 5px;
		margin-bottom: 0 !important;
		min-height: 1.5rem !important;
	}

	.sending-time > form {
		line-height: 0.5rem !important;
	}

	.radio-label {
		font-size: 10px;
	}

	.radio-label::before {
		width: 25px !important;
		height: 25px !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		top: -6px !important;
	}

	.cont-box {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.continue {
		padding: 15px 60px;
		width: 90%;
		border-radius: 9px;
		margin: 2px 5%;
		font-size: 18px;
		bottom: 2px;
		z-index: 100;
	}

	.poshtibani > p {
		font-size: 8px;
		margin-bottom: 5px !important;
	}

	#progressbar {
		margin-bottom: 0;
	}

	#progressbar {
		margin-top: 15px !important;
	}

	#progressbar > li {
		font-size: 8px;
	}

	#progressbar > li.active {
		font-size: 8px;
	}

	#progressbar > li::before {
		width: 15px;
		height: 15px;
	}

	#progressbar > li::after {
		top: 7px;
	}

	.td-one {
		font-size: 10px !important;
	}

	.edit-address {
		font-size: 12px !important;
	}

	.add-box {
		font-size: 12px !important;
		padding-bottom: 10px;
	}

	#googleMap {
		height: 151px;
		margin: auto;
		float: right;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-right: 5px;
	}

	.slick-p {
		position: absolute;
		top: 0;
		left: 0;
		color: #979797;
		font-size: 18px !important;
	}

	.slick-n {
		position: absolute;
		top: 0;
		right: -25px;
		color: #979797;
		font-size: 18px !important;
	}

	.name {
		/*position: absolute;
        top: 10px;
        right: 15px;
        width: 140px;
        height: 30px;*/
		font-size: 12px;
		font-weight: bold;
		color: #616161;
	}

	.edit-x {
		/*position: absolute;
        top: 10px;
        right: 140px;
        width: 125px;
        height: 30px;*/
		font-size: 12px;
		font-weight: bold;
	}

	.edit-address {
		float: left;
	}

	.number2 {
		/*position: absolute;
        top: 40px;
        right: 15px;
        width: 100px;
        height: 30px;*/
		font-size: 10px;
		font-weight: normal;
		color: #616161;
	}

	.postal-code {
		/*position: absolute;
        top: 40px;
        right: 140px;
        width: 100px;
        height: 30px;*/
		font-size: 8px;
		font-weight: normal;
		color: #616161;
		text-align: left;
	}

	.address-x {
		/*position: absolute;
        top: 70px;
        right: 15px;
        width: 200px;
        height: 100px;*/
		font-size: 10px;
		font-weight: normal;
		color: #616161;
		line-height: 15px !important;
		margin-bottom: 15px;
	}

	.label::before {
		top: 2rem !important;
		width: 1.5rem !important;
		height: 1.5rem !important;
	}

	#add-form-one {
		/*height: 130px !important;*/
		padding-bottom: 0 !important;
	}

	.add-form-one {
		line-height: 25px;
		padding-bottom: 15px !important;
	}

	.inner-label {
		margin-right: 30px !important;
		margin-left: 15px !important;
	}

	.post-sending-time {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.add-address {
		border-radius: 9px;
		font-size: 12px !important;
		padding: 10px 41px;
		margin-bottom: 0;
		margin-top: 0;
	}

	.caption {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 5px !important;
	}

	.label {
		z-index: 1;
	}

	.slider {
		margin: 0 !important;
		padding: 0;
		padding-bottom: 10px;
		color: black;
		justify-content: center;
	}

	.test {
		direction: rtl;
	}

	.test > div {
		position: relative;
		width: 110px;
		height: 30px;
		padding: 0;
	}

	.test > img {
		width: 40px !important;
		height: 28px;
		float: right;
		display: inline-block !important;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
	}

	.img-test {
		width: 40px;
		height: 28px;
	}

	.inner {
		width: 60px;
		display: inline-block !important;
		float: left;
		position: absolute;
		left: 0px;
		top: 5px;
		right: 40px;
	}

	.inner > p {
		font-size: 10px;
		color: black;
	}

	div.slider-outer > div > div {
		padding: 0 !important;
	}

	div.slider-outer > div > div > div > div {
		width: 150px !important;
	}

	div.slider-outer > div {
		padding-right: 0 !important;
		margin-left: 10px;
	}

	.slick-prev::before {
		z-index: 1;
	}

	.cont-box {
		display: none;
	}

	.black-text {
		font-size: inherit;
	}

	.post {
		margin-bottom: 3px;
	}

	.divx {
		margin-left: 0;
	}
}

/*# sourceMappingURL=index.css.map */

/************** End New Shipping Page Styles *******************/

@media only screen and (max-width: 767px) {
	.pack-part1 h1 {
		margin-top: 2px;
		font-size: 13px;
		top: 0%;
		left: 3%;
	}
	.pack-part1 p {
		top: 0;
		margin-top: 21px;
		left: 4%;
	}
	.pack-part2,
	.pack-part3,
	.pack-part4,
	.pack-part5,
	.pack-part6 {
		margin-top: 40px;
	}
	.pack-part4 {
		text-align: center;
		padding-bottom: 25px;
	}
	.pack-part4 p {
		padding: 0;
		display: block;
	}
	.pack-part4 a {
		margin: 0 auto 20px auto;
		float: none !important;
	}
	.pack-part3 {
		overflow: scroll;
	}
	.pack-part3 img {
		width: 800px;
		max-width: 900px;
	}
}
/* END Package view */
.cart-progress {
	margin-bottom: 60px;
	position: relative;
}
.cp-pipe {
	display: inline-block;
	width: 28%;
	border: 1px solid #e0e0e0;
	border-width: 1px 0 0;
	top: 85px;
	position: absolute;
	right: 19%;
}
.cp-pipe-sec {
	right: 52%;
}
.cp-dot {
	display: inline-block;
	width: 32.4%;
	height: 100px;
	margin-top: 20px;
	vertical-align: top;
}
.cp-dot div {
	width: 90px;
	height: 70px;
	margin: auto;
}
.cp-dot p {
	background: url(../../images/template/progress.png) no-repeat top center;
	color: #aeaeae;
	font-size: 1.1em;
	text-align: center;
	padding-top: 20px;
	margin-top: 5px;
}
.cp-dot.active p {
	background: url(../../images/template/progress-on.png) no-repeat top center;
	color: #717171;
	font-weight: bold;
}
.cp-cart div {
	background: url(../../images/template/progress-cart.png) no-repeat center;
}
.cp-cart.active div {
	background: url(../../images/template/progress-cart-on.png) no-repeat center;
}
.cp-shipping div {
	background: url(../../images/template/progress-shipping.png) no-repeat
		center;
}
.cp-shipping.active div {
	background: url(../../images/template/progress-shipping-on.png) no-repeat
		center;
}
.cp-approve div {
	background: url(../../images/template/progress-approve.png) no-repeat center;
}
.cp-approve.active div {
	background: url(../../images/template/progress-approve-on.png) no-repeat
		center;
}
.cp-dot span {
	color: #aeaeae;
	font-size: 0.9em;
	text-align: center;
	display: block;
}
/**/
.post-inner .farmer-card {
	position: relative;
	min-width: 260px;
	width: auto;
	max-width: 290px;
	display: inline-block;
	margin: auto;
}
.farmer-badges {
	overflow: hidden;
	margin: 10px 0;
	background: #f3f4f4;
	padding: 10px 0;
}
.farmer-badges div {
	margin: 10px 0;
	overflow: hidden;
	height: 59px;
}
.farmer-badges span {
	float: right;
	width: 80px;
}
.farmer-badges p {
	padding-top: 9px;
	text-align: right;
	font-size: 13px;
}
video {
	max-width: 100%;
}
.centered-header {
	text-align: center;
	margin: 50px 0 20px 0;
	font-size: 22px;
}
.login-code-error {
	font-size: 13px;
	color: red;
	margin: 4px;
	display: none;
}
.send-again-code {
	display: block;
	text-align: center;
	font-size: 14px;
	height: 35px;
	color: #56b8cb;
}
.mobile-ver-loading {
	font-size: 14px;
	color: green;
	margin: 8px;
	display: none;
}
.number {
	direction: ltr;
	border-radius: 3px;
	border: 1px solid #76b776;
	font-size: 15px;
	line-height: 30px;
	letter-spacing: 5px;
	text-align: center;
}
.number::-webkit-outer-spin-button,
.number::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.farmer-sound {
	width: 10px;
	margin-right: 5px !important;
	cursor: pointer;
	display: inline-block !important;
}
.slogan {
	font-weight: bold;
	color: #fff;
	margin-top: -50px;
	font-size: 29px;
	text-shadow: 0px 0px 15px #000;
}
.blog-sidebar {
	padding: 0;
}
.sidebar-popular ul,
.sidebar-news ul,
.sidebar-cats {
	list-style: none;
	box-shadow: 0 0 3px #cacaca;
	padding: 5px;
}
.sidebar-popular li a,
.sidebar-news li a,
.sidebar-cats li a,
.sidebar-sub li a {
	overflow: hidden;
	width: 100%;
	display: block;
	color: #2d2d2d;
	padding: 6px 0;
	border-bottom: 1px solid #f2f2f2;
}
.sidebar-popular li a:hover,
.sidebar-news li a:hover,
.sidebar-sub li a:hover {
	text-decoration: none;
}
.sidebar-popular li a img,
.sidebar-news li a img,
.sidebar-sub li a img {
	width: 90px;
	float: right;
	padding: 6px;
}
.sidebar-cats li {
	position: relative;
}
.sidebar-sub {
	position: absolute;
	list-style: none;
	right: 0%;
	top: 0;
	z-index: 100;
	background: #fff;
	padding: 5px;
	box-shadow: 0 0 3px #cacaca;
	visibility: hidden;
	width: 100%;
	transition: right 0.5s ease;
}
.cart-farmers-table img {
	width: 100px;
	border-radius: 3px;
	box-shadow: 1px 1px 5px #7b7b7b;
}
/*START --- more sellers badge style in product page */
.cart-farmers-table .km-badges img {
	box-shadow: none;
	max-height: 50px;
	width: auto;
}
.modal-dialog .km-badges {
	display: flex;
	width: 100%;
	text-align: center;
}
.km-badges__span {
	position: relative;
	height: 20px;
	padding: 0 2px;
}
.km-badges__span b {
	position: absolute;
	top: 12px;
	right: 0;
	left: 0;
}
/*END --- more sellers badge style in product page */
.cart-boxes .btn {
	margin-left: 23px;
}
.landing-view {
	max-width: 1300px;
	margin: auto;
}
.landing-view .header {
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	padding-top: 30px;
	margin: 0;
}
.fixed-buy {
	position: fixed;
	bottom: 6px;
	background: transparent;
	z-index: 10;
	width: 100%;
	text-align: center;
	right: 0;
}
.instant-delivery {
	position: absolute;
	top: 6px;
	right: 6px;
}
.farmer-cslide .instant-delivery {
	top: 92px;
}
/*Page wiki*/
.glyphicon {
	margin-right: 10px;
}
.panel-body {
	padding: 0px;
}
.panel-body table tr td {
	padding-left: 15px;
}
.panel-body .table {
	margin-bottom: 0px;
}
/*END ---Page wiki*/
.home-slide-button-c {
	z-index: 3;
	position: relative;
	width: 300px;
	margin: auto;
	height: 70px;
	z-index: 200;
}
.home-slide-button {
	width: 100%;
	height: 70px;
	text-align: right;
	padding: 0 20px;
	border-radius: 20px;
	background: #1ebc8b;
	border: 3px solid #1ebc8b;
	line-height: 70px;
	transition: all 0.5s;
	overflow: hidden;
	z-index: 1000;
}
.home-slide-button span {
	font-size: 34px;
	position: absolute;
	right: 25px;
	top: 6px;
}
.home-slide-button-c a,
.home-slide-button-c p {
	display: block;
	color: #fff;
	text-align: right;
	padding-right: 37px;
	height: 57px;
	font-size: 27px;
	margin: 0;
}
.home-slide-button-c a {
	padding-right: 43px;
}
.home-slide-button-c a:last-of-type {
	margin-bottom: 10px;
}
.home-slide-button.hover a {
	color: #1ebc8b;
}
.home-slide-button.hover p {
	color: #757575;
}
.home-slide-button span:after {
	content: "+";
}
.home-slide-button.hover span:after,
.home-slide-button.hover span {
	right: 30px;
	top: 6px;
	content: "-";
	transform: scale(2, 1);
}
.home-slide-button.hover {
	background: #fff;
	height: auto;
}
.home-slide-button.hover .home-slide-button {
	position: absolute;
	left: 0;
	top: 0;
}

@media only screen and (min-width: 1300px) {
	/* Ultra wide Screens */
	.offer-pop {
		width: 800px;
	}
	.home-slider .slide {
		height: 600px;
	}
	.offer-pop-submit {
		font-size: 15px;
	}
	#w1-collapse {
		margin: auto;
	}
	.container {
		width: 1350px;
		max-width: 100%;
	}
}

@media only screen and (min-width: 910px) and (max-width: 1300px) {
	/* Wide Screens */
	.offer-pop {
		width: 800px;
	}
	#w1-collapse {
		margin: 0 -22px;
	}
	.sidebar-cats li:hover .sidebar-sub {
		visibility: visible;
		right: 100%;
	}
	.farmer-content .farmer-card {
		right: 0;
		left: auto;
		margin-left: 0;
		position: fixed;
	}
}
@media only screen and (min-width: 768px) and (max-width: 910px) {
	/* Classic Screens */
	.offer-pop {
		width: 800px;
	}
	#w1-collapse {
		margin: 0 -22px;
	}
	.sidebar-cats li:hover .sidebar-sub {
		visibility: visible;
		right: 100%;
	}
	.farmer-content .farmer-card {
		position: static;
		margin: 20px auto;
	}
	.farmer-content .farmer-info {
		float: none;
		width: 96%;
	}
}
@media only screen and (max-width: 767px) {
	/* Mobile Screens */
	.farmer-menu li {
		font-size: 11px;
	}
	.home-slider .slider-card {
		margin: 35px 10% 0;
		width: 80%;
	}
	.farmer-content .farmer-card {
		position: static;
		margin: 20px auto;
	}
	.farmer-info {
		float: none;
		width: 96%;
	}
	.home-slider .slide {
		min-height: 430px;
	}
	.home-slider .slide > img {
		min-height: 485px;
	}
	.home-slide4 h2,
	.home-slide3 h2 {
		margin: 40px auto 10px;
	}
	.home-slide3 h2 {
		font-size: 20px;
		background: #fbfbfb;
		margin: 20px auto 10px;
		width: auto;
	}
	.home-products {
		padding-top: 40px;
	}
	.home-sargol,
	.home-dom,
	.home-daste {
		width: 100%;
	}
	.home-products img {
		max-width: 65%;
		margin-top: 10px;
	}
	.home-products h2 {
		margin-top: 0;
	}
	.footer .row div {
		margin: 5px 0;
	}
	.home-slider {
		padding-top: 0;
	}
	.home-slide4 {
		padding-bottom: 20px;
	}
	.home-slider .slide::before {
		background: none;
	}
	.farmer-cslide {
		height: 350px;
		width: 275px;
		margin: -13px 29px 25px;
	}
	.farmer-cslide p {
		margin: 35px 15px 0;
		height: 90px;
	}
	.farmer-cslide .instant-delivery {
		top: 2px;
	}
	.farmer-cslide .image-cslide {
		top: 45px;
	}
	.farmer-cslide h3 {
		margin: -24px 25px 14px;
		color: #f3f3f3;
		text-shadow: 0px 4px 6px #000;
	}
	.farmer-cslide .badges {
		margin: 5px 0 10px;
		height: 55px;
	}
	.saf-type a span {
		display: block;
	}
	#grid .box,
	#grid .box2,
	#grid .box3 {
		width: 100%;
	}
	.farmers-options .col-xs-12 {
		margin-top: 5px;
		border-top: 1px solid #e6e6e6;
		padding-top: 5px;
	}
	.home-about .ss {
		padding-top: 193px;
		font-size: 18px;
	}
	.home-about .slogan {
		font-size: 21px;
	}
	.home-about .home-down {
		display: block;
		width: 115px;
		margin: 4px auto 0 auto;
	}
	.home-about {
		padding-top: 158px;
	}
	.home-slide2 h2 {
		font-size: 18px;
		padding-top: 0px;
	}
	.home-attr.row {
		margin-top: 5px;
	}
	.home-attr h3 {
		margin-top: 0;
		font-size: 13px;
	}
	.home-attr p {
		font-size: 10px;
		padding: 0 2%;
	}
	.home-attr ul li {
		margin-top: 0px;
	}
	.home-attr .video {
		padding: 0 7px 0 3px;
	}
	.carousel-control.left,
	.carousel-control.right {
		padding-top: 15%;
	}
	.site-comment {
		margin-bottom: 0;
	}
	.someone div {
		overflow: hidden;
	}
	.someone p {
		height: 101px;
	}
	.site-comment .someone {
		margin-top: 0px;
	}
	.someone img {
		max-width: 47px;
	}
	.someone .com-head p {
		margin: 20px 0 0 0;
	}
	.slider .slide > img {
		display: none;
	}
	.product-index .farmer-card {
		margin: 64px 17px 0;
		display: none;
	}
	.home-slider .slide {
		min-height: 495px;
	}
	.home-slider .slide-next,
	.home-slider .slide-prev {
		filter: invert(100%);
		width: 23%;
		margin-right: -18px;
	}
	.home-slider .slide-next {
		margin-left: -27px;
	}
	.home-slide4 ul {
		margin: 9px auto 0;
	}
	.home-slide5 {
		padding: 5px;
	}
	.home-products div {
		padding: 2px;
	}
	.home-products div h2 {
		font-size: 17px;
	}
	.home-products div p {
		font-size: 12px;
	}
	.footer {
		background-size: contain;
		margin-top: 40px;
	}
	.copyright span {
		padding-bottom: 60px;
	}
	.product-index {
		margin-top: -20px;
	}
	.saf-type {
		margin-bottom: 3px;
	}
	.prdct-img {
		max-width: 45%;
		padding-top: 0px;
		border-radius: 40px;
		overflow: hidden;
		box-shadow: 2px 2px 10px #545454;
		position: absolute;
		left: 14%;
		width: 55px;
		height: 55px;
		top: 27px;
	}
	.package-part .prdct-img {
		margin: auto;
		position: relative;
		width: 200px;
		top: 5px;
		right: 0px;
	}
	.package-part .prdct-img img {
		width: 100%;
	}
	.package-part .package-name {
		display: inline-block;
	}
	.product-index .badges span b {
		top: 6px;
		font-size: 12px;
	}
	.prdct-card {
		margin-top: 0;
	}
	.prdct-num {
		margin: 7px auto;
		font-size: 17px;
		padding: 0 !important;
	}
	.product-index .add-to-cart {
		margin: 0 3%;
		width: 94%;
		font-weight: bold;
		font-size: 17px;
	}
	.product-index #pack-buy .add-to-cart {
		margin: 0;
		padding: 8px 0;
	}
	.package-items {
		padding: 0 !important;
		margin: 15px 0 10px 0 !important;
	}
	.prdct-dtl ul {
		margin-bottom: 10px;
	}
	.prdct-dtl .right-dtl {
		margin-top: 9px;
	}
	.cart-product-img {
		margin: 0;
	}
	.prdct-dtl li {
		font-size: 10px;
		width: 48%;
		margin: 0;
	}
	.package-items li {
		width: 100%;
	}
	.prdct-dtl .col-xs-6 {
		padding: 2px;
	}
	.prdct-dtl h2 {
		font-size: 15px;
		margin: 10px 0;
		text-align: center;
		line-height: 23px;
		font-weight: normal;
	}
	.prdct-dtl h2 span {
		display: block;
	}
	.saf-type {
		margin-top: 20px;
	}
	.saf-type a {
		padding-bottom: 15px;
	}
	.cart-login h2 {
		font-size: 18px;
		line-height: 30px;
	}
	.cart-login .cart-call-helper {
		font-size: 12px;
	}
	.home-about .btn-success {
		margin: 10px 0;
	}
	.home-slider .farmer-card {
		width: 85%;
	}
	.pro-pop {
		width: 93%;
	}
	.pro-pop .pro-right {
		width: 100%;
	}
	.pro-pop .pro-right .l1 {
		margin: 17px 0 0;
		text-align: center;
		font-size: 60px;
	}
	.pro-pop .pro-right .l2 {
		margin: 0;
		text-align: center;
		font-size: 30px;
	}
	.pro-pop .pro-right .l3,
	.pro-pop .pro-right .l4 {
		margin: 10px 0 0;
		text-align: center;
		font-size: 31px;
	}
	.pro-pop .pro-right .l4 {
		margin-top: 0;
	}
	.pro-pop .pro-left {
		width: 100%;
	}
	.pro-pop .pro-left img {
		margin: 0 30px;
	}
	.pro-pop .pro-left .l5,
	.pro-pop .pro-left .l6 {
		margin: 2px 30px;
	}
	.pro-pop .pro-left input {
		margin: 5px auto !important;
		display: block;
	}
	.pro-pop .pro-left input[type="submit"] {
		margin-bottom: 15px !important;
	}
	.offer-pop .pop-right {
		width: 100%;
	}
	.offer-pop .pop-right img {
		margin-top: -253px;
	}
	.offer-pop .pop-left {
		width: 100%;
		margin-top: -120px;
		background: #fff;
	}
	.offer-pop .btn {
		margin: 5px auto;
		padding: 8px 0;
		display: block;
		width: 70%;
		text-align: center;
		float: none !important;
	}
	.offer-pop .pop-left p {
		font-size: 13px;
	}
	.package-part .prev-package {
		width: 35%;
		border: none;
		display: block;
		position: relative;
		margin: auto;
		float: none;
	}
	.mobile-border-bottom {
		padding-bottom: 10px;
	}
	.mobile-border-bottom::after {
		border-bottom: 1px solid #ddd !important;
		padding-bottom: 10px;
		content: " ";
		width: 80%;
		position: absolute;
		left: 10%;
		bottom: 0;
	}
	.post-inner .offer-pop-name {
		width: 100%;
		margin: 10px 0;
	}
	.post-inner .offer-pop-email {
		width: 58%;
		margin: 10px 0 10px 0;
	}
	.post-inner .offer-pop-submit {
		width: 42%;
		margin: 10px 0 10px 0;
	}
	.farmer-badges span {
		width: 60px;
	}
	.farmer-badges div {
		padding: 0 0 0 5px;
	}
	.farmer-badges p {
		padding-top: 2px;
		font-size: 12px;
	}
	.cart-farmers-table {
		font-size: 12px;
	}
	.cart-farmers-table img {
		width: 50px;
	}
	.address-selector label {
		font-size: 12px;
	}
	.address-selector {
		width: 100%;
	}
	.cp-dot div {
		width: 42px;
		height: 51px;
		background-size: contain !important;
	}
	.cp-dot span {
		font-size: 10px;
		margin-top: -8px;
	}
	.cart-progress {
		margin-bottom: 20px;
	}
	.cart-review table {
		font-size: 12px;
	}
	.cart-review table td {
		padding: 8px 2px !important;
	}
	.mobile-sm {
		font-size: 10px;
	}
	.copen-box input[type="text"] {
		width: 123px;
	}
	.cart-boxes .btn {
		font-size: 14px;
		margin: 10px;
		width: 185px;
	}
	.copen-box {
		padding: 0px 8px 0;
		margin: 10px 0 0 0;
		width: 40%;
	}
	.dynamic-section h2 {
		font-size: 20px;
	}
	.landing_cards .farmer-cslide {
		margin: 40px 0;
	}
	.dynamic-section {
		padding: 20px 0 25px 0;
	}
	.landing-view .header {
		font-size: 22px;
	}
	.pack-part6 .one a,
	.pack-part4 a {
		font-size: 18px;
		width: 255px;
		margin: auto;
	}
	.pack-part6 .company input[type="text"] {
		width: 117px;
	}
}

/* *************************************** START NEW PRODUCT PAGE STYLES ***************************************************** */

.wrapper {
	width: 1320px;
	max-width: 100vw;
	margin: 0 auto;
}
@media screen and (max-width: 1320px) {
	.wrapper {
		width: 100%;
	}
}

.hidden {
	display: none;
}

/* Slider */
.slick-loading .slick-list {
	/*background: #fff url("/ajax-loader.c7309945.gif") center center no-repeat;*/
}

/* Icons */
@font-face {
	font-family: "slick";
	src: url("fonts/slick.045c4017.eot");
	src: url("fonts/slick.045c4017.eot?#iefix") format("embedded-opentype"),
		url("fonts/slick.94a7f66a.woff") format("woff"),
		url("fonts/slick.b9dba7ae.ttf") format("truetype"),
		url("fonts/slick.4b827cfa.svg#slick") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: #717171;
	z-index: 10;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}
[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px;
}
.slick-prev:before {
	font-family: "Glyphicons Halflings";
	content: "\e079";
}
[dir="rtl"] .slick-prev:before {
	font-family: "Glyphicons Halflings";
	content: "\e080";
}

.slick-next {
	right: -25px;
}
[dir="rtl"] .slick-next {
	left: -25px;
	right: auto;
}
.slick-next:before {
	font-family: "Glyphicons Halflings";
	content: "\e080";
}
[dir="rtl"] .slick-next:before {
	font-family: "Glyphicons Halflings";
	content: "\e079";
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	color: black;
	opacity: 0.75;
}

.wrapper {
	width: 1320px;
	max-width: 100vw;
	margin: 0 auto;
}
@media screen and (max-width: 1320px) {
	.wrapper {
		width: 100%;
	}
}

.hidden {
	display: none;
}
.justify-content-center {
	justify-content: center;
}

@media screen and (min-width: 768px) {
	.only-mobile {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.not-in-mobile {
		display: none;
	}
}

.wrapper {
	width: 1320px;
	max-width: 100vw;
	margin: 0 auto;
}
@media screen and (max-width: 1320px) {
	.wrapper {
		width: 100%;
	}
}

.hidden {
	display: none;
}

header {
  width: 100vw;
  /* -webkit-box-shadow: rgb(0 0 0 / 4%) 0 7px 8px 0; */
  /* box-shadow: 0 7px 8px 0 rgb(0 0 0 / 4%);  */
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  header {
    min-height: 50px;
  }
}
header .wrapper {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 767px) {
	header .wrapper {
		justify-content: center;
	}
}
header #logo-text {
	display: none;
}
header .logo {
	height: 62px;
}
@media screen and (max-width: 767px) {
	header .logo {
		height: 23px;
	}
}
header .navigation {
	display: flex;
	width: 550px;
	justify-content: space-between;
	align-items: center;
}
@media screen and (max-width: 767px) {
	header .navigation {
		display: none;
	}
}
header .navigation li {
	display: flex;
	flex: 0 0 auto;
	font-size: 15px;
	font-weight: bold;
}
header .navigation li a {
	padding: 20px 10px;
}

.wrapper {
	width: 1320px;
	max-width: 100vw;
	margin: 0 auto;
}
@media screen and (max-width: 1320px) {
	.wrapper {
		width: 100%;
	}
}

.hidden {
	display: none;
}

.breadcrumb {
	margin: 20px 20px 15px;
	padding: 8px 8px;
	font-size: 12px;
	min-height: 35px;
}
.container .breadcrumb {
	margin: 20px 0 15px;
}
.breadcrumb ul {
	display: flex;
	align-items: center;
}
.breadcrumb ul li {
	position: relative;
	font-size: 18px;
}
.breadcrumb ul li:not(:last-child) {
	margin-left: 20px;
}
.breadcrumb ul li:not(:last-child) a,
.breadcrumb ul li:not(:last-child) a:visited,
.breadcrumb ul li:not(:last-child) a:hover,
.breadcrumb ul li:not(:last-child) a:active {
	color: #616161;
}
.breadcrumb ul li:not(:last-child):after {
	content: ">";
	position: absolute;
	top: 3px;
	left: -15px;
}
.breadcrumb ul li:last-child a,
.breadcrumb ul li:last-child a:visited,
.breadcrumb ul li:last-child a:hover,
.breadcrumb ul li:last-child a:active {
	color: #1ebc8b;
}
@media screen and (max-width: 767px) {
	.breadcrumb ul li {
		font-size: 10px;
		margin-right: 11px;
	}
}

.wrapper {
	width: 1320px;
	max-width: 100vw;
	margin: 0 auto;
}
@media screen and (max-width: 1320px) {
	.wrapper {
		width: 100%;
	}
}

.hidden {
	display: none;
}

.add-to-cart,
.product .info .form-action button {
	width: 351px;
	max-width: 100%;
	height: 83px;
	border-radius: 20px;
	box-shadow: 0 24px 45px -12px rgba(86, 182, 139, 0.4);
	background-color: #1ebc8b;
	font-size: 27px;
	font-weight: 500;
	color: #ffffff;
}
.add-to-cart.only-mobile,
.product .info .form-action button.only-mobile {
	font-size: 18px;
	height: 42px;
	border-radius: 9px;
	margin: 27px 20px 13px;
}

.name,
.product .info .name {
	font-size: 28px;
	color: black;
	font-weight: bold;
	margin-bottom: 36px;
	flex: 0 0 20%;
	height: 60px;
}
@media screen and (max-width: 767px) {
	.product .wrapper .name {
		font-size: 16px;
		font-family: "vazir-bold";
		z-index: 2;
		text-align: center;
	}
}
.product .gallery {
	position: relative;
}
.product .gallery .share {
	position: absolute;
	top: 0;
	right: -13px;
}
.product .gallery .seller {
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	width: 97px;
	height: 97px;
	z-index: 10;
}
.product .gallery-active {
	width: 100%;
	direction: ltr;
}
.gallery-thumbnails,
.product .gallery-active,
.product-list__banner--container {
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.product .gallery-active.slick-initialized,
.gallery-thumbnails.slick-initialized,
.product-list__banner--container.slick-initialized {
	visibility: visible;
	opacity: 1;
}
@media screen and (max-width: 767px) {
	.product .gallery {
		grid-row: 2;
		height: 177px;
	}
	.product .gallery .share {
		right: initial;
		left: 16px;
		top: -48px;
	}
	.product .gallery .seller {
		left: 20px;
		top: initial;
		bottom: 0;
		width: 52px;
		height: 52px;
	}
}
.product .info {
	flex-direction: column;
	/* display: flex; */
	justify-content: space-evenly;
	padding-right: 25px;
}
@media screen and (max-width: 767px) {
	.product .info .name {
		display: none;
	}
	.product .info {
		display: block;
	}
}
.product .info .features,
.product .info .features a {
	color: #616161;
	margin-bottom: 37px;
}
.product .info .features a:hover {
	cursor: pointer;
	text-decoration: none;
	color: #999;
}
.product .info .features li {
	display: flex;
	align-items: center;
}
.product .info .features li:not(:last-child) {
	margin-bottom: 6px;
}
.product .info .features .image {
	height: 40px;
	width: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 18px;
}
.product .info .features .image img {
	max-height: 41px;
	padding-bottom: 4px;
}
.product .identity-reference .image,
.product .lab-reference .image {
	cursor: pointer;
}
.product .info .form-option label {
	border-radius: 8px;
	border: solid 1px #d8d8d8;
	padding: 13px 13px 13px 11px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	color: #616161;
	position: relative;
	transition: all 0.2s ease-out;
	margin: 0;
}
.product .info .form-option label:before,
.product .info .form-option label:after {
	content: "";
	position: absolute;
	top: 18px;
	left: 18px;
	width: 11px;
	height: 11px;
	background-color: white;
	border-radius: 50%;
	transition: all 0.2s ease-out;
}
.product .info .form-option label:before {
	top: 16px;
	left: 16px;
	width: 15px;
	height: 15px;
	background-color: transparent;
	border: 2px solid #d8d8d8;
}
.product .info .form-option label .icon {
	width: 25px;
	display: flex;
	justify-content: center;
	margin-left: 8px;
}
.product .info .form-option label .icon img {
	width: 100%;
}
.product .info .form-option label .title {
	display: flex;
	align-items: center;
}
.product .info .form-option.checked label {
	border-color: #1ebc8b;
	background-color: rgba(86, 182, 139, 0.1);
}
.product .info .form-option.checked label:after {
	background-color: #1ebc8b;
}
.product .info .form-option.checked label:before {
	border-color: #1ebc8b;
}
.product .info .form-option input {
	opacity: 0;
	visibility: hidden;
}
.form__limited-shipping {
	margin: 20px 0;
}
.shipping__icon_div {
	width: 40px;
	text-align: center;
	margin-left: 10px;
}
.shipping__icon_div .shipping__icon {
	height: 18px;
}
.shipping__icon_div .shipping__icon.truck {
	height: 15px;
}
.form__limited-shipping .d-flex:nth-of-type(2) .shipping__icon {
	height: 20px;
}
.product .info .form-price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 351px;
	margin: 28px 0;
}
.product .info .form-price-view {
	font-weight: bold;
	font-size: 26px;
	color: #616161;
}
.product .info .form-count {
	border-radius: 28px;
	border: 0.5px solid #b4b4b4;
	display: flex;
	width: 160px;
	height: 51px;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 3px;
	white-space: nowrap;
}
.product .info .form-count label .title {
	color: #000;
	font-size: 14px;
}
.product .info .form-count label input {
	border: none;
	width: 20px;
	background-color: transparent;
	color: #000;
	font: inherit;
	text-align: center;
	-moz-appearance: textfield;
}
.product .info .form-count label input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.product .info .form-count button {
	background: none;
	border: none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 0.5px solid #b4b4b4;
	padding: 0;
	cursor: pointer;
	flex: 0 0 44px;
}
.product .info .form-count button img {
	width: 16px;
}
.buy-form {
	flex: 1 0 225px;
}
.product .info .feature {
	flex: 0 0 43%;
	height: 200px;
}
@media screen and (max-width: 767px) {
	.product .info .form-action button {
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) {
	.product .info .features {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		margin-top: 20px;
		margin-bottom: 10px;
		padding: 0;
	}
	.product .info .features li {
		display: block;
		width: 85px;
		text-align: center;
		font-size: 10px;
		padding-top: 10px;
		line-height: 1.5;
		margin: 0 10px;
	}
	.product .info .features li .image {
		width: 58px;
		height: 30px;
		margin: auto;
		margin-bottom: 5px;
		margin-top: -7px;
	}
	.product .info .features li .image img {
		max-height: 30px;
		padding-bottom: 0;
	}
	.product .info .form-option {
		grid-row: 2;
		margin-top: 5px;
		margin-bottom: 7px;
	}
	.product .info .form-option label {
		width: 100%;
		height: 40px;
		margin-left: 0;
		font-size: 10px;
	}
	.product .info .form-option label .icon {
		width: 25px;
		height: 18px;
	}
	.product .info .form-option label:after {
		top: 10px;
		left: 10px;
	}
	.product .info .form-option label:before {
		top: 8px;
		left: 8px;
	}
	.product .info .form-price {
		grid-row: 3;
		margin: 17px auto 10px;
		width: 100%;
		padding-top: 10px;
	}
	.product .info .form-price-value {
		font-size: 14px;
	}
	.product .info .form-count {
		height: 43px;
		font-size: 14px;
		width: 135px;
		padding: 2px;
	}
	.product .info .form-count input,
	.product .info .form-count .title {
		font-size: 11px !important;
		margin-top: 3px;
	}
	.product .info .form-count label input {
		width: 12px;
	}
	.product .info .form-count button {
		width: 37px;
		height: 37px;
		flex: 0 0 37px;
	}
}
.product .gallery {
	padding: 0 25px 0 30px;
}
.product .gallery .slick-slide {
	position: relative;
}
.product .gallery .slick-slide img:not(.seller) {
	width: 100%;
	margin: 0 auto;
	object-fit: cover;
}
.product .gallery .slick-slide:focus {
	outline: none;
}
.product .gallery-active {
	margin-bottom: 42px;
}
.product .gallery-active .slick-slide {
	padding: 10px;
}
@media screen and (max-width: 767px) {
	.product .gallery-active .slick-slide {
		height: 162px;
	}
	.product .gallery-active .slick-slide img:not(.seller) {
		height: 100%;
		width: 215px;
	}
}
.product .gallery-thumbnails .slick-slide {
	margin: 0 10px;
	padding: 5px;
	border: 1px solid rgba(155, 155, 155, 0.3);
}
.product .gallery-thumbnails-container {
	position: relative;
	direction: ltr;
}
.product .gallery-thumbnails-container .prev-custom-arrow,
.product .gallery-thumbnails-container .next-custom-arrow {
	position: absolute;
	top: calc(50% - 12px);
	left: -25px;
	cursor: pointer;
}
.product .gallery-thumbnails-container .next-custom-arrow {
	left: initial;
	right: -25px;
}
@media screen and (max-width: 767px) {
	.product .gallery-thumbnails {
		display: none;
	}
	.product .gallery {
		padding: 0 30px 0 30px;
	}
	.product .gallery-thumbnails-container .prev-custom-arrow,
	.product .gallery-thumbnails-container .next-custom-arrow {
		display: none !important;
	}
}

.wrapper {
	width: 1320px;
	max-width: 100vw;
	margin: 0 auto;
}
@media screen and (max-width: 1320px) {
	.wrapper {
		width: 100%;
	}
}

.hidden {
	display: none;
}

.description {
	margin-top: 34px;
}
.description .wrapper:not(.no-background) {
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background-color: #ffffff;
}
.description .tabs-trail {
	padding-right: 0;
	height: 48px;
	border-radius: 12px 12px 0 0;
	background-image: linear-gradient(88deg, #fdfdfd, #f5f5f5);
	display: flex;
	justify-content: flex-start;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.description .tabs-trail {
		justify-content: space-between;
		height: 70px;
	}
}
.description .tabs-trail li {
	flex: 1 0 33%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background-color: #f7f7f7;
	padding: 9px 28px 6px;
	box-sizing: border-box;
	color: #616161;
	position: relative;
	cursor: pointer;
	user-select: none;
}
@media screen and (max-width: 767px) {
	.description .tabs-trail li {
		font-size: 12px;
	}
}
.description .tabs-trail li:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 1px;
	background-color: transparent;
	transition: all 0.2s ease-out;
}
.description .tabs-trail li.active {
	background-color: white;
	color: black;
}
.description .tabs-trail li.active:after {
	left: calc(50% - 37px);
	background-color: #1ebc8b;
	width: 74px;
}
.description .tab {
	display: none;
	padding: 10px 55px 38px 58px;
}
.description .tab.active {
	display: block;
}
.description .tab p {
	font-size: 18px;
	font-weight: 300;
	color: #616161;
	line-height: 1.75;
}
@media screen and (max-width: 1099px) {
	.description .tab p {
		font-size: 12px;
	}
}
.description .seller-img {
	padding: 0 0 0 4%;
	width: 28%;
	display: inline-block;
}
.description .seller-img img {
	width: 250px;
	border-radius: 50%;
	margin-bottom: 14px;
}
.description .seller-img h5 {
	font-size: 22px;
	font-weight: 500;
	text-align: center;
}
.description .seller-info {
	padding: 0;
	width: 71%;
	display: inline-block;
	vertical-align: top;
}
.description .seller-details {
	/*margin-top: 30px;*/
	justify-content: space-between;
}
.description .seller-page {
	display: inline-block;
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: center;*/
}
.description .seller-verifications {
	display: flex;
	float: left;
}
.description .seller-verifications .verification span b,
.product-info .verifications span b {
	position: absolute;
	left: 10px;
	top: 13px;
	color: #1ebc8b;
}
.verification span b,
.product-info .verifications span b {
	left: 6px;
	top: 8px;
}
.description .seller-verifications .verification {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.description .seller-verifications .verification:not(:last-child) {
	margin-left: 10px;
}
.description .seller-verifications .verification span,
.product-info .verifications span {
	font-weight: 300;
	font-size: 11px;
	margin-left: 7px;
	max-width: 40px;
	color: #616161;
	line-height: 1.25;
	position: relative;
}
@media screen and (max-width: 767px) {
	.description .seller-verifications .verification {
		width: 100%;
	}
	.description .seller-verifications .verification:not(:last-child) {
		margin-left: 20px;
	}
	.description .seller-verifications .verification img {
		order: 1;
		width: 40px;
		height: auto;
	}
	.description .seller-verifications .verification span {
		order: 2;
		margin-left: 10px;
		margin-top: 5px;
		text-align: center;
		font-size: 12px;
	}
}
@media screen and (min-width: 1100px) {
	.description .seller-verifications .verification span {
		width: 60px;
		margin-right: 23px;
		text-align: center;
	}
}
@media screen and (max-width: 1099px) {
	.description .seller-details {
		display: grid;
		grid-template-rows: 90px 60px;
		grid-template-columns: 100%;
		margin-top: 0;
	}
	.description .seller-page {
		grid-row: 2;
		align-items: flex-end;
	}
	.description .seller-verifications {
		justify-content: center;
	}
}
@media screen and (max-width: 767px) {
	.description .tab.active {
		padding: 20px 33px 56px;
	}
	.description .tab.active .row:first-child {
		display: grid;
		grid-template-rows: 152px auto;
		grid-template-columns: 100%;
	}
	.description .seller-img {
		grid-column: 1;
		grid-row: 1;
		align-items: center;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	.description .seller-img img {
		width: 111px;
		height: 111px;
	}
	.description .seller-img h5 {
		font-size: 13px;
	}
	.description .seller-info {
		grid-column: 1;
		grid-row: 2;
		width: 100%;
	}
	.description .seller-details {
		display: grid;
		grid-template-rows: 90px 45px;
		grid-template-columns: 100%;
		margin-top: 30px;
	}
	.description .seller-verifications {
		grid-row: 1;
		padding-bottom: 17px;
		display: grid;
		grid-template-columns: repeat(4, auto);
		align-items: flex-start;
		justify-content: center;
	}
	.description .seller-page {
		grid-row: 2;
		height: 35px;
		font-size: 13px;
	}
}
.description .more-sellers {
	margin: 30px 0 54px;
}
@media screen and (max-width: 767px) {
	.description .more-sellers {
		margin: 8px 0 22px;
	}
}
.description .more-sellers .wrapper {
	display: flex;
	justify-content: center;
}
.description .more-sellers a {
	border-radius: 20px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background-color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	color: #878787;
	width: 490px;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 83px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.description .more-sellers a {
		font-size: 12px;
		height: 45px;
		width: 252px;
		border-radius: 8px;
	}
}

.wrapper {
	width: 1320px;
	max-width: 100vw;
	margin: 0 auto;
}
@media screen and (max-width: 1320px) {
	.wrapper {
		width: 100%;
	}
}

.hidden {
	display: none;
}

.comments .wrapper:not(.no-background) {
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background-color: #ffffff;
	padding: 41px 56px;
	box-sizing: border-box;
	position: relative;
}
.comments .title {
	font-size: 22px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.comments .title {
		font-size: 13px;
	}
}
.comments .comment {
	position: relative;
	padding: 42px 0 21px;
}
.comments .comment:not(:last-child):after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 90px;
	width: calc(100% - 180px);
	height: 1px;
	background-color: #dedede;
}
@media screen and (max-width: 767px) {
	.comments .comment:not(:last-child):after {
		width: calc(100% - 8px);
		left: 0;
	}
}
.comments .comment-text {
	color: #616161;
	line-height: 1.75;
}
.comments .comment-text img {
	margin: 23px 0 20px;
}
@media screen and (max-width: 767px) {
	.comments .comment-text {
		font-size: 10px;
	}
	.comments .comment-text img {
		max-width: 100%;
	}
}
.comments .comment-info {
	margin: 13px 36px 0 0;
	color: #616161;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.comments .comment-info {
		margin-right: 8px;
		justify-content: space-between;
		font-size: 10px;
	}
}
.comments .comment-info .author {
	margin-left: 15px;
}
.comments .comment-info .city {
	margin-left: 20px;
}
@media screen and (max-width: 767px) {
	.comments .comment-info .city {
		display: none;
	}
}
.comments .comment-good {
	height: 30px;
	border-radius: 8px;
	border: solid 0.5px #9b9b9b;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #757575;
	margin-right: 40px;
	padding: 0 20px;
}
.comments .all-comments {
	position: absolute;
	bottom: 62px;
	left: 56px;
	font-size: 22px;
	font-weight: 500;
	color: #757575;
}
@media screen and (max-width: 767px) {
	.comments .all-comments {
		position: initial;
		display: block;
		bottom: auto;
		left: auto;
		font-size: 13px;
		margin: 19px 0 0;
		width: 100%;
		text-align: center;
	}
}
.comments .add-comment {
	margin: 30px 0 95px;
}
@media screen and (max-width: 767px) {
	.comments .add-comment {
		margin: 22px 0 14px;
	}
}
.comments .add-comment .wrapper {
	display: flex;
	justify-content: center;
}
.comments .add-comment a {
	border-radius: 20px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background-color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	color: #1ebc8b;
	width: 258px;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 63px;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.comments .add-comment a {
		font-size: 13px;
		height: 35px;
		width: 220px;
		border-radius: 8px;
	}
}

.wrapper {
	width: 1320px;
	max-width: 100vw;
	margin: 0 auto;
}
@media screen and (max-width: 1320px) {
	.wrapper {
		width: 100%;
	}
}

.hidden {
	display: none;
}

.related .products {
	justify-content: space-around;
	text-align: center;
}
@media screen and (max-width: 1099px) {
	.related .products {
		flex-direction: column;
		padding: 0;
	}
}
.related .title {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	margin: 0 137px 30px 0;
}
@media screen and (max-width: 1099px) {
	.related .title {
		font-size: 13px;
		margin: 0 20px 6px 0;
	}
}
.related .product {
	width: 325px;
	min-height: 185px;
	max-height: 477px;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background-color: #ffffff;
	display: inline-block;
	grid-template-columns: 100%;
	overflow: hidden;
	margin: 10px 20px;
}
.related .product h5 {
	font-weight: bold;
	margin: 0 0 30px;
	line-height: 1.75;
	text-align: center;
}
.related .product-img {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 213px;
}
.related .product-img img {
	width: 219px;
	height: 165px;
	object-fit: contain;
}
.related .product-price {
	font-size: 20px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
	color: #616161;
}
.related .product-price img {
	margin-left: 23px;
	width: auto;
	height: 25px;
}
.related .product-info {
	background-image: linear-gradient(80deg, #fdfdfd, #f5f5f5);
	display: flex;
	justify-content: space-between;
	padding: 8px 10px;
	align-items: center;
}
.related .product-info .verifications {
	display: flex;
	align-items: center;
}
.related .product-info .verifications img {
	width: auto;
	height: 38px !important;
}
.related .product-info .verifications img:not(:last-child) {
	margin-left: 7px;
}
.related .product-seller {
	border-radius: 50%;
	border: 1px solid #1ebc8b;
	width: 50px;
	height: 50px;
	margin-left: 7px;
}
.related .product .seller {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #616161;
}
.related .product .purchase {
	display: flex;
	flex: 1;
	justify-content: flex-end;
	margin: 22px 17px 30px;
}
@media screen and (max-width: 1099px) {
	.related .product {
		width: calc(100% - 20px);
		min-height: 304px;
		margin: 0 0 10px;
		min-height: 180px;
		grid-template-columns: 50% 50%;
		grid-template-rows: 56px 20px 60px 44px;
	}
	.related .product h5 {
		grid-column: 2;
		grid-row: 1;
		padding: 11px 0 11px 16px;
		margin: 0;
		font-size: 12px;
		display: inline-block;
		font-family: "vazir-bold";
		text-align: right;
		height: 55px;
	}
	.related .product-price {
		grid-column: 2;
		grid-row: 2;
		margin: 0;
		font-size: 12px;
	}
	.related .product-price span {
		font-family: "vazir-bold";
		margin: 6px 0 0;
	}
	.related .product-price img {
		max-height: 14px;
		width: auto;
		margin-top: 7px;
	}
	.related .product .purchase {
		grid-column: 2;
		grid-row: 3;
		margin: 10px 0 18px 0;
		text-align: left;
	}
	.related .product-seller {
		width: 36px;
		height: 36px;
		font-size: 7px;
	}
	.related .product-xs-data {
		display: inline-block;
		width: 48%;
		padding-left: 13px;
	}
	.related .product-img {
		width: 50%;
		display: inline-block;
		text-align: center;
		height: 100px;
		vertical-align: top;
		margin-top: 16px;
	}
	.related .product-img img {
		width: 128px;
		height: 91px;
	}
	.related .product-info {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row: 4;
		height: 44px;
		box-sizing: border-box;
	}
	.related .product-info .verifications img {
		height: 37px;
	}
}

/*# sourceMappingURL=/styles.994762c1.css.map */

/* *************************************** END NEW PRODUCT PAGE STYLES ***************************************************** */

/* ********************************
       mashhadcode styles
*********************************/
/****************************
   product-page styles
*****************************/
.km-product-info {
	padding: 15px 30px 30px 30px;
}
.km-product-info .row {
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background: #fff;
}

.km-gallery {
	text-align: center;
	padding: 25px;
}

.km-gallery .current-image-wrapper {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin-bottom: 25px;
	position: relative;
}

.km-farmer-pic {
	width: 97px !important;
	border-radius: 50%;
	height: 97px !important;
	margin: 0 !important;
	position: absolute !important;
	left: 60px;
	bottom: 225px;
	z-index: 99;
}

.km-gallery .current-image-wrapper img {
	display: block;
	width: 100%;
	opacity: 1;
	transition: opacity 1.85s;
}

.km-gallery .current-image-wrapper {
	background-size: contain;
}

.km-gallery .current-image-wrapper .hideme {
	opacity: 0;
	transition: opacity 0s;
}

.km-gallery .thumbnails {
	display: inline-block;
	padding: 0;
}

.km-gallery .thumbnails li,
.km-gallery .thumbnails a,
.km-gallery .thumbnails img {
	display: inline-block;
	border: none;
}

.km-gallery .thumbnails li {
	width: 30%;
	float: right;
	padding: 5px;
	margin-right: 15px;
}

.km-gallery .thumbnails a {
	outline: none;
	border: 1px solid #e2e2e2;
	padding: 10px;
}

.product-gallery-div {
	padding: 15px;
}

.product-info-div h1 {
	font-size: 28px;
	font-family: "vazir-bold";
	font-weight: bold;
	font-style: normal;
	margin-top: 0;
}

.product-info-div {
	padding: 30px;
}

.km-product-info-list p {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.km-info-bg {
	display: inline-block;
	width: 65px;
	margin-left: 2px;
	text-align: center;
}

.km-product-info-list span {
	font-size: 20px;
	color: #616161;
	float: right;
	font-family: "vazir-bold";
}
.km-product-info-list {
	margin-top: 40px;
	margin-bottom: 45px;
}

.km-info-txt {
}

.km-ransport-input {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.km-ransport-input img {
	width: 45px;
	float: right;
	margin-left: 10px;
}

.km-ransport-input input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.km-ransport-input .radiobtn {
	position: absolute;
	top: 3px;
	left: -45px;
	height: 23px;
	width: 23px;
	background-color: #eee;
	border-radius: 50%;
}

.km-ransport-input input ~ .radiobtn {
	background-color: #fff;
	border: 2px solid #1ebc8b;
}

.km-ransport-input input:checked ~ .radiobtn {
	border: 2px solid #1ebc8b;
}

.km-ransport-input .radiobtn:after {
	content: "";
	position: absolute;
	display: none;
}

.km-ransport-input input:checked ~ .radiobtn:after {
	display: block;
}

.km-ransport-input .radiobtn:after {
	top: 3px;
	left: 3px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #1ebc8b;
}

.km-ransport-input label {
	float: right;
	font-size: 20px;
	font-weight: bold;
	margin-top: 5px;
	color: #616161;
	position: relative;
	min-width: 250px;
	font-family: "vazir-bold";
}
.km-product-transport {
	margin-bottom: 30px;
}

.km-select-div,
.km-select-div select {
	border-radius: 15px;
}
.km-select-div {
	display: block;
}
.km-select-div select:focus {
	outline: none;
}

.km-select-div select {
	height: 50px;
	padding: 5px 14px 5px 5px;
	background: transparent;
	-webkit-appearance: none;
	border-radius: 50px;
	font-size: 18px;
	color: #616161;
	border: 2px solid #b4b4b4;
}

.km-select-arrow {
	position: absolute;
	display: inline-block;
	top: 0;
	bottom: 0;
	left: 15px;
	height: 18px;
	margin: auto;
}
.km-select-arrow::before {
	border-bottom: 2px solid #999;
	border-right: 2px solid #999;
	content: "";
	display: block;
	height: 13px;
	pointer-events: none;
	margin: 0;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 13px;
}

select::-ms-expand {
	display: none;
}

/*_:-o-prefocus,*/
/*.selector {*/
/*.styled-select {*/
/*background: none;*/
/*}*/
/*}*/
.km-price-div {
	display: inline-block;
	width: 100%;
}
.km-price {
	display: inline-block;
	float: right;
	margin-right: 75px;
}
.km-price p {
	font-size: 27px;
	font-family: "vazir-bold";
	color: #616161;
	padding-top: 6px;
}
.km-add-to-cart {
	margin-top: 35px;
}
.out-of-stock {
	background: #d8d8d8;
	padding: 5px 0;
	border: none;
	border-radius: 20px;
	height: 75px;
	color: #fff;
	font-size: 27px;
	font-family: "vazir-bold";
	display: inline-block;
	width: 351px;
	text-align: center;
	line-height: 68px;
	box-shadow: 0 24px 45px -12px #d8d8d8;
	margin-top: 101px;
}
.form-price-value {
	font-size: 22px;
}
.form-price-value .new-price {
	color: #ff6d7f;
	margin-top: 8px;
	display: block;
}
.form-price-value .old-price {
	display: block;
	color: #9b9b9b;
	text-decoration: line-through;
}
.km-share-btn {
	position: absolute;
	right: 30px;
	z-index: 999;
}
.km-share-btn img {
	width: 30px !important;
}
.km-about-farmer {
	padding: 0 30px 30px 30px;
	text-align: center;
	margin-top: 45px;
}
.km-about-farmer-inner {
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	border-radius: 12px;
	background: #fff;
	margin-right: -15px;
	margin-left: -15px;
}
.km-farmer-detail {
	padding: 30px;
}
.about-farmer-title {
	padding-top: 30px;
	padding-right: 40px;
	font-size: 22px;
	font-family: "vazir-bold";
	margin-top: 0;
	text-align: right;
}
.km-farmer-detail h3 {
	margin-top: 0;
}
.km-farmer-detail img {
	max-width: 250px;
	width: 250px;
	height: 250px !important;
	border-radius: 50%;
}
.km-farmer-detail .km-farmer-name {
	font-size: 22px;
	font-family: "vazir-bold";
	color: #616161;
	text-align: center;
	margin-top: 15px;
	width: 250px;
}
.km-farmer-desc {
	padding-top: 30px;
	padding-left: 58px;
}
.km-farmer-desc p {
	font-size: 18px;
	color: #616161;
	text-align: right;
	line-height: 30px;
}
.km-buy-from-other {
	margin-top: 45px;
	margin-bottom: 15px;
	display: inline-block;
	font-size: 22px;
	color: #616161;
	font-family: "vazir-bold";
	padding: 15px 25px;
	border: 2px solid #616161;
	border-radius: 40px;
	background-color: #fafafa;
}
.km-buy-from-other:hover {
	text-decoration: none;
	color: #616161;
}
.km-related-product-inner {
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	border-radius: 12px;
	margin-right: -15px;
	margin-left: -15px;
	background: #fff;
}

.km-related-product-inner h3 {
	padding-top: 20px;
	padding-right: 40px;
	font-size: 22px;
	font-family: "vazir-bold";
	margin-top: 0;
}
.km-related-products .row {
	padding: 50px 80px;
}
.km-related-products {
	padding: 0 30px 30px 30px;
}
.km-product-page .km-farmer-badges {
	display: inline-block;
	width: 50%;
	float: left;
}
.container.km-main-body {
	width: 100%;
}
.km-breadcrumb {
	margin-right: -15px;
}
.km-breadcrumb ul {
	display: inline-block;
	padding: 0;
	margin-bottom: 15px;
}
.km-breadcrumb ul li {
	display: inline-block;
	float: right;
}
.km-breadcrumb ul li a {
	font-size: 18px;
	text-decoration: none;
	color: #616161;
}
.km-breadcrumb ul li a::after {
	content: ">";
	margin-right: 5px;
	margin-left: 5px;
}
.km-breadcrumb ul li.km-current a {
	color: #1ebc8b;
}
.km-breadcrumb ul li.km-current a::after {
	content: "";
}
.owl-carousel .owl-stage-outer {
	direction: ltr;
}
#km-gallery #thumbs .item {
	margin: 10px;
	padding: 15px;
	border: solid 1px rgba(155, 155, 155, 0.3);
}
#km-gallery .owl-nav {
	position: absolute;
	width: 100%;
	bottom: 15%;
}
#km-gallery .outer {
	position: relative;
}
#km-gallery .owl-nav .owl-prev,
#km-gallery .owl-nav .owl-next {
	width: 45px;
	position: absolute;
	cursor: pointer;
}
#km-gallery .owl-nav .owl-prev img,
#km-gallery .owl-nav .owl-next img {
	width: 20px;
}
#km-gallery .owl-nav .owl-prev {
	left: -30px;
}
#km-gallery .owl-nav .owl-next {
	right: -30px;
}
#km-gallery #thumbs {
	margin-top: 25px;
}
.product-page-date {
	color: #c0392b;
}
@media screen and (max-width: 767px) {
	.km-add-to-cart {
		text-align: center;
	}
}

/****************************
   end product-page styles
*****************************/

/******************************
  content product-list style
******************************/
.content-header-product-list {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #616161;
	padding: 0 30px 20px;
}
.sort-product-list {
	font-size: 16px;
	font-weight: 500;
	text-align: right;
	color: #aaaaaa;
	display: inline-block;
	margin-bottom: 17px;
}
.dropdown-sort {
	border: none;
	background: none;
	display: block;
	font-weight: bold;
}
/******************************
  end content product-list style
******************************/

/**********************************
   content product-list style Mobile
***********************************/
.filter-style {
	display: inline;
}
/************************************
  end content product-list style Mobile
*************************************/

/*****************************
   product page mobile styles
*******************************/
.km-bobile-body {
	margin-top: 45px;
	background: #fdfdff;
}
@media screen and (max-width: 767px) {
	.km-bobile-body {
		margin-top: 0;
	}
	.content-header-product-list {
		font-size: 11px;
	}
	.sort-product-list {
		font-size: 11px;
	}
}
.km-bobile-body .km-product-info {
	padding: 10px 27px 30px 27px;
}
.km-bobile-body .km-breadcrumb ul {
	margin-bottom: 0px;
}
.km-bobile-body .km-breadcrumb {
	line-height: 15px;
}
.km-bobile-body .product-gallery-div h1 {
	font-size: 16px;
	font-family: "vazir-bold";
	font-weight: bold;
	font-style: normal;
	margin-top: 10px;
}
.km-bobile-body .km-product-info-list {
	margin-top: 0px;
}
.km-bobile-body .km-share-btn {
	left: -30px;
	right: auto;
	top: -25px;
}
.km-bobile-body .km-gallery .current-image-wrapper {
	margin-bottom: 0;
}
.km-bobile-body .product-info-div {
	padding-right: 0;
	padding-left: 0;
}
.km-bobile-body .km-product-info-list p {
	width: 100%;
	padding-right: 15px;
}
.km-bobile-body .product-gallery-div {
	padding: 0;
}
.km-bobile-body .km-gallery {
	padding-bottom: 10px;
}
.km-bobile-body .km-product-info-list {
	margin-bottom: 15px;
}
.km-bobile-body .km-ransport-input label {
	font-family: "vazir-bold";
	font-size: 12px;
	min-width: 145px;
}
.km-bobile-body .km-ransport-input img {
	width: 30px;
}
.km-bobile-body .km-ransport-input {
	text-align: right;
	padding-right: 15px;
}
.km-bobile-body .km-price-div {
	width: 100%;
}
.km-bobile-body .km-price {
	float: left;
	margin-top: 7px;
}
.km-bobile-body .km-add-to-cart {
	position: fixed;
	bottom: 5px;
	right: 1%;
	width: 98%;
}
.km-bobile-body .km-add-to-cart input {
	width: 100%;
	height: 54px;
	padding: 5px 55px 10px 55px;
	font-size: 18px;
}
.km-bobile-body .km-ransport-input .radiobtn {
	top: -2px;
	left: -25px;
}
.km-bobile-body .km-about-farmer {
	padding: 0 27px 0px 27px;
	margin-top: 10px;
}
.km-bobile-body .about-farmer-title {
	padding-top: 15px;
	padding-right: 20px;
	font-size: 13px;
}
.km-bobile-body .km-farmer-detail .km-farmer-name {
	display: inline-block;
	font-size: 13px;
	margin-bottom: 0;
}
.km-bobile-body .km-farmer-detail {
	text-align: center;
	padding-bottom: 5px;
}
.km-bobile-body .km-farmer-desc {
	padding-right: 22px;
	padding-left: 22px;
	padding-top: 0;
}
.km-bobile-body .km-farmer-detail img {
	display: block;
	margin: 0 auto;
}
.km-bobile-body .km-buy-from-other {
	margin-top: 25px;
	font-size: 12px;
	padding: 10px;
}
.km-bobile-body .km-related-products .row {
	padding: 0;
}
.km-bobile-body .km-related-products {
	padding: 0;
}
.km-bobile-body .km-product-card {
	background: #fff;
	display: inline-block;
	padding-top: 5px;
	margin-bottom: 16px;
	width: 100%;
}
.m-product-card-pic {
	padding: 20px;
}
.m-product-card-info {
	text-align: center;
}
.m-product-card-info h3 {
	font-size: 16px;
	line-height: 22px;
	font-family: "vazir-bold";
	text-align: right;
}
.m-product-card-info p {
	font-family: "vazir-bold";
	text-align: right;
}
.km-bobile-body .km-info-bg {
	width: 40px;
}
.km-bobile-body .km-product-card-link {
	padding: 8px 0;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
	float: left;
	width: 77px;
	text-align: center;
}
.m-relaated-title {
	font-family: "vazir-bold";
	margin-bottom: 15px;
}
.km-bobile-body .km-badges {
	min-width: 151px;
	float: left;
	margin-top: 0;
}
.km-bobile-body .km-badges span b {
	position: absolute;
	top: 40%;
	left: 45%;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 420px) {
	.km-bobile-body .km-badges span b {
		left: 0;
		transform: translate(10%, -50%);
	}
}
.km-bobile-body .km-badges span {
	width: auto;
	padding-left: 0;
}
.km-bobile-body .km-badges span img {
	width: auto !important;
}
.km-bobile-body .km-product-info-list span {
	font-size: 12px;
}
.km-bobile-body .km-product-info-list p {
	line-height: 35px;
	margin-bottom: 0;
}
.km-bobile-body .km-gallery .current-image-wrapper img.km-farmer-pic {
	width: 55px !important;
	height: 55px !important;
	left: 0;
	bottom: 0;
}
.km-bobile-body .km-breadcrumb ul li a {
	font-size: 8px;
}
.km-bobile-body .km-select-div select {
	height: 35px;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
}
.km-bobile-body .km-select-div select,
.km-bobile-body .km-select-div {
	width: 80px;
}
.km-bobile-body .km-select-arrow::before {
	height: 10px;
	width: 10px;
	right: -20px;
	top: -5px;
}
.km-bobile-body .km-price p {
	font-size: 14px;
	padding-top: 0;
	margin-left: 20px;
}
.km-bobile-body .km-farmer-detail img {
	max-width: 150px;
	width: 150px;
	height: 150px !important;
}
.km-bobile-body .km-farmer-detail .km-farmer-name {
	width: 150px;
}
.km-bobile-body .km-farmer-desc p {
	font-size: 12px;
	margin-bottom: 0;
}
.km-bobile-body .m-relaated-title {
	font-size: 12px;
}
.km-bobile-body .m-product-card-info h3 {
	font-size: 12px;
	margin-top: 5px;
}
.km-bobile-body .m-product-card-pic {
	padding: 10px;
}
.km-bobile-body .m-product-card-pic a > img {
	width: 124px;
	height: auto;
}
.km-bobile-body .km-product-card-footer img {
	width: 39px !important;
	height: 39px !important;
	margin-right: 6px;
}
.km-bobile-body .m-product-card-info p span {
	font-size: 12px;
}
.km-bobile-body .km-product-card-footer {
	text-align: right;
}
.km-bobile-body .km-product-card-footer span {
	font-size: 10px;
	color: #616161;
	width: 25%;
}

.km-bobile-body .km-share-btn img {
	width: 20px !important;
}
.km-bobile-body .km-ransport-input .radiobtn {
	height: 18px;
	width: 18px;
}
.km-bobile-body .km-ransport-input .radiobtn::after {
	width: 8px;
	height: 8px;
}
.km-bobile-body .km-related-products .row > .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
}
/***********************************
  end product page mobile styles
************************************/

/************************************
   mobile product listing page
*************************************/
.km-bobile-body.km-product-listing-page .km-breadcrumb,
.km-bobile-body.km-listing-page .km-breadcrumb {
	padding: 10px;
	padding-bottom: 0;
	margin-right: 0;
}
.km-bobile-body.km-product-listing-page,
.km-bobile-body.km-listing-page {
	position: relative;
}
.km-filter-btn {
	float: left;
	left: 15px;
	top: 13px;
	font-size: 12px;
	color: #9b9b9b;
	margin-left: 6px;
}
.km-filter-btn:hover {
	text-decoration: none;
	color: #9b9b9b;
}
.km-filter-btn img {
	margin-right: 10px;
}
.modal-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/*background: rgba(27, 27, 26, 0.8);*/
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.modal-wrapper.open {
	opacity: 1;
	visibility: visible;
}

.modal {
	width: 100%;
	height: 100%;
	margin: 0;
	top: 7px;
	right: 0;
	opacity: 0;
	padding: 15px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	overflow: visible;
}

.modal-wrapper.open .modal {
	opacity: 1;
}
.km-tabs-list {
	text-align: center;
	margin-top: 25px;
}
.plist-modal {
	height: 100% !important;
	overflow: scroll;
	padding-bottom: 16%;
	position: fixed;
}
.km-tabs-list ul {
	border: none;
	display: inline-block;
}
.km-tabs-list ul li {
	border: 1px solid #d8d8d8;
	padding: 10px 0;
}
.km-tabs-list ul li.active {
	border: 1px solid #1ebc8b;
	box-shadow: inset 0px 0px 0px 2px #1ebc8b;
}
.km-tabs-list ul li.active a {
	color: #1ebc8b;
	font-family: "vazir-bold";
}
.km-tabs-list ul li:first-child {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}
.km-tabs-list ul li:last-child {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	margin-right: -1px;
}
.km-tabs-list ul li:nth-child(2) {
	border-left: none;
	border-right: none;
}
.km-tabs-list ul li:nth-child(2).active {
	border-left: 1px solid #1ebc8b;
	border-right: 1px solid #1ebc8b;
	margin-right: -1px;
	z-index: 99;
}
.km-tabs-list ul li a {
	font-size: 10px;
	border: none;
	color: #757575;
}
.km-tabs-list .nav > li > a:hover,
.km-tabs-list .nav > li > a:focus {
	background: none;
	border: none;
}
.km-tabs-list .nav-tabs > li.active > a,
.km-tabs-list .nav-tabs > li.active > a:hover,
.km-tabs-list .nav-tabs > li.active > a:focus {
	border: none;
	background: none;
	color: #1ebc8b;
}

.km-card-header a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}
.km-card-header a h3 {
	margin: 0;
	font-size: 16px;
	color: #1ebc8b;
	display: inline-block;
	margin-right: 10px;
	font-family: "vazir-bold";
	transition: all 0.5s;
}
.km-card-header a.collapsed h3 {
	color: #616161;
}
.km-card-header a img {
	width: 26px;
	padding: 5px;
	border-radius: 50%;
	border: 1px solid #d8d8d8;
	transition: all 0.5s;
}
.km-card-header a.collapsed img {
	transform: rotate(180deg);
}
.km-card-header {
	padding: 14px 10px;
	border-top: 1px solid rgb(243, 243, 243);
}
#km-accordion1,
#km-accordion2,
#km-accordion3 {
	padding-top: 8px;
}
#km-accordion1 .km-card .collapse,
#km-accordion1 .km-card .collapsing,
#km-accordion2 .km-card .collapse,
#km-accordion2 .km-card .collapsing,
#km-accordion3 .km-card .collapse,
#km-accordion3 .km-card .collapsing {
	border-top: 1px solid rgba(155, 155, 155, 0.6);
}
.km-checkbox {
	transform: translateZ(0);
}
.km-checkbox label {
	position: relative;
	cursor: pointer;
	font-size: 16px;
	margin-bottom: 0;
	line-height: 30px;
	color: #616161;
	width: 100%;
	font-weight: normal;
}
.km-checkbox input[type="checkbox"] {
	position: absolute;
	margin: 0;
	overflow: hidden;
	right: 0;
	top: 5px;
	pointer-events: none;
	appearance: none;
	-webkit-appearance: none;
	pointer-events: none;
	height: 20px;
	width: 20px;
	border: 2px solid #1ebc8b;
	border-radius: 4px;
	-webkit-animation: checkbox--animation-off 0.1s forwards ease-out;
	-moz-animation: checkbox--animation-off 0.1s forwards ease-out;
	animation: checkbox--animation-off 0.1s forwards ease-out;
}
.km-checkbox input[type="checkbox"]:checked {
	border: solid 1px #1ebc8b;
	background-color: #1ebc8b;
	background-image: url("../../images/template/check.png");
	background-size: 50% 50%;
	background-repeat: no-repeat;
	-webkit-animation: checkbox--animation-on 0.1s forwards ease-out;
	-moz-animation: checkbox--animation-on 0.1s forwards ease-out;
	animation: checkbox--animation-on 0.1s forwards ease-out;
}
@-webkit-keyframes checkbox--animation-on {
	from {
		background-size: 5px;
		background-position: 5px 5px;
	}
	to {
		background-size: 15px;
		background-position: 2px 2px;
	}
}
@keyframes checkbox--animation-on {
	from {
		background-size: 5px;
		background-position: 5px 5px;
	}
	to {
		background-size: 15px;
		background-position: 1px 2px;
	}
}
@-webkit-keyframes checkbox--animation-off {
	from {
		background-color: #1ebc8b;
	}
	to {
		background-color: #fff;
	}
}
@keyframes checkbox--animation-off {
	from {
		background-color: #1ebc8b;
	}
	to {
		background-color: #fff;
	}
}
.km-checkbox .km-checkbox-material {
	vertical-align: middle;
	position: relative;
	top: 6px;
	margin-left: 6px;
}
.km-card-block {
	margin-top: 8px;
	margin-bottom: 8px;
}
.km-checkbox .km-checkbox-material .km-check {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid;
	border-radius: 4px;
	opacity: 0;
	overflow: hidden;
	z-index: 1;
}
/* .km-checkbox .km-checkbox-material .km-check:before {
    position: absolute;
    content: "";
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    animation: checkbox-off 0.3s forwards ease-out;
    left: 0;
}
.km-checkbox input[type=checkbox]:focus + .km-checkbox-material .km-check:after {
    opacity: 0.2;
}
.km-checkbox input[type=checkbox]:checked + .km-checkbox-material .km-check:before {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    animation: checkbox-on 0.3s forwards ease-out;
}
.km-checkbox input[type=checkbox]:not(:checked) + .km-checkbox-material:before {
    animation: rippleOff 700ms forwards ease-out;
}
.km-checkbox input[type=checkbox]:checked + .km-checkbox-material:before {
    animation: rippleOn 700ms forwards ease-out;
}
.km-checkbox input[type=checkbox]:not(:checked) + .km-checkbox-material .km-check:after {
    animation: rippleOff 700ms forwards ease-out;
}
.km-checkbox input[type=checkbox]:checked + .km-checkbox-material .km-check:after {
    animation: rippleOn 700ms forwards ease-out;
}
.km-checkbox input[type=checkbox][disabled]:not(:checked) ~ .km-checkbox-material .km-check:before, .km-checkbox input[type=checkbox][disabled] + .km-circle {
    opacity: 0.5;
}
.km-checkbox input[type=checkbox][disabled] + .km-checkbox-material .km-check:after {
    background-color: rgba(0, 0, 0, 0.84);
    transform: rotate(-45deg);
}
.km-checkbox-material .km-check {
    color: #1EBC8B;
}
.km-checkbox-material:before {
    background-color: #1EBC8B;
}
input[type=checkbox]:checked + .km-checkbox-material .km-check {
    color: #1EBC8B;
}
@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}
@keyframes checkbox-off {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    50% {
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }
    51% {
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 10px inset;
    }
    100% {
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0px 0px 0 0px inset;
    }
} */

.km-filter-footer {
	display: inline-block;
	width: 100%;
	padding: 0 10px;
	margin-bottom: 25px;
	margin-top: auto;
}
.km-submit-filter {
	display: none;
	width: 230px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	margin: auto;
	color: #fff;
	font-size: 16px;
	border-radius: 12px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #1ebc8b;
}
.km-submit-filter:hover {
	color: white;
	background-color: #0faf7c;
}
.km-btn-close {
	width: 50%;
	display: none;
	float: right;
	padding: 15px 30px;
	text-align: center;
	color: #616161;
	font-size: 18px;
	cursor: pointer;
}
.km-btn-close:hover {
	text-decoration: none;
	color: #616161;
}
/************************************
   end mobile product listing page
*************************************/

.km-product-listing {
	padding: 27px 20px 30px 20px;
}
.km-product-listing .km-badges {
	width: 46%;
	margin-top: 2px;
	display: flex;
	justify-content: space-around;
}
.km-product-listing .km-badges span img {
	height: auto !important;
	max-width: 100% !important;
	width: auto !important;
	max-height: 38px !important;
}
.farmer-listing .km-badges span b {
	right: 7px;
	font-size: 11px;
	top: 6px;
}
.km-sidebar-card {
	background: #fff;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	border-radius: 12px;
	padding: 15px;
	margin-bottom: 30px;
}
.km-side-title {
	margin: 0;
	font-size: 20px;
	text-align: center;
	font-family: "vazir-bold";
	color: #616161;
	margin-top: 15px;
	white-space: nowrap;
}
.km-content-inner .km-product-desc {
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
}
.list-out-stock,
.a--main.main-sold {
	background: #d8d8d8;
	color: #fff;
	cursor: auto;
}

.list-out-stock:hover,
.a--main.main-sold:hover {
	background: #717171;
	color: #fff;
}
.km-category-card ul {
	padding: 0;
}
.km-category-card ul li {
	list-style: none;
	margin-bottom: 8px;
	width: 100%;
}
.km-category-card ul li.has-child > a::after {
	/*background-image: url('../images/button-arrow.png');*/
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background-size: contain;
	position: absolute;
	top: 5px;
	left: -20px;
}
.km-category-card ul ul {
	padding-right: 20px;
	margin-top: 8px;
}
.km-category-card ul li a {
	color: #616161;
	position: relative;
	font-size: 18px;
}
.km-category-card ul li.current a,
.km-category-card ul li a.current {
	color: #1ebc8b;
}
.km-category-card ul li a:hover {
	text-decoration: none;
	color: #1ebc8b;
}
.km-farmer-list-head {
	background: #fafafa;
	padding: 15px 20px;
	display: inline-block;
	width: 100%;
}
.km-farmer-list-head div,
.km-farmer-listing-body div {
	text-align: center;
	display: inline-block;
	float: right;
}
.km-farmer-list-head span {
	font-family: "vazir-bold";
	font-size: 20px;
}
.km-farmer-listing-body .km-farmer-badges {
	width: 20%;
	max-width: 20% !important;
}
.km-farmer-listing-body .km-farmer-badges .km-badges span b {
	right: 27%;
	font-size: 12px;
	top: 10%;
}
.km-farmer-list-head span,
.km-farmer-listing-body span {
	color: #616161;
}
.km-farmer-listing-body div {
	padding: 10px;
}
.km-farmer-listing-body .km-farmer h3 {
	font-size: 18px;
	font-family: "vazir-bold";
	color: #616161;
	margin-top: 8px;
}
.km-farmer-listing-body {
	padding: 5px 20px;
	display: inline-block;
	width: 100%;
}
.km-farmer {
	width: 18%;
	text-align: right !important;
}
.km-farmer span {
	margin-right: 20%;
}
.km-farmer-price-title,
.km-buy-link {
	width: 15%;
}
.km-farmer-listing-body .km-buy-link {
	width: 15%;
	padding-left: 0;
}
.km-farmer-listing-desc {
	width: 32%;
}
.km-farmer-badges-title {
	width: 20%;
}
.km-farmer img {
	border-radius: 50%;
	width: 100px;
	height: 100px !important;
}
.km-farmer-badges .km-badges {
	width: 100%;
	margin-top: 20px;
}
.km-product-listing .km-farmer-badges {
	max-width: 150px;
}
.km-product-listing .km-farmer-badges .km-badges {
	padding: 0;
}

.km-farmer-listing-desc p {
	color: #616161;
	text-align: right;
	font-size: 18px;
	line-height: normal;
}
.km-farmer-price span {
	display: inline-block;
	margin-top: 35px;
	font-size: 20px;
	font-family: "vazir-bold";
}
.km-main-body.farmer-listing .km-content-inner {
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	border-radius: 12px;
}
.km-buy-link a {
	width: 90%;
	background: #1ebc8b;
	color: #fff;
	display: inline-block;
	padding: 8px 0;
	border-radius: 25px;
	margin-top: 27px;
	font-size: 18px;
	float: left;
}
.km-buy-link a:hover {
	text-decoration: none;
}

/*********************************
     mobile farmer listing page
*********************************/
.modal-backdrop {
	background-color: #fff;
}
.km-bobile-body .km-farmer-list {
	padding: 5px 10px;
}
.km-bobile-body .farmer-list-inner {
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background: #fff;
}
.km-bobile-body .km-farmer-listing-body {
	padding: 10px 5px;
}
.km-bobile-body.km-listing-page .km-farmer {
	width: 100%;
	text-align: center;
}
.km-bobile-body.km-listing-page .km-farmer-listing-desc {
	width: 100%;
}
.km-bobile-body.km-listing-page .km-farmer img {
	height: 65px !important;
	width: 65px;
	display: block;
	margin: 0 auto;
}
.km-bobile-body.km-listing-page .km-farmer p {
	font-size: 10px;
	margin-top: 5px;
	width: 57px;
	text-align: center;
	display: inline-block;
	font-family: "vazir-bold";
}
.km-bobile-body.km-listing-page .km-farmer-listing-desc p {
	font-size: 10px;
}
.km-bobile-body.km-listing-page .km-farmer-listing-body div {
	padding: 0;
}
.km-bobile-body.km-listing-page .km-farmer-badges {
	width: 50%;
	max-width: 100px !important;
}
.km-bobile-body.km-listing-page .km-badges span {
	width: 25%;
}
.km-bobile-body.km-listing-page .km-badges {
	min-width: 100%;
	margin-top: 6px;
}
.km-bobile-body.km-listing-page .km-buy-link {
	width: 50%;
}
.km-bobile-body.km-listing-page .km-buy-link a {
	width: auto;
	margin-top: 5px;
	padding: 8px 25px;
	font-size: 10px;
	font-family: "vazir-bold";
	float: left;
}
.km-bobile-body.km-listing-page .km-farmer-badges .km-badges span b {
	font-size: 7px;
	right: 6px;
	top: 5px;
}
.wrap {
	margin-top: 121px;
	padding-top: 1px;
}
.wrap.has-banner {
	margin-top: 173px;
}
@media screen and (min-width: 500px) and (max-width: 767px) {
	.km-bobile-body.km-listing-page .km-farmer-listing-desc p {
		font-size: 12px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.container {
		width: 100%;
	}
	.km-product-info {
		padding: 20px 5px 30px 5px;
	}
	.km-gallery {
		padding: 10px;
	}
	.km-farmer-pic {
		width: 65px !important;
		height: 65px !important;
	}
	.km-gallery .thumbnails li {
		margin-right: 5px;
	}
	.product-info-div {
		padding: 15px;
	}
	.product-info-div h1 {
		font-size: 20px;
		text-align: right;
	}
	.km-product-info-list p {
		padding-right: 0;
		padding-left: 0;
	}
	.km-product-info-list span {
		font-size: 15px;
	}
	.km-ransport-input img {
		width: 35px;
	}
	.km-ransport-input label {
		font-size: 15px;
		text-align: right;
	}
	.km-ransport-input .radiobtn {
		top: 0px;
		left: -15px;
	}
	.km-product-info-list {
		margin-bottom: 10px;
		margin-top: 20px;
	}
	.km-select-div {
		width: 100px;
	}
	.km-select-div select {
		height: 40px;
		font-size: 14px;
	}
	.km-select-arrow::before {
		width: 10px;
		height: 10px;
	}
	.km-price p {
		font-size: 22px;
	}
	.km-product-transport {
		margin-bottom: 10px;
	}
	.km-add-to-cart {
		margin-top: 10px;
	}
	.container.km-main-body {
		width: 95%;
	}
	.km-about-farmer,
	.km-related-products {
		padding-right: 5px;
		padding-left: 5px;
	}
	.km-farmer-detail img {
		max-width: 195px !important;
		width: 195px !important;
		height: 195px !important;
	}
	.km-farmer-detail .km-farmer-name {
		width: 195px;
	}
	.km-farmer-detail {
		padding: 15px;
	}
	.km-farmer-desc {
		padding-left: 15px;
	}
	.km-farmer-desc p {
		font-size: 14px;
	}
	.km-buy-from-other {
		font-size: 16px;
	}
	.km-farmer-pic {
		bottom: 140px;
		width: 55px;
		height: 55px;
	}
	#km-gallery .owl-nav {
		bottom: 17%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.container.km-main-body {
		width: 100%;
	}
	.km-gallery .thumbnails li {
		margin-right: 10px;
	}
	#km-gallery .owl-nav {
		bottom: 16%;
	}
	.km-farmer-pic {
		bottom: 180px;
		width: 80px !important;
		height: 80px !important;
	}
	.km-mobile-checkout-first-section {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.km-bobile-body .km-product-card-footer span {
		width: 50px;
	}
	.slick-prev::before,
	.slick-next::before {
		display: none;
	}
	.product .info .features li {
		margin-top: 10px;
	}
}
@media screen and (max-width: 991px) {
	.km-farmer-desc {
		padding-top: 15px;
	}
	.product-info-div {
		text-align: center;
	}

	.km-ransport-input img,
	.km-ransport-input label {
		float: unset;
	}
	.km-price-div {
		width: auto;
	}
	.km-related-products .row {
		padding: 50px 35px;
	}
	.product .info {
		padding-right: 0;
	}
}
@media screen and (min-width: 1400px) {
	.km-farmer-pic {
		bottom: 230px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.km-product-listing {
		padding-right: 0;
		padding-left: 0;
	}
	.container.km-main-body h3 {
		font-size: 14px;
	}
	.km-farmer-list-head span {
		font-size: 14px;
	}
	.km-farmer-listing-desc p {
		font-size: 12px;
	}
	.km-farmer-price span,
	.km-farmer-listing-body .km-farmer h3,
	.km-buy-link a {
		font-size: 10px;
	}
	.km-farmer img {
		width: 60px;
		height: 60px !important;
	}
	.km-farmer-listing-body .km-farmer h3 {
		font-size: 10px;
	}
	.km-side-title {
		font-size: 14px;
	}
	.km-category-card ul li a {
		font-size: 12px;
	}
	.km-checkbox label {
		font-size: 12px;
	}
}
@media screen and (max-width: 767px) {
    .km-select-arrow::before {
        bottom: 50%;
    }
    .km-sidebar.commodity-filters {
        top: 0;
        z-index: 1000;
        background: #FFFF;
        width: 99%;
        left: 0;
        height: 100%;
        overflow: scroll;
    }
    .km-btn-close {
        display: block;
        margin: auto;
        margin-top: -20px;
        width: 100%;
    }
    .km-side-title, .km-category-card ul li a,
    .km-checkbox label {
        font-size: 14px;
    }
    .km-checkbox label {
        white-space: nowrap;
    }
    .container.km-main-body h3 {
        font-size: 12px;
    }
    .wrap {
        margin-top: 50px;
    }
    .wrap.has-banner {
        margin-top: 115px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1220px) {
	.km-farmer-list-head span,
	.km-side-title {
		font-size: 16px;
	}
	.km-farmer-listing-desc p {
		font-size: 14px;
	}
	.km-farmer-price span,
	.km-buy-link a,
	.km-category-card ul li a,
	.km-farmer-listing-body .km-farmer h3,
	.km-checkbox label {
		font-size: 14px;
	}
	.km-farmer img {
		width: 75px;
		height: 75px !important;
	}
}

/******************* START New Review Page Styles ***********************/

/***********  fixes for bootstrap3 ***********/
img {
	vertical-align: middle;
	border-style: none;
}
*,
::after,
::before {
	box-sizing: border-box;
}
.border-0 {
	border: 0 !important;
}
.navbar-toggler {
	line-height: 1;
	background-color: transparent;
	border-radius: 0.25rem;
	font-size: 1.4em;
	border-color: transparent !important;
	padding: 0;
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
	color: rgba(0, 0, 0, 0.9);
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
	-webkit-appearance: button;
}
.shadow {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.bg-white {
	background-color: #fff !important;
}
.table td,
.table th {
	padding: 0.75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}
.btn-success {
	background-color: #1eb887;
	border-color: #0faf7c;
	/* background-image: linear-gradient(to bottom, #0faf7c 0, #0faf7c 100%); */
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #0faf7c;
	border-color: #0faf7c;
	outline: none;
}

.p-0 {
	padding: 0 !important;
}
.p-1 {
	padding: 0.25rem !important;
}
.pr-0,
.px-0 {
	padding-right: 0 !important;
}
.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}
.pl-1,
.px-1 {
	padding-left: 0.25rem !important;
}
.pl-2,
.px-2 {
	padding-left: 0.5rem !important;
}
.pb-2,
.py-2 {
	padding-bottom: 0.5rem !important;
}
.pt-2,
.py-2 {
	padding-top: 0.5rem !important;
}
.pl-3,
.px-3 {
	padding-left: 1rem !important;
}
.pt-3,
.py-3 {
	padding-top: 1rem !important;
}
.pr-3,
.px-3 {
	padding-right: 1rem;
}
.p-15 {
	padding: 15px;
}
.m-auto {
	margin: auto !important;
}
.ml-0,
.mx-0 {
	margin-left: 0 !important;
}
.mr-0,
.mx-0 {
	margin-right: 0 !important;
}
.mt-0,
.my-0 {
	margin-top: 0 !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-2,
.my-2 {
	margin-bottom: 0.5rem !important;
}
.mt-2,
.my-2 {
	margin-top: 0.5rem !important;
}
.mt-5 {
	margin-top: 1.5rem !important;
}
.mb-3,
.my-3 {
	margin-bottom: 1rem !important;
}
.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important;
}
.mb-5 {
	margin-bottom: 2rem !important;
}
.d-inline {
	display: inline !important;
}
.d-block {
	display: block !important;
}
.d-inline-block {
	display: inline-block !important;
}
.d-none {
	display: none !important;
}
.d-flex {
	display: flex !important;
}

.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-nowrap {
	white-space: nowrap !important;
}
.justify-content-end {
	display: flex;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}
.justify-content-around {
	display: flex;
	/*-ms-flex-pack: distribute!important;*/
	justify-content: space-around !important;
}
.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
	display: flex;
}
.justify-content-between {
	display: flex;
	justify-content: space-between;
}

@media screen and (min-width: 500px) and (max-width: 767px) {
	.km-bobile-body.km-listing-page .km-farmer-listing-desc p {
		font-size: 12px;
	}
}

@media (min-width: 1200px) {
	.pr-xl-0,
	.px-xl-0 {
		padding-right: 0 !important;
	}
}
.multy-buy-btn {
	text-align: center;
	position: relative;
}
.multy-buy-btn .btn {
	border-radius: 0 20px 20px 0;
	min-width: 150px;
	width: 54%;
	display: inline-block;
}
.multy-buy-btn select {
	display: inline-block;
	width: 30%;
	margin-right: -4px;
	border-radius: 20px 0 0 20px;
	height: 43px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 2px solid #55b987;
	font-size: 12px;
	padding-right: 3px;
	outline: 0;
	vertical-align: middle;
}
.multy-buy-btn::after {
	content: "▼";
	left: 21%;
	top: 56%;
	position: absolute;
	font-size: 11px;
	pointer-events: none;
}

@media screen and (min-width: 500px) and (max-width: 767px) {
	.km-bobile-body.km-listing-page .km-farmer-listing-desc p {
		font-size: 12px;
	}
}
@media (min-width: 992px) {
	.text-lg-right {
		text-align: right !important;
	}

	.pr-lg-4,
	.px-lg-4 {
		padding-right: 1.5rem !important;
	}
	.mr-lg-3,
	.mx-lg-3 {
		margin-right: 1rem !important;
	}
	.mt-lg-4,
	.my-lg-4 {
		margin-top: 1.5rem !important;
	}
	.ml-lg-5,
	.mx-lg-5 {
		margin-left: 3rem !important;
	}
	.mr-lg-5,
	.mx-lg-5 {
		margin-right: 3rem !important;
	}
}
@media (min-width: 768px) {
	.p-md-3 {
		padding: 1rem !important;
	}
	.pb-md-3,
	.py-md-3 {
		padding-bottom: 1rem !important;
	}
	.pt-md-3,
	.py-md-3 {
		padding-top: 1rem !important;
	}
	.pl-md-1,
	.px-md-1 {
		padding-left: 0.25rem !important;
	}
	.pl-md-5,
	.px-md-5 {
		padding-left: 3rem !important;
	}
	.pt-md-5,
	.py-md-5 {
		padding-top: 3rem !important;
	}
	.m-md-0 {
		margin: 0 !important;
	}
	.mr-md-4,
	.mx-md-4 {
		margin-right: 1.5rem !important;
	}
	.mb-md-4,
	.my-md-4 {
		margin-bottom: 1.5rem !important;
	}
	.mt-md-5,
	.my-md-5 {
		margin-top: 3rem !important;
	}
	.d-md-none {
		display: none !important;
	}
	.d-md-inline {
		display: inline !important;
	}
	.d-md-block {
		display: block !important;
	}
	.navbar-expand-md .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	.navbar-expand-md {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

@media (min-width: 576px) {
	.p-sm-2 {
		padding: 0.5rem !important;
	}
	.pt-sm-4,
	.py-sm-4 {
		padding-top: 1.5rem !important;
	}
}

/*********** custom styles ***********/

.km-buy-step ul li.current {
	font-weight: bold;
}

.total {
	color: #1ebc8b;
	font-weight: bold;
}

/*********** navbar ***********/

.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before {
	display: inline-block;
	content: none;
}

.navbar-toggler {
	font-size: 1.4em;
	border-color: transparent !important;
	padding: 0;
}

.km-checkout-page {
	padding: 20px 0;
}

#shopping-bag {
	max-height: 35px;
}

/*********** input-group ***********/

.input-group > .input-group-append > .btn,
.input-group > .form-control:not(:last-child) {
	border-radius: 9px;
	font-size: 10px;
	padding: 20px 20px;
	border: 1px solid #979797;
}
.input-group > .input-group-append > .btn {
	border-radius: 9px;
	margin: 0 !important;
	margin-right: -15px !important;
	background-color: white;
	color: #9b9b9b;
	padding: 10px 10px;
	border-radius: 9px !important;
	font-weight: bold;
}
.form-control.have-values + #button-addon2 {
	background-color: #1ebc8b;
	color: #fff;
	border: 1px solid #1ebc8b;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition-property: color, background-color;
	transition-duration: 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out;
	transition-delay: 0s, 0s;
}

.input-group > .form-control:focus {
	z-index: 2;
	border: 1px solid rgba(0, 123, 255, 0.25);
}
.form-control:focus {
	outline: 0;
}
input[type="file"] {
	padding: 20px;
	height: 56px;
}

.btn-success.shadow {
	box-shadow: 0 1rem 2rem rgba(86, 182, 139, 0.25) !important;
}

/*********** table ***********/
.container.km-main-body {
	border-radius: 12px;
	margin-bottom: 80px;
}
.pay-button {
	width: 400px;
	height: 74px;
	margin-bottom: 10px;
}
.vpn-alert {
	position: absolute;
	bottom: 8px;
	color: #f44336;
	text-align: center;
	margin-right: 0;
	margin-left: 0;
	right: 10px;
	left: 10px;
}
.vertical-middle {
	vertical-align: middle !important;
}
.vertical-baseline {
	vertical-align: baseline !important;
}

/*********** media queries ***********/

/*** xl ***/
@media only screen and (min-width: 1200px) {
	.d-lg-block {
		display: block !important;
	}
	.d-lg-none {
		display: none !important;
	}
	.km-buy-step ul li.current::before {
		width: 30px;
		height: 30px;
		top: -25px;
	}
	.km-main-body td img {
		max-width: 70px;
	}
	.km-buy-step ul li:before {
		top: -22px;
	}
	.km-buy-step ul li:first-child:before {
		right: calc(50% - 60px);
	}
	.km-buy-step ul li:first-child a span {
		padding-left: 90px;
	}
	.km-buy-step ul li:last-child:before {
		right: calc(50% - -30px);
	}
	.km-buy-step ul li:last-child a span {
		padding-right: 100px;
	}
	.km-buy-step ul li:nth-child(2):before {
		right: calc(50% - 50px);
	}
	.km-buy-step ul li:nth-child(2) a span {
		padding-left: 60px;
	}
	.km-buy-step ul li:nth-child(3):before {
		right: calc(50% - 20px);
	}
	.km-buy-step ul li:nth-child(3) a span {
		padding-left: 20px;
	}
	#alert {
		margin-left: 120px;
	}
}

@media only screen and (max-width: 1199px) {
	.km-main-body td img {
		max-width: 60px;
	}
}

/*** xs ***/
@media only screen and (min-width: 320px) and (max-width: 576px) {
	.container.km-main-body {
		margin-top: 18px;
		margin-bottom: 27px;
		padding-top: 40px;
	}
	.km-main-body td img {
		max-width: 50px;
	}
	.table.text-center {
		margin-bottom: 0;
	}
	.table img {
		max-width: 30px;
	}
	.km-checkout-page {
		padding: 15px 0 15px 0;
	}
	.km-buy-step ul li span {
		font-size: 10px;
	}
	li,
	.km-buy-step ul {
		font-size: 11px;
	}
	.km-buy-step ul li::before {
		width: 15px;
		height: 15px;
		top: -15px;
		right: calc(50% - 7.5px);
	}
	.km-buy-step ul li {
		padding-top: 5px;
	}
	.mr-sm-1 {
		margin-right: 0.25rem !important;
	}
	.ml-sm-1 {
		margin-left: 0.25rem !important;
	}
}

/*** smaller ***/
@media screen and (max-width: 319px) {
	.container.km-main-body {
		margin-top: 18px;
		margin-bottom: 27px;
		padding: 20px;
	}
	.km-main-body td img {
		max-width: 30px;
	}
	.km-checkout-page {
		padding: 15px 0 15px 0;
	}

	.km-buy-step ul li span {
		font-size: 10px;
	}
	li,
	.km-buy-step ul {
		font-size: 14px;
	}
	.km-buy-step ul li::before {
		width: 15px;
		height: 15px;
		top: -15px;
		right: calc(50% - 7.5px);
	}
	.km-buy-step ul li {
		padding-top: 5px;
	}
}

/*************************** END New Review Page Styles **********************/

/*************** shipping styles --- Bootstrap changes 4 to 3 ********************/
/* Slider */
.slick-slider {
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;

	content: "";
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

.slick-n {
	right: 0;
}

.time-form {
	margin: 1.5rem;
}

.add-form input[type="radio"] + .label:before {
	right: 18px;
	top: 92px !important;
}
.rtl label {
	display: block;
}
.time-form2 {
	text-align: right;
}
.btn-group-toggle {
	padding-right: 2% !important;
}
.label {
	white-space: normal;
}
.checkout4-main-body {
	position: relative;
	right: 12%;
	width: 75%;
}
.add,
.peyk {
	width: 90%;
}
@media screen and (max-width: 767px) {
	.checkout4-main-body {
		position: relative;
		right: 0;
		width: 100%;
	}
	.pay-button {
		z-index: 10;
		width: 270px;
		text-align: center;
		line-height: 32px;
		height: 48px;
		display: inline-block;
		margin-bottom: 5px;
	}
	.basket-checkout4 {
		margin-top: 5px !important;
		padding-bottom: 0 !important;
	}
}

.basket-checkout4 {
	margin: auto;
	background-color: #ffffff;
	margin-top: 67px;
	border-radius: 12px;
	background-color: transparent;
}
.basket-cost-checkout4 {
	width: 90%;
	margin: auto;

	overflow: hidden;
}
.divy {
	float: left;
	margin-left: 0;
}

.gid-div-checkout4 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-start: 1;
}
.gid-div-checkout4 .name {
	font-size: 20px;
}
@media screen and (max-width: 420px) {
	.gid-div-checkout4 .name {
		font-size: 12px;
	}
}
@media screen and (min-width: 421px) and (max-width: 769px) {
	.gid-div-checkout4 .name,
	.gid-div-checkout4 .edit-x {
		font-size: 18px;
	}
}

.grid-sub-div-checkout4 {
	display: grid;
	grid-template-columns: 2fr;
}

.edit-x {
	color: #56b8cb;
}

.lable-grid {
	text-align: right;
	position: relative;
	padding-right: 35px;
}

.lable-grid > .number2,
.lable-grid > .postal-code {
	height: 50px;
	width: max-content;
}

.select-day-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.poshtibani {
	margin-top: 8px;
	overflow: hidden;
	width: 100%;
}

@media screen and (max-width: 420px) {
	.postal-code {
		text-align: right;
	}
	.time-form {
		font-size: 10px;
		font-weight: normal;
	}
	.label.select-day {
		font-size: 8px;
		font-weight: normal;
	}

	.add-form input[type="radio"] + .label:before {
		right: 8px;
		top: 68px !important;
	}

	.lable-grid {
		padding-right: 15px;
	}

	/* .peyk , .post{
        width: 97%; */
	/* margin-right: 11px; */
	/* box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2); */
	/*}*/

	.add-form-one {
		margin-right: 6px;
	}

	p.caption {
		margin-right: 10px;
	}
}
.btn select-day input {
	-webkit-appearance: unset;
}
@media screen and (max-width: 767px) {
	.basket-checkout4 {
		padding-bottom: 32px;
	}
	/* .poshtibani {
        top: 42px;
    } */
	.post-sending-time {
		margin-bottom: 0;
	}
	.divy {
		display: none;
	}
}

.divy2 {
	text-align: left;
}

.divy2 > p {
	color: #616161;
	margin-bottom: 8px;
	font-size: 8px;
	font-weight: normal;
}

@media screen and (min-width: 768px) {
	.divy2 {
		display: none;
	}
}
label.select-day.focus {
	border: solid 2px #1ebc8b;
	background-color: rgba(86, 182, 139, 0.15);
	color: #1ebc8b;
	font-size: 20px;
	font-weight: bold;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-group-toggle {
	padding-right: 0;
}

.select-day:focus {
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

label.select-day {
	line-height: 2rem;
}
.time-form {
	font-family: Sahel;
	font-size: 18px;
	color: #616161;
	font-weight: normal;
}

.add {
	padding-bottom: 10px;
}
/****************** End Of shipping styles --- Bootstrap changes 4 to 3 ***********************/

.product_related {
	max-width: 351px;
}
.product_related .relate {
	background-color: rgba(86, 182, 139, 0.1);
	color: #616161;
	padding: 6px;
	display: inline-block;
	border: 1px solid #56b58b;
	font-size: 13px;
	cursor: pointer;
}
.product_related .relate:first-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left-width: 0;
}
.product_related .relate:last-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-right-width: 0;
}
.product_related_select,
.product_related .relate.select {
	border-radius: 9px;
	border: solid 1px #d8d8d8;
	display: flex;
	width: 157px;
	height: 51px;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding: 8px 12.5px;
}
.product_related .relate.select {
	background: #fff;
	color: #616161;
}
.multy-buy-btn {
	text-align: center;
	position: relative;
}
.multy-buy-btn .btn {
	border-radius: 0 20px 20px 0;
	min-width: 150px;
	width: 54%;
	display: inline-block;
}
.multy-buy-btn select {
	display: inline-block;
	width: 30%;
	margin-right: -4px;
	border-radius: 20px 0 0 20px;
	height: 43px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 2px solid #55b987;
	font-size: 12px;
	padding-right: 3px;
	outline: 0;
	vertical-align: middle;
}
.multy-buy-btn::after {
	content: "▼";
	left: 21%;
	top: 56%;
	position: absolute;
	font-size: 11px;
	pointer-events: none;
}
img.fast-delivery-badge {
	position: absolute;
	top: 5%;
	right: 10%;
	width: 60px;
	padding: 0;
	height: auto;
}
p.read-more {
	margin: 0 0 15px 0;
}
.sidebar-box {
	/* max-height: 120px; */
	position: relative;
	padding: 20px;
	overflow: hidden;
}
.sidebar-box .read-more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: right;
	padding: 0 22px 2px;
	background: #fff;
	margin: 0;
}
.km-badges span.barberry-weight {
	border-radius: 100%;
	border: 1px solid;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 6px 1px;
}
.km-badges span.barberry-weight span {
	line-height: 13px;
	font-size: 11px;
	width: 100%;
	/* width: 40px!important;
    height: 40px!important; */
	text-align: center;
}
@media screen and (min-width: 768px) {
	.product_related_select {
		background: url("../../images/template/bottom-green.png") no-repeat 20px
			50%;
		-webkit-appearance: none;
		appearance: none;
	}
}
@media screen and (max-width: 767px) {
	.product_related {
		width: 351px;
		margin: auto;
	}
	.product_related_select,
	.product_related .relate.select {
		height: 40px;
	}
}
@media screen and (max-width: 420px) {
	.product_related {
		max-width: 351px;
		width: 100%;
		margin: 0;
	}
}

/****************** start Of barberry slide ***********************/
.fixed-top .alert {
	padding: 10px 35px;
	background-image: url("../../images/template/ramadan.jpg");
	background-size: contain;
	background-repeat: repeat;
	text-shadow: #171616 1px 1px 3px;
	color: #fff;
	text-align: center;
	border: none;
}
.container ol {
	margin-top: 50px;
}
.alert .close {
	float: none;
	position: absolute;
	z-index: 100;
	margin: 24px 10px 0;
	font-size: 33px;
}
.alert .close span {
	position: relative;
	z-index: 101;
}
@media screen and (max-width: 449px) {
	.alert .close {
		margin: 20px 16px 0;
		font-size: 23px;
	}
}
@media screen and (min-width: 450px) and (max-width: 600px) {
	.alert .close {
		margin: 19px 1px 0;
		font-size: 23px;
	}
}
@media screen and (min-width: 601px) and (max-width: 767px) {
	.alert .close {
		margin: 17px 22px 0;
		font-size: 23px;
	}
}

#slide-barberry {
	width: 100%;
	background-color: #1ebc8b;
	color: #fff;
	text-align: center;
}
a#slide-bar:hover {
	cursor: pointer;
}
#slide-barberry button {
	display: inline-block;
	color: #1ebc8b;
	background-color: #f0efef;
	font-weight: bold;
	box-shadow: inset 0px -5px 1rem 1px rgba(0, 0, 0, 0.15);
}
#slide-barberry h2 {
	display: inline-block;
}
#slide-barberry img {
	max-height: 100%;
	display: inline-block;
}
#slide-barberry:hover img {
	animation: 0.9s changerotation infinite alternate;
}
@keyframes changerotation {
	from {
		opacity: 0.6;
		-webkit-transform: rotate(-30deg);
		-ms-transform: rotate(-30deg);
		transform: rotate(-30deg);
	}

	to {
		opacity: 1;
		-webkit-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		transform: rotate(30deg);
	}
}

#slide-barberry .col-xs-6 {
	height: 100%;
}
@media screen and (min-width: 1200px) {
	#slide-barberry {
		height: 80px;
		padding-left: 70px;
		padding-right: 70px;
	}
	#slide-barberry button {
		margin: 17px;
		font-size: 20px;
	}
	#slide-barberry h2 {
		font-size: 28px;
		margin-top: 24px;
	}
	#slide-barberry img {
		width: 60px;
		padding-top: 10px;
	}
	.col-md-6 .input-group {
		width: 360px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	#slide-barberry {
		padding-left: 40px;
		padding-right: 10px;
		height: 70px;
	}
	#slide-barberry h2 {
		font-size: 19px;
		line-height: 34px;
	}
	#slide-barberry img {
		width: 39px;
		padding-top: 18px;
	}
	#slide-barberry button {
		font-size: 18px;
	}
	#close-btn {
		max-width: 20px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	#slide-barberry img {
		width: 45px;
	}
	#close-btn {
		max-width: 25px;
	}
	.col-md-6 .input-group {
		width: 320px;
	}
}
@media screen and (max-width: 767px) {
	#slide-barberry {
		height: 104px;
		padding-left: 40px;
		padding-right: 40px;
	}
	#slide-barberry h2 {
		font-size: 15px;
	}
	#slide-barberry img {
		/* width: 22px;
        padding-top: 20px; */
		display: none;
	}
	#slide-barberry button {
		font-size: 14px;
		margin: auto;
		margin-top: 12px;
	}
	#slide-barberry .col-xs-6 {
		padding: 0;
	}
	#slide-barberry .col-xs-12 h2 {
		width: 250px;
	}
	#slide-barberry .col-xs-6:first-of-type {
		padding-right: 15px;
	}
	#close-btn {
		max-width: 20px;
	}
	.col-md-6 .input-group {
		width: 260px;
	}
}
@media screen and (max-width: 600px) {
	#slide-barberry {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width: 450px) and (max-width: 767px) {
	#slide-barberry .col-xs-12 {
		width: 50%;
	}
	#slide-barberry .col-xs-12 .col-xs-12 {
		width: 100%;
		text-align: left;
	}
	#slide-barberry {
		height: 60px;
	}
	#close-btn {
		max-width: 15px;
	}
}
.margin-auto {
	margin: auto;
	line-height: 1.9;
	background-color: #1eb887;
}
ol li {
	padding-left: 10px;
}

/****************** start Of site-contact ***********************/
.site-contact {
	color: #000;
	padding: 20px;
	max-width: 1110px;
	margin: auto;
}
.site-contact-text_div {
	margin-top: 35px;
}
.site-contact h1 {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.site-contact h2 {
	font-size: 18px;
	color: black;
	font-weight: bold;
}
.site-contact_h3 {
	font-size: 16px;
	color: #757575;
	font-weight: bold;
}
.site-contact p {
	font-size: 16px;
}
.form-control.have-values + #button-addon2,
.footer_input.have-values + .footer_btn--submit,
.review-discount_input.have-values + .review-discount_submit,
.input-group--with-animation
	input[type="text"].have-values
	+ .default__input-group__button {
	background-color: #1ebc8b;
	color: #fff;
	border: 1px solid #1ebc8b;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition-property: color, background-color;
	transition-duration: 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out;
	transition-delay: 0s, 0s;
}
.input-group--with-animation
	input[type="text"].have-values
	+ .default__input-group__button:hover,
.input-group--with-animation
	input[type="text"].have-values
	+ .default__input-group__button:focus,
.input-group--with-animation
	input[type="text"].have-values
	+ .default__input-group__button:active {
	background-color: #1ba57a;
	border: 1px solid #1ba57a;
	color: #fff;
}
.input-group > .form-control:focus {
	z-index: 2;
	border: 1px solid rgba(0, 123, 255, 0.25);
}
.site-contact .col-md-4 {
	padding-top: 10px;
}
.site-contact img {
	width: 100%;
	max-width: 300px;
}
.site-contact #contact-form {
	max-width: 300px;
	margin: auto;
	padding-top: 55px;
}
@media screen and (max-width: 767px) {
	.site-contact {
		padding: 0;
	}
	.site-contact .col-md-4 {
		padding-bottom: 30px;
	}
	.site-contact p,
	.site-contacth2 {
		font-size: 14px;
	}
	.site-contact h1 {
		font-size: 22px;
	}
	.site-contact-text_div {
		margin-top: 15px;
	}
}

/****************** end Of site-contact ***********************/

/****************** Start Of select-type styles ***********************/
.select-type section > .card {
	border-radius: 12px;
	max-width: 344px;
	height: 390px;
	border: 1px solid #d6d6d6;
	margin: auto;
	margin-bottom: 15px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
.select-type.row {
	margin: 0;
}
.flex-align > .col-xs-6 {
	padding-right: 0;
	padding-left: 0;
}
.flex-align > .col-xs-6:first-of-type {
	z-index: 2;
}
.select-type section {
	padding-left: 5px;
	padding-right: 5px;
}
.select-type h2 {
	font-size: 20px;
	font-weight: bold;
	color: black;
	padding-bottom: 15px;
}
.select-type p {
	font-size: 16px;
	color: #616161;
	line-height: 1.83;
	height: 225px;
	overflow: hidden;
}
.select-type button {
	width: 126px;
	height: 42px;
	border-radius: 9px;
	background-color: #1ebc8b;
	font-size: 18px;
	margin: 0;
	margin-top: 28px;
}
@media screen and (max-width: 768px) {
	.select-type section > .card {
		height: 300px;
	}
	.select-type section > .card > .row {
		position: inherit;
	}
	.select-type h2 {
		font-size: 17px;
		padding-bottom: 15px;
	}
	.select-type p {
		font-size: 12px;
		height: 107px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
	.select-type h2 {
		font-size: 18px;
	}
	.select-type p {
		font-size: 14px;
		height: 180px;
	}
}
@media only screen and (min-width: 1200px) {
	.plate {
		padding-right: 100px;
		padding-left: 100px;
	}
	.select-type p {
		height: 200px;
	}
}
@media only screen and (max-width: 319px) {
	.flex-align > .col-xs-6:last-of-type {
		display: none;
	}
}

/****************** End Of select-type styles ***********************/

/************************ start of new-product- card *************/
.new-product-card {
	width: 270px;
	height: 414px;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	margin: auto;
}
.product-card-header {
	padding-top: 5px;
}
.farmer-image {
	width: 80px;
	height: 80px;
	display: inline-block;
	border: solid 1px #1ebc8b;
	border-radius: 50%;
	position: relative;
	z-index: 1000;
	bottom: 170px;
}
.farmer-image img {
	width: 100%;
	height: 100% !important;
	border-radius: 50%;
}
.product-image {
	text-align: center;
}
.product-image img {
	height: 170px;
}
.product-card-title {
	position: relative;
	top: -96px;
	text-align: center;
}
.product-card-title h3 {
	font-family: Vazir;
	font-size: 18px;
	font-weight: bold;
}
.product-card-lable {
	display: flex;
	justify-content: center;
	position: relative;
	top: -95px;
	right: -14px;
}
.product-card-lable figure {
	margin: 0 5px 0 5px;
}
.product-card-lable b {
	font-family: vazir;
	font-size: 13px;
	text-align: center;
	color: #de9565;
	position: relative;
	right: 32px;
	bottom: 7px;
}
.product-card-price {
	display: flex;
	position: relative;
	top: -80px;
}
.product-card-price figure {
	margin-top: 0;
}
.product-card-footer {
	position: relative;
	height: 57px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background-color: #1ebc8b;
	text-align: center;
	bottom: 81px;
}
.product-card-footer a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-family: Vazir;
	font-size: 18px;
	margin: 14px;
}
/************************* End of new product card ***************************************/

/************************ start of responsive product list ***********************/

.km-main-body .km-filter-btn {
	display: none;
}
@media screen and (max-width: 767px) {
	.display-none {
		display: none;
	}
	.km-product-listing {
		padding: 0;
	}
	.km-main-body .col-sm-12,
	.km-main-body .col-sm-4 {
		padding: 0;
	}
	.km-main-body .km-filter-btn {
		display: block;
	}
}
/************************************* End of responsive product list ********************/

.farmer-delivery-stats {
	border: 1px solid black;
}

th.farmer-delivery-stats,
td.farmer-delivery-stats {
	padding: 15px;
}

td.farmer-delivery-stats {
	text-align: center;
}

/***************************** Start New Menu Styles **************************************/
.menu,
.head {
	clear: both;
	width: 100%;
}
.head--dir-right,
.head--dir-left {
	line-height: 50px;
}

.menu__li--left,
.head--dir-left {
	float: left;
}
.navbar-nav.navbar__menu {
	margin: 0;
}
/* .head {
  background-color: #f3f6f6;
  height: 50px;
} */
.head__a--login {
	color: #343638;
	text-decoration: none;
}
.navbar-nav.head__ul--login {
	margin: 0;
	position: absolute;
	top: 0;
	left: 53px;
	border: none;
}
.navbar-default .head__ul--login.navbar-nav > .menu__li > .menu__a--main {
	padding: 16px 12px 9px 12px;
}
.head__ul--login li {
	display: inline-block !important;
}
.head__li {
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	line-height: 50px;
	color: #343638;
}
.head__brand,
.head__basket,
.head__ul {
	display: inline-block;
}
.head__brand {
	padding: 7px 0;
	padding-left: 16px;
	max-height: 48px;
	vertical-align: middle;
}
.keshmoon-brand {
	padding: 0 24px 0 0;
}
.head__span-lang {
	vertical-align: sub;
	line-height: 40px;
}
.head__a-lang {
	display: inline-block;
	margin-top: 20px;
	text-align: center;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	color: #1ebc8b;
	padding: 0 2px 0 2px;
	border: solid 1px #707070;
	border-radius: 2px;
}
.head__a-lang:hover {
	color: #272e3c;
	text-decoration: none;
}
.head__basket {
	padding-top: 16px;
	width: 24px;
	vertical-align: text-bottom;
	position: absolute;
	top: 0px;
	left: 20px;
}
.head__basket__a {
	padding: 0 !important;
	cursor: pointer;
}
.head__basket--qty {
	font-size: 12px;
	width: 16px;
	height: 16px;
	line-height: 20px;
	border-radius: 23px;
	background: #1ebc8b;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 23px;
	left: 35px;
	color: #fff;
}

.navbar-nav.navbar-left > .menu__li:first-of-type > .menu__a--main {
	padding-right: 0;
}
.navbar-default .navbar-nav > .menu__li > .menu__a--main,
.navbar-default
	.navbar-collapse
	.navbar-nav
	.dropdown-menu
	> li
	> .menu__a--sub {
	line-height: 24px;
	padding: 11px 12px;
	font-size: 16px;
	font-weight: normal;
	color: #272e3c;
}
.navbar-default
	.navbar-collapse
	.navbar-nav
	.dropdown-menu
	> li
	> .menu__a--sub {
	padding: 8px 16px;
}
.navbar-default .navbar-nav > .menu__li > .menu__a--main:hover,
.navbar-default
	.navbar-collapse
	.navbar-nav
	.dropdown-menu
	> li
	> .menu__a--sub:hover,
.navbar-default .navbar-nav > .menu__li > .menu__a--main:focus,
.navbar-default
	.navbar-collapse
	.navbar-nav
	.dropdown-menu
	> li
	> .menu__a--sub:focus {
	color: #1ebc8b;
}

/*  navbar animation  */
#navbarSupportedContent22 {
	padding: 0 12px;
	background-color: #fff;
}

.navbar-toggler.chevron-button {
	display: none;
}
/* end of navbar animation*/

/* arrow animation*/

.dropdown-toggle.menu__a--main:after {
	-webkit-text-stroke: 0.5px white;
	vertical-align: bottom;
	font-family: "Glyphicons Halflings";
	content: "\e114";
	display: inline-block;
	margin-right: 7px;
	font-size: 11px;
	transition: all 0.5s ease;
}
/* end of arrow animation*/

/* tablet and mobile screen */
@media screen and (max-width: 1199px) {
	.navbar-default .navbar-nav > .menu__li > .menu__a--main {
		padding: 11px 8px;
		font-size: 14px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav > .menu__li > .menu__a--main {
		padding-left: 4px;
		padding-right: 8px;
	}
	.navbar-default
		.navbar-nav.head__ul--login
		> .menu__li:first-of-type
		> .menu__a--main {
		padding-left: 13px;
	}
	.navbar-default
		.navbar-nav.head__ul--login
		> .menu__li:nth-of-type(2)
		> .menu__a--main {
		padding-left: 20px;
	}
	.navbar-default .navbar-nav > .menu__li > .menu__a--main,
	.navbar-default
		.navbar-collapse
		.navbar-nav
		.dropdown-menu
		> li
		> .menu__a--sub {
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) {
	/* .head {
    background-color: #fff;
  } */
	#navbarSupportedContent22 {
		padding: 0;
	}
	.navbar-nav.head__ul--login {
		padding: 3px 0 3px 15px;
		position: static;
		margin: 0;
		border-bottom: solid 1px #a6adb4;
	}
	.head__brand--container {
		width: 170px;
		display: inline-block;
		position: absolute;
		left: 0;
		right: 0;
		margin-right: auto;
		margin-left: auto;
	}
	.head__brand {
		width: 140px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 8px;
	}
	.head__a-lang {
		font-size: 9px;
		line-height: 14px;
		padding: 0 1px 0 1px;
		background-color: #f3f6f6;
	}
	.head__basket {
		padding-top: 9px;
		top: 5px;
	}
	.head__basket--qty {
		top: 21px;
		width: 14px;
		height: 14px;
		line-height: 18px;
	}
	.navbar-default .navbar-nav > .menu__li > .menu__a--main {
		padding: 11px;
	}
	.navbar-default
		.navbar-collapse
		.navbar-nav
		.dropdown-menu
		> li
		> .menu__a--sub {
		padding: 8px 35px;
	}

	.keshmoon-brand {
		padding: 2px 0 2px 3px;
	}
	.navbar-toggler.chevron-button {
		display: block;
		float: right;
		padding: 4px;
		border: none;
		outline: none;
		margin: 11px;
		background-color: transparent;
	}
	.navbar-nav.navbar-left > .menu__li:first-of-type > .menu__a--main {
		padding-right: 12px;
	}
	.mc_menu_btn.animated__menu__icon {
		display: block;
	}
}
/***************************** End of New Menu Styles **************************************/

/* FARMER PRE-REGISTRATION STYLES */
.page__farmer-recruitment {
	background-image: url(../../images/template/cover@3x.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0 20px;
	background-size: 100% auto;
	text-align: center;
	color: #fff;
}
.recruitment__form {
	text-align: center;
	margin: auto;
	margin-top: 25px;
	padding: 50px;
	max-width: 850px;
	border-radius: 12px;
	box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.16);
	color: #333333;
	background-color: #fff;
}
.recruitment__form .form-group {
	display: block;
}
.recruitment__p {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.9;
}
.recruitment__container-add {
	cursor: pointer;
	display: table;
	margin-bottom: 38px;
}
.recruitment__container-add:hover {
	text-decoration: none;
	color: #1ebc8b;
}
.recruitment__container-add:hover .recruitment__p-add,
.recruitment__container-add:hover .recruitment__span-add {
	color: #1ebc8b;
}
.recruitment__p-add {
	font-size: 18px;
	color: #9b9b9b;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 10px;
}
.recruitment__span-add {
	display: table-cell;
	color: #9b9b9b;
	padding-left: 8px;
	font-size: 50px;
}
.recruitment__h1 {
	font-weight: bold;
	padding-top: 85px;
	padding-bottom: 0;
	font-size: 42px;
}
.recruitment__h2 {
	font-weight: bold;
	font-size: 20px;
	margin: 30px 15px;
}
.recruitment__input,
.recruitment__select {
	color: #424242;
	padding-right: 25px;
	padding-left: 25px;
	width: 330px;
	height: 46px;
	margin: auto;
	margin-bottom: 27px;
	border-radius: 6px;
	background-color: #f4f4f4;
	border-color: transparent;
}
.recruitment__input::placeholder {
	font-size: 14px;
	line-height: 24px;
	color: #9b9b9b;
	overflow: visible;
}
select.recruitment__input,
.recruitment__input option:first-child {
	color: #9b9b9b;
}
.recruitment__input option {
	color: #424242;
}
.recruitment__form-col .recruitment__label,
.recruitment__form-col .recruitment__label-long {
	text-align: right;
	font-weight: normal;
	font-family: Vazir;
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	line-height: 1.4;
	color: #424242 !important;
}
.recruitment__form-col .recruitment__label-long {
	white-space: nowrap;
}
.recruitment__form-col.checkbox__container {
	height: 180px;
	text-align: right;
	position: relative;
}
.recruitment__form-col .recruitment__label-accept {
	font-family: vazir;
	padding-right: 5px;
	width: 696px;
	height: 75px;
	font-size: 15px;
	line-height: 1.73;
	letter-spacing: 0.12px;
	font-weight: normal;
	text-align: right;
	color: #424242;
}
.field-farmerpreregistration-terms.form-group.has-error .help-block {
	top: 105px;
}
.checkbox__container .form-group {
	max-width: 100%;
	margin-right: 0;
}
.checkbox__container input[type="checkbox"] {
	height: 20px;
	width: 100%;
	max-width: 20px;
	margin-right: 10px;
	border-radius: 4px;
	border: solid 1px #757575;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	animation: checkbox--animation-off 0.3s forwards ease-out;
	background-position: 10px 10px;
}
.checkbox__container input[type="checkbox"]:checked {
	border: solid 1px transparent;
	background-color: #1ebc8b;
	background-image: url("../../images/template/check.png");
	background-size: 50%;
	background-repeat: no-repeat;
	-webkit-animation: checkbox--animation-on 0.1s forwards ease-out;
	-moz-animation: checkbox--animation-on 0.1s forwards ease-out;
	animation: checkbox--animation-on 0.1s forwards ease-out;
}
@-webkit-keyframes checkbox--animation-on {
	from {
		background-size: 5px;
		background-position: 5px 5px;
	}
	to {
		background-size: 15px;
		background-position: 2px 2px;
	}
}
@keyframes checkbox--animation-on {
	from {
		background-size: 5px;
		background-position: 5px 5px;
	}
	to {
		background-size: 15px;
		background-position: 1px 2px;
	}
}
@-webkit-keyframes checkbox--animation-off {
	from {
		background-color: #1ebc8b;
	}
	to {
		background-color: #fff;
	}
}
@keyframes checkbox--animation-off {
	from {
		background-color: #1ebc8b;
	}
	to {
		background-color: #fff;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.recruitment__form {
		max-width: 750px;
		padding: 25px;
	}
	.recruitment__h1 {
		padding-top: 35px;
	}
	.checkbox__container input[type="checkbox"] {
		left: 230px;
	}
}
@media screen and (max-width: 767px) {
	.recruitment__form {
		max-width: 750px;
		padding: 25px;
		margin-top: 23px;
	}
	.recruitment__h1 {
		padding-top: 15px;
		font-size: 36px;
	}
	.checkbox__container input[type="checkbox"] {
		margin: 7.5px;
	}
	.recruitment__container-add {
		width: 375px;
		margin: auto;
		margin-bottom: 65px;
	}
	.recruitment__p-add {
		text-align: right;
	}
	.checkbox__container input[type="checkbox"] {
		position: static;
		margin-top: 10px;
	}
	.field-farmerpreregistration-terms.form-group.has-error .help-block {
		position: static;
	}
}
@media screen and (max-width: 420px) {
	.recruitment__form {
		padding: 5px;
		padding-top: 25px;
		margin-top: 0;
	}
	.recruitment__p {
		font-size: 14px;
		line-height: 1.43;
	}
	.recruitment__h1 {
		font-size: 18px;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.recruitment__h2 {
		font-size: 16px;
		margin-top: 34px;
		margin-bottom: 34px;
		font-weight: bold;
		line-height: 1.25;
	}
	.recruitment__input,
	.recruitment__select {
		margin-bottom: 10px;
		font-size: 11px;
		width: 250px;
	}
	.recruitment__input::placeholder {
		font-size: 11px;
	}
	.recruitment__form-col .recruitment__label {
		font-size: 16px;
		width: 265px;
		padding-bottom: 7px;
	}
	.recruitment__form-col .recruitment__label-long {
		font-size: 14px;
		width: 265px;
		padding-bottom: 8px;
		line-height: 1.57;
	}
	.recruitment__container-add {
		width: 270px;
	}
	.recruitment__p-add {
		font-size: 14px;
		padding-bottom: 6px;
	}
	.recruitment__span-add {
		font-size: 40px;
		padding-left: 0;
	}
}
/* END OF FARMER PRE-REGISTRATION STYLES */

/************************************* Start of customer panel ********************/
.table-responsive .table {
	max-width: none;
}
.panel .tooltip.top .tooltip-arrow {
	left: 50% !important;
}
/************************************* End of customer panel ********************/

/************************************* Start of cart orders ********************/
.order__block .col-sm-9,
.order__block .col-sm-3,
.order__block .col-xs-12,
.order__block .col-xs-6,
.order__block .col-sm-4,
.order__block .col-sm-2,
.order__block .col-xs-4 {
	padding-right: 0;
	padding-left: 0;
}
.order__col {
	padding: 10px;
}
.order__table.table.table-bordered.table-responsive {
	display: inline-block;

	margin: auto;
}
.order__table.table.table-bordered.table-responsive tbody {
	display: table;
}
.details-of-buy {
	display: flex;
}
.details-of-buy > div {
	padding: 10px;
}

/************************************* End of cart orders ********************/

/************************************* START of ZOOM  ********************/
/* magnifying glass icon */
.product-zoom:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	/*background:url(icon.png);*/
}
@media screen and (min-width: 1200px) {
	.product-zoom img:nth-of-type(2) {
		width: 200% !important;
		height: 200% !important;
	}
}
.product-zoom img::selection {
	background-color: transparent;
}
.laboratory-zoom:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	/*background:url(icon.png);*/
}
.laboratory-zoom img::selection {
	background-color: transparent;
}
/************************************* END of ZOOM  ********************/

/************************************* START of Product Card  ********************/

.carts__block_container {
	display: block;
	margin: auto;
}
.carts__block {
	display: flex;
	flex-flow: row wrap;
	justify-content: right;
	width: 900px;
	margin: auto;
}
.product-card {
	position: relative;
	margin: 10px;
	flex: 1 0 250px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 280px;
	height: 375px;
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background-color: #ffffff;
}
.product--container {
	height: 160px;
}
.img--farmer {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 80px;
	border: solid 1px #1ebc8b;
	border-radius: 50%;
}
.img--product {
	display: block;
	height: 140px;
	max-width: 220px;
	width: auto;
	margin: 15px auto 5px;
}
.cart__h2 {
	font-size: 18px;
	line-height: 24px;
	margin-top: 5px;
	margin-bottom: 2px;
	font-weight: bold;
	text-align: center;
	color: #333;
	padding: 3px;
}
.badge-container {
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 4px 0;
	height: 90px;
	overflow: hidden;
}
.img--badge {
	cursor: pointer;
	height: 40px;
	margin: 0 5px;
}
.img--badge.badge-circle {
	width: 38px;
	height: 38px;
	margin: 0 2px;
	border: 1px solid gray;
	border-radius: 50%;
	color: #616161;
	padding-top: 3px;
	font-size: 11px;
}
.img--badge-span {
	display: block;
	line-height: 5px;
}
.b--badge {
  cursor: pointer;
  position: absolute;
  color: #6F519E;
  font-size: 11px;
  top: 13px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.span--badge-relative {
	position: relative;
}
.span--flex-container {
	display: flex;
	justify-content: space-around;
}
.span--badge {
	flex: 0 0 40px;
	border: 1px solid #757575;
	color: #757575;
	padding-top: 3px;
	border-radius: 50%;
	margin: 0 5px;
	height: 40px;
	width: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 10px;
}
.p--badge {
	line-height: 15px;
}
.info-container {
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 70px;
	margin: 5px;
}
.info__img--quantity {
	width: 65px;
}
.info__p--price {
	font-size: 16px;
	font-weight: bold;
	color: #616161;
	line-height: 40px;
	margin-top: 5px;
	min-width: 120px;
	margin-bottom: 0;
	text-align: center;
}
.a--container {
	text-align: center;
	width: 100%;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.a--main {
	height: 50px;
	line-height: 50px;
	display: block;
	font-size: 18px;
	color: #fff;
	border: 1px solid transparent;
	background-color: #1ebc8b;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	font-weight: bold;
}
.a--main:hover,
.a--main:focus {
	outline: none;
	background-color: #0faf7c;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.product-card {
		flex: 0 1 400px;
		max-width: 400px;
		min-width: 250px;
	}
	.carts__block {
		justify-content: center;
		width: 100%;
	}
}
@media screen and (min-width: 769px) and (max-width: 991px) {
	.product-card {
		flex: 0 0 240px;
	}
	.carts__block {
		width: 520px;
		margin: auto;
	}
}
@media screen and (min-width: 992px) and (max-width: 1320px) {
	.carts__block {
		width: 600px;
	}
}

/************************************* END of Product Card  ********************/

/************************************* START of Shipping new ********************/

.recruitment__h2.shipping2__h2--alignment {
	margin-right: 20px;
	text-align: right;
	width: 100%;
}
.form-control.input__textarea {
	padding-top: 10px;
	max-width: 330px;
	height: 90px;
}
.recruitment__label {
	display: block;
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
	color: #424242;
	margin: 0;
	text-align: right;
}
.shipping__block, .shipping__city-restriction{
	max-width: 820px;
	margin: auto;
}
.shipping__block {
	border-radius: 12px;
	box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	padding: 10px 10px 40px;
	margin-bottom: 30px;
}
.shipping__block .slick-disabled {
	opacity: 0.3;
}
.shipping__block .panel {
	border: none;
	padding: 0 10px;
}
.shipping__p--timing {
	text-align: center;
	font-size: 16px;
	margin: 10px auto 0;
	line-height: 24px;
	color: #616161;
}
.mb-desktop {
	margin-bottom: 45px;
}
.shipping-address__label {
	width: 100%;
	cursor: pointer;
}
.shipping__input--container-small {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 30px;
	max-width: 330px;
	margin: auto;
}
.shipping__section--container {
	background-color: #fff;
	margin: auto;
	padding: 5px 0;
	text-align: center;
	max-width: 780px;
}
.shipping__section--container .form-group {
	padding: 5px 0;
}
.shipping__section--container .form-group.has-error .help-block,
.shipping__section--container .help-block {
	top: 55px;
	white-space: nowrap;
}
.shipping__section--container .field-address-address.form-group .help-block {
	top: 100px;
}
.shipping__tehran--timing {
	display: grid;
	justify-content: center;
	position: relative;
	margin: 0 25px;
	grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
    gap: 4px;
}
.shipping__hours--container {
	position: absolute;
	display: none;
	right: 0;
}
.shipping__hours--container .form-group {
	margin-bottom: 0;
}
.shipping__hours--container.hour--active {
	display: block;
	padding-top: 10px;
}
.shipping__transfer--container {
	flex: 1 0 160px;
}
.shipping__city-restriction {
	display: none;
	padding: 25px;
	background-color: blue;
	color: #075EA6;
	background: #ECF5FD;
	border: 1px solid #D2E9FD;
	border-radius: 12px;
	margin: 24px auto;
	font-size: 16px;
	line-height: 25px;
}
.delivery-types-new {
	padding: 10px 20px;
}
.delivery-types-new .form-group {
	max-width: 100%;
}
.shipping__time--display {
	visibility: hidden;
	height: 0;
	margin: 0 20px;
	padding-top: 20px;
}
.shipping__time--container {
	display: flex;
	position: relative;
	flex-direction: column;
	border-radius: 12px;
	border: solid 1px #9b9b9b;
	padding: 20px 0;
}
.shipping__time--method,
.shipping__time--poshtibani {
	font-size: 20px;
}
.shipping__time--poshtibani {
	margin-top: 20px;
	color: #616161;
}
.shipping__time--container .carousel_arrow {
	position: absolute;
	top: 40px;
	z-index: 2;
}
.carousel_arrow.arrow--prev {
	left: 10px;
}
.carousel_arrow.arrow--next {
	right: 10px;
}
.shipping__time--child {
	flex: 0 0 85px;
	font-size: 20px;
	text-align: center;
	color: #616161;
}
.shipping__time--child.shipping-carousel {
	border-bottom: solid 1px #d8d8d8;
	direction: ltr;
}
.shipping-carousel .slick-list {
	margin: 0 30px;
}
.shipping-carousel .carousel_card {
	display: flex;
	align-items: center;
	text-align: right;
}
.shipping-carousel .carousel_p {
	flex: 2 0 100px;
	font-size: 16px;
	margin-bottom: 0;
}
.shipping-carousel .carousel_span {
	display: block;
}
.shipping-carousel .carousel_img {
	height: 65px;
	width: 95px;
}
.shipping__time--child.shipping-hour {
	display: none;
	padding-right: 24px;
	padding-top: 10px;
	max-height: 70px;
	margin: 0 25px;
}
.shipping-hour .form-group {
	height: 20px;
}
.shipping__label--hour {
	font-weight: normal;
	position: relative;
	display: block;
	text-align: right;
	padding-right: 45px;
	padding-top: 3px;
	font-size: 18px;
	line-height: 24px;
	font-family: "vazir";
	color: #616161;
}
.shipping__label--hour.hour--deactive {
	color: rgba(155, 155, 155, 0.8);
}
.shipping__label--hour.hour--deactive + .shipping__radio--hour {
	border-color: rgba(155, 155, 155, 0.3);
	background-color: rgba(155, 155, 155, 0.1);
}
.shipping__time--child .hour_p {
	margin-bottom: 0;
}
.shipping2_flex-input.hour_radio {
	top: 4px;
	width: 20px;
	height: 20px;
	margin-top: 0;
}
.shipping__radio--day,
.shipping__radio--hour {
	border-color: transparent;
	appearance: none;
	-webkit-appearance: none !important;
}
.shipping__radio--day {
	display: none;
}
.shipping-hour {
	text-align: right;
}
.shipping__radio--hour {
	position: absolute;
	top: 0;
	right: 2px;
	width: 23px;
	height: 23px;
	border: solid 1px #9b9b9b;
	border-radius: 50%;
}
.shipping__radio--hour:checked {
	border: solid 2px #1ebc8b;
	background-color: #1ebc8b;
	box-shadow: inset 0 0 0 4.5px #f4f4f4;
}
.shipping__label--day {
	align-items: center;
	margin: 15px 2px 8px;
	flex: 0 1 161px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 15px;
	height: 70px;
	border-radius: 6px;
	border: solid 1px #d8d8d8;
	font-size: 18px;
	color: #616161;
	font-weight: normal;
	user-select: none;
}
.shipping__label--day:hover {
	cursor: pointer;
}
.shipping__label--day.day--active {
	border: solid 1px #1ebc8b;
	background-color: rgba(86, 182, 139, 0.15);
	color: #1ebc8b;
	font-weight: bold;
	font-size: 20px;
}
.shipping__label--day.day--deactive,
.shipping__label--day.day--deactive:active {
	border-color: transparent !important;
	color: rgba(155, 155, 155, 0.8);
	background-color: rgba(155, 155, 155, 0.3);
	cursor: context-menu;
}
.shipping__p--day {
	margin-bottom: 11px;
	margin-top: 4px;
	word-spacing: -5px;
    letter-spacing: -0.4px;
}
.shipping__label--day .day_small {
	font-size: 16px;
}

/* shipping2 */
.shipping__checkbox--container .shipping__checkbox[type="checkbox"] {
	margin-top: 0;
	margin-right: 15px;
	margin-left: 10px;
}
.shipping__checkbox--container {
	display: inline-flex;
	align-items: center;
	margin-bottom: 18px;
	width: 100%;
}
.shipping__div--mobile {
	display: none;
}
.shipping__hr {
	width: 75%;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 37px;
}
#shipping2-modal,
#panel_address_modal {
	max-width: 860px;
	margin: auto;
}
#shipping2-modal .modal-dialog,
#panel_address_modal .modal-dialog {
	width: auto;
}
.new-address__section {
	display: none;
}
.shipping__checkbox--container .recruitment__label {
	margin-right: 0;
}
.shipping__a--return {
	position: absolute;
	right: 160px;
	top: 7px;
	font-size: 12px;
	color: #56b8cb;
}
.shipping2__section--container {
	display: flex;
	flex: 0 0 330px;
	flex-wrap: wrap;
	margin: 0 10px;
	justify-content: space-evenly;
}
.shipping2__section--container::after {
	content: "";
	width: 330px;
	margin: 0 10px 44px;
}
.shipping2_flex-element {
	position: relative;
	width: 330px;
	height: 217px;
	border-radius: 6px;
	background-color: #f4f4f4;
	text-align: right;
	color: #616161;
	padding: 12px;
	margin: 0 10px 44px;
	border: 1px solid transparent;
}
.shipping2_flex-element.active {
	border: solid 1px #1ebc8b;
}
.shipping2_flex-element.element--new-address {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 50px;
}
.shipping2__section--container .shipping_flex-element:last-of-type {
	margin-left: 10px;
}
.shipping2_flex-input {
	position: absolute;
	top: 11px;
	right: 11px;
	width: 24px;
	height: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 50%;
	border: solid 1px #898686;
	background-color: #ffffff;
}
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
	outline: none;
}
.shipping2_flex-input:checked {
	border: solid 2px #1ebc8b;
	background-color: #1ebc8b;
	box-shadow: inset 0 0 0 4.5px #f4f4f4;
}
.shipping2_flex-p {
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	color: #9b9b9b;
}
.default-side__a,
.shipping2_flex-p.a--side,
.user-panel__side_a--more,
.pass-change_a,
.comments__main .register-comment_a {
	color: #56b8cb;
	position: absolute;
}
.pass-change_input--container {
	max-width: 430px;
	margin: auto;
}
.comments__main .register-comment_a {
	bottom: 5px;
	left: 16px;
}
.user-panel__side_a--more {
	font-size: 14px;
	bottom: 15px;
	left: 15px;
}
.shipping2_flex-p.a--side {
	bottom: 12px;
	left: 12px;
}
.default-side__a:hover,
.default-side__a:active,
.default-side__a:focus,
.shipping2_flex-p.a--side:hover,
.user-panel__side_a--more:hover,
.shipping2_flex-p.a--side:active,
.user-panel__side_a--more:active,
.shipping2_flex-p.a--side:focus,
.user-panel__side_a--more:focus,
.pass-change_a:hover,
.pass-change_a:focus,
.pass-change_a:active,
.comments__main .register-comment_a:hover,
.comments__main .register-comment_a:focus,
.comments__main .register-comment_a:active {
	text-decoration: none;
	cursor: pointer;
	color: #3f99ab;
}
.shipping2_flex-h3 {
	font-size: 14px;
	line-height: 21px;
	color: #616161;
	margin-top: 50px;
	margin-bottom: 16px;
	min-height: 45px;
}
.shipping2__p_address {
	color: #9b9b9b;
	font-size: 18px;
	padding-right: 7px;
	margin-bottom: 5px;
}
.shipping2__a_address {
	display: flex;
	align-items: center;
}
.shipping2__a_address:hover,
.shipping2__a_address:hover .recruitment__span-add,
.shipping2__a_address:hover .shipping2__p_address {
	cursor: pointer;
	color: #1ebc8b;
	text-decoration: none;
}
.shipping__modal--close {
	float: right;
	margin: 0 20px;
	font-size: 30px;
	display: block;
}
.shipping__modal--close:focus {
	outline: none;
}
.shipping__modal--container {
	border-radius: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.shipping2_flex-element {
		margin: 0 5px 10px;
	}
	.shipping__time--display {
		margin: 0 15px;
	}
}
@media screen and (max-width: 767px) {
	.shipping__a--return {
		left: 10px;
		right: auto;
		top: 5px;
	}
	.shipping__modal--container {
		padding: 25px !important;
	}
	.pr-0-mobile {
		padding-right: 0;
	}
	.shipping__section--container {
		max-width: 370px;
		margin: auto;
		padding: 0;
	}
	.mb-desktop {
		margin-bottom: 0;
	}
	.shipping__p--timing {
		font-size: 13px;
		padding: 2px 5px 0;
	}
	.shipping2__section--container {
		justify-content: center;
	}
	.recruitment__h2.shipping2__h2--alignment {
		text-align: right;
		max-width: 330px;
		margin: 30px auto;
	}
	.address-list__section {
		padding: 0 5px;
	}
	#shipping2-modal .form-group {
		display: block;
	}
	.shipping__checkbox--container .recruitment__label {
		font-size: 14px;
		padding-top: 4px;
	}
	.shipping__checkbox--container .shipping__checkbox[type="checkbox"] {
		margin-right: 0;
	}
	.shipping__time--display {
		margin: 0 20px;
	}
	.shipping__transfer--container {
		flex: 0 0 80px;
	}
	.shipping__time--child {
		flex: 0 0 50px;
	}
	.shipping__label--hour,
	.shipping__time--method,
	.shipping__time--poshtibani {
		font-size: 12px;
		line-height: 20px;
	}
	.shipping__label--hour {
		padding-right: 30px;
	}
	.shipping__time--child {
		font-size: 11px;
	}
	.shipping__label--day {
		height: 40px;
		line-height: 6px;
		font-size: 12px;
		margin: 5px 0 0;
		padding: 5px 0 3px;
	}
	.shipping__label--day .day_small {
		font-size: 10px;
	}
	.shipping-carousel .carousel_p {
		font-size: 10px;
		line-height: 15px;
	}
	.shipping-carousel .carousel_img {
		height: 40px;
		width: 58px;
	}
	.shipping__time--child.shipping-hour {
		padding-right: 0;
		margin-right: 0;
	}
	.shipping__time--container {
		padding: 20px 0 0;
	}
	.shipping__time--container .carousel_arrow {
		top: 30px;
	}
	.shipping__label--day.day--active {
		font-size: 14px;
		font-weight: normal;
	}
	.shipping__label--day.day--active .day_small {
		font-size: 11px;
	}
	.shipping2_flex-input.hour_radio {
		top: 2px;
		right: 16px;
		width: 16px;
		height: 16px;
	}
	.shipping__radio--hour {
		width: 18px;
		height: 18px;
	}
	.shipping__radio--hour:checked {
		box-shadow: inset 0 0 0 3px #f4f4f4;
	}
	.shipping2_flex-element {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 420px) {
	.shipping__section--container {
		max-width: 305px;
		padding: 0;
	}
	.pr-0-mobile {
		padding-right: 0;
	}
	.shipping__input {
		width: 270px;
		max-width: 100%;
		padding-right: 12px;
	}
	.shipping__input--container-small {
		width: 300px;
		max-width: 100%;
	}
	.shipping2_flex-element {
		margin: 0 -10px 20px;
	}
	.shipping__time--display {
		margin: auto;
		max-width: 330px;
	}
	.shipping-carousel .carousel_p {
		max-width: 65px;
		padding-left: 5px;
	}
	.shipping__transfer--container {
		flex: 0 0 70px;
	}
	.shipping__tehran--timing {
		margin: 0 10px;
	}
}
/************************************* END of Shipping new ********************/

/************************************* START of google pie chart  ********************/

.chart-container {
	position: relative;
	height: 40vh;
	width: 300px;
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
	.chart-container {
		margin: auto;
	}
}
@media screen and (max-width: 420px) {
	.chart-container {
		width: 250px;
	}
}

/************************************* END of google pie chart  ********************/
/************************************* Start of Product Review  ********************/

.product-review__block {
	border-radius: 12px;
	box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
	background-color: #ffffff;
	width: calc(100% - 5px);
	margin: auto;
	margin-top: 30px;
}
.review_tab--container {
	background-color: #f5f5f5;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.review_tab--active {
	position: relative;
	background-color: #fff;
	font-size: 18px;
	line-height: 48px;
	text-align: center;
	color: #000;
	height: 48px;
	width: 178px;
	border-top-right-radius: 12px;
}
.review_tab--active p {
	width: fit-content;
	margin: auto;
	border-bottom: 1px solid #1ebc8b;
	height: inherit;
	padding-right: 10px;
}
.default__button.farmer-selector {
	margin: 30px auto;
}
.user-comment_img {
	position: absolute;
	width: 18px;
	top: 15px;
	right: 18px;
}
.review__content--head {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	font-stretch: normal;
	color: #616161;
	padding: 0 18px 1px;
	margin-top: 40px;
}
.review__content_h2 {
	color: #000000;
	margin-top: 53px;
	margin-bottom: 9px;
	font-size: 18px;
	line-height: 28px;
}
.head__score-review--container {
	padding: 50px 0 70px;
	display: flex;
	flex-wrap: wrap;
}
.score_container--main {
	flex: 2 1 600px;
	max-width: 660px;
	margin: auto;
	border-radius: 7px;
	background-color: #fcfcfc;
	padding: 32px;
}
.review_container {
	flex: 1 1 300px;
	max-width: 300px;
	font-weight: normal;
	text-align: center;
	padding: 35px 0;
	margin: auto;
}
.review_container_p {
	color: #56b8cb;
	margin: auto;
	margin-bottom: 30px;
	max-width: 300px;
}
.score_container {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
	height: 40px;
}
.score_p {
	font-size: 16px;
	line-height: 48px;
	font-weight: bold;
	color: #616161;
}
.score_container .score_p:first-of-type {
	width: 300px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.score_container .score_p:last-of-type {
	width: 50px;
	white-space: nowrap;
	padding-right: 22px;
}
.score_range--container {
	position: relative;
	width: 337px;
	height: 4px;
	background-color: #ebebeb;
}
.score_range--child {
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	background-color: #1ebc8b;
	max-width: 100%;
}
.score_range--child.range-50 {
	width: 50%;
}
.score_range--child.range-25 {
	width: 25%;
}
.score_range--child.range-75 {
	width: 75%;
}
.review__comment {
	padding: 25px;
	display: flex;
	min-height: 154px;
	border-radius: 7px;
	border: solid 1px #f5f5f5;
	font-size: 10px;
	font-weight: normal;
	color: #616161;
	margin-bottom: 24px;
}
.comment_info {
	padding: 7px;
	display: flex;
	flex-direction: column;
	flex: 1 0 140px;
	font-size: 12px;
	line-height: 18px;
}
.comment_info_p {
	font-size: 16px;
	line-height: 22px;
}
.comment_qty {
	padding: 7px;
	flex: 2 1 200px;
	line-height: 18px;
}
.comment_quote {
	flex: 15 1 1000px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.comment_thumb--container {
	position: relative;
	width: 210px;
}
.comment_thumb_img {
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 16px;
}
.comment_thumb_p {
	position: absolute;
	color: #9d9b9b;
	left: -20px;
	bottom: -1px;
	margin-bottom: 0;
}
.comment_quote_p {
	font-size: 16px;
	line-height: 25px;
}
.comment_quote small {
	font-size: 12px;
	color: #9d9b9b;
}
.review__content--footer {
	display: flex;
	justify-content: center;
	padding-bottom: 40px;
}
.pagination--container {
	align-self: center;
	margin-right: 10px;
}
.review_pagination--next {
	color: #616161;
	font-size: 8px;
	font-weight: 100;
	padding-bottom: 5px;
	margin-right: 0;
	width: 1px;
}
.review_pagination {
	position: relative;
	width: 30px;
	height: 30px;
	margin: 10px;
	border-radius: 8px;
	border: solid 2px #ebebeb;
	background-color: #f5f5f5;
}
.review_pagination.pagination--active {
	border: solid 2px #1ebc8b;
	background-color: #1ebc8b;
}
.review__footer_p {
	position: absolute;
	font-size: 12px;
	color: #8e8e8e;
	left: 10px;
	top: 5px;
}
.review_pagination.pagination--active .review__footer_p {
	color: #ffffff;
}
@media screen and (max-width: 768px) {
	.review__content--head {
		padding: 0 5px 1px;
		margin-top: 20px;
	}
	.review__content_h4,
	.review__content_h2 {
		font-size: 14px;
		line-height: 24px;
	}
	.head__score-review--container {
		padding: 16px 0 7px;
	}
	.score_container--main {
		padding: 16px 8px;
		width: 100%;
		max-width: 500px;
	}
	.score_range--container {
		width: 145px;
	}
	.score_p {
		font-size: 12px;
		line-height: 24px;
		font-weight: normal;
	}
	.score_container {
		justify-content: space-around;
		height: 24px;
	}
	.score_container .score_p:first-of-type {
		width: 110px;
		max-width: 100%;
	}
	.score_container .score_p:last-of-type {
		padding-right: 10px;
	}
	.comment_qty {
		flex: none;
	}
	.review__comment {
		flex-wrap: wrap;
		padding: 12px 12px 30px;
	}
	.comment_info_p {
		font-size: 14px;
	}
	.review_tab--active {
		width: 126px;
		font-size: 12px;
		height: 42px;
	}
	.review_container {
		padding: 30px 12px;
	}
	.review_container_p {
		font-size: 13px;
		line-height: 21px;
		margin-bottom: 12px;
	}
	.comment_quote_p {
		font-size: 14px;
		color: #858282;
		line-height: 25px;
	}
	.comment_thumb--container {
		width: 100%;
	}
	.comment_thumb_img {
		top: -5px;
		left: 20px;
	}
	.comment_thumb_p {
		left: 0;
		bottom: -20px;
	}
	.user-comment_img {
		right: 12px;
		top: 18px;
		width: 14px;
	}
	.user-panel_div--expand .comment_div--product-info {
		margin-left: 10px;
	}
}

/************************************* END of Product Review  ********************/

/************************************* START updated inputs  ********************/

.sign-in__block {
	max-width: 524px;
	box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.16);
	border-radius: 12px;
	background-color: #ffffff;
	padding: 46px;
	margin-right: auto;
}
.select2-container--krajee .select2-selection {
	height: 48px;
	line-height: 48px;
	padding: 0 24px 0 12px;
	border: 2px solid #b4b4b4;
	border-radius: 8px;
	display: flex;
	align-items: center;
}
.select2-container--krajee
	.select2-selection--single
	.select2-selection__arrow {
	height: 48px;
}
.form-group {
	position: relative;
	margin: 10px auto 40px;
	max-width: 330px;
	text-align: center;
}
.grid-view {
	max-width: 100%;
}
.form-group.ltr .form-control {
	text-align: left;
	direction: ltr;
}
.form-group.has-error .form-control {
	border: 2px solid #b00020;
	box-shadow: none;
}
.form-control {
	width: 100%;
	height: 48px;
	font-size: 16px;
	font-family: vazir;
	color: #707070;
	padding-right: 15px;
	border-radius: 8px;
	border: 2px solid #b4b4b4;
	background-color: #fff;
	transition: all 0.1s ease-out 0.1s;
	box-shadow: none;
	-webkit-appearance: none;
}
.form-control.text-left,
.form-group .text-left {
	direction: ltr;
}
#form-signup,
#login-form {
	max-width: 524px;
	box-shadow: 0 30px 60px 0 rgb(0 0 0 / 16%);
	border-radius: 12px;
	background-color: #ffffff;
	padding: 65px 45px 20px;
	margin: auto;
}
select.form-control {
	font-size: 12px;
	max-width: 330px;
	margin: auto;
}
.form-control:focus,
.focused .form-control,
.form-group.has-success .form-control,
.has-success .form-control:focus {
	border: 2px solid #1ebc8b;
	padding-right: 15px;
	box-shadow: none;
}
.empty-input .form-control,
.empty-input.has-success .form-control {
	border: 2px solid #b4b4b4;
}
.form-group.has-success .control-label,
.form-group.has-error .control-label {
	color: #424242;
}
.form-control.form-control--disabled,
.form-control:disabled {
	pointer-events: none;
	background-color: #fff;
	color: #e0e0e0;
	border: 2px solid #e0e0e0;
}
.form-control::placeholder {
	color: #9b9b9b;
	font-size: 14px;
	line-height: 24px;
	overflow: visible;
	text-align: right;
}
.control-label {
	display: block;
	position: absolute;
	top: -8px;
	right: 12px;
	padding: 0 5px;
	font-size: 16px;
	text-align: right;
	background: #fff;
	line-height: 20px;
	border-radius: 6px;
	color: #424242;
	transition: all 0.1s ease-out;
	cursor: text;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 93%;
	z-index: 2;
}
.field-contactform-verifycode .control-label {
	position: static;
}
.field-contactform-verifycode.focused .control-label {
	font-size: 16px;
}
.field-contactform-verifycode.form-group.has-error .help-block {
	top: 190px;
}
.focused .control-label {
	top: -5px;
	line-height: 20px;
	font-size: 10px;
	cursor: context-menu;
	padding-left: 5px;
	transition: all 0.1s ease-out;
}
.form-group > button {
	display: block;
	width: 100%;
	max-width: 400px;
	height: 55px;
	line-height: 55px;
	padding: 0 10px;
	margin: auto;
	margin-top: 30px;
	text-align: center;
	border-radius: 50px;
	color: #fff;
	font-size: 22px;
	background-color: #1ebc8b;
	border-color: #1ebc8b;
}
.form-group button:hover,
.form-group button:focus,
.form-group button:active,
.form-group button:active:hover,
.form-group button:active:focus {
	cursor: pointer;
	background-color: #0faf7c;
	color: #fff;
	text-decoration: none;
	outline: none;
}
.help-block {
	position: absolute;
}
.form-group.has-error .help-block,
.help-block {
	top: 50px;
	right: 15px;
	font-size: 10px;
	line-height: 15px;
	text-align: right;
	color: #b00020;
	height: 15px;
}
.form-group.has-error .help-block {
	background: url(../../images/template/error.svg) no-repeat 99% 50%;
	padding-right: 20px;
	background-size: 15px;
}
@media screen and (max-width: 1024px) {
	.sign-in__block {
		margin: auto;
		padding: 30px 15px;
	}
	.form-group button {
		height: 48px;
		line-height: 30px;
		font-size: 16px;
		margin-top: 0;
	}
	#form-signup,
	#login-form {
		padding: 55px 15px 15px;
	}
}

/************************************* END updated inputs  ********************/

/************************************* START of filter side product list  ********************/

#mySidenav {
	background: #fff;
	width: 100%;
}
#mySidenav--white {
	width: 100%;
}

.filters--container {
	justify-content: flex-end;
	align-items: baseline;
	display: none;
}
#filter_selected--container {
	display: flex;
	max-width: 400px;
	overflow-x: scroll;
}
#filter_selected--container::after {
	content: "air";
	visibility: hidden;
	height: 0;
}
.filter_remove {
	height: 32px;
	margin-left: 8px;
	padding: 4.6px 12px 5.4px;
	box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.16);
	border: solid 0.5px #dad9d9;
	background-color: #ffffff;
	z-index: 2;
	white-space: nowrap;
}
.filter_selected {
	white-space: nowrap;
	margin: 0 5px;
	height: 25px;
	line-height: 25px;
	padding: 0 6px;
	border-radius: 4px;
	border: solid 1px #56b8cb;
	background-color: #56b8cb;
	color: #fff;
}
.filter_selected::before,
.review-discound_a::before {
	content: "\2716";
	font-size: 11px;
	padding-left: 2px;
	color: transparent;
	text-shadow: 0 0 #fff;
}
.review-discound_a::before {
	text-shadow: 0 0 #56b8cb;
}
.km-filter-header {
	display: none;
}

@media screen and (max-width: 767px) {
	#mySidenav {
		height: 100%;
		position: fixed;
		z-index: 3;
		top: 0;
		right: 0;
		transition: 0.5s;
		padding: 0;
		margin-bottom: 30px;
		box-shadow: 0 14px 20px 0 rgba(155, 155, 155, 0.2);
		display: none;
	}
	#mySidenav--white {
		width: 0;
		height: 100%;
		overflow-x: hidden;
		background-color: #fff;
		transition: 0.5s;
		display: flex;
		flex-direction: column;
		justify-content: start;
	}
	.filter-side--container {
		display: block;
	}
	#mySidenav .km-btn-close {
		text-align: right;
		padding: 0;
		padding-right: 15px;
		padding-top: 10px;
		margin: 0;
		font-size: 25px;
		width: 70px;
	}
	.km-submit-filter {
		display: block;
	}
	.km-sidebar-card {
		box-shadow: none;
		border-top: solid 1px #f3f3f3;
		border-radius: 0;
	}
	.km-side-title {
		margin: 0 -15px;
		padding: 0px 15px 9px;
		text-align: right;
		border-bottom: 1px solid #f3f3f3;
	}
	#mySidenav .head__brand {
		margin-top: 6px;
		width: 110px;
		position: absolute;
		display: none;
	}
}

@media screen and (max-height: 450px) {
	#mySidenav {
		padding-top: 15px;
	}
	#mySidenav a {
		font-size: 18px;
	}
}

/************************************* END of filter side product list  ********************/

/************************************* START of single product review  ********************/

.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.survey__progbar_container {
	width: 100%;
	height: 17px;
	margin-bottom: 12px;
	background-color: #f4f4f4;
	border-radius: 10px;
}
.survey__progbar_p {
	font-size: 9px;
	line-height: 18px;
	padding-left: 8px;
	text-align: left;
	color: rgba(255, 254, 254, 0.96);
}
.survey__progbar--filled {
	background-color: #1ebc8b;
	height: 17px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.survey__progbar--filled.filled-25 {
	animation: fill-progressbar-25 1s ease-in-out;
	width: 25%;
}
@keyframes fill-progressbar-25 {
	from {
		width: 0;
	}
	to {
		width: 25%;
	}
}
@-webkit-keyframes fill-progressbar-25 {
	from {
		width: 0;
	}
	to {
		width: 25%;
	}
}

.survey__progbar--filled.filled-50 {
	animation: fill-progressbar-50 1s ease-in-out;
	width: 50%;
}
@keyframes fill-progressbar-50 {
	from {
		width: 0;
	}
	to {
		width: 50%;
	}
}
@-webkit-keyframes fill-progressbar-50 {
	from {
		width: 0;
	}
	to {
		width: 50%;
	}
}

.survey__progbar--filled.filled-75 {
	animation: fill-progressbar-75 1s ease-in-out;
	width: 75%;
}
@keyframes fill-progressbar-75 {
	from {
		width: 0;
	}
	to {
		width: 75%;
	}
}
@-webkit-keyframes fill-progressbar-75 {
	from {
		width: 0;
	}
	to {
		width: 75%;
	}
}
.survey__progbar--filled.filled-100 {
	animation: fill-progressbar-100 1s ease-in-out;
	width: 100%;
	border-radius: 10px;
}
@keyframes fill-progressbar-100 {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}
@-webkit-keyframes fill-progressbar-100 {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}
/* end progressbar */
.survey__block {
	background: url("./Untitled-3-02@2x.png") no-repeat;
	background-size: 100%;
	padding-top: 30px;
}
.survey__section {
	max-width: 800px;
	margin: auto;
	margin-bottom: 10px;
	border-radius: 18px;
	box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	padding: 23px;
}
.survey__small {
	color: #757575;
}
.survey__section:last-of-type {
	margin-bottom: 25px;
}
.survey__section.qty-10 {
	padding: 20px 8px;
}
.survey__div--500px {
	max-width: 500px;
	margin: auto;
}
.survey__checkbox {
	margin-top: 0 !important;
	text-align: center;
	position: relative;
	border-radius: 3px;
	background-color: #f4f4f4;
	-webkit-appearance: none;
	appearance: none;
}
.survey__checkbox + .survey__p--qty {
	color: #898686;
}
.checkbox--mark {
	width: 30px;
	height: 30px;
}
.checkbox--qty-5 {
	width: 42px;
	height: 42px;
}
/* start of NPS color variation */
.checkbox--qty-10 {
	border-radius: 50%;
	width: 26px;
	height: 26px;
}
.checkbox--qty-10:checked {
	background-color: #fff !important;
}
.survey__label_block:nth-of-type(11) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.7);
}
.survey__label_block:nth-of-type(10) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.73);
}
.survey__label_block:nth-of-type(9) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.76);
}
.survey__label_block:nth-of-type(8) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.79);
}
.survey__label_block:nth-of-type(7) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.82);
}
.survey__label_block:nth-of-type(6) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.85);
}
.survey__label_block:nth-of-type(5) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.88);
}
.survey__label_block:nth-of-type(4) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.91);
}
.survey__label_block:nth-of-type(3) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.94);
}
.survey__label_block:nth-of-type(2) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 0.97);
}
.survey__label_block:nth-of-type(1) .checkbox--qty-10 {
	background-color: rgba(86, 182, 139, 1);
}
/* end of NPS color variation */

.survey__checkbox:checked {
	margin-top: 0;
	border: solid 1px #1ebc8b;
	background-color: rgba(255, 254, 254, 0.96);
	color: #1ebc8b;
}
.survey__checkbox:checked + .survey__p--qty {
	color: #1ebc8b;
}
.survey__checkbox.checkbox--mark:checked::after {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	content: "\2713";
	font-weight: bold;
	display: inline-block;
	width: 29px;
	height: 29px;
}
.survey__label_block {
	color: #898686;
	position: relative;
	margin: 0 2px;
}
.survey__quality-range {
	display: none;
}
.survey__p--qty {
	color: #898686;
}
.qty-10 .survey__label_block {
	margin: 0 1px;
}
.survey__p {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.17px;
	text-align: right;
	color: #424242;
	font-weight: 500;
	margin-bottom: 0;
}
.qty-5 .survey__p--qty {
	position: absolute;
	font-size: 14px;
	top: 12px;
	right: 16px;
}
.survey__checkbox:checked .qty-5 .survey__p--qty-5 {
	color: #1ebc8b;
}
.qty-10 .survey__p--qty {
	position: absolute;
	top: 9px;
	text-align: center;
	font-size: 12px;
	width: 26px;
	height: 26px;
	color: #fff;
}
.end-page .survey__textarea,
.start-page .survey__textarea {
	margin-top: 24px;
}
.start-page .survey__p {
	padding-bottom: 14px;
}
.survey__label--text {
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.17px;
	text-align: right;
	color: #9b9b9b;
	padding-right: 7px;
}
.survey__ul {
	padding-right: 0;
	list-style-type: none;
}
.survey__li--mark {
	display: flex;
	align-items: center;
	margin: 16px 0;
}
.survey__li--qty {
	list-style-type: none;
	margin-top: 24px;
	margin-bottom: 35px;
}
.qty-10 .survey__li--qty {
	display: flex;
	justify-content: space-around;
}
.survey__li--start {
	display: flex;
	overflow-x: scroll;
	justify-content: right;
	padding: 10px 5px;
}
.survey__textarea,
.survey__input--text {
	width: 100%;
	height: 80px;
	border: none;
	border-radius: 3px;
	background-color: #f4f4f4;
	padding: 10px;
	margin: auto;
	font-size: 12px;
	line-height: 18px;
}
.survey__input--text {
	height: 47px;
}
.survey__textarea::placeholder,
.survey__input--text::placeholder {
	font-size: 12px;
	line-height: 18px;
	color: #9b9b9b;
}
.survey__container_a {
	max-width: 500px;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.survey__a--next,
.survey__a--prev,
.survey__a--boolean {
	width: 123px;
	height: 42px;
	border-radius: 9px;
	height: 42px;
	line-height: 38px;
	text-align: center;
}
.survey__a--next:hover,
.survey__a--prev:hover,
.survey__a--boolean:hover {
	cursor: pointer;
	text-decoration: none;
}
.survey__a--boolean {
	width: 146px;
}
.survey__a--next,
.survey__a--boolean:hover {
	background-color: #1ebc8b;
	border-color: #1ebc8b;
	color: #fff;
}
.survey__a--next:hover {
	background-color: #0faf7c;
	color: #fff;
}
.survey__a--prev:hover {
	-webkit-box-shadow: inset 9px -11px 23px -30px rgba(0, 0, 0, 0.75),
		inset -10px -9px 23px -30px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 9px -11px 23px -30px rgba(0, 0, 0, 0.75),
		inset -10px -9px 23px -30px rgba(0, 0, 0, 0.75);
	box-shadow: inset 9px -11px 23px -30px rgba(0, 0, 0, 0.75),
		inset -10px -9px 23px -30px rgba(0, 0, 0, 0.75);
	color: #1ebc8b;
}
.survey__a--next.btn-big {
	width: 270px;
	margin: auto;
	margin-top: 10px;
}
.survey__a--prev,
.survey__a--boolean {
	border: solid 1px #1ebc8b;
	background-color: #fff;
	color: #1ebc8b;
}
.survey__a--next-arrow {
	color: #a6adb4;
	cursor: pointer;
}
.survey__a--next-arrow:hover,
.survey__a--next-arrow:focus {
	text-decoration: none;
	color: #424242;
}
.survey__a--next-arrow .arrow-img {
	font-size: 30px;
	line-height: 15px;
}
.survey__a--next-arrow .arrow-p {
	font-size: 9px;
}
.survey__figure {
	width: 90px;
	height: 90px;
	flex: 0 0 90px;
	text-align: center;
	border-radius: 7px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	margin: 0 5px;
	padding: 5px;
}
.survey__figure_img {
	max-height: 40px;
}
.survey__figure_caption {
	font-size: 9px;
	line-height: 13px;
	color: #424242;
}

/************************************* END of single product review  ********************/

/************************************* START of bulk - whole sale  ********************/

.whole-sale__block p,
.whole-sale__block h2,
.whole-sale__block h3,
.whole-sale__block h4 {
	margin: 0;
}
.whole-sale__block {
	max-width: 100%;
	width: 1380px;
	text-align: center;
	margin: auto;
}
.whole__section {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	position: relative;
	background-color: #fff;
	padding: 0 30px 55px;
	margin-bottom: 30px;
}
.section--shadow {
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
}
.whole__h2 {
	font-size: 36px;
	line-height: 54px;
	font-weight: 500;
	color: #424242;
	position: absolute;
	top: 50px;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	left: 0;
}
.whole__h3 {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	text-align: right;
	color: #424242;
	padding-top: 16px;
}
.whole__p {
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	color: #707070;
	padding-top: 16px;
	padding-bottom: 47px;
}
.whole__a.default__button {
	margin-left: auto;
	margin-right: 0;
}
.modal:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 10%;
}
.whole__modal {
	text-align: center;
	position: relative;
	width: 640px;
	height: 400px;
	border-radius: 12px;
	background-color: #ffffff;
	padding: 0 100px;
	max-width: 100%;
}
.whole__modal .modal-header {
	border-bottom: none;
	padding-top: 0;
}
.whole__modal .close {
	position: absolute;
	left: 24px;
	top: 24px;
	font-size: 25px;
	color: #616161;
	opacity: 0.6;
	font-weight: 100;
}
.review__content_h2 {
	color: #000000;
	margin-top: 53px;
	margin-bottom: 9px;
	font-size: 18px;
	line-height: 28px;
}
.whole__modal .whole__a.default__button {
	margin: auto;
}
.whole__modal .whole__p {
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	padding-top: 45px;
	color: #424242;
}
.whole__span {
	font-weight: bold;
	color: #000;
}
.whole__div--text {
	flex: 0 1 600px;
	padding: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.comment--container {
	flex: 0 1 400px;
	max-height: 600px;
	overflow-y: scroll;
	padding: 15px;
}
.comment--container .whole__p {
	padding-bottom: 38px;
}
.whole__figure {
	flex: 1 1 225px;
	max-width: 300px;
}
.whole__figure_img {
	width: 140px;
}
.whole__figure_caption {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	padding: 17px 7px 10px;
	text-align: center;
	color: #707070;
}
.whole__img {
	width: 590px;
	max-width: 100%;
}
.logo--container {
	direction: ltr;
}
.logo_slide {
	width: 160px;
	height: 160px;
	margin: 0 8px;
	border-radius: 4px;
	border: solid 2px #1ebc8b;
	background-color: #ffffff;
}
.slick-initialized .slick-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}
.whole__section.section--values {
	align-items: baseline;
}
.whole__section.section--experience .whole__video {
	width: 760px;
	flex: 1 0 760px;
	max-width: 100%;
	max-height: 600px;
}
.whole__section.section--one {
	justify-content: flex-start;
	padding-top: 160px;
	padding-right: 0;
}
.whole__section.section--one .background-image__div {
	background: url("../../images/template/bulk/whole-sale-big.png") no-repeat;
	background-size: 600px;
	height: 600px;
	width: 600px;
	position: absolute;
	left: 0;
	top: 0;
}
.whole__section.section--one .whole__div--text {
	background-color: #f5f5f5;
	padding: 70px 90px 60px 160px;
	flex: 0 1 840px;
}
.whole__section.section--one .whole__h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	padding-top: 70px;
	text-align: right;
	color: #424242;
}
.whole__section.section--one .whole__p {
	font-size: 40px;
	line-height: 60px;
	text-align: right;
	color: #424242;
	z-index: 2;
}
.whole__section .carousel_arrow {
	position: absolute;
	top: 220px;
	z-index: 2;
}
.carousel_arrow.arrow--prev {
	left: 50px;
}
.carousel_arrow.arrow--next {
	right: 50px;
}
.whole__section.section--logo {
	display: block;
	padding-right: 80px;
	padding-left: 80px;
}
.logo_img {
	max-width: 100%;
	width: 140px;
}
.wrap-reverse {
	flex-wrap: wrap-reverse;
}
.whole__section.section--order {
	display: block;
	padding-right: 80px;
	padding-left: 80px;
}
.whole__section.section--order .whole__p {
	color: #000;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.whole__section.section--order .whole__a.default__button {
	margin: auto;
}
@media only screen and (max-width: 1200px) {
	.whole__section.section--one .whole__div--text {
		padding: 70px 45px 60px 160px;
		flex: 0 1 670px;
	}
	.comment--container {
		max-height: 440px;
		flex: 0 1 530px;
	}
	.whole__section.section--one .background-image__div {
		width: 500px;
		height: 500px;
		background-size: 500px;
	}
}
@media only screen and (max-width: 1024px) {
	.whole__section {
		align-items: baseline;
	}
	.whole__section.section--one .whole__div--text {
		padding: 70px 45px 60px 135px;
		flex: 0 1 670px;
	}
	.whole__section.section--one .background-image__div {
		background-size: 430px;
		width: 430px;
		height: 500px;
	}
	.whole__section.section--one .whole__p {
		font-size: 25px;
		line-height: 37px;
		padding-top: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.whole__section {
		padding: 0 15px 5px;
	}
	.whole__h2 {
		font-size: 20px;
		line-height: 30px;
		top: 16px;
	}
	.whole__h3 {
		font-size: 18px;
		line-height: 26px;
	}
	.whole__p {
		padding-top: 8px;
		padding-bottom: 20px;
	}
	.whole__img {
		width: 500px;
	}
	.whole__figure_img {
		width: 75px;
	}
	.whole__figure_caption {
		font-size: 16px;
		line-height: 24px;
		padding: 10px 7px;
	}
	.whole__div--text {
		flex: 0 1 500px;
		padding-right: 0;
		padding-bottom: 0;
	}
	.whole__modal {
		height: 350px;
		padding: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: auto;
	}
	.whole__modal .whole__p {
		font-size: 16px;
		line-height: 24px;
		padding-top: 0;
	}
	.whole__modal .whole__a.default__button {
		margin-bottom: 0;
	}
	.comment--container .whole__p {
		padding-bottom: 14px;
	}
	.whole__section.section--values {
		padding-bottom: 20px;
	}
	.whole__section.section--experience {
		padding-bottom: 20px;
	}
	.whole__section.section--one .background-image__div {
		background: url("../../images/template/bulk/whole-sale-small.png")
			no-repeat;
		background-position: 8px 105px;
		width: 153px;
		height: 300px;
	}
	.whole__section.section--one {
		padding-top: 0;
		padding-bottom: 145px;
		margin-bottom: 0;
	}
	.whole__section.section--one .whole__div--text {
		padding: 0 10px 20px;
		flex: 0 1 80%;
	}
	.whole__section.section--one .whole__p {
		font-size: 16px;
		line-height: 24px;
		padding-top: 8px;
		letter-spacing: -0.58px;
	}
	.whole__section.section--one .whole__h3 {
		font-size: 14px;
		line-height: 21px;
		padding-top: 13px;
	}
	.whole__section.section--order {
		padding: 20px 15px;
	}
	.whole__section.section--order .whole__a.default__button {
		margin: auto;
	}
	.whole__section.section--order .whole__p {
		font-size: 16px;
		line-height: 26px;
		text-align: right;
	}
	.whole__section .carousel_arrow {
		top: 92px;
	}
	.carousel_arrow.arrow--prev {
		left: 15px;
	}
	.carousel_arrow.arrow--next {
		right: 15px;
	}
	.logo_slide {
		width: 75px;
		height: 75px;
	}
	.logo_img {
		width: 70px;
	}
	.whole__section.section--logo {
		display: block;
		padding: 20px 40px;
	}
}

/************************************* END of bulk - whole sale  ********************/

/************************************* START of user panel ( user_panel )  ********************/

.user-panel__block {
	display: flex;
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	color: #707070;
	margin-top: 20px;
}
.user-panel__block p {
	margin-bottom: 0;
}
.user-panel_h3 {
	font-size: 16px;
	line-height: 29px;
	margin: 0;
	color: #424242;
	padding-bottom: 5px;
}
.user-panel__side {
	width: 290px;
	margin: auto;
	margin-top: 0;
}
.user-panel__side_section {
	position: relative;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
	margin: auto;
	margin-bottom: 6px;
	width: 290px;
	padding-right: 16px;
}
.user-panel__side_p {
	line-height: 45px;
	margin-bottom: 0;
}
.user-actions_div--container {
	display: flex;
	justify-content: space-between;
	width: 293px;
}
.user-actions_signout-form {
	padding: 0;
	text-align: center;
}
.user-panel__side_section.user-actions_a {
	width: 142px;
	height: 60px;
	line-height: 60px;
	border: none;
	text-align: right;
	margin-right: 0;
}
.user-panel__side_section.user-actions_a:hover,
.user-panel__side_section.user-actions_a:active,
.user-panel__side_section.user-actions_a:focus {
	box-shadow: 0 1px 5px 3px rgba(155, 155, 155, 0.2);
	color: #1ebc8b;
}
.user-actions_img {
	position: absolute;
	top: 18px;
	left: 12px;
	height: 24px;
	width: 24px;
}
.user-panel__side_section.user-info_section {
	padding: 27px 35px 15px 23px;
	height: 167px;
}
.user-info_section .user-panel__side_p {
	line-height: 30px;
}

.user-panel__side_section.user-links_section {
	height: 250px;
}
.user-links_section .user-links_a {
	display: block;
	line-height: 45px;
}
.user-links_section .user-links_a:first-of-type {
	padding-top: 12px;
}
.user-links_section .user-links_a::after {
	position: absolute;
	left: 16px;
	-webkit-text-stroke: 0.5px white;
	vertical-align: bottom;
	font-family: "Glyphicons Halflings";
	content: "\e079";
	margin-right: 7px;
	font-size: 11px;
}

.user-panel__side_section.user-referral_section {
	height: 135px;
	padding-top: 12px;
}
.user-panel_small {
	font-size: 14px;
	line-height: 21px;
	color: #707070;
}
.referral_text--container {
	padding: 25px 15px 34px;
	margin: 0 5px;
	border-radius: 12px;
	background-color: #fcfcfc;
}

/* main */
.user-panel__main {
	margin-right: 25px;
	padding: 28px 25px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	height: fit-content;
	min-height: 440px;
	border-radius: 12px;
	width: 290px;
	flex: 1 1 290px;
}
.user-panel__main .shipping2_flex-input,
.user-panel__main .shipping2__a.a--continue {
	display: none;
}
.user-panel_tab--container {
	display: flex;
	justify-content: space-between;
	max-width: 550px;
	margin-bottom: 14px;
	padding-bottom: 14px;
}
.user-panel_div--tab {
	margin-left: 10px;
	position: relative;
	line-height: 25px;
	min-width: fit-content;
	height: 35px;
	padding-left: 25px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.user-panel_div--tab::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: 0;
	margin-right: 0;
	width: 0;
	height: 1px;
	background-color: transparent;
	transition: all 0.2s ease-out;
}
.user-panel_div--tab.active::after {
	right: calc(50% - 55px);
	background-color: #1ebc8b;
	width: 90px;
}
.order-flow_span {
	position: absolute;
	font-size: 8px;
	text-align: center;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 2px;
	background-color: #f5f5f5;
}
.user-panel__select--small-container {
	display: flex;
	justify-content: space-between;
	max-width: 330px;
	margin: auto;
}
.user-panel__select--small {
	width: 200px;
	max-width: 100%;
}
.user-panel__select--small .form-group {
	padding: 0 10px;
}
.user-panel__select--small:first-of-type .form-group {
	padding-right: 0;
}
.user-panel__select--small:last-of-type .form-group {
	padding-left: 0;
}
.user-panel_div--expand {
	position: relative;
	min-height: 216px;
	padding: 18px 0;
	border-radius: 12px;
	border: 2px solid #b4b4b4;
	margin-bottom: 24px;
}
.user-panel_h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	letter-spacing: 0.07px;
	text-align: right;
	color: #272e3c;
	margin-top: 0;
	margin-bottom: 20px;
}
.user-panel_img--back,
.user-panel_a--back {
	display: none;
}
.order-info_div--container {
	display: flex;
	padding-right: 25px;
}
.order-info_div--container .first-child {
	width: 200px;
	padding-left: 5px;
}
.order-flow_hr {
	margin-top: 10px;
	margin-bottom: 0;
}
.user-panel_div--expand .user-panel__side_a--more {
	top: 16px;
	left: 26px;
	height: fit-content;
}
.order-flow_img--container {
	max-width: 920px;
	overflow-x: scroll;
	padding: 25px 0;
	margin-right: 15px;
	margin-left: 15px;
	white-space: nowrap;
	user-select: none;
}
.order-flow_img {
	width: 100px;
	height: 68.75px;
}
.expand_div--container {
	display: none;
}
.expand_div--container.active {
	display: block;
}
.referral-code_btn:hover,
.referral-code_btn:active,
.referral-code_btn:focus {
	background-color: #0faf7c;
	border-color: #0d9c6d;
	color: #fff;
}
.user-panel__main .control-label {
	right: 24px;
}
.user-panel__select--small .control-label {
	right: 20px;
}
.user-panel__select--small:first-of-type .control-label {
	right: 5px;
}
.user-panel__main .col-md-6 {
	padding: 0 8px;
}
.edit-info__main .user-panel_h1,
.pass-change__main .user-panel_h1 {
	margin-bottom: 50px;
}
.pass-change_a {
	position: static;
	display: block;
	padding-bottom: 35px;
	padding-right: 8px;
	max-width: 330px;
	margin: auto;
}
.pass-change__main .form-group {
	margin-bottom: 30px;
}
.comments__main .user-panel_tab--container {
	justify-content: right;
}
.comments__main .user-panel_div--tab:first-of-type {
	margin-left: 150px;
}
.comments__main .comments_div--container {
	position: relative;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	padding: 25px 5px 15px;
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}
.comments_div--container p {
	line-height: 24px;
}
.comments__main .comments_div--container:first-of-type {
	padding-top: 10px;
}
.comments__main .comments_div--container:last-of-type {
	border: none;
}
.comments__main .comments_img {
	margin-left: 5px;
	height: 130px;
	width: 194px;
	max-width: 100%;
}
.comments__main .user-panel_div--expand {
	min-height: 175px;
	padding-bottom: 0;
}
.user-panel_div--expand .score_container--main {
	flex: 1 1 300px;
	width: 300px;
	margin: 20px 22px -15px 22px;
	max-width: 100%;
	padding: 10px 32px;
}
.user-panel_div--expand .score_container--main:last-of-type {
	margin: 40px 22px 10px 22px;
	padding: 10px 15px;
}
.user-panel_div--expand .score_container {
	align-items: center;
}
.address__main .shipping2__section--container {
	justify-content: center;
}
.address__main .shipping2__section--container:last-of-type::after {
	content: "";
	width: 330px;
	margin: 0 20px 40px;
}
.address__main .shipping2_flex-element {
	margin: 0 20px 40px;
}
.drop__main .table-bordered {
	border-radius: 12px;
	border-color: rgba(112, 112, 112, 0.3);
	border-width: 1px;
	background-color: #ffffff;
	text-align: center;
	color: #424242;
	max-width: 860px;
	margin: auto;
	/* border-collapse: separate; */
}
/* .drop__main .table-bordered td {
    border-left: none;
}
.drop__main .table-bordered tr td:last-of-type {
    border-left: 1px solid rgb(221, 221, 221);;
}
.drop__main .table-bordered tr:first-of-type td:first-of-type {
    border-top-right-radius: 12px;
}
.drop__main .table-bordered tr:first-of-type td:last-of-type {
    border-top-left-radius: 12px;
}
.drop__main .table-bordered tr:last-of-type td:first-of-type {
    border-bottom-right-radius: 12px;
}
.drop__main .table-bordered tr:last-of-type td:last-of-type {
    border-bottom-left-radius: 12px;
} */
.drop__main .user-panel_p {
	font-size: 18px;
	line-height: 27px;
	color: #424242;
	padding-top: 15px;
}
.drop__main .referral_text--container {
	padding: 25px 15px;
	margin-bottom: 40px;
}
.referral-code__main .user-panel_h1,
.drop__main .user-panel_h1 {
	margin-bottom: 23px;
}
.referal-code--container {
	position: relative;
	width: 435px;
	max-width: 100%;
	height: 58px;
	text-align: center;
	margin: auto;
	margin-top: 27px;
	margin-bottom: 10px;
}
.panel-code_p {
	position: absolute;
	top: -30px;
	right: 0;
	left: 0;
}
.referral-code_input {
	width: 435px;
	max-width: 100%;
	height: 58px;
	padding: 8px 10px 8px 93px;
	border-radius: 4px;
	border: 2px solid #b4b4b4;
	background-color: #ffffff;
	color: #707070;
	direction: ltr;
}
.referral-code_btn {
	position: absolute;
	display: inline-block;
	top: 8px;
	left: 6px;
	display: block;
	width: 80px;
	height: 42px;
	border-radius: 34px;
	line-height: 42px;
	color: #fff;
	text-align: center;
	border: solid 1px #1ebc8b;
	background-color: #1ebc8b;
	margin: auto;
	font-size: 14px;
}
.copy-text__button.copied {
	background-color: #fff;
	border: solid 1px #1ebc8b;
	color: #1ebc8b;
}
@media only screen and (max-width: 1199px) {
	.user-panel_img--back {
		display: inline-block;
		margin-left: 6px;
		width: 16px;
		height: 16px;
	}
	.panel-orders__main .user-panel_img--back {
		display: none;
	}
}
@media only screen and (max-width: 1023px) {
	.user-panel_div--expand .user-panel__side_a--more {
		position: static;
		display: block;
		text-align: left;
		padding-left: 12px;
		padding-top: 10px;
	}
	.comments__main .comments_img {
		width: 130px;
		height: 89px;
	}
}
@media only screen and (max-width: 767px) {
	.panel-orders__main .user-panel_img--back {
		display: inline-block;
	}
	.user-panel__side {
		display: none;
	}
	.user-panel__side_section,
	.user-actions_div--container {
		width: 400px;
		max-width: 100%;
	}
	.user-panel__side_section.user-actions_a {
		width: 200px;
		margin-left: 4px;
	}
	.user-actions_signout-form {
		flex: 0 1 200px;
		margin-right: 4px;
	}
	#panel-orders_block .user-panel__side {
		display: block;
		max-width: 100%;
		width: 400px;
	}
	.user-panel__main {
		display: block;
		margin-right: 0;
		padding: 20px 10px;
	}
	.user-panel__select--small .form-group {
		padding: 2px;
	}
	.user-panel_h1 {
		font-size: 20px;
	}
	.user-panel_a--back {
		display: block;
		width: 252px;
		height: 46px;
		line-height: 46px;
		border-radius: 34px;
		border: 2px solid #b4b4b4;
		background-color: #ffffff;
		text-align: center;
		margin: auto;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.user-panel_a--back:hover {
		cursor: pointer;
		text-decoration: none;
		background-color: #f4f4f4;
		color: rgb(112, 112, 112);
		transition: background-color 0.2s ease-out;
	}
	.user-panel_tab--container {
		width: 400px;
		max-width: 100%;
		overflow: scroll;
		white-space: nowrap;
	}
	.user-panel_div--tab {
		max-width: 130px;
		margin-left: 20px;
	}
	.order-info_div--container {
		padding: 0 12px;
		white-space: nowrap;
	}
	.user-panel__main .control-label {
		right: 12px;
	}
	.user-panel__main .col-md-6 {
		padding: 0;
	}
	.edit-info__main .default__button.button--medium {
		margin-bottom: 20px;
	}
	.edit-info__main .user-panel_h1,
	.pass-change__main .user-panel_h1 {
		margin-bottom: 35px;
	}
	.pass-change_a {
		padding-right: 0;
	}
	.comments__main .user-panel_div--tab:first-of-type {
		margin-left: 20px;
	}
	.comments__main .comments_div--container.comment-pending_div {
		padding-bottom: 42px;
	}
	.comments__main .comments_img {
		width: 108px;
		height: 72.5px;
	}
	.user-panel_div--expand .score_container--main,
	.user-panel_div--expand .score_container--main:last-of-type {
		margin-right: 5px;
		margin-left: 5px;
		padding: 16px 8px;
	}
	.user-panel_div--expand .score_comment {
		font-size: 14px;
		line-height: 21px;
	}
	.user-panel__main.address__main {
		width: 100%;
	}
	.address__main .shipping2__section--container {
		margin: 0;
	}
	.address__main .shipping2_flex-element {
		margin: 0 5px 10px;
		height: 190px;
	}
	.address__main .shipping2__section--container:last-of-type::after {
		margin: 0 5px 10px;
	}
	.address__main .shipping2_flex-h3 {
		margin-top: 30px;
	}
	.drop__main .table-responsive {
		border-top: none;
		font-size: 14px;
	}
	.drop__main .user-panel_p {
		font-size: 16px;
		line-height: 24px;
	}
}

/************************************* START of user panel ( user_panel )  ********************/

/************************************* START new home page  ********************/
:focus {
	outline: none;
}
.home__block {
	text-align: center;
}
.home__block section,
.package__block {
	max-width: 1600px;
	width: 100%;
	margin: auto;
}
.home__section_values {
	padding: 30px 85px;
}
.home__values_p {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	color: #424242;
	padding-top: 24px;
	padding-bottom: 24px;
	max-width: 930px;
	margin: auto;
}
.home__values_div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	background: url("../../images/template/home/keshmoon-values/values-back.png")
		no-repeat;
	padding: 15px;
	background-position: center;
	background-size: contain;
}
.home__values_item--container {
	flex: 0 0 33%;
	position: relative;
}
.home__values_icon {
	width: 126px;
	height: 126px;
	display: block;
	z-index: 2;
}
.item--1 .home__values_icon,
.item--4 .home__values_icon {
	margin-left: auto;
}
.item--2 .home__values_icon {
	margin: auto;
}
.item--3 .home__values_icon,
.item--5 .home__values_icon {
	margin-right: auto;
}
.home__values_item {
	display: grid;
	position: relative;
	padding: 35px;
	width: 340px;
	height: 295px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
}
.item--1 .home__values_item,
.item--4 .home__values_item {
	background-image: url("../../images/template/home/keshmoon-values/right-box.png");
}
.item--2 .home__values_item {
	top: 40px;
	margin-right: auto;
	margin-left: auto;
	background-image: url("../../images/template/home/keshmoon-values/center-box.png");
}
.item--3 .home__values_item,
.item--5 .home__values_item {
	margin-right: auto;
	background-image: url("../../images/template/home/keshmoon-values/left-box.png");
}
.home__values_number {
	height: 60px;
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
}
.home__values_title--background {
	height: 51px;
	background-position: center;
	background: url("../../images/template/home/keshmoon-values/title.png")
		no-repeat;
	white-space: nowrap;
}
.home__values_title {
	font-size: 18px;
	letter-spacing: -0.24px;
	line-height: 53px;
	font-weight: bold;
	color: #424242;
}
.home__values_item-p {
	font-size: 17px;
	line-height: 25px;
	color: #fafafa;
	margin-top: 15px;
	margin-bottom: 0;
	max-height: 180px;
	overflow: hidden;
}
@media only screen and (max-width: 1110px) {
	.home__values_div {
		max-width: 500px;
		margin: auto;
		background: url(../../images/template/home/keshmoon-values/values-back-mobile.png)
			no-repeat;
		background-size: cover;
		background-position-y: 50px;
	}
	.home__values_item--container {
		flex: 1 0 100%;
		display: flex;
	}
	.home__values_item--container.item--2,
	.home__values_item--container.item--4 {
		flex-direction: row-reverse;
	}
	.item--2 .home__values_item {
		top: auto;
	}
	.item--1 .home__values_item,
	.item--3 .home__values_item,
	.item--5 .home__values_item {
		margin-right: auto;
		background-image: url("../../images/template/home/keshmoon-values/right-box.png");
	}
	.item--2 .home__values_item,
	.item--4 .home__values_item {
		margin-left: auto;
		margin-right: 0;
		background-image: url("../../images/template/home/keshmoon-values/left-box.png");
	}
	.home__values_item--container .home__values_icon {
		position: absolute;
		margin-top: 20px;
	}
	.item--2 .home__values_icon,
	.item--4 .home__values_icon {
		margin-right: auto;
	}
	.item--1 .home__values_icon,
	.item--3 .home__values_icon,
	.item--5 .home__values_icon {
		margin-left: auto;
	}
}

.home__block section.home__section_product-cards {
	padding: 35px 70px 40px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	margin-bottom: 60px;
}
.home__product_h2,
.home__partnership_h2,
.home__farmers_h2,
.home__about_h2 {
	margin: 0;
	font-size: 36px;
	line-height: 54px;
	padding-bottom: 60px;
	font-weight: bold;
}
.home__farmers_h2 {
	padding-top: 45px;
}
.home__about_h2 {
	padding-top: 70px;
	padding-bottom: 35px;
	text-align: right;
}
.home__product_h2 {
	color: #030301;
}
.home__partnership_h2 {
	color: #424242;
}
.home__product-cards--container {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fill, 300px);
	grid-template-rows: 505px;
	justify-content: center;
}
.home__section_farmers,
.home__partnership-card--container,
.home__section_about {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.home__section_farmers,
.home__section_about {
	position: relative;
	justify-content: flex-start;
	margin: 70px 0;
	background-color: #f1f3f0;
	background-image: linear-gradient(to right, #ffffff 5%, #f1f3f0 30%);
	height: 525px;
}
.home__section_farmers {
	height: auto;
	justify-content: center;
}
.home__product-card,
.partnership-card,
.blog-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 300px;
	justify-content: space-between;
	width: 300px;
	height: 505px;
	margin: 12px;
	padding: 60px 25px 30px;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	transition: box-shadow 300ms ease 0ms;
	background-color: #ffffff;
}
.home__product-card {
	margin: 0;
}
.home__product-card:hover,
.partnership-card:hover {
	cursor: pointer;
	box-shadow: 0px 6px 25px 0px rgba(150, 115, 115, 0.41);
	text-decoration: none;
}
.home__main--slider--container .slick-dots {
	bottom: 24px;
}
.partnership-card,
.blog-card {
	padding: 0 0 20px;
}
.blog-card {
	margin: 0 12px;
}
.home__partnership-card--container::after {
	content: "";
	width: 100%;
	flex: 0 0 300px;
	margin: 0 12px;
}
.home__partnership-card--container::after {
	flex: 0 0 630px;
}
.home__product_img {
	width: 100%;
	height: 171px;
	margin: 0 -10px;
}
.home__product_h3 {
	margin: 0;
	font-size: 28px;
	font-weight: 500;
	color: #000000;
}
.home__product_p {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 30px;
	color: #707070;
	height: 90px;
	overflow: hidden;
}
.default__button.home__product_a {
	margin-top: 35px;
}
.home__product_a.a--main {
	position: absolute;
	margin: 0;
	bottom: 190px;
	left: 160px;
}
.default__button.home__farmers_a {
	margin-top: 35px;
	margin-bottom: 40px;
}
.home__section_story {
	height: 160px;
	display: flex;
	padding: 20px 0 5px 30px;
	overflow-y: hidden;
}
.home-story__div {
	width: 114px;
	height: 140px;
	margin: 0 30px;
	display: flex;
	flex-direction: column;
}
.home-story__div.active .home-story__image {
	box-shadow: 0 3px 6px 0 rgb(86 182 139 / 22%);
	border: solid 3px #1ebc8b;
}
.home-story__image {
	display: block;
	width: 114px;
	height: 114px;
	border-radius: 50%;
	padding: 5px;
	border: solid 3px #ececec;
	box-shadow: none;
	max-width: unset;
}
.home-story__h4 {
	font-size: 14px;
	line-height: 17px;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	white-space: nowrap;
	margin-top: 10px;
	width: 120%;
	align-self: center;
}
.story-open__div--container {
	position: relative;
	margin: auto;
	width: 360px;
	max-width: 100%;
	height: 640px;
	max-height: 100%;
	border: solid 1px #707070;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: linear-gradient(
		to top,
		rgba(17, 17, 17, 0.3),
		rgba(140, 140, 140, 0.3) 21%,
		rgb(45.5%, 45.1%, 45.1%)
	);
}
.story-open__top--container {
	position: absolute;
	top: 45px;
	right: 35px;
	display: flex;
	align-items: center;
}
.story-open__top--container .home-story__image {
	padding: 0;
	border-color: #56b58b;
}
.story-open__bottom--container {
	position: absolute;
	bottom: 35px;
	padding: 0 13px;
}
.story-open__button_div {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.story-open__button {
	width: 160px;
	height: 42px;
	line-height: 42px;
	object-fit: contain;
	border-radius: 34px;
	border: solid 1px #77c8a8;
	background-color: #77c8a8;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
.story-open__p {
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	color: #f0efef;
	overflow: hidden;
	max-height: 72px;
	margin-bottom: 15px;
	text-shadow: 3px 1px 5px #2b2b2b;
}
.home__block .home__section_main {
	position: relative;
	max-width: 1600px;
	max-height: 674px;
}
.home__section_main .home__main_text--container {
	position: absolute;
	left: 160px;
	bottom: 310px;
	text-align: left;
	color: #fff;
	text-shadow: 3px 1px 5px #2b2b2b;
	direction: rtl;
}
.home__section_main .home__main_h1,
.product-list__banner_h2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 50px;
	max-width: 680px;
	margin-bottom: 35px;
}
.home__section_main .home__main_p,
.product-list__banner_p {
	font-size: 16px;
	line-height: 24px;
	max-width: 350px;
	margin-right: auto;
	text-align: right;
}
.home__main--slider--container {
	direction: ltr;
	opacity: 0;
	max-width: 1600px;
}
.home__main--slider--container .div_main--slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	image-rendering: -webkit-optimize-contrast;
	height: 674px;
}
.home__main--slider--container .div_main--slide::before {
	content: "";
	display: block;
	position: absolute;
	background-color: #000;
	opacity: 0.3;
	width: 100%;
	height: 100%;
}
.home__main--slider--container.slick-initialized {
	opacity: 1;
	transition: opacity 1s ease-in;
}
.home__main--slider--container .slick-dots li {
	width: 10px;
}
.home__main--slider--container .slick-dots li button:before {
	font-size: 12px;
}
.home__main--slider--container .slick-dots li.slick-active button:before {
	color: #1ebc8b;
}
.home__main--slider--container .div_main--slide:nth-of-type(3) {
	background-image: url("../../images/template/home/products1-big.jpg");
	background-position-y: top;
}
.home__main--slider--container .div_main--slide:first-of-type {
	background-image: url("../../images/template/home/farmer-big.jpg");
	background-position-y: bottom;
}
.home__main--slider--container .div_main--slide:nth-of-type(2) {
	background-image: url("../../images/template/home/laboratory-big.jpg");
	background-position-y: center;
}
.home__farmers--slider,
.home__about--slider {
	flex-wrap: nowrap;
	max-width: 970px;
	direction: ltr;
	margin-right: -15px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease-in;
	-webkit-transition: opacity 1s ease-in;
	max-height: 570px;
}
.home__farmers--slider.slick-initialized,
.home__about--slider.slick-initialized {
	opacity: 1;
	visibility: visible;
}

.home__farmers_p,
.home__about_p {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 500;
	text-align: right;
	line-height: 30px;
}
.home__about_p {
	color: #717171;
	margin-right: 0;
}
.slick-initialized .slick-slide.home__farmer-card,
.slick-initialized .slick-slide.blog-card {
	display: flex;
	justify-content: space-between;
}
.home__farmers--slider .slick-list,
.home__about--slider .slick-list {
	padding: 0 14px 10px;
}
.home__farmer-card {
	direction: rtl;
	flex-direction: column;
	align-items: center;
	flex: 0 0 300px;
	width: 300px;
	height: 505px;
	margin: 0 12px;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
}
.farmer-card--location {
	display: flex;
	align-items: center;
}
.position-relative {
	position: relative;
}
.home__arrow,
.product-list__arrow {
	position: absolute;
	z-index: 2;
	width: 46px;
	height: 128px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border: 1px solid rgba(0, 0, 0, 0.06);
	background-color: rgba(255, 255, 255, 0.56);
	line-height: 0px;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #858282;
}
.product-list__arrow {
	z-index: 1;
	width: 30px;
}
.home__section_main .home__arrow,
.product-list__arrow {
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}
.home__arrow.glyphicon-chevron-left,
.product-list__arrow.glyphicon-chevron-left {
	left: 0;
	margin-left: 0;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.home__arrow.glyphicon-chevron-right,
.product-list__arrow.glyphicon-chevron-right {
	right: 0;
	margin-right: 0;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.home__section_farmers .home__arrow,
.home__section_about .home__arrow {
	top: 150px;
}
.home__section_farmers .home__arrow.glyphicon-chevron-left,
.home__section_about .home__arrow.glyphicon-chevron-left {
	margin-left: 14px;
}
.home__section_farmers .home__arrow.glyphicon-chevron-right,
.home__section_about .home__arrow.glyphicon-chevron-right {
	margin-right: 6px;
}
.farmer-card_img--city {
	padding-left: 6px;
}
.farmer-card_img--main {
	width: 100%;
	height: 247px;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	font-size: 12px;
}
.farmer-card_h4 {
	margin: 0;
	font-size: 19px;
	color: #000000;
	max-width: 250px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.farmer-card_div {
	font-size: 15px;
	line-height: 22px;
	text-align: right;
	color: #575c60;
	padding: 0 25px;
	max-height: 88px;
	overflow: hidden;
}
.farmer-card_footer {
	display: flex;
	justify-content: space-between;
	padding: 12px 25px 33px;
	width: 100%;
	align-items: center;
}
.farmer-card_img--city {
	display: inline-block;
}
.farmer-card_p--city {
	display: inline-block;
	font-size: 12px;
	color: #575c60;
	margin-bottom: 0;
}
.farmer-card_a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: #424242;
}
.farmer-card_a:hover,
.farmer-card_a:active,
.farmer-card_a:focus {
	text-decoration: none;
	color: #1ebc8b;
	cursor: pointer;
}
.home__farmers--container,
.home__about--container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	color: #030301;
	margin-bottom: 65px;
	flex: 1 0 200px;
}
.home__farmers--container {
	padding: 0 70px;
	margin: 10px;
	width: 200px;
}
.home__about--container {
	justify-content: flex-start;
	padding: 0 70px;
	height: 517px;
}

.home__block section.home__section_partership {
	padding: 17px 0 48px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
	margin-bottom: 60px;
	margin-top: 60px;
}
.partnership_p,
.blog-card_p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #424242;
	padding: 20px 12px 0;
	height: 72px;
	overflow: hidden;
}
.blog-card_p {
	direction: rtl;
	padding: 1px 5px 0;
	height: 140px;
}
.partnership_img {
	max-height: 409px;
	width: 300px;
	border-radius: 12px;
}
.blog-card_img {
	width: 250px;
	height: auto;
	max-height: 345px;
}

@media only screen and (max-width: 1350px) {
	.home__farmers--slider,
	.home__about--slider {
		max-width: 645px;
	}
	.home__section_values {
		padding: 30px;
	}
}
@media only screen and (max-width: 1040px) {
	.home__farmers--slider,
	.home__about--slider {
		max-width: 320px;
	}
	.home__section_farmers,
	.home__section_about {
		justify-content: center;
		position: relative;
	}
	.home__farmers--container,
	.home__about--container {
		flex: 1 1 400px;
	}
}
@media screen and (max-width: 1023px) {
	.home__block .home__section_main {
		max-height: 459px;
	}
	.home__main--slider--container .div_main--slide {
		max-width: 1024px;
		height: 429px;
	}
	.home__main--slider--container .div_main--slide:nth-of-type(3) {
		background-image: url("../../images/template/home/products1-mid.jpg");
	}
	.home__main--slider--container .div_main--slide:first-of-type {
		background-image: url("../../images/template/home/farmer-mid.jpg");
	}
	.home__main--slider--container .div_main--slide:nth-of-type(2) {
		background-image: url("../../images/template/home/laboratory-mid.jpg");
	}
	.home__product_a.a--main {
		bottom: 70px;
		left: 0;
		margin-left: auto;
		right: 0;
		margin-right: auto;
	}
	/* .home__section_main .home__main_text--container{
      bottom: 150px;
  } */
	.home__section_main .home__main_text--container {
		text-align: center;
		bottom: 190px;
		right: 0;
		left: 0;
		margin-right: auto;
		margin-left: auto;
	}
	.home__section_main .home__main_h1,
	.product-list__banner_h2 {
		margin: auto;
		margin-bottom: 12px;
	}
	.home__section_main .home__main_p,
	.product-list__banner_p {
		margin: auto;
	}
}
@media only screen and (max-width: 767px) {
	.home__values_p,
	.home__farmers--slider,
	.home__about--slider,
	.home__farmers_p,
	.home__about_p {
		/* max-width: 474px; */
		margin: auto;
		font-size: 18px;
		line-height: 26px;
	}
	.home__values_p {
		font-size: 17px;
		line-height: 23px;
		letter-spacing: -0.73px;
	}
	.home__section_story {
		height: 125px;
		padding: 25px 0 0;
	}
	.home-story__div {
		width: 70px;
		height: 97px;
		margin: 0 15px;
	}
	img.home-story__image {
		width: 70px;
		height: 70px;
		padding: 4px;
		border: solid 2px #1ebc8b;
	}
	.home-story__h4 {
		margin-top: 5px;
		font-size: 13px;
		line-height: 13px;
	}
	.home__section_values {
		padding: 15px;
	}
	.home__farmers_p,
	.home__about_p {
		text-align: center;
	}
	.home__product-card,
	.partnership-card,
	.blog-card,
	.home__farmer-card {
		flex: 0 0 142px;
		width: 142px;
		margin: 6px;
		height: 263px;
		padding: 0 0 22px;
	}
	.home__product-card {
		margin: 0;
	}
	.blog-card {
		padding-bottom: 5px;
	}
	.home__farmer-card {
		padding-bottom: 4px;
	}
	.home__product-card {
		padding-top: 35px;
	}
	.home__product_p,
	.farmer-card_div {
		font-size: 12px;
		line-height: 16px;
		height: 48px;
		padding: 0 5px;
	}
	.home__product_h3 {
		font-size: 17px;
	}
	.partnership_img {
		max-height: 263px;
		width: 142px;
	}
	.blog-card_img {
		max-height: 146px;
		width: 110px;
	}
	.home__section_farmers .home__arrow,
	.home__section_about .home__arrow,
	.home__section_main .home__arrow,
	.product-list__arrow {
		width: 23px;
		height: 65px;
		font-size: 12px;
	}
	.home__section_farmers .home__arrow.glyphicon-chevron-left,
	.home__section_about .home__arrow.glyphicon-chevron-left {
		margin-left: 12px;
		top: 59px;
	}
	.home__section_farmers .home__arrow.glyphicon-chevron-right,
	.home__section_about .home__arrow.glyphicon-chevron-right {
		margin-right: 12px;
		top: 59px;
	}
	.home__farmers--container {
		padding: 0 10px;
	}
	.home__farmers--container,
	.home__about--container {
		order: 2;
		background-color: #ffff;
		margin-bottom: 40px;
		padding: 0 20px;
		flex: 1 0 100%;
	}
	.home__about--container {
		height: auto;
	}
	.home__block section.home__section_partership {
		padding: 16px 0 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.home__product_h2,
	.home__partnership_h2,
	.home__about_h2 {
		font-size: 24px;
		line-height: 36px;
		padding-bottom: 18px;
	}
	.home__farmers_h2,
	.home__about_h2 {
		position: absolute;
		top: 20px;
		padding: 0;
		right: 0;
		left: 0;
		margin-right: auto;
		margin-left: auto;
		font-size: 24px;
		text-align: center;
	}
	.farmer-card_img--main {
		height: 118px;
	}
	.farmer-card_footer {
		padding: 0 8px 8px;
	}
	.farmer-card_h4 {
		font-size: 12px;
		line-height: 18px;
	}
	.farmer-card_a {
		font-size: 11px;
	}
	.farmer-card_p--city {
		font-size: 9px;
	}
	.home__product-cards--container {
		grid-gap: 12px;
		grid-template-columns: repeat(auto-fill, 142px);
		grid-template-rows: 263px;
	}
	.home__section_farmers,
	.home__section_about {
		margin-bottom: 0;
		background-color: #fff;
		height: auto;
		background-image: none;
	}
	.home__farmers--slider .slick-list,
	.home__about--slider .slick-list {
		padding-bottom: 28px;
		padding-left: 12px;
	}
	.home__product_a,
	.home__farmers_a {
		margin: 20px auto 0;
	}
	.home__product_img {
		height: 97.45px;
	}
	.partnership_p,
	.blog-card_p {
		font-size: 9px;
		line-height: 13px;
		max-height: 110px;
	}
	.partnership_p {
		max-height: 60px;
	}
	.home__partnership-card--container,
	.home__section_about {
		width: 350px;
		max-width: 100%;
		margin: auto;
	}
	.home__section_farmers,
	.home__section_about {
		padding-top: 85px;
	}
	.home__block section.home__section_product-cards {
		padding: 13px 6px 18px;
		margin-bottom: 30px;
	}
	.home__values_div {
		max-width: 355px;
		padding: 0;
	}
	.home__values_item {
		background-size: 260px 230px;
		width: 255px;
		height: 230px;
		padding: 25px 0 10px;
	}
	.home__values_title--background {
		background-size: 224px 53px;
		background-position: center;
		height: 46px;
	}
	.item--2 .home__values_title--background,
	.item--4 .home__values_title--background {
		margin: 0 0 0 10px;
	}
	.home__values_title {
		font-size: 16px;
		color: #161414;
		line-height: 46px;
		word-spacing: -2px;
	}
	.home__values_item-p {
		font-size: 14px;
		line-height: 18px;
		padding: 0 32px 0 25px;
		margin-top: 0;
		max-height: 145px;
	}
	.item--2 .home__values_item-p,
	.item--4 .home__values_item-p {
		padding: 0 25px 0 32px;
	}
	.home__values_number {
		top: -10px;
		height: 40px;
	}
	.home__values_icon {
		width: 80px;
		height: 80px;
		top: 15px;
	}
	.home__product_a.a--main {
		bottom: 50px;
	}
	.home__section_main .home__main_h1,
	.product-list__banner_h2 {
		font-size: 22px;
		max-width: 263px;
		line-height: 30px;
	}
	.home__section_main .home__main_p,
	.product-list__banner_p {
		font-size: 13px;
		line-height: 20px;
		max-width: 285px;
	}
	.home__section_main .slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.home__section_main .home__main_text--container {
		bottom: 115px;
	}
}
@media only screen and (max-width: 420px) {
	.home__values_p,
	.home__farmers--slider,
	.home__about--slider,
	.home__farmers_p,
	.home__about_p {
		max-width: 320px;
	}
	.home__main--slider--container .div_main--slide {
		max-width: 420px;
		max-height: 713px;
		min-height: 400px;
	}
	.home__main--slider--container .div_main--slide:first-of-type {
		background-image: url("../../images/template/home/farmer-small.jpg");
	}
	.home__main--slider--container .div_main--slide:nth-of-type(2) {
		background-image: url("../../images/template/home/laboratory-small.jpg");
	}
	.home__main--slider--container .div_main--slide:nth-of-type(3) {
		background-image: url("../../images/template/home/products1-small.jpg");
	}
}

/************************************* END new home page  ********************/

/************************************* START of MEGA menu  ********************/

.mc_mobile_header,
#mega-menu {
	display: none;
}
#mega-menu.mm-menu_opened {
	display: block;
}
.section__mega_img--container .lds-ring {
	display: none;
	left: 75px;
	right: auto;
}
.section__mega_img--container .lds-ring div {
	border-color: #cacaca transparent transparent transparent;
}
.mm-wrapper__blocker {
	/* visibility: hidden; */
}
.nav__section_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 88px;
	border-bottom: solid 1px #f3f3f3;
	padding-left: 17px;
}
.nav__logo {
	margin-right: 24px;
	margin-top: 6px;
}
.nav__logo_img {
  width: 171px;
  height: 45px;
  margin-bottom: 5px;
}
.nav__logo_a {
	position: absolute;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0 !important;
	width: 100px;
	left: 0;
	right: 0;
	top: 14px;
}
.nav__searchbox {
  position: relative;
  width: 630px;
  max-width: 100%;
  padding: 0 15px;
}
.searchbox_mob--container {
  display: none;
}
#searchbox__modal--mobile.modal {
  overflow: hidden;
}
#searchbox__modal--mobile .modal-dialog {
  height: 100vh;
  position: 0;
  position: relative;
  top: -80px;
  margin: 0;
}
#searchbox__modal--mobile .modal-content {
  position: relative;
  width: 100vw;
  height: 100vh;
}
#searchbox__modal--mobile .modal-body {
  padding: 0;
  padding-top: 20px;
}
.searchbox__input {
  width: 100%;
  height: 46px;
  border-radius: 50px;
  background-color: #F5F5F5;
  color: #424242;
  line-height: 46px;
  border: 1px solid transparent;
  padding: 0 50px;
}
.searchbox__input::placeholder, .searchbox__input_text, .searchbox__modal_input::placeholder {
  color: #B4B4B4;
  font-size: 14px;
  margin: 0;
}
.searchbox__input.focused {
  background: #FFFFFF;
  box-shadow: 0px -2px 7px -3px rgb(30 188 139 / 60%);
  -webkit-box-shadow: 0px -2px 7px -3px rgb(30 188 139 / 60%);
  -moz-box-shadow: 0px -2px 7px -3px rgb(30 188 139 / 60%);
  border: 1px solid #1EBC8B;
}
.searchbox__input--container {
  height: 48px;
  margin-bottom: 15px;
  position: relative;
}
.search__result {
  display: flex;
  height: 56px;
  align-items: center;
  margin: 0 20px;
  border-bottom: 0.5px solid #E0E0E0;
}
.search__result:last-of-type {
  border: none;
}
.search__result:hover {
  border-color: #1EBC8B;
}
.search__result_icon {
  width: 24px;
}
.search__result_product {
  margin: 0 12px;
  width: 71px;
  height: 48px;
}
.search__result_name {
  color: #424242;
  font-size: 16px;
  margin-bottom: 0;
}
.searchbox__modal_input {
  font-size: 16px;
  width: 100%;
  border-radius: 0;
  padding: 0 50px;
  height: 48px;
  border: none;
  border-bottom: 1px solid #1EBC8B;
}
.searchbox__modal_close {
    position: absolute;
    right: 20px;
    bottom: 0;
    top: 0;
    margin: auto;
    opacity: 1;
}
.serachbox__icon {
  position: absolute;
  right: 35px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.nav__search-result {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  max-height: 225px;
  padding: 0 20px;
  right: 0;
  left: 0;
  margin: auto;
  top: 46px;
  background: #FFFFFF;
  box-shadow: 0.310541px 9.99518px 26px rgba(0, 0, 0, 0.07);
  border-radius: 12px;
  overflow: hidden;
}
.nav__panel {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.panel__figure {
  padding-left: 35px;
  text-align: center;
}
.panel__figure_img {
	height: 16px;
}
.panel__figure_img.img--basket {
	height: 22px;
}
.panel__figure_caption {
  font-size: 14px;
  letter-spacing: 0.03px;
  padding-top: 4px;
  white-space: nowrap;
}
.panel__figure_img.img--basket .panel__figure_caption {
	padding-top: 1px;
}
.nav__section_bottom {
	display: flex;
	white-space: nowrap;
	justify-content: space-between;
	height: 34px;
	/* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); */
	padding-left: 17px;
}
.nav_bottom_ul {
	padding-right: 0;
}
.nav_bottom_li {
	display: inline-block;
	line-height: 34px;
}
.nav_bottom_a {
	user-select: none;
	display: block;
	font-size: 16px;
	color: #272e3c;
	padding: 0 12px;
}
.nav_bottom_a.a_mega {
	color: #272e3c;
	width: 200px;
	text-align: center;
	padding-right: 50px;
}
.a_mega--hamburger {
	height: 14px;
	width: 20px;
	top: 8px;
	right: 10px;
	margin-right: 12px;
	position: absolute;
}
.div_mega--hamburger {
	width: 20px;
	height: 1px;
	background-color: rgba(39, 46, 60, 0.8);
	margin: 3px 0;
}
.div_mega--container {
	position: relative;
	display: inline-block;
	line-height: 34px;
	height: auto;
}
.section__mega_ul {
	padding: 0 24px;
	margin-bottom: 20px;
}

.section__mega_li {
	position: static;
	display: block;
	padding-right: 0;
}

.section__mega_ul--sub {
	position: absolute;
	top: 0;
	margin-right: 38px;
	right: 177px;
	display: inline-block;
	max-height: 0;
	overflow: hidden;
}
.section__mega_li.li--main:hover .section__mega_ul--sub {
	max-height: 360px;
}

.section__mega_img--container {
	display: flex;
	margin-left: 30px;
	align-items: center;
}
.section__mega_img {
	width: 220px;
	height: auto;
}
.section__mega_img[src=""] {
	display: none;
}
.section__mega {
	display: flex;
	justify-content: space-between;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #fff;
	max-height: 0;
	transition: max-height 0.2s ease-out;
	position: absolute;
	overflow: hidden;
	right: 5px;
	width: calc(100vw - 26px);
}
.div_mega--container:hover .section__mega {
	max-height: 700px;
	transition: max-height 1.5s ease-out;
}
.div_mega--container:hover .nav_bottom_a.a_mega {
	color: #fff;
	background-color: #1ebc8b;
}
.div_mega--container:hover .div_mega--hamburger {
	background-color: #fff;
}
.section__mega_sub--container {
	flex-direction: column;
	height: 300px;
	flex-wrap: wrap;
	display: none;
	margin: 10px 0 30px;
	width: 690px;
	overflow: hidden;
}
.section__mega_sub--container.active {
	display: flex;
}
.section__mega_sub--container .section__mega_a {
	width: 230px;
}
.section__mega_a {
	display: block;
	user-select: none;
	width: 203px;
	height: 32px;
	font-size: 15px;
	line-height: 32px;
	color: #272e3c;
	position: relative;
}
.section__mega_a,
.section__mega_a--all {
	padding-right: 25px;
}
.section__mega_a.a--sub-header {
	font-weight: bold;
	color: #56b58b;
	height: 34px;
}
.section__mega_a:hover,
..section__mega_a.active-hover,
.nav_bottom_a:hover,
.nav_bottom_a:focus,
.nav_bottom_a:active {
	color: #1ebc8b;
	cursor: pointer;
	text-decoration: none;
}
.section__mega_a.a--mega {
	font-size: 15px;
	line-height: 44px;
	height: 44px;
	text-align: right;
	color: #908f8f;
	padding-right: 32px;
}
.section__mega_a--container::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 195px;
	border-left: 0.5px solid #e0e0e0;
}
.section__mega_a.a--mega.active-hover {
	background: url("../../images/template/hover-border.png") no-repeat;
	background-size: 203px 100%;
	background-position: right;
	color: #56b68b;
}
.section__mega_a--all {
	font-size: 13px;
	position: absolute;
	top: 15px;
	line-height: 21px;
	color: #424242;
}
.active {
	display: block;
}
.d-flex {
	display: flex;
}
.panel__a {
	position: relative;
	display: block;
	color: #272e3c;
	background-color: transparent;
	border: none;
}
.panel__a.a--mobile-menu {
	height: 44px;
	font-size: 14px;
}
.panel__a:hover,
.panel__a:active,
.panel__a:focus {
	color: #1ebc8b;
	cursor: pointer;
	text-decoration: none;
}
.panel__span {
	position: absolute;
	right: 8px;
	width: 15px;
	height: 15px;
	background-color: #1ebc8b;
	color: #fff;
	top: 5px;
	border-radius: 50%;
	font-size: 12px;
	line-height: 18px;
}
@media screen and (max-width: 1200px) {
  .nav__logo_img {
    width: 114px;
    height: 30px;
    max-width: none;
  }
  .panel__figure {
    padding-left: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.nav_bottom_a {
		font-size: 14px;
		padding: 0 6px;
	}
	.panel__figure_caption {
		font-size: 12px;
	}
	.nav_bottom_a.a_mega {
		width: 165px;
	}
	.section__mega_a {
		width: 167px;
	}
	.section__mega_a.a--mega.active-hover {
		background-size: 166px 100%;
	}
	.section__mega_a--container::before {
		width: 160px;
	}
	.section__mega {
		width: calc(100vw - 10px);
	}
	.section__mega_img--container {
		display: none;
	}
}
@media screen and (max-width: 991px) {
	.section__mega_sub--container .section__mega_a {
		width: 190px;
	}
	.section__mega_sub--container {
		width: 570px;
	}
  .nav_bottom_a {
    font-size: 14px;
    padding: 0 6px;
  }
  .panel__figure_caption {
    font-size: 12px;
  }
  .nav_bottom_a.a_mega {
    width: 165px;
  }
  .searchbox__input {
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  /* mobile menu */
  .nav__section_bottom {
    box-shadow: none;
  }
  .panel__span {
    font-size: 7px;
    width: 12px;
    height: 12px;
    right: -2px;
    top: 6px;
    line-height: 15px;
  }
  .mm-sronly {
    background-image: url("../../images/template/close-btn-menu.png");
    width: 25px !important;
    height: 25px !important;
    cursor: pointer;
    background-size: cover;
  }
  .menu-icon_img {
    width: 51px;
    height: 21px;
    padding: 5px 16px 0;
  }
  .mm-btn_next::after {
    left: 17px !important;
    right: auto !important;
    transform: rotate(-45deg) !important;
    width: 5px;
    height: 5px;
    border-color: #000;
    border-width: 1px;
  }
  .mm-navbar {
    background-color: #fff;
    border-top: 1px solid #f3f3f3;
    border-bottom: none;
  }
  /* .mm-panels {
    margin-top: 54px;
  } */
  .mm-panels .mm-panel:first-of-type .mm-navbar {
    position: absolute;
    display: none;
  }
  .mobilemenu--header {
    display: flex;
  }
  .mc_mobile_header {
    display: flex;
    justify-content: space-between;
    height: 50px;
    align-items: center;
    /* box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); */
    border: 1px solid #f3f3f3;
    user-select: none;
  }
  .mc_desktop_header {
    display: none;
  }
  .menu_btn--close {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 15px;
    margin-right: 15px;
    background-image: url("../../images/template/close-btn-menu.png");
    background-size: contain;
    background-repeat: no-repeat;
  }
  .nav__logo_img {
    width: auto;
    max-height: 30px;
    margin-right: 15px;
  }
  .mm-panels > .mm-panel,
  .mm-menu,
  .mm-listview {
    background-color: #fff;
  }
  .mm-menu a {
    text-align: right;
    padding-right: 16px;
  }
  .mm-navbar .mm-navbar__title {
    padding-right: 0;
    display: none;
  }
  .mobilemenu__li {
    border-color: #f3f3f3;
    color: #272e3c;
    font-size: 16px;
  }
  .mobilemenu__li.li--main:hover {
    background-color: #fff;
  }
  .mobilemenu__li.li--main .mm-btn_next::after {
    border-color: #272e3c;
  }
  .mm-listitem:after {
    left: 0;
  }
  .mobilemenu__li--top {
    border-top: 1px solid;
    border-color: #f3f3f3;
    border-bottom: transparent;
  }
  .mobilemenu__li--top a {
    max-width: fit-content;
    padding-left: 10px;
    margin-left: 15px;
    -webkit-transition: border 0.3s ease-out;
    -moz-transition: border 0.3s ease-out;
    -o-transition: border 0.3s ease-out;
    transition: border 0.3s ease-out;
  }
  .mobilemenu__li--top a:hover {
    color: #1EBC8B;
  }
  .mobilemenu__li:hover,
  .mobilemenu__li:hover .mm-listitem:after,
  .mobilemenu__li:hover .mm-btn_next::after {
    border-color: #1EBC8B;
    color: #1EBC8B;
    background-color: #fff;
    -webkit-transition: border 0.3s ease-out;
    -moz-transition: border 0.3s ease-out;
    -o-transition: border 0.3s ease-out;
    transition: border 0.3s ease-out;
  }
  .mm-listitem__btn {
    padding-right: 16px;
  }
  .mm-btn_prev:before {
    transform: rotate(0);
    right: 2px;
    content: "→";
    border: none;
    margin: 0;
    position: absolute;
    top: 13px;
    right: 8px;
    font-size: 16px;
    color: #1EBC8B;
  }
  .mm-btn_prev::after {
    content: "بازگشت";
    border: none;
    font-size: 12px;
    padding-right: 10px;
    color: #272e3c;
  }
  .mm-navbar__btn:first-child {
    width: 65px;
  }
  .searchbox_mob--container {
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  }
  .searchbox_mob--container .searchbox__input {
    padding: 0 36px;
    height: 36px;
    line-height: 36px;
  }
  .searchbox_mob--container .serachbox__icon {
    right: 30px;
    width: 13px;
  }
  .searchbox__input::placeholder, .searchbox__input_text, .searchbox__modal_input::placeholder {
    font-size: 12px;
  }
  .search__result {
    height: 48px;
  }
  .search__result_product {
    width: 52.6px;
    height: 36px;
  }
}
@media screen and (max-width: 420px) {
	.nav__logo_img {
		max-height: 26px;
	}
}

/************************************* END of MEGA menu  ********************/

/************************************* START of footer  ********************/
.footer__block {
	background-color: #fcfcfc;
	min-height: 700px;
	font-size: 20px;
	line-height: 32px;
	color: #424242;
	box-shadow: 0 -2px 13px 0 rgba(0, 0, 0, 0.08);
	padding-right: 12px;
	padding-left: 12px;
	margin-top: 40px;
}
.footer__block--inside {
	width: 1260px;
	max-width: 100%;
	margin: auto;
}
.footer_h4,
.post-footer_h4 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.35;
	color: #424242;
	padding-bottom: 12px;
	margin-bottom: 0;
}
.post-footer_h4 {
	margin-bottom: 15px;
	margin-top: 20px;
	white-space: nowrap;
}
.footer-contact_div {
	padding-top: 40px;
	min-height: 160px;
	overflow: hidden;
}
.footer-contact_div .footer-icon--container {
	width: 225px;
	padding: 0;
	margin: 0;
	justify-content: space-between;
}
.footer_h4.h4--contact {
	color: #1ebc8b;
}
.footer_a--contact {
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	color: #424242;
	margin-bottom: 0;
}
.footer_p--contact {
	white-space: nowrap;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
}
.review-discount_submit {
	position: absolute;
	top: 0;
	left: 0;
}
.footer-icon--container {
	display: flex;
	flex: 1 1 64%;
	width: 50r;
	padding: 0 15px;
	width: 300px;
	width: 64%;
	justify-content: flex-start;
	margin-top: 15px;
	margin-bottom: 15px;
}
.footer-icon_a {
	display: block;
	width: 45px;
	height: 45px;
	position: relative;
	border: solid 1px #707070;
	border-radius: 50%;
	background-color: transparent;
	user-select: none;
}
.footer-icon_a:hover,
.footer-icon_a:focus,
.footer-icon_a:active {
	background-color: #fff;
	border-color: #1ebc8b;
	cursor: pointer;
}
.figure-icon_a {
	display: block;
	width: 57px;
	height: 57px;
	margin: auto;
	margin-bottom: 10px;
}
.figure-icon_a:hover + .d-block {
	color: #1ebc8b;
}
.footer-social_icon {
	width: 22px;
	height: 22px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	bottom: 10px;
	position: absolute;
}
.footer-info_div {
	display: flex;
	flex-wrap: wrap-reverse;
	padding-top: 20px;
	min-height: 318px;
}
.footer_img--main_a {
	display: block;
	width: 170px;
	height: 45.2px;
	user-select: none;
	margin-bottom: 10px;
}
.footer_p--info {
	width: 672px;
	font-size: 16px;
	line-height: 26px;
	color: #707070;
	max-width: 100%;
}
.footer_p--info:first-of-type {
	margin-bottom: 0;
}
.footer_a--info {
	display: table;
	font-size: 16px;
	line-height: 25px;
	color: #616161;
}
.footer_a--info::before {
	content: "\A";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #707070;
	margin-left: 5px;
	display: inline-block;
}
.footer-icon_figure {
	width: 100px;
	height: 90px;
	text-align: center;
	margin-top: 24px;
}
.footer-icon_img {
	width: 57px;
	height: 57px;
	margin-bottom: 10px;
}
.footer-icon_caption {
	font-size: 16px;
	line-height: 25px;
	padding-bottom: 0;
}
.footer-info_div .footer-icon--container {
	max-width: 330px;
	width: 330px;
	margin-top: 24px;
	padding-right: 0;
}
.footer-info_div .footer_h4 {
	padding-top: 12px;
}
.footer-info_links {
	flex: 1 1 33%;
	max-width: 100%;
	padding: 0 12px;
}
.footer-info_text {
	flex: 1 1 66%;
	width: 600px;
	max-width: 100%;
	padding: 0 12px;
}
.footer-trust_div {
	display: flex;
	flex-wrap: wrap-reverse;
	min-height: 110px;
}
.footer_img--trust {
	width: 85px;
	height: fit-content;
	margin-top: auto;
	margin-left: 10px;
}
.footer_img--trust:nth-of-type(2) {
	width: 70px;
}
.footer_p--trust {
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	text-align: right;
	color: #424242;
	white-space: nowrap;
	margin-bottom: 0;
	max-width: 400px;
}
.footer-trust_text {
	flex: 1 1 50%;
	padding: 15px 12px 0;
	width: 300px;
	max-width: 430px;
	min-width: 300px;
	justify-content: flex-end;
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
}
.footer-copyright_div {
	height: 59px;
	text-align: center;
	border: solid 1px #707070;
	background-color: #616161;
	width: calc(100% + 24px);
	margin-right: -12px;
}
.footer_p--copyright {
	font-size: 16px;
	line-height: 57px;
	color: #ffffff;
}
.footer_span--show {
	display: none;
}
@media screen and (max-width: 1023px) {
	.footer_p--trust {
		white-space: normal;
	}
	.footer-info_div {
		padding-top: 0;
	}
}
@media screen and (max-width: 1165px) {
	.footer_p--info {
		width: auto;
	}
}
@media screen and (max-width: 991px) {
	.contact-num_div {
		height: 115px;
		padding: 10px 17px 9px;
		background-color: #f1f3f0;
	}
	.footer_h4,
	.footer_p--contact,
	.footer_a--info {
		font-size: 14px;
		line-height: 21px;
		padding-bottom: 3px;
		margin: 0;
	}
	.footer-contact_div {
		text-align: center;
		padding-top: 12px;
	}
	.footer-contact_div .col-sm-4:nth-of-type(2) .footer_h4 {
		visibility: hidden;
	}
	.footer-contact_div .h4--md-none {
		visibility: hidden;
	}
	.footer-contact_div .footer-icon--container {
		max-width: 180px;
		margin: auto;
		justify-content: space-between;
	}
	.footer-email--container {
		margin: auto;
		margin-bottom: 8px;
		text-align: right;
		margin-top: 20px;
		max-width: 407px;
		padding: 0 12px;
	}
	.footer-icon_a {
		width: 40px;
		height: 40px;
	}
	.footer-social_icon {
		width: 18px;
		height: 18px;
		bottom: 10px;
	}
	.footer__block--inside {
		width: 600px;
	}
}
@media screen and (max-width: 767px) {
	.footer__block--inside {
		width: 500px;
	}
	.footer-icon--container,
	.footer-info_div .footer-icon--container {
		margin: auto;
		margin-bottom: 24px;
		justify-content: center;
		max-width: 100%;
	}
	.footer-info_div {
		margin-top: 0;
		padding-top: 0;
		max-width: 100%;
	}
	.footer_img--main_a {
		width: 112px;
		height: 30px;
	}
	.footer_span--show {
		display: inline-block;
		font-size: 14px;
		line-height: 25px;
		color: #56b8cb;
		cursor: pointer;
		user-select: none;
	}
	.footer_p--info {
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 0;
	}
	.footer_p--info.info--hidden {
		display: none;
	}
	.footer-trust_div {
		margin-top: 16px;
		width: 767px;
		margin: auto;
		max-width: 100%;
	}
	.footer_p--trust {
		font-weight: normal;
		line-height: 22px;
		letter-spacing: -0.29px;
		color: #707070;
		white-space: normal;
	}
	.footer_img--trust {
		width: 70px;
	}
	.footer-trust_text {
		margin-top: 0;
		margin-bottom: 15px;
	}
	.footer_p--copyright {
		font-size: 12px;
		white-space: nowrap;
		line-height: 40px;
	}
	.footer-copyright_div {
		height: 41px;
	}
	.footer-icon_caption {
		font-size: 12px;
	}
	.footer_a--contact {
		font-size: 16px;
	}
}
/************************************* END of footer  ********************/

/************************************* START of sales nodes  ********************/
.whole-sale__block,
.sale-nodes__block {
	padding-top: 20px;
}
.sale-nodes__block {
	width: 1440px;
	max-width: 100%;
	margin: auto;
}
.sale-nodes__section {
	min-height: 326px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.sale-nodes_h1 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-align: right;
	color: #424242;
	margin: 0;
}
.sale-nodes_p {
	font-size: 40px;
	line-height: 60px;
	text-align: right;
	color: #424242;
}
.sale-nodes__div--text {
	width: 750px;
	min-height: 326px;
	padding: 70px;
	margin-top: auto;
	margin-bottom: auto;
	background-color: #f5f5f5;
	flex: 1 1 500px;
}
.sale-nodes_card {
	display: flex;
	flex-direction: column;
	max-width: 830px;
	min-width: 500px;
	flex: 1 1 500px;
	height: 404px;
	margin: 20px;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
}
.sale-nodes__section.main__section {
	display: flex;
	margin-bottom: 140px;
	min-height: 465px;
	overflow: hidden;
	flex-wrap: nowrap;
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
}
.sale-nodes__contact-us {
	margin: auto;
	max-width: 1240px;
	border-radius: 20px;
	border: 1px solid #707070;
	padding: 30px 15px;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	color: #424242;
	margin-bottom: 70px;
	text-align: center;
}
.main__section .sale_img--main {
	flex: 0 1 400px;
	max-width: 100%;
	max-height: 460px;
}
.sale-nodes__section.cards__section::after {
	content: "";
	max-width: 830px;
	min-width: 500px;
	flex: 1 1 500px;
	height: 1px;
	margin: 20px;
}
.sale-card_div--background {
	height: 215px;
	background-position: center 0;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-size: cover;
}
.sale-card_div--info {
	position: relative;
}
.sale-card_icon {
	position: absolute;
	top: 5px;
}
.sale-card_div--info:nth-of-type(2) .sale-card_icon {
	top: 0;
}
.sale-card_div--text {
	padding: 17px 11px;
}
.sale-card_h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: -0.02px;
	color: #424242;
	margin-bottom: 8px;
	margin-top: 0;
}
.sale-card_info {
	display: block;
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 23px;
	color: #707070;
	padding-right: 26px;
}
.sale-card_div--info:first-of-type .sale-card_info {
	max-height: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sale-card_a {
	font-size: 14px;
	line-height: 22px;
	padding-right: 26px;
	color: #56b8cb;
}
.sale-card_a:hover,
.sale-card_a:active,
.sale-card_a:focus {
	text-decoration: none;
	cursor: pointer;
	color: #3f99ab;
}
.sale_image--main-small {
	display: none;
}
@media screen and (max-width: 1199px) {
	.sale-nodes_p {
		font-size: 24px;
		line-height: 36px;
	}
	.sale-nodes_h1 {
		font-size: 14px;
		line-height: 21px;
		padding-top: 13px;
	}
	.sale-nodes__div--text {
		min-height: 280px;
		padding: 70px 30px;
	}
	.main__section .sale_img--main {
		width: 400px;
		max-height: 312px;
		margin-top: auto;
		margin-bottom: auto;
	}
	.sale-nodes__section.main__section,
	.sale-nodes__contact-us {
		max-width: 830px;
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 768px) {
	.sale-nodes_card {
		min-width: 290px;
		min-height: 415px;
		margin: 17px 5px;
	}
	.sale-card_h2 {
		font-size: 18px;
		line-height: 27px;
	}
	.sale-nodes__section.cards__section::after {
		min-width: 290px;
		margin: 17px 5px;
		height: 1px;
	}
	.sale-nodes_p {
		font-size: 16px;
		line-height: 24px;
		padding-top: 8px;
	}
	.sale-nodes__section.main__section {
		max-width: 600px;
		min-height: 335px;
		margin-bottom: 40px;
		position: relative;
	}
	.sale-nodes__contact-us {
		min-height: auto;
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 30px;
	}
	.main__section .sale_img--main {
		display: none;
	}
	.sale-nodes__div--text {
		min-height: 120px;
		max-width: 80%;
		margin-left: auto;
		margin-top: 0;
		padding: 15px 12px 50px;
	}
	.sale_image--main-small {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.sale-card_div--background {
		background-repeat: no-repeat;
	}
}

/************************************* END of sales nodes  ********************/

/************************************* Start of Final Cart Review  ********************/

.review-cart__block {
	display: flex;
	margin: 0 15px;
}
.review-cart_div--right {
	flex: 3 1 900px;
}
.cart-review_a--back {
	display: block;
	position: relative;
	margin-top: 10px;
	margin-bottom: 15px;
}
.cart-review_p--back {
	font-size: 20px;
	line-height: 32px;
	color: #56b8cb;
	padding: 5px 40px 20px 20px;
}
.review-discound_a {
	color: #56b8cb;
	font-size: 16px;
	line-height: 24px;
	display: block;
	text-align: center;
	margin-top: 15px;
}
.cart-review_icon--back {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 15px;
	right: 12px;
}
.review__section {
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
	padding: 24px;
}
.review-sum__section {
	margin-bottom: 24px;
	min-height: 230px;
}
.review-price__section {
	position: relative;
	flex: 0 0 300px;
	margin-right: 24px;
	height: 580px;
	padding-top: 38px;
}
.review-price_hr {
	margin-top: 15px;
	margin-bottom: 15px;
}
.review-price_div {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	max-width: 565px;
	margin: auto;
	height: 27px;
}
.review-price_p {
	line-height: 28px;
	font-size: 16px;
	letter-spacing: 0.22px;
	color: #707070;
	margin-bottom: 0;
}
.review-price_p.p--bold {
	font-weight: bold;
	color: #424242;
}
.review-price_p.p--discount {
	color: #b00020;
}
.default__input-group.review-discount--container {
	right: 0;
	left: 0;
	bottom: 130px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
}
.review-submit_a {
	position: absolute;
	text-align: center;
	bottom: 70px;
	margin: 0 auto !important;
	right: 0;
	left: 0;
}
.review-address__section {
	min-height: 240px;
}
.cart-review_h2 {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.34px;
	text-align: right;
	color: #424242;
	margin-bottom: 16px;
}
.cart-review_p {
	font-size: 16px;
	line-height: 24px;
	text-align: right;
	color: #616161;
	min-width: 40px;
}
.cart-review_p.p--bold {
	font-weight: bold;
	margin-bottom: 8px;
}
.review-address_div {
	position: relative;
	max-width: 760px;
	margin: auto;
}
.review-address_div .cart-review_p {
	line-height: 28px;
	padding-right: 17px;
}
.review-address__section .cart-review_h2 {
	margin-bottom: 25px;
}
.review-address_icon {
	position: absolute;
	height: 13px;
	width: 13px;
	top: 6px;
}
.review-sum_div {
	display: flex;
	align-items: center;
	min-height: 140px;
	max-width: 800px;
	margin: auto;
	padding-right: 30px;
	padding-left: 45px;
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}
.review-sum_div--text {
	flex: 1;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.review-sum_div--product {
	max-width: 300px;
	width: 100%;
}
.review-sum_div:last-of-type {
	border-bottom: none;
}
.review-sum_img {
	height: 110px;
	width: 160px;
}
.review-call_div {
	display: flex;
	justify-content: center;
	margin-top: 22.5px;
	margin-bottom: 60px;
}
.review-call_p,
.review-call_a {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.28px;
	color: #707070;
}
.review-call_p {
	margin-left: 60px;
}
@media only screen and (max-width: 991px) {
	.review-cart__block {
		flex-wrap: wrap;
		margin: 0;
	}
	.review-price__section,
	.review-cart_div--right {
		flex: 0 1 700px;
		margin: auto;
	}
	.cart-review_a--back {
		max-width: 700px;
		margin-right: auto;
		margin-left: auto;
	}
	.review-price__section,
	.review-sum__section {
		margin-bottom: 20px;
	}
	.review-cart_div--right {
		order: 2;
		-ms-flex-order: 2;
	}
	.review-sum_div--product {
		margin-bottom: 8px;
		flex: 1 0 100%;
		max-width: 450px;
	}
}
@media only screen and (max-width: 768px) {
	.vpn-alert {
		position: static;
	}
	.review-price__section,
	.review-cart_div--right {
		flex: 0 1 400px;
	}
	.review-price__section {
		height: 462px;
		margin-top: 12px;
	}
	.review__section {
		padding: 20px 16px;
	}
	.review-sum_div {
		min-height: 68px;
		padding: 10px 0 10px 5px;
	}
	.review-sum_div--text {
		max-width: 220px;
		margin-right: auto;
		margin-left: auto;
	}
	.review-sum_img {
		height: 60px;
		width: 87.3px;
	}
	.cart-review_h2 {
		font-size: 18px;
		color: #000;
	}
	.review-address__section .cart-review_h2 {
		margin-bottom: 18px;
	}
	.cart-review_span {
		font-size: 14px;
		color: #707070;
	}
	.cart-review_p,
	.review-address_div .cart-review_p {
		font-size: 12px;
		line-height: 18px;
	}
	.review-address_div .cart-review_p {
		margin-bottom: 10px;
	}
	.review-price_p {
		font-size: 14px;
		line-height: 27px;
	}
	.review-price_p.p--bold:nth-of-type(2) {
		text-align: left;
		width: 140px;
	}
	.review-address_div .p--address {
		font-size: 14px;
		line-height: 22px;
	}
	.review-address_icon {
		top: 3px;
	}
	.review-submit_a {
		position: fixed;
		bottom: 15px;
	}
	.review-submit_a.a--static {
		position: absolute;
		bottom: 0;
	}
	.cart-review_p--back {
		font-size: 14px;
		line-height: 20px;
		padding: 10px 35px 20px 35px;
	}
	.review-discound_a {
		font-size: 14px;
		line-height: 18px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.cart-review_icon--back {
		top: 10px;
	}
	.review-call_p,
	.review-call_a {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.review-call_p {
		display: none;
	}
	.default__input-group.review-discount--container {
		position: relative;
		margin: 10px auto;
		bottom: 0;
	}
}

/************************************* End of Final Cart Review  ********************/

/************************************* START of new funnel  ********************/

.code-verify {
	direction: ltr;
	margin: 0 auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.code-verify_input {
	width: 40px;
	margin: 0 3px;
	border-radius: 10px;
	border: 1px solid #56b58b;
	padding-top: 5px;
	height: 28px;
	line-height: 28px;
	color: #56b58b;
	text-align: center;
	box-shadow: none;
}

/************************************* End of new funnel  ********************/

/************************************* Start of new product page _cart  ********************/

._cart__block {
	width: 900px;
	max-width: 100%;
	padding: 0px 24px 15px;
}
._cart_div--sum {
	padding: 2px 10px 10px 15px;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	margin-bottom: 25px;
}
._cart_div--items {
	max-height: 300px;
	overflow-y: scroll;
}
._cart_div--item {
	position: relative;
	min-height: 100px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
	display: flex;
	align-items: center;
}
._cart_img--item {
	width: 137px;
	height: 94px;
}
._cart-text--container {
	display: flex;
	align-items: baseline;
	position: relative;
	padding-top: 30px;
	flex: 1;
}
._cart__div--detail {
	width: 100%;
	padding-bottom: 15px;
}
._cart_limited-shipping {
	display: flex;
	min-height: 30px;
	align-items: center;
	margin: 12px 0 5px;
	flex-flow: wrap;
	font-size: 12px;
	line-height: 17px;
}
._cart_limited-shipping .shipping__icon_div {
	margin-left: 0px;
}
._cart_limited-shipping .d-flex {
	margin-bottom: 3px;
}
._cart_limited-city {
	border-left: 1px solid #b4b4b4;
	padding-left: 10px;
}
._cart_div--name {
	flex: 0 1 300px;
}
._cart_select {
	position: relative;
	padding-right: 25px;
	width: 100px;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	border: 2px solid #b4b4b4;
	background-color: #fff;
	background: 10px center no-repeat
		url("../../images/template/bottom-arrow.svg");
	background-size: 10px;
	appearance: none;
	-webkit-appearance: none;
}
.cart-review_p.p-price--item {
	width: 130px;
	padding-left: 35px;
	padding-right: 2px;
	text-align: left;
	margin-bottom: 0;
}
._cart_a--delete {
	font-size: 16px;
	color: rgba(112, 112, 112, 0.3);
	width: 68px;
	position: absolute;
	bottom: 0;
	left: 0;
}
._cart_div--price {
	display: flex;
	justify-content: flex-end;
	margin-top: 11px;
}
._cart__block .cart-review_p {
	margin-bottom: 0;
}
._cart_div--price .cart-review_p:first-of-type {
	width: 130px;
	text-align: left;
	padding-left: 40px;
}
._cart_div--price .cart-review_p:nth-of-type(2) {
	width: 100px;
	text-align: left;
	white-space: nowrap;
}
._cart_div--price::after {
	content: "";
	width: 68px;
}
._cart_div--shipping {
	height: 50px;
	display: flex;
	white-space: nowrap;
	position: relative;
	width: fit-content;
	width: -moz-fit-content;
	width: -webkit-fit-content;
}
._cart_div--shipping .score_container {
	height: 25px;
	align-items: center;
	padding-right: 10px;
}
.cart-review_p--small {
	position: absolute;
	bottom: 25px;
	font-size: 10px;
	left: 0;
	margin-bottom: 0;
}
._cart_a--container {
	display: grid;
	grid-column-start: 1;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
@media only screen and (max-width: 767px) {
	._cart__block {
		padding-top: 0;
		padding: 0 13px 25px;
	}
	._cart__block .score_range--container {
		width: 265px;
	}
	._cart__block .score_container {
		padding-right: 0;
	}
	._cart__block ._cart_div--shipping {
		height: 25px;
	}
	._cart_div--shipping .cart-review_p {
		position: absolute;
		bottom: 20px;
	}
	.cart-review_p--small {
		bottom: 20px;
	}
	._cart_div--sum {
		padding: 10px;
		padding-right: 2px;
	}
	._cart-text--container {
		flex-flow: wrap;
	}
	._cart-text--container {
		padding-top: 20px;
	}
	._cart_div--item {
		min-height: 130px;
		align-items: stretch;
		padding: 0 5px;
		margin: 0 0 0 15px;
		flex-flow: nowrap;
	}
	._cart_div--items {
		max-height: 260px;
	}
	._cart_div--price {
		margin: 15px 0 5px;
	}
	._cart_div--price::after {
		width: 20px;
	}
	._cart_div--price .cart-review_p:first-of-type {
		padding-left: 15px;
	}
	._cart_div--name {
		flex: 1 0 100%;
	}
	._cart_limited-city.d-flex {
		border: none;
		flex: 1 1 100%;
		margin-bottom: 10px;
	}
	._cart_limited-shipping {
		font-size: 10px;
	}
	._cart_a--delete,
	.cart-review_p.p-price--item {
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 12px;
		width: auto;
	}
	._cart_div--price .cart-review_p:nth-of-type(2) {
		min-width: 80px;
	}
	.cart-review_p.p-price--item {
		bottom: 10px;
		padding-left: 0;
	}
	._cart_select {
		width: 70px;
		height: 32px;
		line-height: 29px;
		padding-right: 12px;
		margin-top: 10px;
	}
	._cart_img--item {
		margin-top: 20px;
		width: 80px;
		height: 54.8px;
	}
}

/************************************* End of new product page _cart  ********************/

/************************************* START of default styles  ********************/

.default__button {
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #1ebc8b;
	border: 3px solid #1ebc8b;
	border-radius: 50px;
	color: #fff;
	font-weight: normal;
	max-width: 100%;
	width: auto;
	text-align: center;
	margin: 10px auto 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-family: "Vazir";
	transition: all 0.3s ease-in;
	word-spacing: -0.1px;
}
.default__button:hover,
.default__button:active,
.default__button:focus {
	background: #1ba57a;
	border-color: #1ba57a;
	color: #fff;
}
.default__button:disabled,
.default__button.button--disabled {
	color: #908f8f;
	border-color: #e0e0e0;
	background: #e0e0e0;
}
.default__button.button--has-icon {
	padding-right: 40px;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: calc(50% - 20px);
}
.default__button.button--outlined {
	background: #fff;
	border-color: #1ebc8b;
	color: #1ebc8b;
}
.default__button.button--outlined:hover,
.default__button.button--outlined:active,
.default__button.button--outlined:focus {
	background: #eff8f4;
	border-color: #1ebc8b;
	color: #1ebc8b;
}
.default__button.button--outlined:disabled,
.default__button.button--outlined.button--disabled {
	color: #707070;
	border-color: #707070;
}
.default__button.button--small {
	height: 44px;
	max-width: 180px;
	line-height: 44px;
	padding: 0 20px;
	font-size: 16px;
	border-width: 1px;
	margin: 0 auto;
}
.default__button.button--medium {
	padding: 0 25px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	width: 350px;
	max-width: 95%;
	border-width: 1px;
}
.default__button.button--large {
	padding: 0 15px;
	height: 55px;
	line-height: 55px;
	font-weight: bold;
	width: 350px;
	max-width: 98%;
	font-size: 22px;
}
.default__button.button--xl {
	padding: 0 5px;
	max-width: 90%;
	height: 80px;
	line-height: 80px;
	font-weight: bold;
	width: 400px;
	font-size: 24px;
}
.default__h2 {
	font-size: 36px;
	line-height: 50px;
	font-weight: bold;
	color: #424242;
	margin: 20px 0 10px;
}
.default__h4 {
	font-size: 18px;
	margin: 20px 0 10px;
	font-weight: bold;
	line-height: 24px;
	color: #000;
}
.farmers__text {
	font-size: 18px;
	line-height: 28px;
	color: #000;
	margin-top: 30px;
}
.text--green {
	color: #1ebc8b;
}
.default__h3 {
	font-size: 24px;
	line-height: 28px;
	color: #424242;
	margin: 20px 0 14px;
}
.font-weight-bold {
	font-weight: bold;
}
@media only screen and (max-width: 1199px) {
	.default__button.button--large {
		font-size: 18px;
		width: 300px;
		max-width: 90%;
	}
	.default__button.button--xl {
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.default__button.button--small {
		padding: 0 10px;
		font-size: 14px;
		height: 35px;
		line-height: 35px;
		width: 120px;
		max-width: 100%;
	}
	.default__button.button--medium {
		padding: 0 10px;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		width: 255px;
	}
	.default__button.button--large {
		height: 45px;
		line-height: 45px;
		width: 330px;
		padding: 0 15px;
		font-size: 16px;
		max-width: 90%;
		min-width: auto;
	}
	.default__button.button--xl {
		padding: 0 20px;
		height: 55px;
		line-height: 55px;
		width: 250px;
		font-size: 18px;
	}
	.default__h3 {
		font-size: 18px;
		line-height: 29px;
		margin: 10px 0 8px;
	}
}
.default__button--secondary {
	cursor: pointer;
	display: block;
	text-align: center;
	width: 277px;
	height: 42px;
	line-height: 42px;
	border-radius: 34px;
	border: solid 1px #1ebc8b;
	color: #1ebc8b;
	margin: 5px;
}
.default__input-group {
	position: relative;
	width: 328px;
	max-width: 95%;
}
.default__input-group__input {
	width: 100%;
	height: 44px;
	line-height: 44px;
	border: 1px solid #b4b4b4;
	border-radius: 50px;
	padding: 0 15px;
	font-size: 14px;
	appearance: none;
	-webkit-appearance: none;
	box-shadow: none;
}
.default__input-group__button {
	position: absolute;
	width: 102px;
	max-width: 35%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	left: 2px;
	top: 2px;
	text-align: center;
	border: 1px solid #1ebc8b;
	color: #1ebc8b;
	background: #fff;
	border-radius: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media only screen and (max-width: 767px) {
	.default__button.button--small {
		padding: 0 10px;
		font-size: 14px;
		height: 35px;
		line-height: 35px;
		width: 120px;
		max-width: 100%;
	}
	.default__button.button--medium {
		padding: 0 10px;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		width: 255px;
	}
	.default__button.button--large {
		height: 45px;
		line-height: 45px;
		width: 330px;
		padding: 0 15px;
		font-size: 16px;
		max-width: 90%;
		min-width: auto;
	}
	.default__button.button--xl {
		padding: 0 20px;
		height: 55px;
		line-height: 55px;
		width: 250px;
		font-size: 18px;
	}
	.default__h2 {
		font-size: 24px;
		line-height: 24px;
		margin: 10px 0 8px;
	}
	.default__h4 {
		font-size: 12px;
		line-height: 24px;
		margin: 10px 0 8px;
	}
}
/************************************* End of default styles  ********************/

/************************************* Start of new product list (productList)  ********************/

.product-list__div {
	display: flex;
	width: 1360px;
	max-width: 100%;
}
.product-list__banner--container {
	height: 300px;
	direction: ltr;
	overflow: hidden;
}
.product-list__banner--container.desktop {
	display: block;
}
.product-list__banner--container.mobile {
	display: none;
}
.product-list__banner--text-container {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 500px;
	max-width: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 3px 1px 5px #2b2b2b;
	direction: rtl;
}
.product-list__side {
	flex: 0 0 300px;
	margin-top: 57px;
}
.product-list__main {
	flex: 1 1 900px;
	max-width: 100%;
	height: 100%;
}
.product-list__card--container {
  display: grid;
  grid-template-rows: 492px;
  align-items: center;
  justify-content: center;
  justify-items: center;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 27px 25px;
  width: 100%;
  margin-bottom: 25px;
}
.product-list__desc--container {
	position: relative;
	padding: 45px 25px 70px;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	min-height: 300px;
	font-size: 20px;
	line-height: 32px;
	color: #707070;
}
.product-list__desc--nested {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}
.product-list__desc--nested.long {
	display: block;
	max-height: fit-content;
	transition: all 0s ease;
}
.product-list__desc_a {
	font-size: 20px;
	bottom: 28px;
	left: 37px;
}
.product-list__desc--container h1 {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	text-align: center;
	color: #030301;
	margin: 0;
	margin-bottom: 40px;
}
.product-list__filter--container {
	display: flex;
	height: 57px;
	align-items: center;
	width: 100%;
}
.product-list__filter--container.d--mobile {
	display: none;
}
.product-list__filter--container .product-list__filter-text {
	padding: 0 14px;
	line-height: 33px;
	margin: 0;
	cursor: pointer;
}
.product-list__filter--container .product-list__filter-text:first-of-type {
	padding-right: 0;
	font-weight: bold;
	color: #616161;
	cursor: context-menu;
}
.product-list__filter--container .product-list__filter-text.active {
	border-radius: 4px;
	border: solid 1px #56b8cb;
	background-color: #56b8cb;
	color: #fff;
}
.product-list__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
  height: 492px;
  border-radius: 12px;
  box-shadow: 0.310541px 9.99518px 26px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  max-width: 450px;
  padding-top: 90px;
}
.product-list__card_img {
  height: 140px;
  width: 203.6px;
  margin: 5px 5px 10px;
}
.product-list__card--farmer-img {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #fff;
  padding: 4px;
}
.card-head__farmer-name {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #424242;
}
.product-list__card--head {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  top: 6px;
  right: 6px;
  left: 6px;
  background: #F9F9F9;
  border-radius: 8px;
  height: 78px;
}
.card-head__line {
  width: 100%;
  background: #fff;
  padding: 3px 0 3px;
}
.card-head__info {
  display: flex;
  height: 36px;
  padding-right: 85px;
  padding-left: 10px;
  width: 100%;
  align-items: center;
}
.product-list__card--location-container {
  display: flex;
  flex: 1 0 100px;
  padding-left: 5px;
  align-items: center;
}
.product-list__card--transfer-container {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.product-list__card--icon-img {
  width: 19px;
  height: 19px;
  margin-left: 5px;
}
.product-list__card--transfer-img {
  height: 13px;
  width: 21px;
  margin-left: 5px;
}
.product-list__card--icon-text {
  font-size: 12px;
  color: #606060;
  margin: 0;
}
.product-list__card--weight {
  width: auto;
  height: 22px;
  margin: 5px auto 25px;
}
.product-list__h4, .product-list__filter-text {
  font-size: 16px;
  font-weight: bold;
  color: #272e3c;
  margin: 0;
}
.product-list__h4 {
	margin-bottom: 4px;
	margin-right: 13px;
	padding: 5px 0 8px;
	border-bottom: 1px solid #f3f3f3;
	white-space: nowrap;
}
.product-list__filter-text {
	display: block;
	font-weight: normal;
	list-style-type: none;
	line-height: 35px;
}
.product-list__side_ul--child .product-list__filter-text {
	color: #575c60;
}
.product-list__sorting--mobile {
	border-radius: 6px;
	background-color: rgba(97, 97, 97, 0.2);
	color: #616161;
	border: none;
	padding: 0 35px 0 15px;
	height: 33px;
	line-height: 33px;
	margin-left: 8px;
	appearance: none;
	-webkit-appearance: none;
}
.product-list__sorting--mobile.km-filter-btn {
	font-size: 12px;
}
.product-list__filter_icon {
	position: absolute;
	right: 5px;
	height: 13px;
}
.product-list__filter_icon.icon--filter {
  right: 10px;
  top: 8px;
}
.product-list__card_h3, .product-list__card_p{
  height: 34px;
  font-size: 18px;
  line-height: 34px;
  font-weight: bold;
  text-align: center;
  color: #333;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-list__card_h3 {
  font-size: 22px;
}
.product-list__card_h3.h3--price {
	white-space: nowrap;
}
.product-list__card_p {
	font-weight: normal;
	color: #000000;
}
.product-list__button-container {
  display: flex;
  justify-content: space-between;
  text-align: center;
  align-items: center;
  width: 100%;
  padding: 3px;
  height: 40px;
}
.product-list__card_button, .product-list__card_select {
  width: 100px;
  height: 40px;
  border-radius: 50px;
}
.product-list__card_button {
	display: block;
	padding-top: 2px;
	border: solid 1px #1ebc8b;
	background-color: #1ebc8b;
	text-align: center;
	line-height: 40px;
	font-size: 35px;
	color: #fff;
	padding: 0px;
}
.card-button__plus {
  height: 16px;
  width: 16px;
  display: block;
  margin: auto;
}
.product-list__button-container.zero-stock {
	justify-content: center;
}
.product-list__button-container.zero-stock .product-list__card_button {
	font-size: 16px;
	background: #ccc;
	border-color: #ccc;
	width: 200px;
	box-shadow: none;
}
.product-list__card_button:hover {
	border: solid 1px #1ba57a;
	background-color: #1ba57a;
}
.product-list__card_select {
	border: 2px solid #b4b4b4;
	color: #707070;
	background-color: #fff;
	padding-right: 25px;
	font-size: 12px;
	display: none;
	background-color: #fff;
	background: no-repeat url("../../images/template/bottom-arrow.svg");
	background-position: 25px center;
	background-size: 8px;
	appearance: none;
	-webkit-appearance: none;
}
.product-list__badge--container {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  height: 70px;
  grid-template-columns: repeat(6, 1fr);
  direction: ltr;
  margin: 5px 0 20px;
  justify-items: center;
}
.product-list__badge {
  cursor: pointer;
  height: auto;
  width: 42.18px;
}
.product-list__card--content {
  width: 100%;
  max-width: 400px;
  padding: 0 20px 20px;
  text-align: center;
}
.product-list__card--detail {
	margin: auto;
	max-width: 200px;
	display: flex;
	justify-content: space-between;
}

/* side */
.product-list__side--child {
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
	padding: 20px 0;
	margin-bottom: 25px;
	margin-left: 25px;
}
.product-list__side--child .km-checkbox {
	padding-right: 16px;
}
.product-list__side--child:first-of-type {
	padding-bottom: 0;
}
.product-list__side_ul {
	max-height: 250px;
	overflow-y: hidden;
	transition: max-height 0.5s;
	padding-right: 35px;
}
.product-list__side_ul.long {
	max-height: 600px;
	transition: max-height 1s;
}
.product-list__side_ul--child {
	padding-right: 20px;
}
.product-list__side--more {
	text-align: center;
	height: 40px;
	line-height: 40px;
	border: 1px solid #f7f7f7;
	cursor: pointer;
}
@media screen and (max-width: 1200px) {
	.product-list__banner--container {
		height: 250px;
	}
}
@media screen and (max-width: 991px) {
	.product-list__filter--container .product-list__filter-text {
		font-size: 14px;
		padding: 0 6px;
	}
	.product-list__banner--container {
		height: 200px;
	}
}
@media screen and (max-width: 767px) {
	.product-list__banner--container.desktop {
		display: none;
	}
	.product-list__banner--container.mobile {
		display: block;
	}
	.product-list__filter--container {
		display: none;
	}
	.product-list__filter--container.d--mobile {
		display: flex;
		position: relative;
		margin-bottom: 42px;
	}
	.product-list__banner--container {
		height: 325px;
	}
	.product-list__desc--container {
		padding: 12px;
		padding-bottom: 45px;
	}
	.product-list__desc--container h1 {
		font-size: 22px;
		line-height: 34px;
		margin: 20px auto;
	}
	.product-list__desc--container p {
		font-size: 16px;
		line-height: 24px;
	}
	.product-list__desc_a {
		font-size: 14px;
		bottom: 10px;
		left: 10px;
	}
	.product-list__side {
		flex: 0;
	}
	.product-list__side--child {
		box-shadow: none;
		border-top: solid 1px #f3f3f3;
		border-radius: 0;
		margin: 0;
	}
}
@media screen and (max-width: 575px) {
  .product-list__badge--container {
    position: absolute;
    height: 53px;
    max-width: 266px;
    bottom: 0;
    left: 15px;
    margin: 5px 0 15px;
  }
  .product-list__badge {
    height: auto;
    width: auto;
    margin-right: 0;
  }
  .b--badge {
    font-size: 9px;
    top: 10px;
  }
  .product-list__banner--container {
    height: 230px;
  }
  .product-list__card_button, .product-list__card_select {
    height: 30px;
    line-height: 30px;
    margin: 3px 0;
    width: 70px;
  }
  .product-list__card_select{
    padding-right: 15px;
    background-position: 10px center;
  }
  .product-list__card_button {
    width: 65px;
    margin-right: 0;
    font-weight: bold;
    font-size: 28px;
  }
  .product-list__button-container.zero-stock {
    justify-content: right;
  }
  .product-list__button-container.zero-stock .product-list__card_button {
    width: 120px;
  }
  .product-list__card--weight {
    height: 18px;
    margin: 2px 0 12px;
  }
  .product-list__card_h3, .product-list__card_p {
    text-align: right;
    font-size: 16px;
    height: 23px;
    line-height: 23px;
    padding-left: 5px;
  }
  .product-list__card_img {
    height: auto;
    padding: 0 3px;
    width: 160px;
    margin-top: 20px;
  }
  .product-list__card_a {
    margin-bottom: auto;
  }
  .product-list__card--content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 0 3px 12px;
    height: 100%;
    max-width: 220px;
    margin: auto;
    text-align: right;
  }
  .product-list__card {
    flex-direction: row;
    height: 270px;
    padding-left: 5px;
    padding-top: 70px;
  }
  .product-list__card--container {
    grid-template-rows: 270px;
    height: 100%;
    gap: 10px;
  }
  .product-list__desc--nested {
    max-height: 330px;
    -webkit-line-clamp: 10;
  }
  .product-list__card--farmer-img {
    width: 49px;
    height: 49px;
    top: 8px;
  }
  .card-head__farmer-name {
    font-size: 12px;
  }
  .product-list__card--icon-img {
    width: 15px;
    height: auto;
    margin-left: 8px;
  }
  .product-list__card--detail {
    margin: 0;
  }
  .product-list__card--head {
    height: 65px;
  }
  .card-head__line {
    padding: 2px 0 2px;
  }
  .card-head__info {
    height: 30px;
    padding-right: 70px;
  }
}
@media screen and (max-width: 420px) {
  .product-list__card_img {
    max-width: 105px;
    margin: 20px 0;
  }
  .product-list__banner--container, .product-list__banner_img {
    max-height: 165px;
    min-height: 125px;
    height: auto;
  }
}
/************************************* End of new product list (productList)  ********************/

/************************************* START of zuck.js library  ********************/

/* zuck css library */
@keyframes zuckSlideTime {
	0% {
		max-width: 0;
	}
	100% {
		max-width: 100%;
	}
}
@keyframes zuckLoading {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
#zuck-modal {
	outline: 0 !important;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	z-index: 100000;
	font-size: 14px;
	font-family: inherit;
}
#zuck-modal-content,
#zuck-modal-content .story-viewer,
#zuck-modal-content .story-viewer > .slides,
#zuck-modal-content .story-viewer > .slides > * {
	width: 100vw;
	height: 100%;
	top: 0;
	bottom: 0;
	position: absolute;
	overflow: hidden;
}
#zuck-modal * {
	user-select: none;
	outline: 0;
}
#zuck-modal.with-effects {
	transform: scale(0.01);
	transform-origin: top left;
	transition: 0.25s;
}
#zuck-modal.with-effects.animated {
	transform: scale(1);
	border-radius: 0;
	margin-top: 0 !important;
	margin-left: 0 !important;
}
#zuck-modal.with-effects.closed {
	transform: translateY(100%);
}
#zuck-modal .slider {
	width: 300vw;
	height: 100%;
	top: 0;
	bottom: 0;
	left: -100vw;
	position: absolute;
}
#zuck-modal .slider > * {
	width: 100vw;
	height: 100%;
	top: 0;
	bottom: 0;
	position: absolute;
}
#zuck-modal .slider > .previous {
	left: 0;
}
#zuck-modal .slider > .viewing {
	left: 100vw;
}
#zuck-modal .slider > .next {
	left: 200vw;
}
#zuck-modal .slider.animated {
	-webkit-transition: -webkit-transform 0.25s linear;
	transition: -webkit-transform 0.25s linear;
	transition: transform 0.25s linear;
	transition: transform 0.25s linear, -webkit-transform 0.25s linear;
}
#zuck-modal.with-cube #zuck-modal-content {
	perspective: 1000vw;
	transform: scale(0.95);
	perspective-origin: 50% 50%;
	overflow: visible;
	transition: 0.3s;
}
#zuck-modal.with-cube .slider {
	transform-style: preserve-3d;
	transform: rotateY(0deg);
}
#zuck-modal.with-cube .slider > .previous {
	backface-visibility: hidden;
	left: 100vw;
	transform: rotateY(270deg) translateX(-50%);
	transform-origin: center left;
}
#zuck-modal.with-cube .slider > .viewing {
	backface-visibility: hidden;
	left: 100vw;
	transform: translateZ(50vw);
}
#zuck-modal.with-cube .slider > .next {
	backface-visibility: hidden;
	left: 100vw;
	transform: rotateY(-270deg) translateX(50%);
	transform-origin: top right;
}
#zuck-modal-content .story-viewer.paused.longPress .head,
#zuck-modal-content .story-viewer.paused.longPress .slides-pointers,
#zuck-modal-content .story-viewer.paused.longPress .tip {
	opacity: 0;
}
#zuck-modal-content
	.story-viewer.viewing:not(.paused):not(.stopped)
	.slides-pointers
	> *
	> .active
	> b {
	-webkit-animation-play-state: running;
	animation-play-state: running;
}
#zuck-modal-content .story-viewer.next {
	z-index: 10;
}
#zuck-modal-content .story-viewer.viewing {
	z-index: 5;
}
#zuck-modal-content .story-viewer.previous {
	z-index: 0;
}
#zuck-modal-content .story-viewer.muted .tip.muted,
#zuck-modal-content .story-viewer.loading .head .loading {
	display: block;
}
#zuck-modal-content .story-viewer.loading .head .right .time,
#zuck-modal-content .story-viewer.loading .head .right .close {
	display: none;
}
#zuck-modal-content .story-viewer .slides-pagination span {
	padding-bottom: 60px;
	position: absolute;
	top: 50vh;
	font-size: 48px;
	color: #fff;
	line-height: 48px;
	width: 48px;
	margin: 6px;
	transform: translateY(-50%);
	z-index: 1;
	text-align: center;
}
#zuck-modal-content .story-viewer .slides-pagination .previous {
	left: 0;
}
#zuck-modal-content .story-viewer .slides-pagination .next {
	right: 0;
}
#zuck-modal-content .story-viewer .slides-pointers {
	display: table;
	table-layout: fixed;
	border-spacing: 6px;
	border-collapse: separate;
	position: absolute;
	width: 100vh;
	top: 0;
	left: calc(50vw - 50vh);
	right: calc(50vw - 50vh);
	z-index: 100020;
}
#zuck-modal-content .story-viewer .slides-pointers > * {
	display: table-row;
}
#zuck-modal-content .story-viewer .slides-pointers > * > * {
	display: table-cell;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 2px;
}
#zuck-modal-content .story-viewer .slides-pointers > * > .seen {
	background: #fff;
}
#zuck-modal-content .story-viewer .slides-pointers > * > * > b {
	background: #fff;
	width: auto;
	max-width: 0;
	height: 2px;
	display: block;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	border-radius: 2px;
}
#zuck-modal-content .story-viewer .slides-pointers > * > .active > b {
	-webkit-animation-name: zuckSlideTime;
	animation-name: zuckSlideTime;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
#zuck-modal-content .story-viewer .head {
	position: absolute;
	height: 56px;
	left: 0;
	right: 0;
	line-height: 56px;
	z-index: 100010;
	color: #fff;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35), 1px 0 1px rgba(0, 0, 0, 0.35);
	padding: 6px 12px;
}
#zuck-modal-content .story-viewer .head .item-preview {
	overflow: hidden;
	vertical-align: top;
	background-size: cover;
	width: 42px;
	height: 42px;
	display: inline-block;
	margin-right: 9px;
	border-radius: 50%;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
}
#zuck-modal-content .story-viewer .head .item-preview img {
	display: block;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	object-fit: cover;
}
#zuck-modal-content .story-viewer .head .time {
	display: none !important;
	opacity: 0.75;
	font-weight: 500;
	font-size: 13px;
}
#zuck-modal-content .story-viewer .head .left {
	line-height: 1 !important;
	display: inline-block;
	margin: 6px 0;
}
#zuck-modal-content .story-viewer .head .left .info {
	display: inline-block;
	max-width: 30vw;
	vertical-align: middle;
}
#zuck-modal-content .story-viewer .head .left .info > * {
	width: 100%;
	display: inline-block;
	line-height: 21px;
}
#zuck-modal-content .story-viewer .head .left .info .name {
	font-weight: 500;
}
#zuck-modal-content .story-viewer .head .right {
	float: right;
}
#zuck-modal-content .story-viewer .head .right .close,
#zuck-modal-content .story-viewer .head .back {
	font-size: 42px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	cursor: pointer;
	text-align: center;
}
#zuck-modal-content .story-viewer .head .left .back {
	display: none;
	width: 24px;
	margin: -9px -6px 0 -6px;
}
#zuck-modal-content .story-viewer .head .right .time {
	display: none;
}
#zuck-modal-content .story-viewer .head .loading {
	display: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin: 9px 0;
	border: 4px solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
	border-top-color: #fff;
	-webkit-animation: zuckLoading 1s infinite linear;
	animation: zuckLoading 1s infinite linear;
}
#zuck-modal-content .story-viewer .head,
#zuck-modal-content .story-viewer .slides-pointers,
#zuck-modal-content .story-viewer .tip {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
#zuck-modal-content .story-viewer .slides .item {
	display: none;
	overflow: hidden;
	background: #000;
}
#zuck-modal-content .story-viewer .slides .item:before {
	z-index: 4;
	background: transparent;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
#zuck-modal-content .story-viewer .slides .item > .media {
	height: 100%;
	top: 0;
	bottom: 0;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: auto;
}
#zuck-modal-content .story-viewer .slides .item.active,
#zuck-modal-content .story-viewer .slides .item.active .tip.link {
	display: block;
}
#zuck-modal-content .story-viewer .tip {
	z-index: 5;
	text-decoration: none;
	display: none;
	border-radius: 24px;
	background: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	position: absolute;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0 20px;
}
#zuck-modal.rtl {
	direction: rtl;
	left: auto;
	right: 0;
}
#zuck-modal.rtl.with-effects {
	transform-origin: top right;
}
#zuck-modal.rtl.with-effects.animated {
	margin-left: auto !important;
	margin-right: 0 !important;
}
#zuck-modal.rtl .slider {
	left: auto;
	right: -100vw;
}
#zuck-modal.rtl .slider > .previous {
	left: auto;
	right: 0;
	transform: rotateY(-270deg) translateX(50%);
}
#zuck-modal.rtl .slider > .viewing {
	left: auto;
	right: 100vw;
}
#zuck-modal.rtl .slider > .next {
	left: auto;
	right: 200vw;
}
#zuck-modal.rtl.with-cube .slider > .previous {
	left: auto;
	right: 100vw;
	transform-origin: center right;
}
#zuck-modal.rtl.with-cube .slider > .viewing {
	left: auto;
	right: 100vw;
	transform: translateZ(50vw);
	backface-visibility: visible;
}
#zuck-modal.rtl.with-cube .slider > .next {
	left: auto;
	right: 100vw;
	transform-origin: top left;
	transform: rotateY(270deg) translateX(-50%);
}
#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .previous {
	left: auto;
	right: 0;
}
#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .next {
	right: auto;
	left: 0;
}
#zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
	margin-right: 20px;
	margin-left: -10px;
	z-index: 2;
}
#zuck-modal.rtl #zuck-modal-content .story-viewer .head .right {
	float: left;
}
#zuck-modal.rtl #zuck-modal-content .story-viewer .tip {
	left: 0;
	right: 0;
	transform: translateX(0%);
}
@media (max-width: 1024px) {
	#zuck-modal-content .story-viewer .head {
		top: 3px;
	}
	#zuck-modal-content .story-viewer .head .loading {
		width: 24px;
		height: 24px;
		margin: 6px 0;
	}
	#zuck-modal-content .story-viewer .head .item-preview {
		width: 35px;
		height: 35px;
		margin-right: 9px;
	}
	#zuck-modal-content .story-viewer .head .left {
		font-size: 15px;
		margin: 15px 0;
	}
	#zuck-modal-content .story-viewer .head .left > div {
		line-height: 30px;
	}
	#zuck-modal-content .story-viewer .head .right .time {
		display: block;
		white-space: nowrap;
		font-size: 15px;
		margin: 15px 0;
		line-height: 30px;
	}
	#zuck-modal-content .story-viewer .head .left > .back {
		display: none;
		background: transparent;
		z-index: 20;
		visibility: visible;
		position: absolute;
		height: 42px;
		width: 24px;
		line-height: 36px;
		text-align: left;
		vertical-align: top;
		text-shadow: none;
	}
	#zuck-modal-content .story-viewer.with-back-button .head .left > .back {
		display: block;
	}
	#zuck-modal-content
		.story-viewer.with-back-button
		.head
		.left
		.item-preview {
		margin-left: 18px;
	}
	#zuck-modal-content .story-viewer .slides-pointers {
		width: 100vw;
		left: 0;
		right: 0;
	}
	#zuck-modal-content .story-viewer .tip {
		font-size: 14px;
		padding: 6px 12px;
	}
	#zuck-modal-content .story-viewer .head .left .time,
	#zuck-modal-content .story-viewer .head .right .close {
		display: none;
	}
	#zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview {
		margin-right: auto;
		margin-left: 9px;
	}
	#zuck-modal.rtl #zuck-modal-content .story-viewer .head .left > .back {
		text-align: right;
	}
	#zuck-modal.rtl
		#zuck-modal-content
		.story-viewer.with-back-button
		.head
		.left
		.item-preview {
		margin-left: -10px;
		margin-right: 18px;
		z-index: 2;
	}
}
.stories.carousel {
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
.stories.carousel::-webkit-scrollbar {
	width: 0;
	background: transparent;
}
.stories.carousel .story {
	display: inline-block;
	width: 20vw;
	max-width: 114px;
	margin: 0 6px;
	vertical-align: top;
}
.stories.carousel .story:first-child {
	margin-left: 0;
}
.stories.carousel .story:last-child {
	margin-right: 0;
}
.stories.carousel .story > .item-link {
	text-align: center;
	display: block;
}
.stories.carousel .story > .item-link:active > .item-preview {
	transform: scale(0.9);
}
.stories.carousel .story > .item-link > .item-preview {
	display: block;
	box-sizing: border-box;
	font-size: 0;
	max-height: 90px;
	height: 18vw;
	overflow: hidden;
	transition: transform 0.2s;
}
.stories.carousel .story > .item-link > .item-preview img {
	display: block;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	object-fit: cover;
}
.stories.carousel .story > .item-link > .info {
	display: inline-block;
	margin-top: 0.5em;
	line-height: 1.2em;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.stories.carousel .story > .item-link > .info .name {
	font-weight: 300;
}
.stories.carousel .story > .item-link > .info .time {
	display: none;
}
.stories.carousel .story > .items {
	display: none;
}
.stories.list {
	white-space: nowrap;
	overflow: auto;
}
.stories.list .story {
	display: block;
	width: auto;
	margin: 6px;
	padding-bottom: 6px;
}
.stories.list .story > .item-link {
	text-align: left;
	display: block;
}
.stories.list .story > .item-link > .item-preview {
	height: 42px;
	width: 42px;
	max-width: 42px;
	margin-right: 12px;
	vertical-align: top;
	display: inline-block;
	box-sizing: border-box;
	font-size: 0;
	overflow: hidden;
}
.stories.list .story > .item-link > .item-preview img {
	display: block;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}
.stories.list .story > .item-link > .info {
	display: inline-block;
	line-height: 1.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}
.stories.list .story > .item-link > .info .name {
	font-weight: 500;
	display: block;
}
.stories.list .story > .item-link > .info .time {
	display: inline-block;
}
.stories.list .story > .items {
	display: none;
}
.stories.rtl {
	direction: rtl;
}
.stories.rtl.carousel .story:first-child {
	margin-left: auto;
	margin-right: 6px;
}
.stories.rtl.carousel .story:last-child {
	margin-right: auto;
	margin-left: 0;
}
.stories.rtl.list .story > .item-link {
	text-align: right;
}
.stories.rtl.list .story > .item-link > .item-preview {
	margin-right: auto;
	margin-left: 12px;
}
.storiesWrapper {
	text-align: right;
	height: 135px;
	padding: 0;
	padding-bottom: 0;
	width: 100%;
	margin: 0 auto;
}
.stories.facesnap .story > .item-link {
	text-decoration: none;
	color: #333;
}
.stories.facesnap .story > .item-link > .item-preview {
	border-radius: 50%;
	padding: 2px;
	background: #1ebc8b;
}
.stories.facesnap .story > .item-link > .item-preview img {
	border-radius: 50%;
	border: 3px solid #fff;
}
.stories.facesnap .story.seen {
	opacity: 0.5;
}
.stories.facesnap .story.seen > a > .item-preview {
	background: #999;
}
.tip-link--container {
	display: flex;
	justify-content: space-evenly;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 30px;
}
.tip-link--container .tip.link {
	position: sticky !important;
	line-height: 50px;
}
.story__text {
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
	color: #fff;
	bottom: 90px;
	z-index: 40;
}
/* loading spinner */
.lds-ring {
	display: inline-block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 5;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 48px;
	height: 48px;
	margin: 8px;
	border: 5px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.tip-link--container .lds-ring {
	display: none;
	/* margin-left: 12px; */
	/* width: 40px;
  height: 40px; */
}
.tip-link--container .lds-ring div {
	/* width: 32px;
  height: 32px; */
	margin-top: 4px;
	border: 3px solid #fff;
	border-color: #9fedca transparent transparent transparent;
}
#zuck-modal {
	max-height: 550px;
}
#zuck-modal.rtl.with-effects.animated {
	padding: 0;
}
.home__section_story .name {
	font-size: 16px;
	margin-bottom: 0;
}
#zuck-modal-content .story-viewer .head .left .info .name {
	font-size: 14px;
	color: #fff;
	padding: 0 20px 0 12px;
	background-color: rgba(26, 22, 22, 0.4);
	height: 35px;
	line-height: 35px;
	width: auto;
	white-space: nowrap;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	margin-bottom: 0;
}
.stories.facesnap .story > .item-link > .item-preview {
	width: 90px;
	max-height: 90px;
	margin: auto;
}
.stories.carousel .story > .item-link > .info {
	margin-top: 10px;
}
#zuck-modal-content .story-viewer .head .right .time {
	display: none;
}
#zuck-modal.rtl #zuck-modal-content .story-viewer .tip.muted {
	position: absolute;
	bottom: 15%;
	width: fit-content;
	margin: auto;
}
#zuck-modal-content .story-viewer .tip.story__btn {
	position: absolute;
	height: 42px;
	line-height: 42px;
	padding: 0;
	width: 180px;
	max-width: 100%;
	border-radius: 34px;
	background-color: #1ebc8b;
	color: #fff;
	font-size: 16px;
	margin: 0 5px;
}
#zuck-modal-content .story-viewer .tip.story__btn.products:hover,
#zuck-modal-content .story-viewer .tip.story__btn.follow.clicked {
	color: #1ebc8b;
	background-color: #fff;
	transition: all 0.2s ease;
}
.story__btn.products:hover .story__basket_div {
	background: #1ebc8b;
	transition: all 0.2s ease;
}
.story__btn.products:hover .basic,
.story__basket_img.reversed {
	display: none;
}
.story__btn.products:hover .reversed,
.story__basket_img.basic {
	display: block;
}
.story__btn.follow .story__basket_div {
	background: #56b58b;
	visibility: hidden;
}
.story__basket_div {
	width: 36px;
	top: 2px;
	right: 2px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
}
.story__basket_img {
	width: 16px;
	height: 16px;
	margin: 10px auto;
}
.story__text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5; /* number of lines to show */
	-webkit-box-orient: vertical;
	padding: 0 20px;
	max-width: 800px;
	margin: auto;
	margin-bottom: 10px;
	text-shadow: 3px 1px 5px #2b2b2b;
}
#zuck-modal.rtl #zuck-modal-content .story-viewer .head .left > .back,
#zuck-modal-content .story-viewer .head .left .time,
#zuck-modal-content .story-viewer .head .right .close {
	top: 11px;
	color: #fff;
	left: 35px;
	font-size: 26px;
	opacity: 1;
}
#zuck-modal-content .story-viewer .head .left .time,
#zuck-modal-content .story-viewer .head .right .close {
	position: absolute;
	font-weight: lighter;
	font-size: 40px;
	top: 20px;
}
#zuck-modal-content .story-viewer .head .left {
	display: flex;
	position: absolute;
	top: 20px;
	right: 10px;
	width: 100%;
	align-items: center;
}
#zuck-modal-content .story-viewer .head,
#zuck-modal-content .story-viewer .slides-pointers {
	top: 30px;
}
#zuck-modal-content .story-viewer .slides .item:before {
	background: linear-gradient(
		180deg,
		rgba(29, 29, 29, 0.3) 2%,
		rgba(227, 227, 227, 0) 31%,
		rgba(255, 255, 255, 0) 69%,
		rgba(38, 38, 38, 0.3) 97%
	);
}
@media only screen and (max-width: 767px) {
	.home__section_story .name {
		font-size: 12px;
	}
	.stories.facesnap .story > .item-link > .item-preview {
		width: 56px;
		max-height: 56px;
	}
	.storiesWrapper {
		height: 100px;
	}
	#zuck-modal-content .story-viewer .slides .item > .media {
		height: auto;
		width: 100%;
	}
}
/************************************* END of zuck.js library  ********************/

/************************************* Start of new callback  ********************/

.callback__block {
	max-width: 1440px;
	margin: auto;
	color: #424242;
}
.header__section {
	width: 1040px;
	max-width: 100%;
	padding: 25px;
	margin: auto;
}
.header__div {
	display: flex;
	flex-flow: wrap;
	padding: 24px 48px;
	border-radius: 12px;
	border: dashed 3px #77c8a8;
	background-color: rgba(119, 200, 168, 0.16);
	justify-content: center;
}
.header__div.warning {
	color: #8a6d3b;
	border-color: #8a6d3b;
	background-color: #fcf8e3;
}
.header__item--text {
	flex: 1 1 500px;
	text-align: right;
	margin-bottom: 15px;
}
.header__item--button {
	margin: 16px 0;
}
.header__a {
	width: 250px;
	height: 46px;
	padding: 0 0 1px;
	line-height: 42px;
	text-align: center;
}
.header__h3 {
	font-size: 18px;
	font-weight: bold;
	color: #186d4c;
}
.header__p {
	font-size: 16px;
	color: #186d4c;
}
.factor__p {
	font-size: 20px;
	line-height: 34px;
	margin: 34px 0 20px;
}
.span--bold {
	font-weight: bold;
}
.span--light {
	font-weight: lighter;
	color: #9d9b9b;
}
.factor-input__div {
	padding: 0 5px;
	max-width: 100%;
}
.factor-input__div.div--big {
	width: 500px;
}
.factor-input__div.div--small {
	width: 285px;
	margin-bottom: 40px;
}
.factor-inputs--container {
	display: flex;
	justify-content: space-evenly;
	margin: 20px 0;
	flex-wrap: wrap;
}
.factor__copy--container {
	position: relative;
}
.factor__button {
	border-radius: 34px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	font-weight: bold;
	display: block;
	border: solid 1px #1ebc8b;
	background-color: #1ebc8b;
	color: #fff;
}
.factor__button:hover,
.factor__button:focus,
.factor__button:active {
	color: #fff;
	border: solid 1px #0faf7c;
	background-color: #0faf7c;
	cursor: pointer;
	text-decoration: none;
}
.factor-copy__button {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 80px;
	height: 42px;
	border-radius: 34px;
}
.factor-copy__input {
	border-radius: 34px;
	box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.14);
	border: dashed 1px #1ebc8b;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #1ebc8b;
	padding-left: 90px;
	height: 50px;
	width: 100%;
}
.factor__h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 39px;
	text-align: center;
	margin-bottom: 17px;
}
.footer-notice__div {
	text-align: center;
	padding-top: 180px;
	position: relative;
	width: 1290px;
	max-width: 100%;
	padding: 0 15px;
	margin: auto;
}
.footer-notice__img {
	display: block;
	margin-left: auto;
	margin-right: 100px;
	width: 130.5px;
	height: 122.2px;
}
.notice__bordered {
	border: solid 3px #1ebc8b;
	border-radius: 34px;
	margin: auto;
	background: #fff;
}
.notice__h1--container {
	padding: 18px 10px 40px;
	width: 375px;
	margin-bottom: -25px;
}
.factor__h1 {
	font-size: 24px;
	font-weight: bold;
	color: #232222;
}
.notice__p--container {
	max-width: 85%;
	padding: 25px 10px;
	margin-bottom: -46px;
	z-index: 2;
	position: relative;
}
.notice__p {
	font-size: 22px;
	line-height: 36px;
	color: #424242;
}
.notice__drop--container {
	display: flex;
	flex-flow: nowrap;
	justify-content: space-evenly;
	padding: 130px 150px 100px;
	border-radius: 0;
}
.notice__p--bold {
	font-size: 36px;
	font-weight: bold;
	line-height: 58px;
	padding: 10px;
	padding-right: 0;
	white-space: nowrap;
	flex: 1 2 100px;
	align-self: center;
}
.notice__div--drop {
	max-height: 58px;
	flex: 4 1 400px;
	align-self: center;
}
.notice__img--drop {
	max-width: 100%;
}
.notice__a--container {
	position: relative;
	width: 445px;
	max-width: 60%;
	height: 66px;
	background: #fff;
	margin: auto;
	margin-top: -30px;
}
.notice__a {
	margin: auto;
	width: 285px;
	height: 66px;
	line-height: 67px;
	font-size: 24px;
}
.factor__arrow {
	position: absolute;
	top: 16.5px;
	height: 24px;
}
.arrow--left {
	left: 0;
}
.arrow--right {
	right: 0;
}
@media only screen and (max-width: 992px) {
	.notice__drop--container {
		padding: 130px 50px 100px;
	}
}
@media only screen and (max-width: 767px) {
	.notice__p--bold,
	.factor__h1,
	.notice__p,
	.header__p,
	.factor__p {
		font-size: 14px;
		line-height: 24px;
	}
	.factor__p {
		margin-top: 20px;
	}
	.header__div {
		padding: 20px;
	}
	.header__a {
		width: 160px;
		height: 42px;
	}
	.header__h3 {
		font-size: 16px;
		line-height: 24px;
	}
	.factor__h2 {
		font-size: 16px;
		line-height: 26px;
	}
	.factor-input__div.div--big .factor-copy__input {
		font-size: 11px;
	}
	.factor-input__div.div--small {
		width: 250px;
	}
	.footer-notice__img {
		width: 83.5px;
		height: 78.2px;
		margin-right: 10px;
	}
	.notice__a {
		width: 160px;
		height: 42px;
		font-size: 14px;
		line-height: 42px;
	}
	.factor__arrow {
		top: 16.5px;
		height: 8px;
	}
	.notice__bordered {
		border-width: 1px;
	}
	.notice__h1--container {
		max-width: 60%;
		padding: 5px 8px 30px;
		border-radius: 20px;
	}
	.notice__a--container {
		margin-top: -21px;
		width: 300px;
	}
	.notice__p--container {
		padding: 10px;
		letter-spacing: -0.28px;
		max-width: 95%;
	}
	.notice__drop--container {
		padding: 70px 5px 50px;
	}
	.notice__img--drop {
		max-height: 40px;
	}
}

/************************************* End of new callback  ********************/

/************************************* Start of new progress bar  ********************/

.progress-bar__section {
	height: 160px;
	margin: 0 15px 20px;
	border-radius: 20px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	display: flex;
	align-items: center;
}
.progress-bar__item--container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: auto;
	padding-top: 15px;
}
.progress-bar__item {
	text-align: center;
	flex: 1;
	position: relative;
}
.progress-bar__number {
	display: block;
	width: 30px;
	height: 30px;
	border: solid 2px #cacaca;
	background-color: #cacaca;
	border-radius: 50%;
	margin: auto;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.8px;
	color: #7c7c7c;
	position: relative;
	z-index: 2;
	margin-bottom: 8px;
}
.progress-bar__a {
	margin: auto;
	display: block;
	font-size: 18px;
	line-height: 29px;
	color: #cacaca;
	pointer-events: none;
}
.progress-bar__a:hover {
	color: #cacaca;
}
.progress-bar__item::after {
	background-color: #cacaca;
	content: "";
	width: calc(100% - 30px);
	height: 1px;
	display: block;
	position: absolute;
	top: 15px;
	left: calc(50% + 15px);
}
.progress-bar__item:first-of-type::after {
	display: none;
}
.progress-bar__item.current::after,
.progress-bar__item.finished::after {
	background-color: #1ebc8b;
}
.progress-bar__item.current .progress-bar__number {
	border: solid 2px #1ebc8b;
	background-color: #ffffff;
	color: #1ebc8b;
}
.progress-bar__item.finished .progress-bar__a,
.progress-bar__item.current .progress-bar__a {
	color: #1ebc8b;
}
.progress-bar__item.finished .progress-bar__a {
	pointer-events: all;
}
.progress-bar__item.finished .progress-bar__number {
	border: solid 2px #1ebc8b;
	background-color: #1ebc8b;
	color: transparent;
	background-image: url(../../images/template/check.png);
	background-size: 15px;
	background-position: center;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
	.progress-bar__section {
		margin: 0 0 8px;
		height: 100px;
	}
	.progress-bar__a {
		font-size: 12px;
		line-height: 19px;
	}
}

/************************************* End of new progress bar  ********************/

/************************************* Start of new keshmoon list  ********************/

.ellipsis__text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* change based on style */
}
.ellipsis__line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.centered__absolute {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.flex__center-align {
	display: flex;
	justify-content: center;
	align-items: center;
}
.select-type__block {
	text-align: center;
	color: #232222;
}
.select-type__parent {
	display: grid;
	grid-template-columns: repeat(auto-fill, 200px);
	grid-template-rows: 130px;
	grid-gap: 40px 35px;
	justify-content: center;
	padding: 50px;
	padding-top: 35px;
}
.select-type__parent_item {
	position: relative;
	display: flex;
	align-items: center;
	width: 200px;
	height: 123px;
	padding: 9px;
	padding: 3px;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #fff;
	border: 2px solid transparent;
	transition: all 0.2s ease-out;
}
.select-type__parent_item:hover {
	cursor: pointer;
	box-shadow: 0 9px 30px 0 rgb(0 0 0 / 20%);
}
.select-type__parent_item.selected-parent {
	border: 2px solid #1ebc8b;
	transition: all 0.2s ease-in;
}
.select-type__parent_item.selected-parent .parent_item__h2 {
	color: #1ebc8b;
	transition: all 0.2s ease-in;
}
.select-type__parent_item.selected-parent .parent_item__img {
	padding: 5px;
	transition: all 0.2s ease-in;
}
.parent_item__img {
	height: 60px;
	transition: all 0.2s ease-out;
}
.parent_item__text--container {
	flex: 1;
}
.parent_item__h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
	margin: 8px 0;
	transition: all 0.2s ease-out;
}
.parent_item__p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 0;
}
.parent_item__border--bottom {
	position: absolute;
	width: 100%;
	height: 35px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #1ebc8b;
	border-radius: 12px;
	bottom: -7px;
	z-index: -1;
	left: 0;
	right: 0;
}
.select-type__commodity {
	display: grid;
	grid-template-columns: repeat(auto-fill, 300px);
	grid-template-rows: 410px;
	gap: 20px;
	justify-content: center;
}
.select-type__card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 300px;
	height: 410px;
	padding: 20px;
	padding-bottom: 25px;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
	background-color: #fff;
}
.select-type__img {
	height: 120px;
	width: 175px;
	margin: auto;
	display: block;
}
.select-type__title {
	font-size: 22px;
	font-weight: bold;
	line-height: 46px;
	color: #232222;
	margin: 8px 0;
}
.select-type__text {
	font-size: 16px;
	line-height: 24px;
	color: #161414;
	-webkit-line-clamp: 5;
	margin-bottom: 12px;
}
.select-type__a {
	width: 160px;
	font-size: 16px;
	margin: auto;
}
@media only screen and (max-width: 767px) {
	.select-type__parent {
		grid-template-columns: repeat(auto-fill, 120px);
		grid-template-rows: 75px;
		gap: 13px 10px;
		padding: 15px 0 30px;
	}
	.select-type__parent_item {
		width: 120px;
		height: 75px;
	}
	.parent_item__img {
		height: 28px;
	}
	.select-type__parent_item.selected-parent .parent_item__img {
		padding: 2px;
	}
	.parent_item__h2 {
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
		color: #424242;
		letter-spacing: -0.6px;
		max-height: 36px;
		overflow: hidden;
	}
	.parent_item__p {
		font-size: 12px;
		line-height: 19px;
	}
	.select-type__commodity {
		grid-template-columns: auto;
		grid-template-rows: 300px;
	}
	.select-type__card {
		height: 300px;
		max-width: 500px;
		width: 100%;
		padding: 10px;
		padding-bottom: 15px;
	}
	.select-type__title {
		font-size: 18px;
		line-height: 27px;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 300px;
		white-space: nowrap;
		margin: 8px auto;
	}
	.select-type__img {
		height: 80px;
		width: 116px;
		margin: auto;
	}
	.select-type__text {
		letter-spacing: -0.03px;
		color: #424242;
		-webkit-line-clamp: 4;
		max-height: 100px;
	}
	.parent_item__border--bottom {
		bottom: -6px;
	}
}

/************************************* End of new keshmoon list  ********************/

/************************************* START of story create  ********************/
.story-upload__block {
	max-width: 1150px;
	margin: auto;
}
.story-upload__title {
	font-size: 24px;
	line-height: 1.63;
	color: #1ebc8b;
	margin: 20px;
	font-weight: bold;
}
.story-upload__flex--main {
	display: flex;
	position: relative;
	flex-flow: wrap;
	padding-bottom: 100px;
}
.story-upload__div--inside {
	padding: 26px;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);
}
.story-upload__col {
	margin: 5px 10px 0;
}
.story-upload__col.col--1 {
	flex: 1;
}
.story-upload__col.col--2 {
	width: 430px;
	padding-top: 65px;
}
.story-upload__uppy {
	min-height: 302px;
	margin-bottom: 20px;
}
.story-upload__btn {
	position: absolute;
	bottom: 0;
	left: 10px;
}
.story-upload__text {
	min-height: 145px;
}
.story-upload__ul {
	list-style: none;
	padding-right: 15px;
}
.story-upload__li {
	font-size: 16px;
	line-height: 28px;
	color: #aaaaaa;
}
.story-upload__li::before {
	content: "\2022";
	color: #707070;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-right: -1em;
}
.story-upload__col.col--2 .story-upload__li::before {
	color: #1ebc8b;
}
.story-upload__area {
	width: 100%;
	max-width: 400px;
	margin: auto;
	height: 220px;
	border-radius: 12px;
	border: solid 0.5px #d3d3d3;
	background-color: #fdfdfd;
	position: relative;
	margin-bottom: 30px;
}
.story-upload__area .control-label {
	font-size: 18px;
	font-weight: bold;
	color: #424242;
	top: -38px;
}
.story-upload__area--text {
	height: 180px;
	padding: 15px;
	width: 100%;
	border: none;
	border-bottom: solid 1px #d3d3d3;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	background-color: #fdfdfd;
	font-size: 16px;
	line-height: 24px;
}
.story-upload__area--text::placeholder {
	color: #d2d2d2;
}
.story-upload__count {
	width: 30px;
	height: 30px;
	border: solid 2px #56b8cb;
	font-size: 13px;
	line-height: 30px;
	color: #aaaaaa;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	bottom: 4px;
	right: 12px;
}
@media screen and (max-width: 1199px) {
	.story-upload__flex--main {
		padding-bottom: 10px;
	}
	.story-upload__col.col--1 {
		min-width: 600px;
	}
	.story-upload__col.col--2 {
		width: 100%;
		margin-bottom: 20px;
	}
	.story-upload__col.col--1 .story-upload__text {
		min-height: 85px;
	}
	.story-upload__btn {
		position: static;
		margin: auto;
		margin-top: 10px;
	}
	.story-upload__div--inside {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.story-upload__col {
		margin: 0;
	}
	.story-upload__col.col--1 {
		min-width: auto;
		max-width: 100%;
	}
	.story-upload__div--inside {
		padding: 15px;
		margin-bottom: 20px;
	}
	.story-upload__title {
		font-size: 20px;
		line-height: 32px;
		margin: 14px 10px;
	}
	.story-upload__area--text {
		font-size: 14px;
	}
	.story-upload__li {
		font-size: 12px;
		line-height: 21px;
	}
	.story-upload__area .control-label {
		font-size: 16px;
		top: -42px;
	}
	.uppy-Dashboard-AddFiles-title {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.21px;
		color: #6f6f6f;
	}
}
/************************************* END of story create  ********************/

/************************************* START of new farmers list  ********************/
.farmers__register {
	display: flex;
	background: #f3fef9;
	border: 1px solid #1ebc8b;
	border-radius: 4px;
	padding: 30px 50px;
	margin: 55px auto 24px;
}
.farmers__register .farmers__text {
	color: #424242;
	margin: auto;
	padding-left: 15px;
}
.farmers__filter {
	background: rgba(224, 224, 224, 0.3);
	border-radius: 4px;
	padding: 24px 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.farmers-filter__label {
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
	color: #232323;
	padding-left: 25px;
	margin: 0;
	white-space: nowrap;
}
.farmers-filter__div:nth-of-type(2) .farmers-filter__label {
	padding-right: 10px;
}
.farmers__list {
	display: grid;
	grid-gap: 20px;
	margin-top: 40px;
	/* grid-template-columns: repeat(auto-fill, 310px); */
	justify-items: center;
	grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
	grid-template-rows: 435px;
	justify-content: center;
}
.farmers__list_card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 17px;
	padding-bottom: 2px;
	background: #ffffff;
	box-shadow: 0.310541px 9.99518px 26px rgba(0, 0, 0, 0.07);
	border-radius: 12px;
	max-width: 360px;
	width: 100%;
}
.farmer__card_img--container {
	position: relative;
	height: 186px;
	overflow: hidden;
	border-radius: 12px;
}
.farmer__card_img {
	width: 100%;
	height: auto;
	border-radius: 12px;
}
.farmer__card_text--container {
	height: 233px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 16px;
}
.farmer__card_title--container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.farmer__card_pin {
	position: absolute;
	width: 18px;
	height: 18px;
}
.farmer__card_city {
	padding-right: 22px;
	font-size: 12px;
	line-height: 19px;
	color: #1ebc8b;
	margin-bottom: 0;
	height: 19px;
	white-space: nowrap;
	overflow: hidden;
}
.farmer__card_text {
	font-size: 12px;
	line-height: 24px;
	color: #424242;
	max-height: 70px;
	-webkit-line-clamp: 3;
	margin: 0;
}
.farmer__card_title {
	margin: auto 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #424242;
}
.farmer__card_title.title--bold {
	font-size: 16px;
	color: #232323;
}
.farmers-filter__select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 12px;
	width: auto;
	min-width: 115px;
	height: 48px;
	border: 1px solid #b4b4b4;
	border-radius: 8px;
	font-size: 14px;
	color: #908f8f;
	background: no-repeat url("../../images/template/bottom-arrow.svg") 15px
			center,
		rgba(224, 224, 224, 0.3);
}
.farmers-filter__div {
	display: flex;
	flex: 1 0 300px;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}
.farmers__block .checkbox__container input[type="checkbox"] {
	margin: 0;
}
.farmers__bold--text {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: bold;
}
@media only screen and (max-width: 1199px) {
	.farmers-filter__div {
		justify-content: right;
		margin-left: 5px;
		flex: auto;
	}
	.farmers-filter__label {
		font-size: 12px;
	}
	.farmers-filter__label.display-none {
		display: none;
	}
	.farmers-filter__div.farmers-filter__instock {
		order: 3;
		margin-bottom: 0;
		width: 100%;
	}
	.farmers-filter__div.farmers-filter__sort {
		order: 2;
	}
}
@media only screen and (max-width: 767px) {
	.farmers__filter {
		padding: 20px 10px;
	}
	.farmers__register {
		flex-wrap: wrap;
		padding: 10px 16px 0;
		text-align: center;
		margin: 25px auto 15px;
	}
	.farmers__text {
		font-size: 14px;
		line-height: 25px;
		padding-left: 0;
		margin-top: 20px;
	}
	.farmers__bold--text {
		font-size: 14px;
		line-height: 28px;
	}
}
@media only screen and (max-width: 420px) {
	.farmers__list {
		grid-template-rows: 172px;
		margin-top: 16px;
	}
	.farmers__list_card {
		padding: 12px;
		flex-direction: row;
		align-items: center;
	}
	.farmer__card_img--container {
		width: 136px;
		height: 148px;
		flex: 0 1 136px;
	}
	.farmer__card_text--container {
		margin-right: 7px;
		height: auto;
		width: 145px;
		max-width: 100%;
		flex: 1 1 145px;
	}
	.farmers__list_card .default__button.button--medium {
		max-width: 147px;
		width: 100%;
		padding: 0 4px;
	}
	.farmer__card_text {
		-webkit-line-clamp: 2;
		line-height: 20px;
	}
	.farmer__card_title {
		font-size: 10px;
	}
	.farmer__card_title.title--bold,
	.farmer__card_city {
		font-size: 12px;
	}
	.farmers-filter__select {
		width: 100%;
	}
}
/************************************* END of new farmers list  ********************/

/************************************* START of new package view ********************/
.gift__wrapper,
.gift__text_p {
	width: 1440px;
	max-width: 100%;
	margin: auto;
	padding: 0 20px;
}
.gift__intro {
	width: 100%;
	height: 674px;
	border-top: 1px solid transparent;
}
.gift__intro_text {
	width: 400px;
	max-width: 100%;
}
.gift__intro .default__h3 {
	margin-bottom: 40px;
	line-height: 35px;
}
.gift__intro_text .default__button {
	margin-right: 0;
}
.gift__intro_div {
	width: 740px;
	height: 600px;
	max-width: 100%;
	background: url(../../images/package/intro-back.png) no-repeat;
	background-position: 0 30px;
	display: flex;
	align-items: center;
	padding-right: 30px;
}
.gift__text {
	font-size: 18px;
	line-height: 32px;
	color: #424242;
	min-width: 550px;
	max-width: 100%;
	flex: 1 1 550px;
	margin-bottom: 45px;
}
.gift__text.ellipsis__text {
	-webkit-line-clamp: inherit;
	margin-bottom: 0;
	padding-left: 35px;
	margin: 30px 0 50px;
}
.gift__h1 {
	font-size: 40px;
	line-height: 70px;
	color: #424242;
	margin: 100px auto 15px;
	font-weight: bold;
	text-align: center;
}
.gift__desc {
	max-width: 100%;
	width: 1300px;
	margin: auto;
}
.gift__desc_img {
	height: 325px;
	width: 487px;
	margin: 20px auto;
}
.gift__desc_div {
	display: flex;
	flex-wrap: wrap;
	min-height: 500px;
	align-items: center;
}
.desc_items {
	display: flex;
	justify-content: right;
	flex-wrap: wrap;
}
.desc__item {
	position: relative;
	text-align: center;
	border: 1px solid #b4b4b4;
	border-radius: 50px;
	width: 310px;
	height: 44px;
	margin-left: 20px;
}
.desc__icon--container {
	position: relative;
	width: 40px;
	height: 40px;
	background: #1ebc8b;
	border-radius: 50%;
	margin: 1px;
}
.gift__icon {
	position: absolute;
	width: 20px;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.desc__icon_text {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	top: 0;
	bottom: 0;
	line-height: 40px;
}
.gift__cta {
	height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../../images/package/cta-back.png) no-repeat;
	background-size: 100%;
	background-position: center;
}
.gift__details_img--main {
	width: 596px;
	max-width: 100%;
	margin: 25px auto;
}
.gift__details_img {
	width: 1225px;
	max-width: 100%;
}
.gift__details_title {
	font-size: 36px;
	line-height: 58px;
	color: #424242;
	margin: 30px auto 20px;
}
.gift-text__section {
	background: url(../../images/package/green-back.jpg) no-repeat center
		top/100%;
	min-height: 480px;
	position: relative;
	border-top: 3px solid white;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	padding: 24px;
	padding-top: 55px;
	line-height: 40px;
	border-radius: 12px;
}
.gift-text__back {
	position: absolute;
	width: 100%;
	right: 0;
	left: 0;
	top: 10px;
	background-color: #1ebc8b;
	height: -webkit-fill-available;
	z-index: -1;
}
.gift__order .gift__details_title {
	margin: 100px auto 54px;
	text-align: center;
}
.gift__order_div {
	display: flex;
	justify-content: space-between;
	align-items: start;
	width: 1125px;
	max-width: 100%;
	padding: 20px 0;
	min-height: 220px;
	background: url(../../images/package/Union-back.jpg) no-repeat;
	background-position: center;
	background-size: 1125px;
	margin: auto;
}
.gift__order_div .default__h3 {
	margin-bottom: 25px;
}
.order__or {
	width: 150px;
	text-align: center;
	align-self: center;
}
.order__single,
.order__multi {
	flex: 1;
	min-width: 400px;
	text-align: center;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	max-width: 100%;
}
.order__multi {
	padding-left: 15px;
}
.order__single {
	padding-right: 15px;
}
.gift__order .default__input-group__button {
	width: 195px;
	max-width: 45%;
	top: 0;
	bottom: 0;
	margin: auto;
}
.gift__order .default__input-group .form-group {
	width: 400px;
	max-width: 100%;
	margin-bottom: 10px;
}
.gift-order__p {
	font-size: 18px;
	line-height: 28px;
}
.gift-order__p .span--bold {
	font-size: 27px;
}
.order__text {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 24px;
}
.gift__details--container {
	margin-bottom: 80px;
}
@media screen and (max-width: 991px) {
	.gift__order_div {
		background: none;
		flex-wrap: wrap;
		height: auto;
	}
	.order__single,
	.order__multi {
		flex: 1 0 100%;
		padding-left: 0;
		padding-right: 0;
		background: rgba(224, 224, 224, 0.3);
		border-radius: 12px;
		margin-bottom: 15px;
		min-width: auto;
	}
	.order__single {
		padding-bottom: 5px;
	}
	.order__or {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.gift__details--container {
		overflow: scroll;
		padding: 0 10px;
		margin-bottom: 50px;
	}
	.gift__details_img {
		height: 120px;
		width: auto;
		max-width: fit-content;
	}
	.gift-order__p {
		font-size: 14px;
		line-height: 21px;
	}
	.gift-order__p .span--bold {
		font-size: 18px;
	}
	.order__text {
		font-size: 11px;
		line-height: 18px;
	}
	.gift__desc_img {
		height: 193px;
		width: auto;
		max-width: 100%;
	}
	.gift__h1 {
		font-size: 18px;
		line-height: 29px;
		margin-top: 125px;
	}
	.gift__text.ellipsis__text {
		font-size: 13px;
		line-height: 25px;
		padding-left: 0;
		-webkit-line-clamp: initial;
	}
	.desc__item {
		margin: 0 auto 12px;
		max-width: 450px;
		flex: 1 1 100%;
	}
	.gift-text__section {
		background: url(../../images/package/green-back-mob.jpg) no-repeat top
			center/100%;
		font-size: 18px;
		line-height: 30px;
		padding: 0;
		padding-top: 50px;
		min-height: auto;
	}
	.gift__details_title {
		font-size: 24px;
		line-height: 36px;
	}
	.gift__order .gift__details_title {
		margin: 30px auto 20px;
	}
	.gift__cta {
		height: 250px;
		background-size: 110%;
	}
	.gift__wrapper {
		padding: 0 15px;
	}
	.gift__intro {
		height: 190px;
		background-size: cover;
		position: relative;
	}
	.gift__intro_div {
		background-size: 220px;
		width: 100%;
		height: 100%;
		background-position: right -10px;
		padding-right: 8px;
		align-items: baseline;
		padding-top: 2px;
	}
	.gift__intro_text {
		width: 125px;
	}
	.gift__intro .default__button {
		position: absolute;
		bottom: -75px;
		right: 0;
		left: 0;
		margin: auto;
	}
	.gift__intro .default__h3 {
		font-size: 12px;
		line-height: 14px;
	}
	.gift__text {
		font-size: 10px;
		line-height: 11px;
		min-width: auto;
	}
	.gift__details_img--main {
		max-height: 190px;
		width: auto;
	}
	.gift__order .default__input-group__button {
		font-size: 12px;
	}
}
/************************************* END of new package view ********************/

/************************************* START of panel inputs  ********************/

.admin__row {
	text-align: center;
	display: grid;
	min-height: 65px;
	grid-auto-rows: max-content;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
	margin-top: 20px;
}
.admin__row a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.admin__title {
	width: 100%;
	height: 20px;
	margin: 20px 0 30px;
	border-bottom: 1px solid #000000;
	text-align: right;
}

/************************************* END of panel inputs  ********************/

/*********************** start of commodity condition card  ********************/
.city-card {
  border: 1px solid gray;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: 3px;
}

.city-card-header {
  padding-bottom: 5px;
}

.button {
  padding: .3px 10px;
  border-radius: 5px;
}

.view-container-city {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-items: left;
}

.view-city-card {
  width: 20rem;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: 3px;
}
/*********************** end of commodity condition card  ********************/