/* ==== BASE STYLES ====*/
/* ==================== GLOBAL STYLES ======================= */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap');
/*body {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 14px;
	background: #f9f9f9;
	padding-top: 76px;
}*/
a:hover {
	color: #3098ff;
	text-decoration: underline;
}
.header-main .custom-select {
	font-size: 13px;
	color: #666;
}
.add-cart .btn {
	font-size: 13px;
	color: #FFF;
	background: #8f5b26;
	border-color:#8f5b26;
}
.add-cart .pe-7s-cart {
	font-size: 16px;
}
a:hover {
	text-decoration: none;
}
.img-wrap {
	text-align: center;
	display: block;
}
.img-wrap img {
	max-width: 100%;
}
.icon-wrap {
	text-align: center;
	display: inline-block;
}
.price-wrap {
	letter-spacing: -0.7px;
}
.content-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 30px;
}
/* =================  DEFINED VARIABLES =================== */
.icon-xs, .icon-sm, .icon-md, .icon-lg {
	display: inline-block;
	text-align: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
.icon-xs {
	width: 32px;
	height: 32px;
	line-height: 32px !important;
	font-size: 16px;
}
.icon-sm {
	width: 48px;
	height: 48px;
	line-height: 48px !important;
	font-size: 20px;
}
.icon-md {
	width: 60px;
	height: 60px;
	line-height: 60px !important;
	font-size: 28px;
}
.icon-lg {
	width: 96px;
	height: 96px;
	line-height: 96px !important;
	font-size: 42px;
}
.img-xs, .img-sm, .img-md, .img-lg {
	-o-object-fit: cover;
	object-fit: cover;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
.img-xs {
	width: 40px;
	height: 40px;
}
.img-sm {
	width: 80px;
	height: 80px;
}
.img-md {
	width: 140px;
	height: 140px;
}
.img-lg {
	width: 250px;
	height: 250px;
}
.icon-flag-sm {
	width: 28px;
	margin-right: 10px;
}
.center-xy {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.center-y {
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.center-x {
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.vh-100 {
	height: 100vh;
}
.overflow-h {
	overflow: hidden;
}
.flip-h {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.opacity {
	opacity: .5;
}
 [class*="hover-"] {
 -webkit-transition: .5s;
 transition: .5s;
}
.hover-bg:hover {
	background: #cc5500;
	/* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
	background: -webkit-gradient(linear, left top, right bottom, from(#cc5500), to(#cc5500));
	background: linear-gradient(to bottom right, #cc5500, #cc5500);
	/* Standard syntax */
	-webkit-transition: .5s;
	transition: .5s;
}
.hover-zoom:hover {
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
 .bordered-cols > [class*="col-"] {
 overflow: hidden;
 border-color: #e5e7ea;
 border-width: 1px 0 0 1px;
 border-style: solid;
}
/* ============== spacing ============== */
.padding-y {
	padding-top: 60px;
	padding-bottom: 30px;
}
.padding-top {
	padding-top: 30px;
}
.padding-bottom {
	padding-bottom: 30px;
}
.padding-y-lg {
	padding-top: 50px;
	padding-bottom: 48px;
}
.padding-top-lg {
	padding-top: 48px;
}
.padding-bottom-lg {
	padding-bottom: 48px;
}
.padding-y-sm {
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding-top-sm {
	padding-top: 10px;
}
.padding-bottom-sm {
	padding-bottom: 10px;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
var {
	font-style: normal;
}
figure {
	margin-bottom: 0;
}
.form-noborder input, .form-noborder select, .form-noborder .btn {
	border: 0;
}
.form-noborder select.form-control-lg:not([size]):not([multiple]) {
	height: 2.875rem;
}
/* all clearfix */
article:after, .form-group:after {
	display: block;
	clear: both;
	content: "";
}
/* -------------------- small grid gutter --------------------- */
.row-sm {
	margin-right: -5px;
	margin-left: -5px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
 .row-sm > [class^="col"] {
 padding-left: 5px;
 padding-right: 5px;
}
.bg {
	background-color: #f6f7f9;
}
.bg-white {
	background-color: #fff;
}
.bg-orange {
	background-color: #cc5500;
}
.bg-green {
	background-color: #00b517;
}
.bg-blue {
	background-color: #12225b;
}
.bg-red {
	background-color: #2e95ff;
}
.bg-light-orange {
	background-color: #ffdcb0;
}
.bg-light-green {
	background-color: #abeae8;
}
.bg-light-blue {
	background-color: #9fe0ff;
}
.bg-light-red {
	background-color: #fbd5e7;
}
.bg-light-pink {
	background-color: #e7346c;
}
.bg-gradient-blue {
	background: rgba(33, 37, 41, 0.4);
	/* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(18, 34, 91, 0.65)), to(rgba(33, 37, 41, 0.4)));
	background: linear-gradient(to bottom right, rgba(18, 34, 91, 0.65), rgba(33, 37, 41, 0.4));
	/* Standard syntax */
	-webkit-transition: .5s;
	transition: .5s;
}
.bg-gradient-green {
	background: rgba(33, 37, 41, 0.4);
	/* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 181, 23, 0.65)), to(rgba(33, 37, 41, 0.4)));
	background: linear-gradient(to bottom right, rgba(0, 181, 23, 0.65), rgba(33, 37, 41, 0.4));
	/* Standard syntax */
	-webkit-transition: .5s;
	transition: .5s;
}
.bg-gradient-orange {
	background: rgba(33, 37, 41, 0.4);
	/* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 106, 0, 0.65)), to(rgba(33, 37, 41, 0.4)));
	background: linear-gradient(to bottom right, rgba(255, 106, 0, 0.65), rgba(33, 37, 41, 0.4));
	/* Standard syntax */
	-webkit-transition: .5s;
	transition: .5s;
}
.bg-gradient-red {
	background: rgba(33, 37, 41, 0.4);
	/* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(250, 52, 52, 0.65)), to(rgba(33, 37, 41, 0.4)));
	background: linear-gradient(to bottom right, rgba(250, 52, 52, 0.65), rgba(33, 37, 41, 0.4));
	/* Standard syntax */
	-webkit-transition: .5s;
	transition: .5s;
}
.bg-gradient-pink {
	background: rgba(33, 37, 41, 0.4);
	/* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(232, 62, 140, 0.65)), to(rgba(33, 37, 41, 0.4)));
	background: linear-gradient(to bottom right, rgba(232, 62, 140, 0.65), rgba(33, 37, 41, 0.4));
	/* Standard syntax */
	-webkit-transition: .5s;
	transition: .5s;
}
.bg-pattern {
	background-image: url(http://bootstrap-ecommerce.com/), linear-gradient(135deg, #cc5500, #12225b);
	background-size: cover, auto;
	background-repeat: no-repeat, repeat;
	background-position: 0px 0px, 50% 50%;
}
.bg-img {
	overflow: hidden;
	background-color: #ddd;
	background-image: linear-gradient(135deg, rgba(255, 106, 0, 0.8), rgba(18, 34, 91, 0.9)), url("http://bootstrap-ecommerce.com/");
	background-position: 0px 0px, 50% 50%;
	background-size: auto cover;
}
.overlay-gradient {
	position: relative;
}
.overlay-gradient:before {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .6;
	-webkit-transition: .5s;
	transition: .5s;
	background: #12225b;
	/* For browsers that do not support gradients */
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
	background: -webkit-gradient(linear, left top, right bottom, from(#cc5500), to(#12225b));
	background: linear-gradient(to bottom right, #cc5500, #12225b);
/* Standard syntax */ }
.overlay-gradient:hover:before {
	opacity: .9;
}
/* --------------------- titles ---------------------- */
.section-heading {
	margin-bottom: 10px;
	margin-top: 10px;
}
.section-title {
	color: #000;
	font-size: 22px;
}
.title-text {
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #212529;
}
.title-page {
	color: #212529;
}
.b {
	font-weight: 600;
}
.white {
	color: #fff;
}
.dark {
	color: #212529;
}
.black {
	color: #000;
}
p:last-child {
	margin-bottom: 0;
}
/* ==================  title element ================ */
.heading-line {
	position: relative;
}
.heading-line .title-section {
	position: relative;
	display: inline-block;
	padding-right: 15px;
	background-color: #f6f7f9;
	z-index: 2;
}
.heading-line::before {
	top: 35%;
	border-radius: 7px;
	border-top-style: solid;
	content: "";
	position: absolute;
	left: auto;
	right: 0;
	width: 100%;
	height: 0;
	border: 3px solid #dcdee3;
	overflow: hidden;
}
/* ==================  title helpers ================ */
.rtl {
	direction: rtl;
}
.ltr {
	direction: ltr;
}
/* ================== SECTIONS =================== */
.section-header {
	background-color: #172b33;
	width: 100%;
	top: 0;
	z-index: 99;
}
/* ================== header main ==================  */
.header-top-light .nav-link {
	color: #969696;
}
.header-top-light .nav-link:hover {
	color: #212529;
}
.header-main {
	position: relative;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

.btn-primary {
	color: #fff;
	background-color: #172b33;
	border-color: #5bb015;
}
.navbar-main {
	background-color: #232f3e;
}
.navbar-main .nav-link:hover {
	color: #cc5500;
}
.search-header .form-control {
	height: 42px;
	margin-top: -1px;
}
.search-header .form-control, .search-header .custom-select {
	border-color: transparent;
	font-size: 16px;
	color: #666;
}
.search-header select {
	-ms-flex-preferred-size: 150px !important;
	flex-basis: 150px !important;
	-webkit-box-flex: 0 !important;
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important;
}
.widget-header {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.widget-header .widget-view {
	padding: 5px 7px;
	display: inline-block;
	position: relative;
	text-align: center;
}
.widget-header .icon-area {
	font-size: 24px;
	display: inline-block;
	width: 36px;
	height: 30px;
	color: #969696;
}
.widget-header .icon-area i {
	font-size: 27px;
	color: #FFF;
}
.widget-header .icon-area .notify {
	position: absolute;
	top: 0px;
	right: 8%;
}
.widget-header .icon {
	color: #FFF;
}
.widget-header .icon .notify {
	position: absolute;
	top: 0;
	right: 0;
}
.widget-header .text {
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	line-height: 1.2;
	font-size: 13.2px;
	color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link {
	color: #ccc;
}
.widget-header a {
	color: #212529;
}
.widget-header form {
	min-width: 280px;
}
.widget-header:hover i {
	color: #fff;
}
/* desktop only */
/* desktop only .end */
/* ================ SECTION-FOOTER ==================  */
.section-footer ul li {
	margin-bottom: 5px;
}
.section-footer ul a {
	color: inherit;
}
.section-footer ul a:hover {
	color: #cc5500;
}
.section-footer .logo-footer {
	height: 40px;
}
.section-footer .title {
	font-weight: 600;
	margin-bottom: 16px;
	font-size: 18px;
}
.footer-bottom {
	padding-top: 20px;
	padding-bottom:0px;
	border-top: 1px solid rgba(255,255,255,0.1);
}
.footer-bottom .text-muted {
	margin-bottom: 0;
}
.footer-copyright {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* ================== COMPONENTS =================== */
.btn-facebook {
	background-color: #405D9D;
	color: #fff;
}
.btn-facebook:hover {
	color: #fff;
}
.btn-instagram {
	background-color: #E52D27;
	color: #fff;
}
.btn-instagram:hover {
	color: #fff;
}
.btn-youtube {
	background-color: #C8046C;
	color: #fff;
}
.btn-youtube:hover {
	color: #fff;
}
.btn-twitter {
	background-color: #42AEEC;
	color: #fff;
}
.btn-twitter:hover {
	color: #fff;
}
.btn-google {
	background-color: #af0000;
	color: #fff;
}
.btn-google:hover {
	color: #fff;
}
.btn-icon {
	width: calc(1.5em + 0.9rem + 2px);
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
.btn-icon i {
	line-height: 1;
}
.btn-light {
	background-color: #fff;
	border-color: #e5e7ea;
}
.btn-light i {
	color: #969696;
}
.btn-light:hover {
	background-color: #fff;
	border-color: #9099a6;
}
.btn-light.active i {
	color: #cc5500;
}
.btn .text + i {
	margin-left:1px;
}
.btn i + .text {
	margin-left: 10px;
}
.add-cart .btn {
	font-size: 14px;
}
.itemside {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.itemside .aside {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.itemside .info {
	padding-left: 15px;
	padding-right: 7px;
}
.itemside p {
	margin-bottom: 0;
}
.itemside .title {
	display: block;
	margin-bottom: 5px;
	color: #212529;
}
.itemside a.title:hover {
	color: #cc5500;
}
a.itemside {
	color: initial;
}
.items-bordered-wrap .itemside:not(:last-child) {
	border-bottom: 1px solid #e5e7ea;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.itemlist {
	padding: 20px;
	border-bottom: 1px solid #eee;
}
.list-inline {
	margin-bottom: 0;
}
.list-inline-item {
	vertical-align: middle;
}
/* --------- description list --------*/
dl[class="row"] {
	margin-bottom: 0;
}
 [class*="dlist-"] {
 margin-bottom: 5px;
}
[class*="dlist-"] dd {
	margin-bottom: 0;
}
.dlist-inline dt, .dlist-inline dd {
	display: inline-block;
}
.dlist-align {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.dlist-align dt {
	width: 120px;
	word-wrap: break-word;
	font-weight: normal;
}
.dlist-align dd {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
/* -------------------- list.row--------------------- */
ul.row, ul.row-sm {
	list-style: none;
	padding: 0;
}
/* ================= lists ================= */
[class*="list-"] li:after {
	visibility: hidden;
	display: block;
	content: "";
	overflow: hidden;
	height: 0;
	clear: both;
}
.list-icon {
	list-style: none;
	padding-left: 0;
}
.list-icon li {
	margin-bottom: 7px;
	position: relative;
	padding-left: 30px;
}
.list-icon .icon {
	width: 22px;
	margin-right: 15px;
	vertical-align: middle;
	text-align: center;
	color: #12225b;
	position: absolute;
	top: 3px;
	left: 0;
}
.list-icon span {
	vertical-align: middle;
}
.list-bullet {
	list-style: none;
	padding-left: 0;
}
.list-bullet li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 15px;
}
.list-bullet li::before {
	content: " ";
	position: absolute;
	top: 8px;
	left: 0;
	width: 7px;
	border-radius: 100%;
	height: 7px;
	background: #ced4da;
}
.list-check {
	padding-left: 0;
	list-style: none;
}
.list-check > li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 7px;
}
.list-check > li::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 13px;
	color: #00b517;
	position: absolute;
	top: 3px;
	left: 0;
	content: "\f00c";
}
.list-normal {
	list-style: none;
	padding-left: 0;
}
.list-normal li {
	padding-left: 1em;
	margin-bottom: 7px;
}
.list-normal li:before {
	content: "\2022";
	color: #cc5500;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
.list-menu {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.list-menu li {
	margin-bottom: 5px;
}
.list-menu a {
	color: #212529;
}
.list-menu a:hover {
	color: #cc5500;
}
.cols-two {
	-webkit-column-count: 2;
	column-count: 2;
}
.cols-three {
	-webkit-column-count: 3;
	column-count: 3;
}
.cols-four {
	-webkit-column-count: 4;
	column-count: 4;
}
/* IF CARD IS LINKED */
a[class*='card'] {
	color: initial;
}
a[class*='card']:hover .title {
	color: #cc5500;
}
/* BASE STYLE FOR PRODUCT ITEM */
[class*='card-product'] a.title {
	color: #666;
	display: block;
}
[class*='card-product'] a.title:hover {
	color: #cc5500;
}
[class*='card-product'] .img-wrap .badge {
	top: 10px;
	left: 10px;
	position: absolute;
}
[class*="card-product"] p {
	margin-bottom: 0;
	color: #666;
}
[class*='card-product'] .img-wrap {
	overflow: hidden;
	position: relative;
}
[class*='card-product'] .img-wrap img {
	height: 100%;
	max-width: 100%;
	width: auto;
	display: inline-block;
	-o-object-fit: cover;
	object-fit: cover;
	width:auto !important;
}
/* GRID STYLE PRODUCT ITEM */
.card-product-grid {
	margin-bottom: 20px;
}
.card-product-grid .img-wrap {
	height: 250px;
}
.card-product-grid .info-wrap {
	overflow: hidden;
	padding: 15px;
	text-align: center;
}
.card-product-grid .bottom-wrap {
	padding: 16px;
	border-top: 1px solid #e5e7ea;
}
.card-product-grid .topbar {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	left: 0;
	text-align: initial;
	padding: 10px 15px;
}
.card-product-grid .topbar a {
	color: #ccc;
}
.card-product-grid .topbar a:hover {
	color: #cc5500;
}
.card-product-grid .fix-height {
	height: 80px;
	overflow: hidden;
}
.card-product-grid .btn-overlay {
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	left: 0;
	bottom: 0;
	color: #fff;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
}
.card-product-grid:hover .btn-overlay {
	opacity: 1;
}

.item-slide .card-product-grid {
	margin-bottom: 0;
}
/* LARGE LIST STYLE PRODUCT ITEM */
.card-product-list {
	margin-bottom: 20px;
}
.card-product-list .img-wrap {
	height: 220px;
	border-radius: 0.37rem 0 0 0.37rem;
}
.card-product-list .info-main {
	padding: 1.5rem 1rem;
}
.card-product-list .info-aside {
	padding: 1.5rem 1rem;
	border-left: 1px solid #e5e7ea;
	height: 100%;
}
.card-product-list:hover {
	-webkit-box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
	box-shadow: 0 4px 15px rgba(153, 153, 153, 0.3);
	-webkit-transition: .3s;
	transition: .3s;
}
.card-sm .img-wrap {
	height: 150px;
}
.card-lg .img-wrap {
	height: 280px;
}
.card-category {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	min-height: 410px;
}
.card-category .card-title {
	font-weight: 600;
	font-size: 18px;
}
.card-category .img-wrap {
	overflow: hidden;
	display: inline-block;
	height: 170px;
	background: #fff0c5;
}
.card-category .img-wrap img {
	height: 100%;
	width: 60%;
	-o-object-fit: cover;
	object-fit: cover;
	mix-blend-mode: multiply;
}
.card-category .list-menu a:hover {
	margin-left: 3px;
	-webkit-transition: .2s;
	transition: .2s;
}
.card-category:hover {
	border-color: #cc5500;
}
.card-banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	background-size: cover;
	background-position: center center;
}
.card-banner .card-body {
	background-size: cover;
	position: relative;
	z-index: 10;
}
.card-banner .caption {
	background-color: rgba(0, 0, 0, 0.65);
	z-index: 10;
	padding: 1.25rem;
	color: #fff;
}
.card-banner .caption.bottom {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}
.card-banner .caption.top {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
}
.card-banner .caption.left {
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
}
.card-banner .text-bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 7px 20px;
	padding-top: 30px;
	border-radius: 0 0 0.37rem 0.37rem;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	color: #fff;
}
.card-banner .img-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	mix-blend-mode: multiply;
	max-width: 100%;
}
.card-post .card-img-top {
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
}
.card .img-wrap {
	overflow: hidden;
}
.icontext {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: middle;
}
.icontext p {
	margin-bottom: 0;
}
.icontext .text {
	width: 100%;
	line-height: 1.2;
	color: #212529;
}
.icontext .icon {
	position: relative;
	margin-right: 10px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
.icontext .title {
	display: block;
	margin-bottom: 0;
}
.tag {
	display: inline-block;
	padding: 3px 7px;
	background: #f2f2f2;
	border: 1px solid #eee;
	border-radius: 3px;
	margin-top: 4px;
	margin-right: 2px;
	font-size: 85%;
}
.item-logo {
	margin-bottom: 20px;
	text-align: center;
}
.item-logo img {
	max-height: 65px;
}
.timer > div {
	display: inline-block;
	text-align: center;
	margin-right: 5px;
}
.timer .num {
	padding: 7px 3px;
	display: block;
	background-color: #212529;
	min-width: 44px;
	color: #fff;
	font-size: 22px;
	border-radius: 6px;
	line-height: 1.2;
}
.notify {
	position: absolute;
	top: -4px;
	right: -10px;
	display: inline-block;
	padding: .25em .6em;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	font-weight: 300;
	border-radius: 3rem;
	color: #fff;
	background-color: #5BB015;
}
.price {
	font-weight: 600;
	color: #212529;
}
.price-old {
	color: #969696;
	margin-left: 3px;
	font-size: 85%;
}
.icon-control {
	margin-top: 5px;
	float: right;
	font-size: 80%;
}
.card-header .title {
	margin-bottom: 0;
	line-height: 1.5;
}
.filter-group {
	border-bottom: 1px solid #e5e7ea;
	margin-top: 10px;
	padding-bottom: 10px;
	background: #FFF;
	padding: 13px;
	font-size: 13px;
}
.filter-group .title {
	margin-bottom: 0;
}
.filter-group:last-child {
	border-bottom: 0;
}
.filter-group .inner {
	padding-top: 16px;
	padding-bottom: 7px;
}
/* ====================== block ==================== */
.box {
	padding: 20px;
	background: #fff;
	border: 1px solid #e5e7ea;
}
.box img {
	max-width: 100%;
}
/* ================= RATINGS ============== */
.label-rating {
	margin-left: 7px;
	display: inline-block;
	vertical-align: middle;
}
/* rating-list */
.rating-stars {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	white-space: nowrap;
	clear: both;
}
.rating-stars i {
	font-size: 14px;
	color: #ccc;
	display: inline;
}
.rating-stars li {
	display: block;
	text-overflow: clip;
	white-space: nowrap;
	z-index: 1;
}
.rating-stars li.stars-active {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.rating-stars li.stars-active i {
	color: orange;
}
.form-inline input[type='number'] {
	max-width: 100px;
}
.input-spinner {
	width: 120px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.input-spinner input.form-control {
	text-align: center;
	max-width: 46px;
	-ms-flex-preferred-size: 46px;
	flex-basis: 46px;
	border-color: #e5e7ea;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
.input-spinner .btn {
	width: 36px;
	text-align: center;
}
.checkbox-btn {
	position: relative;
}
.checkbox-btn input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox-btn input:checked ~ .btn {
	border-color: #cc5500;
	background-color: #cc5500;
	color: #fff;
}
/* ================== PAGES ===================*/
.rechrge {
	background: #1772c6;
	background: linear-gradient(to bottom, #1772c6 0%,#eaeded 100%);
	display: inline-block;
	width: 100%;
} 

.rechrge-top-nav .nav-pills .nav-link.active, .rechrge-top-nav .nav-pills .show > .nav-link {
	color: #3098ff;
	 background-color: transparent;
}


.slider-home-banner .carousel-indicators {
	bottom:4px;
}
.slider-home-banner .carousel-indicators li {
	background-color: #FFF;
}
/* ================ PAGES HEADER ================== */
.section-pagetop {
	padding: 45px 0;
}
.nav-home-aside {
	width: 250px;
}
.nav-home-aside .menu-category {
	margin: 0;
	padding: 0;
}
.nav-home-aside .menu-category > li {
	position: static;
	display: block;
}
.menuicon img {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: inline-block;
	border: 4px solid #f1f1f1;
}
.menuicon {
	margin-right: 5px;
}
.nav-home-aside .menu-category a {
	color: #212529;
}
.nav-home-aside .menu-category > li > a {
	display: block;
	padding: 8px 0px;
}
/*.nav-home-aside .menu-category > li > a:hover{box-shadow:-3px 0 3px 0 rgba(0,0,0,0.12); z-index:99; position:relative;}*/
.nav-home-aside .menu-category .submenu {
	display: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	z-index: 20;
	position: absolute;
	left: 96%;
	top: 0;
	width: 500px;
	background: #fff;
	height: 100%;
}
.nav-home-aside .menu-category .submenu li {
	list-style: none;
}
.nav-home-aside .menu-category .submenu li a {
	padding: 10px 16px;
	display: block;
}
.nav-home-aside .menu-category a:hover {
	color: #cc5500;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.nav-home-aside .menu-category li:hover .submenu {
	display: block;
	margin-left: 0px;
}
.nav-home-aside .menu-category .has-submenu > a::after {
	content: "\e684";
	font-size: 28px;
	color: #999;
	line-height: 18px;
	font-weight: bold;
	float: right;
	padding-right: 5px;
	font-family: 'Pe-icon-7-stroke';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 30px;
}
.sub-menu-cloum3 {
	width: 33.33%;
	float: left;
}
.sub-menu-cloum3 ul li a {
	padding: 1px 14px !important;
	font-size: 13px;
	color: #333;
}
.title-prodcut {
	font-weight: 800;
	font-size: 14px;
	padding-left: 15px;
	padding-top: 11px;
	color: #333;
}
.slider-home-banner .carousel-item img {
	width: 100%;
	height: 500px;
}
.special-home-right .card-banner {
	min-height: 112px;
}
.card-deal {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
.card-deal .col-heading {
	min-width: 300px;
	-ms-flex-preferred-size: 350px;
	flex-basis: 350px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
.card-deal .row {
	width: 100%;
}
 .card-deal .items-wrap > [class*=col] {
 border-left: 1px solid #e5e7ea;
}
.card-deal .card-product-grid {
	margin-bottom: 0;
	text-align: center;
}
.home-category-banner {
	position: relative;
	padding: 30px;
	height: 100%;
	overflow: hidden;
}
.home-category-banner .img-bg {
	position: absolute;
	right: -50px;
	bottom: -50px;
	mix-blend-mode: multiply;
	height: 260px;
}
.card-home-category .item .card-body::after {
	content: '';
	display: table;
	clear: both;
}
.card-home-category .item .title {
	min-height: 40px;
	font-weight: 400;
	font-size: 14px;
	color: #333;
}
.card-home-category .item:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-transition: .5s;
	transition: .5s;
}
.banner-quote {
	min-height: 350px;
}
.section-subscribe {
	background-color: #162a70;
}
/* ================== PAGE DETAILS ==================  */
.gallery-wrap .img-big-wrap {
	margin-bottom: 10px;
	border-radius: 0.37rem;
	overflow: hidden;
	background-color: #fff;
}
.gallery-wrap .img-big-wrap a {
	text-align: center;
	display: block;
}
.gallery-wrap .img-big-wrap img {
	height: 480px;
	width: auto;
	display: inline-block;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.gallery-wrap .thumbs-wrap {
	text-align: center;
	margin-bottom: 20px;
}
.gallery-wrap .thumbs-wrap .item-thumb {
	width: 60px;
	height: 60px;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin: 3px;
	display: inline-block;
	overflow: hidden;
}
.gallery-wrap .thumbs-wrap .item-thumb:hover {
	border-color: #cc5500;
}
.gallery-wrap .thumbs-wrap img {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.item-option-select {
	margin-bottom: 1rem;
	display: inline-block;
	margin-right: 15px;
}
.item-option-select .btn {
	min-width: 80px;
}
.title-description:not(:first-child) {
	margin-top: 30px;
}
/* ================ PAGES HEADER ================== */
/* ====================== shopping-cart ==================== */
.table-shopping-cart.table td, .table-shopping-cart.table th {
	padding-left: 20px;
	padding-right: 20px;
}
.table-shopping-cart .price-wrap {
	line-height: 1.2;
}
.table-shopping-cart .price {
	font-weight: bold;
	margin-right: 5px;
	display: block;
}
.btn-warning {
	color: #fff;
	background-color: #2e95ff;
	border-color: #2e95ff;
}
.item-title {
	font-size: 16px;
}
.new-arrivals-image {
	position: relative;
	margin: 3px;
	text-align: center;
}
.new-arrivals-image img {
	min-height: 100px;
	max-width: 100%;
}
.new-arrivals-image:after {
	position: absolute;
	content: "";
	background: rgba(0,0,0,.03);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 4px;
}
.new-arrivals-price {
	text-align: center;
	font-size: 12px;
	color: #333;
	font-weight: 700;
	display: -webkit-box;
	line-height: 14px;
	height: 14px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 5px;
}
.new-arrivals-text {
	font-size: 12px;
	color: #000;
	line-height: 14px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: flex;
	/* align-items: end; */
	margin-bottom: 8px;
	padding-top: 2px;
	font-weight: 500;
	height: 28px;
}
.new-arrivals-image {
	overflow: hidden;
}
.zoom-in-theme {
	transition: transform ease .3s;
	-ms-transition: -ms-transform ease .3s;
	-moz-transition: -moz-transform ease .3s;
	-webkit-transition: -webkit-transform ease .3s;
	-o-transition: -o-transform ease .3s;
}
.border-radius10 {
	border-radius: 10px;
}
.zoom-in-theme:hover {
	transform: scale(1.02);
	-ms-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-o-transform: scale(1.02);
}
.new-arrivals-image {
	position: relative;
	margin: 3px;
	text-align: center;
}
.btn-outline-primary {
	color: #2e95ff;
	border-color: #2e95ff;
	font-weight: 400;
}
.filter-group .btn.btn-light {
	font-size: 12px;
}
.product-info-aside .title {
	font-size: 20px;
	font-weight: 500;
}
.product-info-aside {
	font-size: 13px;
	color: #666;
	letter-spacing: 0.2px;
}

/************Full Width Menu*******************/
.full-width-menu .dropdown-menu {
	background: #FFF;
	top:96%;
	margin-top: 0;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	border-radius: 0;
	padding: 0;
	border:0;
}

.mega-dropdown-menu {
	background: #FFF;
	width: 100%;
	padding: 0 !important;
	box-shadow: 0 7px 5px 2px rgba(0,0,0,0.2);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 0;
}
.full-width-menu .nav-item.dropdown {
	position: static;
}

.col-bg:nth-child(2n) {
	background: #f9f9f9;
}

.mega-dropdown-menu .dropdown-header {
	font-size: 13px;
	color: #008c37;
	padding: 5px 40px 5px 5px;
	line-height: 30px;
	font-weight: 600;
}
.mega-dropdown-menu li{list-style:none;}

.full-width-menu .nav-item.dropdown.open .nav-link.dropdown-toggle{color:#2e95ff;}
.full-width-menu .nav-item {
	margin-right: 10px;
}

.mega-dropdown-menu  ul  li a {
	display: block;
	color: #222;
	padding: 3px 5px;
	line-height: normal;
	font-size:13px;
}
.mega-dropdown-menu  ul > li > a:hover{color:#2e95ff;}

.mobile-view-prouct .title-section.text-uppercase {
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	width: 100%;
	padding-top: 0;
	padding-bottom: 6px;
}

.mobile-view-prouct  .card-product-grid .info-wrap {
	overflow: inherit;
	padding: 0;

}

.mobile-view-prouct .section-heading.heading-line {
	padding-top: 0;
	margin-top: 0;
}

.mobile-view-prouct .card-product-grid {
	margin-bottom: 0;
	border:0;
}

.mobile-view-prouct{
	margin-bottom: 20px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
	background:#FFF;
	padding:15px;
}
.mobile-view-prouct .heading-line .title-section {
	background-color: #FFF;

}

.mobile-view-prouct .card-product-grid:hover {
	box-shadow: none;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: transparent !important;
	border: 2px solid #2e95ff;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.owl-theme .owl-dots .owl-dot span {
	position: relative;
	border-radius: 50%;
	width: 16px !important;
	height: 16px !important;
	background: transparent !important;
	display: block;
	-webkit-backface-visibility: visible;
	transition: all .3s ease;
	border: 2px solid #ccc;
}.owl-theme .owl-dots .owl-dot {
	outline: none !important;
}

.owl-theme .owl-dots .owl-dot.active span::before {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.owl-theme .owl-dots .owl-dot span::before {
    content: '';
    background-color: #2e95ff !important;
    display: block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -4px;
    margin-left: -4px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-link {
	padding: 0.8rem 1rem;
}

.badge-danger {
	color: #fff;
	background-color: #5BB015;
	position: absolute;
	top: 0;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 23px;
	margin-top: 9px;
}
.old-rrice {
	color: #ccc;
	font-weight: 400;
	margin-left: 5px;
}
#mobile-category .img-wrap {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	overflow: hidden;
	margin: auto;
	padding: 0;
}

#mobile-category .info-wrap{
	width:calc(100%);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	text-align: center;
	font-size: 12px;
	width: 100%;
	overflow: hidden;
}
#mobile-category .info-wrap .title {
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.3px;
}
#mobile-category .owl-dots {
	display: none;
}

.special-home-right {
	max-height: 380px;
	overflow-y: auto;
}
.owl-button .owl-nav button {
	position: absolute;
	top: 40%;
	bottom: auto;
	/* margin: auto; */
	font-size: 50px !important;
	width: 40px;
	height: 40px;
	background: transparent;
	color: #ddd !important;
	opacity: 100% !important;
	outline: none !important;
	border: 0;
	box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
	border-radius: 2px;
}

.owl-button .owl-nav {
	text-align: center;
	opacity:100;
}

.owl-button .owl-nav button.owl-next {
	left: -40px;
}
.owl-button .owl-nav button.owl-prev {
	right: -40px;
}

.browsing-history.owl-carousel .owl-item img {
	display: block;
	width: auto;
	height: auto;
}

.browsing-history.owl-carousel .card-sm .img-wrap{
	display: block;
	width: auto;
	height: auto !important;
}

.browsing-history.owl-carousel.owl-button .owl-nav button {
	top: 26%;
}

.rechrge-top-nav .nav-link {
	padding: 0.8rem 1rem;
	text-align: center;
}


.page-item.active .page-link {
	background-color: #2e95ff;
	border-color: #2e95ff;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #5BB015;
	border-color: #5BB015;
}

.latest-button {
	font-size: 13px;
	font-weight: 400;
	border-radius: 2px;
}
.card-product-list [class*="card-product"] a.title {
	color: #333;
	display: block;
	height: 40px;
	overflow: hidden;
	font-size: 13px;
}
@media (max-width:767px) {
.filter-mobile {
	display: none;
	position:fixed;
	top: 0;
	width:100%;
	left: 0;
	z-index: 99999;
	background: #FFF;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	bottom:0;
	overflow-y:auto
}
.filter-overlay .section-header, .filter-overlay  .right-list, .filter-overlay .section-footer.bg-secondary, body.filter-overlay .breadcrumb-min{display:none;}
body.filter-overlay{background:#FFF;}
/*.filter-overlay-bg{ position:fixed; background:rgba(0,0,0,0.5); width:100%; height:100vh; left:0; display:none; top:0; bottom:0;}*/
.filter-overlay .filter-overlay-bg{ display: block;}

.slide-toggle.close-filter {
	position: absolute;
	right: 17px;
	top: 10px;
	font-size: 17px;
	color: #f00808 !important;
}
.btn-google {
	background-color: #df094d;
}

}




.bg-light {
	background-color: #f0efee !important;
}
.navbar {
	padding: 0 1rem;
	background: #109759  !important;
}
.navbar-dark .nav-link {
	color: #FFF;
}


.allitem-slider .item  .card-product-grid {
	border: 1px solid rgba(111,114,132,.25);
	padding: 15px;
	border-radius: 5px;
	background:#FFF;
}

.allitem-slider [class*="card-product"] a.title {
	color: #000;
	font-weight: 600;
	height: 31px;
	line-height: 17px;
	margin-bottom: 9px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.split_col {
	height: 100%;
	background: #bce1fe;
	border-radius: 5px;
	position: relative;
	background: #efd6da !important;
	padding-top: 42px;
	padding-bottom: 15px;
}
.split_col .offer_badge {
	position: absolute;
	color: #fff;
	font-size: 16px;
	font-weight:800;
	width: 100%;
	text-transform: uppercase;
	background: url(../images/offer_bg.png) no-repeat top center;
	height: 38px;
	background-size: 100%;
	text-align: center;
	padding: 8px 0 0;
	top: -8px;
}

.split_col .cat_details {
	padding:5px 4px;
	display: block;
	text-align: center;
	height: 100%;
}

.split_col .cat_details a .cat_img {
	width: 150px;
	height: 150px;
	display: block;
	padding: 0;
	margin: 0 auto 8px;
}

.split_col .cat_details a .cat_name {
	font-size: 16px;
	font-weight:700;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	height: 38px;
}

.offers-home .split_col {
	background: #c5f8c0 !important;
}

.section-footer.bg-secondary {
	background: #333 !important;
}

.dropdown-menu {
	min-width: 15rem;
	padding: 0.3rem 0;
	background-color: #f1f1f1;
	border: 0;
	border-radius: 0;
	top:97%;
	
}
.dropdown-menu a{font-size:13px; color:#000;}
.dropdown-menu a:hover{background:#FFF;}

.search-header .btn-primary {
	background-color: #5BB015 !important;
	border-color: #5BB015;
	height: 40px;
}
.pt-2, .py-2 {
	padding-top: 1.7rem !important;
}
.brand-wrap img {
	margin-right: 7px;
	display: inline-block;
	
}
.loading {
	position: fixed;
	left: 0;
	right: 0;
/*	background: rgba(255, 255, 255, 0.2);*/
	top: 0;
	left: 0;
	bottom: 0;
	padding-top: 20%;
	height: 100%;
	color: #FFF;
	text-align: center;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 999999;
}