@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?rdjr4k');
  src:  url('../fonts/icomoon.eot?rdjr4k#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?rdjr4k') format('truetype'),
    url('../fonts/icomoon.woff?rdjr4k') format('woff'),
    url('../fonts/icomoon.svg?rdjr4k#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
    font-family: 'AmbawangSignature';
    src: url('../fonts/AmbawangSignature_ttf.eot');
    src: url('../fonts/AmbawangSignature_ttf.eot') format('embedded-opentype'),
         url('../fonts/AmbawangSignature_ttf.woff2') format('woff2'),
         url('../fonts/AmbawangSignature_ttf.woff') format('woff'),
         url('../fonts/AmbawangSignature_ttf.ttf') format('truetype'),
         url('../fonts/AmbawangSignature_ttf.svg#AmbawangSignature_ttf') format('svg');
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-align-justify:before {
  content: "\e91c";
}
.icon-align-left:before {
  content: "\e91d";
}
.icon-align-right:before {
  content: "\e91e";
}
.icon-arrow-left:before {
  content: "\e918";
}
.icon-arrow-left-circle:before {
  content: "\e91f";
}
.icon-arrow-right:before {
  content: "\e919";
}
.icon-arrow-right-circle:before {
  content: "\e920";
}
.icon-calendar:before {
  content: "\e938";
}
.icon-camera:before {
  content: "\e941";
}
.icon-check:before {
  content: "\e921";
}
.icon-check-circle:before {
  content: "\e91b";
}
.icon-check-square:before {
  content: "\e923";
}
.icon-chevron-left:before {
  content: "\e901";
}
.icon-chevron-right:before {
  content: "\e902";
}
.icon-chevrons-left:before {
  content: "\e942";
}
.icon-chevrons-right:before {
  content: "\e943";
}
.icon-clock:before {
  content: "\e904";
}
.icon-edit:before {
  content: "\e944";
}
.icon-eye:before {
  content: "\e905";
}
.icon-facebook:before {
  content: "\e906";
}
.icon-folder:before {
  content: "\e939";
}
.icon-gift:before {
  content: "\e93a";
}
.icon-grid:before {
  content: "\e940";
}
.icon-headphones:before {
  content: "\e924";
}
.icon-heart:before {
  content: "\e907";
}
.icon-help-circle:before {
  content: "\e925";
}
.icon-home:before {
  content: "\e926";
}
.icon-info:before {
  content: "\e927";
}
.icon-instagram:before {
  content: "\e91a";
}
.icon-key:before {
  content: "\e93c";
}
.icon-layers:before {
  content: "\e900";
}
.icon-life-buoy:before {
  content: "\e93b";
}
.icon-link:before {
  content: "\e922";
}
.icon-link-2:before {
  content: "\e928";
}
.icon-linkedin:before {
  content: "\e908";
}
.icon-list:before {
  content: "\e93d";
}
.icon-lock:before {
  content: "\e93e";
}
.icon-log-in:before {
  content: "\e929";
}
.icon-log-out:before {
  content: "\e92a";
}
.icon-mail:before {
  content: "\e909";
}
.icon-map-pin:before {
  content: "\e90a";
}
.icon-menu:before {
  content: "\e903";
}
.icon-message-circle:before {
  content: "\e92b";
}
.icon-message-square:before {
  content: "\e92c";
}
.icon-minus:before {
  content: "\e92d";
}
.icon-minus-circle:before {
  content: "\e92e";
}
.icon-phone:before {
  content: "\e90b";
}
.icon-phone-call:before {
  content: "\e90c";
}
.icon-play:before {
  content: "\e92f";
}
.icon-play-circle:before {
  content: "\e930";
}
.icon-plus:before {
  content: "\e931";
}
.icon-plus-circle:before {
  content: "\e932";
}
.icon-refresh-ccw:before {
  content: "\e90d";
}
.icon-refresh-cw:before {
  content: "\e90e";
}
.icon-repeat:before {
  content: "\e90f";
}
.icon-search:before {
  content: "\e910";
}
.icon-send:before {
  content: "\e911";
}
.icon-settings:before {
  content: "\e933";
}
.icon-shopping-bag:before {
  content: "\e912";
}
.icon-shopping-cart:before {
  content: "\e913";
}
.icon-star:before {
  content: "\e934";
}
.icon-tag:before {
  content: "\e945";
}
.icon-trash:before {
  content: "\e935";
}
.icon-trash-2:before {
  content: "\e914";
}
.icon-truck:before {
  content: "\e936";
}
.icon-twitter:before {
  content: "\e915";
}
.icon-user:before {
  content: "\e916";
}
.icon-video:before {
  content: "\e946";
}
.icon-x:before {
  content: "\e937";
}
.icon-x-circle:before {
  content: "\e93f";
}
.icon-youtube:before {
  content: "\e917";
}

.sidebar-row{
	&.sidebar{
		display: grid;
		grid-column-gap: 30px;
		grid-template-columns: 20% ~"calc( 100% - 20% - 30px )";
		&:before, &:after{
			display: none;
		}
		&.right{
			grid-template-columns: ~"calc( 100% - 20% - 30px )" 20%;
		}
	}
	.show-sidebar{
		position: absolute;
		top: 200px;
		right: -40px;
		width: 40px;
		height: 40px;
		box-shadow: 0 0 12px rgba(0,0,0,0.1);
		background: #fff;
		z-index: 999;
		display: none;
		justify-content: center;
		align-items: center;
		border-radius: 0 5px 5px 0;
		&:hover{
			background: var(--primary-color);
			color: #fff;
		}
		.hidden-icon{
			display: none;
		}
		&.active{
			.hidden-icon{
				display: block;
			}
			.default-icon{
				display: none;
			}
		}
	}
}

// Variables

/*Emarket slider bullet*/
.wpb_revslider_element,
.elementor-widget-wp-widget-rev-slider-widget, .elementor-widget-slider_revolution {
	.tp-bullets.custom {
		width:120px !important;
		.tp-bullet {
			width           : 30px !important;
			height          : 6px !important;
			background-color: #222 !important;
			position        : relative !important;
			display         : inline-block !important;
			border-radius   : 3px !important;
			cursor          : pointer;
			box-sizing      : content-box;
			text-align      : center !important;
			left            : 0 !important;

			+.tp-bullet {
				margin-left: 10px !important;
			}

			&:hover {
				background-color: var(--color) !important;
			}

			&:after {
				display         : none;
				background-color: transparent;
				box-shadow      : none;
			}

			&.selected {
				width           : 30px !important;
				height          : 6px !important;
				border-radius   : 3px !important;
				background-color: var(--color) !important;
			}
		}
	}

	.see-more1 {
		color: #fff;

		&:hover {
			color: #222;
		}
	}

	.see-more2 {
		color: #fff;

		&:hover {
			color: var(--color);
		}
	}
}

.slider-more {
	color: #fff;

	.home-style2 & {
		color: var(--color);

		&:hover {
			opacity: 0.85;
		}
	}

	i {
		margin-right: 10px;
	}

	&:hover {
		color: var(--color);
	}
}

.slider-more1 {
	color: var(--color);

	i {
		margin-right: 10px;
	}

	&:hover {
		color: var(--darken10);
	}
}

/*=========== Title Sytle1===============*/
.title-sytle1 {
	.box-title {
		h3 {
			font-size     : 16px;
			text-transform: uppercase;
			position      : relative;
			font-weight   : bold;
			border-bottom : 2px @border-color solid;
			padding       : 10px 0;
			margin-bottom : 30px;

			span {
				color        : #fff;
				background   : #232f3e;
				padding      : 10px 15px;
				border-radius: 4px 4px 0 0;
			}
		}
	}
}

.title-sytle2 {
	.box-title {
		h3 {
			font-size     : 16px;
			color         : @body-color;
			text-transform: uppercase;
			position      : relative;
			font-weight   : bold;
			border-bottom : 2px @border-color solid;
			padding       : 11px 0;
			margin-bottom : 30px;

			&:before {
				content   : "";
				background: var(--color);
				width     : 120px;
				height    : 2px;
				position  : absolute;
				bottom    : -2px;
				left      : 0;
			}
		}
	}
}

.title-sytle3 {
	.box-title {
		background-color: #f2f2f2;

		h3 {
			position      : relative;
			padding       : 15px;
			color         : @body-color;
			font-size     : 16px;
			text-transform: uppercase;
			font-weight   : 700 !important;
			margin-bottom : 0;

			&:before {
				content     : '\f219';
				font-family : 'Font Awesome 5 Free';font-weight:700;
				font-size   : 18px;
				display     : inline-block;
				margin-right: 10px;
				color       : var(--color);
			}
		}
	}
}

.title-sytle4 {
	.box-title {
		background-color: transparent;
		float           : none;
		margin-bottom   : 30px;

		h3 {
			position  : relative;
			float     : none;
			text-align: center;
			font-size : 20px !important;

			span {
				background: transparent;
				color     : @body-color;
			}

			&:before {
				content      : "\f005";
				font-family  : 'Font Awesome 5 Free';font-weight:700;
				font-size    : 16px;
				color        : #18bcec;
				position     : absolute;
				bottom       : -20px;
				left         : 50%;
				margin-left  : -15px;
				border       : 1px #ccc solid;
				border-radius: 50%;
				width        : 25px;
				height       : 25px;
				line-height  : 23px;
				background   : #fff;
				z-index      : 9;
			}

			&:after {
				content   : "";
				height    : 2px;
				background: @border-color;
				position  : absolute;
				bottom    : -8px;
				left      : 0;
				right     : 0;
			}
		}
	}
}

/*============ button style1=================*/
.button-style1 {
	.res-button {
		width     : 28px;
		height    : 28px;
		display   : inline-block;
		position  : absolute;
		top       : 50%;
		margin-top: -24px;
		cursor    : pointer;
		z-index   : 3;
		font-size: 0;
		&.slick-prev {
			left      : 5px;
			right:auto;
			background: url(../assets/img/bg_general.png) no-repeat -20px -1111px;

			&:hover {
				background: url(../assets/img/bg_general.png) no-repeat -20px -1063px;
			}
		}

		&.slick-next {
			right     : 5px;
			left:auto;
			background: url(../assets/img/bg_general.png) no-repeat -20px -1015px;

			&:hover {
				background: url(../assets/img/bg_general.png) no-repeat -20px -967px;
			}
		}
	}
}

.button-style2 {
	.res-button {
		width   : 28px;
		height  : 28px;
		position: absolute;
		top     : 0;
		z-index : 2;
		cursor  : pointer;
		font-size: 0;
		&.slick-prev {
			right     : 32px;
			left      : auto;
			background: url(../assets/img/bg_general.png) no-repeat -20px -1111px;

			&:hover {
				background: url(../assets/img/bg_general.png) no-repeat -20px -1063px;
			}
		}

		&.slick-next {
			right     : 0;
			left      : auto;
			background: url(../assets/img/bg_general.png) no-repeat -20px -1015px;

			&:hover {
				background: url(../assets/img/bg_general.png) no-repeat -20px -967px;
			}
		}
	}
}

.button-style3 {
	.res-button {
		width      : 15px;
		height     : 30px;
		line-height: 30px;
		text-align : center;
		position   : absolute;
		top        : 4px;
		z-index    : 2;
		cursor     : pointer;

		&.slick-prev {
			right     : 20px;
			background: none;
			left:auto;
			&:before {
				content    : '\f104';
				font-family: 'Font Awesome 5 Free';font-weight:700;
				font-size  : 22px;
				color      : #777;
			}

			&:hover {
				&:before {
					color: var(--color);
				}
			}
		}

		&.slick-next {
			right     : 0;
			background: none;
			left:auto;
			&:before {
				content    : '\f105';
				font-family: 'Font Awesome 5 Free';font-weight:700;
				font-size  : 22px;
				color      : #777;
			}

			&:hover {
				&:before {
					color: var(--color);
				}
			}
		}
	}
}

.button-style4 {
	.res-button {
		position   : absolute;
		top        : 50%;
		cursor     : pointer;
		font-size  : 24px;
		width      : 45px;
		height     : 45px;
		text-align : center;
		line-height: 40px;
		z-index    : 9;
		.opacity(0);
		visibility: hidden;
		.transition(all 0.3s ease);
		margin-top   : -22px;
		background   : #fff;
		border-radius: 50%;
		box-shadow   : 2px 1px 3px darken(@border-color, 10%);

		&.slick-next {
			right: -22px;
			left:auto;
			&:before {
				content    : '\f105';
				font-family: 'Font Awesome 5 Free';font-weight:700;
				color      : darken(@border-color, 10%);
			}

			&:hover {
				background  : var(--color);
				border-color: var(--color);
				.transition(all 0.3s ease);

				&:before {
					color: #fff;
				}
			}
		}

		&.slick-prev {
			left: -22px;
			right:auto;
			&:before {
				content    : '\f104';
				font-family: 'Font Awesome 5 Free';font-weight:700;
				color      : darken(@border-color, 10%);
			}

			&:hover {
				background  : var(--color);
				border-color: var(--color);
				.transition(all 0.3s ease);

				&:before {
					color: #fff;
				}
			}
		}
	}

	&:hover {
		.res-button {
			.opacity(1);
			visibility: visible;
			.transition(all 0.3s ease);
		}
	}
}

.button-style5 {
	.res-button {
		width   : 12px;
		height  : 20px;
		position: absolute !important;
		top     : 15px;
		z-index : 2;
		cursor  : pointer;
		position: relative;
		color   : #999;

		&:hover {
			color: var(--color);
		}

		&:before {
			font-family: 'Font Awesome 5 Free';font-weight:700;
			font-size  : 20px;
		}

		&.slick-prev {
			right: 42px;
			left : auto;

			&:before {
				content: "\f104";
			}
		}

		&.slick-next {
			right: 15px;
			left:auto;
			&:before {
				content: "\f105";
			}

			&:after {
				height          : 14px;
				width           : 1px;
				content         : '';
				background-color: #e8e8e8;
				position        : absolute;
				top             : 4px;
				left            : -10px;
			}
		}
	}
}

.button-style6 {
	.res-button {
		width      : 40px;
		height     : 34px;
		position   : absolute !important;
		top        : 5px;
		z-index    : 2;
		cursor     : pointer;
		position   : relative;
		color      : #222;
		border     : 2px solid #ddd;
		line-height: 30px;
		text-align : center;

		&:hover {
			color           : #222;
			background-color: var(--color);
			border-color    : var(--color);
		}

		&:before {
			font-family: 'Font Awesome 5 Free';font-weight:700;
			font-size  : 20px;
		}

		&.slick-prev {
			right                    : 40px;
			left                     : auto;
			border-top-left-radius   : 17px;
			border-bottom-left-radius: 17px;
			border-right             : 1px solid #ddd;

			&:hover {
				border-color: var(--color);
			}

			&:before {
				content: "\f104";
			}
		}

		&.slick-next {
			right                     : 0;
			left:auto;
			border-top-right-radius   : 17px;
			border-bottom-right-radius: 17px;
			border-left               : 1px solid #ddd;

			&:hover {
				border-color: var(--color);
			}

			&:before {
				content: "\f105";
			}
		}
	}
}

.button-style7 {
	&:hover .res-button {
		opacity: 1;
	}

	.res-button {
		width           : 44px;
		height          : 44px;
		line-height     : 44px;
		margin-top      : -23px;
		display         : inline-block;
		position        : absolute;
		border-radius   : 50%;
		color           : #000;
		top             : 50%;
		margin-top      : -22px;
		cursor          : pointer;
		z-index         : 9;
		background-color: #fff;
		text-align      : center;
		box-shadow      : 0 0 6px rgba(0, 0, 0, 0.1);
		opacity         : 0;

		&:hover {
			background-color: var(--color);
			color           : #fff;
		}

		&:before {
			font-family: 'Font Awesome 5 Free';font-weight:700;
			font-size  : 24px;
		}

		&.slick-prev {
			left            : -22px;
			right:auto;
			background-image: none;

			&:before {
				content: "\f104";
			}
		}

		&.slick-next {
			right           : -22px;
			left:auto;
			background-image: none;

			&:before {
				content: "\f105";
			}
		}
	}
}

.sale-off,
.sw-newlabel,
.sw-outstock {
	position        : absolute;
	z-index         : 1;
	top             : 15px;
	right           : 15px;
	font-size       : 12px;
	font-weight     : bold;
	color           : #fff;
	text-align      : center;
	display         : inline-block;
	width           : 38px;
	height          : 38px;
	border-radius   : 50%;
	text-align      : center;
	line-height     : 38px;
	background-color: var(--color);
}

.sw-newlabel {
	background: #1CC490;
	right     : auto;
	left      : 20px;
}

.sw-outstock {
	text-indent    : -9999px;
	background     : url(../assets/img/icon-outstock.png ) no-repeat center center;
	background-size: 42px 42px;
	right          : auto;
	left           : 20px;
	width          : 42px;
	height         : 42px;

}

/*===========button slider=================*/
.sw-brand-container-slider {
	margin       : 0 -15px 30px -15px;
	position     : relative;
	padding      : 20px 40px;
	border       : 1px solid @border-color;
	border-radius: 4px;

	.home-style3 & {
		margin : 0 0 30px 0;
		padding: 27px 40px;
	}

	.slider .item-brand-cat {
		margin        : 0;
		float         : none;
		display       : inline-block;
		vertical-align: middle;
		margin-right  : -3px;

		.item-image a img {
			.transition(all 0.3s);
			margin: 0 auto;
			width : auto;

			&:hover {
				opacity: 0.5;
				.transition(all 0.3s);
			}
		}
	}

	.res-button {
		width     : 41px;
		height    : 41px;
		display   : inline-block;
		position  : absolute;
		top       : 50%;
		cursor    : pointer;
		z-index   : 3;

		&.slick-prev {
			left      : -21px;
			right:auto;
			background: url(../assets/img/bg_general.png) no-repeat -20px -525px;

			&:hover {
				background: url(../assets/img/bg_general.png) no-repeat -20px -464px;
			}
		}

		&.slick-next {
			right     : -21px;
			left:auto;
			background: url(../assets/img/bg_general.png) no-repeat -20px -281px;

			&:hover {
				background: url(../assets/img/bg_general.png) no-repeat -20px -220px;
			}
		}
	}

	&.style1 {
		.button-style4;
	}
}

.emarket_social {
	text-align : center;
	line-height: 19px;

	.main-social {
		margin         : 0 auto;
		list-style-type: none;

		li {
			display       : inline-block;
			vertical-align: top;
			padding       : 0 10px;

			a {
				color    : #999999;
				font-size: 16px;

				&:hover {
					color: var(--color);
				}
			}
		}
	}
}

.yith-wcwl-share {
	text-align: center;
}

/* ========================================================== */
/* ========================================================== */
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward {
	display: none;
}

.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
.woocommerce ul.products li.product .price {
	font-size  : 16px;
	color      : var(--color);
	overflow   : hidden;
	font-weight: 700;
	display    : flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 5px;
	margin-bottom: 7px;
	del {
		text-decoration: none;
		color          : #999;
		font-weight    : normal;
		font-size      : 14px;
		span{
			text-decoration: line-through;
		}
	}

	ins {
		margin         : 0;
		text-decoration: none;
	}
}

/* ========================================================== */
/* ========================================================== */

.woocommerce span.onsale,
.product .onsale, .woocommerce ul.products li.product span.onsale{
	//display         : none;
	height          : 44px;
	width           : 44px;
	line-height     : 44px;
	font-size:11px; 
	border-radius:50%;
	color           : #fff;
	background-color: var(--color);
	text-transform  : capitalize;
	font-weight     : 600;
	position        : absolute;
	text-align:center;
	top             : 15px;
	right           : 15px;
	left            : auto;
	min-height: unset;
	z-index: 1;
}

/* ==================================================== */
/* ==================================================== */
.border-tp {
	border-top: 1px solid #ddd;
	margin-top: 95px;
	overflow  : visible !important;

	.order-title {
		margin-top: -20px;
	}
}

.order-desc {
	font-family: 'Niconne';
	font-size  : 26px;
	color      : rgba(1, 1, 1, .4);
}

/*Mail chim*/
.mc4wp-form {
	&.mc4wp-form-success {
		.mc4wp-alert.mc4wp-success {
			color : green;
			margin: 15px 0;
		}
	}

	.form-check {
		display: none;
	}
}

/* ============================================================ */
/* ============================================================ */
.emarket-socials {
	ul {
		overflow     : hidden;
		margin-top   : 30px;
		margin-bottom: 60px;

		>li {
			display: inline-block;

			>a {
				font-size   : 22px;
				color       : #fff;
				margin-right: 30px;

				&:hover {
					color: #faa600;
				}
			}
		}
	}
}

.topsearch-entry {
	&:before {
		content   : '';
		display   : block;
		position  : fixed;
		top       : 0;
		left      : 0;
		right     : 0;
		height    : 0;
		background: rgba(0, 0, 0, 0.6);
		z-index   : 9;
		.transition(all 0.3s ease-out);
	}

	&.on {
		&:before {
			height: 100%;
		}
	}

	.button-search-pro.loading {
		&:before {
			background-image: url(../assets/img/loadingp.gif );
			background-color: var(--color);
			background-size : 20px 20px;
		}
	}

	.input-group-btn {
		position: static;
	}

	.input-group {
		display: block;
	}

	.search-append {
		position  : absolute;
		top       : 120%;
		right     : 0;
		left      : 0;
		padding   : 0;
		min-width : 300px;
		text-align: left;
		border    : none;

		.autocomplete-suggestions {
			box-shadow   : 0 0 0 1px #ccc;
			background   : #fff;
			border-radius: 3px;
			max-height   : 275px;
			overflow-x   : auto;
		}

		.autocomplete-suggestion {
			clear        : both;
			padding      : 0 10px;
			margin-bottom: 15px;

			&:first-child {
				padding-top: 15px;
			}

			&:last-child {
				padding-bottom: 15px;
			}

			&.no-result {
				padding: 10px;
			}

			>a {
				padding : 0 10px;
				display : block;
				overflow: hidden;

				img {
					margin-right: 10px;
					border      : 1px solid #ccc;
				}
			}

			.media-body {
				>span {
					display      : block;
					margin-bottom: 5px;
					font-weight  : 600;

					strong {
						color: var(--color);
					}
				}

				.search-meta {

					>div,
					>p {
						display       : inline-block;
						vertical-align: top;
					}

					.sku {
						margin-right: 20px;

						>span {
							font-weight: bold;
						}
					}
				}

				.price {
					color      : var(--color);
					font-weight: bold;
					font-size  : 14px;

					span.price-label {
						color: #666;
					}

					ins {
						text-decoration: none;
					}

					del {
						color: #999;
					}
				}
			}
		}
	}
}

#footer .footer-container .menu-footer{
	display:none;
	&.emarket-menures{ display:block;}
}

.sw-ajax-pagination {
	>li.current>a {
		background: var(--color);
		color     : #fff;

		&:hover {
			color: #fff;
		}
	}

	>li>a.disabled {
		opacity: 0.4;
	}
}

.brand-ship {
	overflow     : hidden;
	background   : #fff;
	border       : 1px @border-color solid;
	border-radius: 4px;

	.item {
		width   : 20%;
		float   : left;
		padding : 0 15px;
		position: relative;

		&:hover {
			.banner-wrap {
				a {
					.transition(0.5s ease);
					cursor: pointer;
					color : var(--color);

					.banner-cout h3 {
						color: var(--color);
						.transition(0.5s ease);
					}
				}
			}
		}

		&:before {
			content   : "";
			width     : 1px;
			height    : 50px;
			position  : absolute;
			right     : 0;
			top       : 20px;
			background: @border-color;
		}

		&:last-child {
			&:before {
				display: none;
			}
		}
	}

	.banner-wrap {
		padding   : 23px 0;
		text-align: center;

		a {
			display: inline-block;

			>span {
				float       : left;
				margin-right: 10px;
				font-size   : 0;
			}

			.icon {
				background: url(@{url}/promotion.png) no-repeat center center;
			}

			.icon1 {
				background-position: -24px -21px;
				width              : 60px;
				height             : 52px;
				.transition(0.5s ease);
			}

			.icon2 {
				background-position: -110px -18px;
				width              : 60px;
				height             : 52px;
				.transition(0.5s ease);
			}

			.icon3 {
				background-position: -196px -23px;
				width              : 60px;
				height             : 52px;
				.transition(0.5s ease);
			}

			.icon4 {
				background-position: -288px -27px;
				width              : 60px;
				height             : 52px;
				.transition(0.5s ease);
			}

			.icon5 {
				background-position: -379px -24px;
				width              : 60px;
				height             : 52px;
				.transition(0.5s ease);
			}

			.banner-cout {
				overflow   : hidden;
				padding-top: 10px;
				text-align : left;

				h3 {
					font-size     : 14px;
					text-transform: uppercase;
					line-height   : 18px;
					margin-bottom : 0;
					font-weight   : bold;
					color         : @body-color;
					.transition(0.5s ease);
				}

				span {
					font-size     : 13px;
					color         : #666;
					text-transform: none;
					font-weight   : normal;
				}
			}
		}
	}

	&.style1 {
		border: none;
		margin: 0 -15px;

		.item {
			width: 25%;

			.banner-wrap {
				background   : #f5f5f5;
				border       : 2px transparent solid;
				border-radius: 4px;
				.transition(0.3s ease);
				padding: 16px 0;
			}

			&:before {
				display: none;
			}

			&:hover {
				.banner-wrap {
					border: 2px var(--color) solid;
					.transition(0.3s ease);
					background: transparent;
				}
			}
		}
	}

	&.style2 {
		background: #f5f5f5;
		border    : none;

		.item {
			&:before {
				background: #ddd;
			}
		}
	}
}

.social-footer2 {
	ul {
		li {
			list-style: none;
			float     : left;

			a {
				color        : #fff;
				background   : var(--darken10);
				display      : inline-block;
				width        : 35px;
				height       : 35px;
				line-height  : 35px;
				border-radius: 50%;
				text-align   : center;
				margin       : 0 10px 0 0;

				&:hover {
					color: @body-color;
				}
			}

			&:last-child {
				a {
					margin: 0;
				}
			}
		}
	}
}

.sw-vendor-container-slider {
	position     : relative;
	margin-bottom: 50px;

	.title-home {
		h3 {
			font-size     : 16px;
			text-transform: uppercase;
			position      : relative;
			font-weight   : bold;
			border-bottom : 2px @border-color solid;
			padding       : 10px 0;
			margin-bottom : 30px;

			span {
				color        : #fff;
				background   : #232f3e;
				padding      : 10px 15px;
				border-radius: 4px 4px 0 0;
			}
		}
	}

	.description {
		display: none;
	}

	.resp-slider-container {
		.slider {
			.slick-slide{
				padding: 0;
			}
			.item {
				.item-product {
					margin-bottom: 9px;

					.item-product-content {
						overflow: hidden;

						>.item-img {
							float: left;
							width: 65.5%;
							a {
								display      : block;
								position     : relative;
								overflow     : hidden;
								border-radius: 3px;
								border       : 1px solid #e9ecf1;

								&:before {
									content         : "";
									background-color: transparent;
									position        : absolute;
									top             : 0;
									left            : 0;
									right           : 0;
									bottom          : 0;
									border-radius   : 4px;
									.transition(all 0.3s);
								}

								img {
									margin: 0 auto;
								}
							}

							&:hover a {
								border: 1px solid var(--color);
							}
						}

						.wrap-small-item {
							float       : left;
							width       : 33.5%;
							padding-left: 5px;

							.item-img {
								margin-bottom: 0;
								a {
									display      : block;
									border       : 1px solid #e9ecf1;
									margin       : 0 0 6px;
									border-radius: 3px;

									&:hover {
										border: 1px solid var(--color);
									}
								}
							}
						}
					}
				}

				.item-bottom {
					.item-user {
						float: left;

						.item-user-img {
							display       : inline-block;
							vertical-align: top;
							border-radius : 4px;
							overflow      : hidden;
							width         : 60px;
						}

						h4 {
							display       : inline-block;
							vertical-align: top;
							font-size     : 15px;
							text-transform: capitalize;
							font-weight   : bold;
							color         : @body-color;
							margin        : 10px 10px 10px 10px;
							text-align    : left;

							a {
								display: block;
								margin : 0 0 10px;
							}

							span {
								display    : block;
								font-weight: 400;
								color      : #999;
								font-size  : 13px;
							}
						}
					}

					>a {
						float        : right;
						background   : var(--color);
						font-size    : 13px;
						color        : @body-color;
						height       : 34px;
						line-height  : 34px;
						padding      : 0 15px;
						border-radius: 4px;
						font-weight  : 600;
						margin-top   : 8px;
						.transition(all 0.3s);

						&:hover {
							color: #fff;
							.transition(all 0.3s);
						}
					}
				}
			}
		}
	}

	.res-button.slick-arrow {
		top: 10px;

		&.slick-prev {
			right: 32px;
			left : auto;
		}

		&.slick-next {
			right: 0;
			left : auto;
		}
	}
}
.best-selling-product4{
	.item{
		margin-bottom:10px;
		.item-wrap{
			.product-items-layout33 &{
				&:hover{ box-shadow:none; }
			}
			.product-items-layout34 &{
				border:0; padding:0;
				&:hover{ box-shadow:none; }
			}
		}
	}
	.view-all{
		text-transform:capitalize;
		color:var(--color);
		font-size:12px;
		i{
			margin-left:10px;
		}
	}
}
.elementor-widget-wp-widget-prisna-social-counter .prisna-social-counter .prisna-social-counter-sub-container {
	#prisna-social-counter-network-10>a {
		&:hover {
			background-color: darken(#3B5998, 5%) !important;
		}
	}

	#prisna-social-counter-network-11>a {
		&:hover {
			background-color: darken(#45B0E3, 5%) !important;
		}
	}

	#prisna-social-counter-network-12>a {
		&:hover {
			background-color: darken(#FA0101, 5%) !important;
		}
	}

	>.prisna-social-counter-network {
		width: 100% !important;

		>a {
			display : block;
			height  : 32px;
			width   : 100%;
			position: relative;
			padding : 0 17px 0 12px !important;
			margin  : 0 0 10px;

			&:before {
				content      : '';
				width        : 0;
				height       : 0;
				border-left  : 0 solid transparent;
				border-right : 11px solid transparent;
				border-bottom: 11px solid #181818;
				position     : absolute;
				left         : 0;
				bottom       : 0;

				.light-style & {
					border-bottom: 11px solid #fff;
				}
			}

			&:after {
				content     : '';
				width       : 0;
				height      : 0;
				border-left : 11px solid transparent;
				border-right: 0 solid transparent;
				border-top  : 11px solid #181818;
				position    : absolute;
				top         : 0;
				right       : 0;

				.light-style & {
					border-top: 11px solid #fff;
				}
			}

			i {
				float        : left;
				margin-right : 32px;
				font-size    : 16px;
				color        : #fff;
				line-height  : 32px;
				width        : 15px;
				padding      : 0 !important;
				margin-top   : 0 !important;
				margin-bottom: 0 !important;
			}

			.prisna-social-counter-value,
			.prisna-social-counter-unit {
				float      : left;
				font-size  : 11px;
				font-weight: 700;
				color      : #fff;
				line-height: 30px;
				position   : relative;
				margin     : 0 2px;
			}

			.prisna-social-counter-value {
				position: relative;

				&:before {
					content         : '';
					height          : 16px;
					width           : 1px;
					background-color: rgba(255, 255, 255, 0.5);
					position        : absolute;
					top             : 9px;
					left            : -20px;
				}
			}
		}
	}
}

.elementor-widget-wp-widget-sw_testimonial_slider>.elementor-widget-container>h5 {
	display: none;
}
#sw-add-to-cart-message .button{
	font-weight:400; text-shadow:none; font-size:16px;box-shadow: none;border: 0;
}
#sw-add-to-cart-message.sw-modal{
	z-index:99999;
}
#sw-add-to-cart-message .price ins{
	margin:0 10px;
	text-decoration:none;
}
#sw-add-to-cart-message.active .modal-content{
	border: 0;
	background: #fff;
}
#sw-add-to-cart-message .modal-content > .close{
	color: #222;
	opacity: 1;
	&:hover{
		color: var(--color);
	}
}
.swe-woo-cart ul.woocommerce-mini-cart li .quantity{
	input{
		display: none;
	}
}
body.modal-open{
	margin:0;
}
.modal{
	z-index:10000;
}

/**Update**/
.metform-submit-btn{
	margin-bottom: 0;
	width: 100%;
}
.mf-input-wrapper .mf-error-message{
	position: static;
	margin: 5px 0;
}
.box-absolute{
	.mf-input-wrapper .mf-error-message{
		position: absolute;
		top: ~"calc( 100% + 7px )";
	}
}
.swg-menu .dropdown-menu > li.menu-img-col3{
	grid-column: 1/span 3;
}
.swg-menu .dropdown-menu > li.menu-icon-img span.menu-img img{
	position: absolute;
	left: ~"calc( 100% - 5px )";
	top: -5px;
}
.effect-hover-box-image{
	.elementor-widget-icon-box .elementor-widget-container:hover{
		cursor:pointer;
		.elementor-icon-box-content .elementor-icon-box-title{ color:var(--color); }
	}
}
#yith-woocompare-preview-bar.shown{
	display:none !important;
}
#yith-woocompare.woocommerce{
	table{ border:0; tbody tr th h2{ font-size:24px; color:#000; text-transform:uppercase; }}
	.DTFC_LeftBodyLiner{ overflow:visible !important; }

}
.loader1 {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1111;
    overflow-x: hidden;
    background: #fff;
}

.loader-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ff3c20;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ff3c20;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ff3c20;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}