::-webkit-input-placeholder {
 	/* Edge */
 	text-transform: capitalize;
 }

 :-ms-input-placeholder {
 	/* Internet Explorer 10-11 */
 	text-transform: capitalize;
 }

 ::placeholder {
 	text-transform: capitalize;
 }

 input[type=email]::-webkit-input-placeholder {
 	/* Edge */
 	text-transform: initial !important;
 }

 input[type=email]::-ms-input-placeholder {
 	/* Internet Explorer 10-11 */
 	text-transform: initial !important;
 }

 input[type=email]::placeholder {
 	text-transform: initial !important;
 }

 .left-side.action {
 	margin-bottom: 100px;
 }

 body {
 	background: #f3f3f3;
 	overflow-x: hidden;
 	font-family: 'Open Sans', sans-serif;
 }

 * {
 	padding: 0;
 	margin: 0;
 }

 @font-face {
 	font-family: muli;
 	src:url({{asset("/")
 }
 }

 assets/frontend/font/Muli/Muli-VariableFont_wght.ttf)
 }

 header {
 	margin-bottom: 20px
 }

 header .upper-header {
 	padding: 5px 0
 }

 header .upper-header .dvts a {
 	color: black
 }

 header .upper-header .dvts a i {
 	color: var(--primary_color)
 }

 header .upper-header .dvts ul li {
 	display: inline-block
 }

 header .top-header {
 	padding: 10px 0;
 	border-bottom: 1px solid #e6e6e6;
 }

 .carousel-indicators li {
 	box-sizing: content-box;
 	-ms-flex: 0 1 auto;
 	flex: 0 1 auto;
 	width: 12px;
 	height: 3px;
 	margin-right: 4px;
 	margin-left: 4px;
 	text-indent: -999px;
 	cursor: pointer;
 	background-color: #fff;
 	background-clip: padding-box;
 	border-top: 10px solid transparent;
 	border-bottom: 10px solid transparent;
 	opacity: .5;
 	transition: opacity .6s ease;
 	height: 12px;
 	border-radius: 50%
 }

 header .top-header .containe {
 	display: flex;
 	align-items: center;
 	flex-direction: row;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	flex: 1
 }

 .search-box {
 	flex: 1 1 auto
 }

 header .top-header .top-menu ul li {
 	margin: 0 5px;
 	flex: 1 auto
 }

 header .top-header .top-menu ul {
 	margin: 0;
 	display: flex;
 	align-items: center
 }

 header .top-header .top-menu ul li:nth-last-of-type(2) {
 	margin: 0 15px
 }

 header {
 	border-bottom: 1px solid rgba(0, 0, 0, .1)
 }

 header .top-header .top-menu ul li a i {
 	font-size: 25px
 }

 header .top-header .top-menu ul li a {
 	color: #000;
 	text-transform: capitalize;
 	text-decoration: none;
 	font-size: 12px;
 	display: block
 }

 headder .top-header .top-menu ul li:last-child a:hover {
 	opacity: 1 !important;
 	transition: .3s;
 	background: var(--primary_color);
 	color: #fff;
 	border: none;
 	border: 1px solid var(--primary_color)
 }

 header .top-header .top-menu ul li a:hover {
 	color: #000;
 	opacity: .7
 }

 header .top-header .logo-area img {
 	width: 90px
 }

 .search-box form {
 	position: relative
 }

 .search-box input {
 	color: black;
 	box-shadow: rgba(98, 98, 98, 0.5) 0px 1px 2px 0px;
 	;
 	background: #fff;
 	height: 45px;
 	padding-right: 50px;
 	width: 100%;
 	padding-left: 10px;
 	border-radius: 3px
 }

 .search-box button {
 	width: 50px;
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	right: 50px;
 	border-right: 1px solid rgba(129, 129, 129, .2);
 	border-left: 1px solid rgba(129, 129, 129, .2);
 	line-height: 42px;
 	color: #777;
 	padding: 0 10px
 }

 .search-box button {
 	right: 0;
 	border: none;
 	background: var(--primary_color);
 	color: #fff;
 	border-radius: 0 5px 5px 0;
 	display: inline-block
 }

 .search-box button:hover {
 	background: var(--optional_color)
 }

 #search-view {
 	overflow-y: scroll;
 	height: 100%;
 	padding-bottom: 130px
 }

 #search-view .row {
 	align-items: center;
 	background: #fff;
 	padding: 10px 20px;
 	border-bottom: 1px solid #dcdcdc
 }

 .advance-search .list-comp .thumbnail {
 	padding-right: 10px
 }

 .advance-search {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	height: 100vh;
 	background: #f2f4f8;
 	z-index: 9;
 	display: none
 }

 .advance-search .search-box button {
 	background: #38adf1
 }

 .advance-search .search-box button:hover {
 	background: var(--optional_color)
 }

 .advance-search .search-box {
 	background: linear-gradient(to right, var(--primary_color), #812cd0);
 	padding: 15px 30px;
 	display: flex;
 	align-items: center
 }

 .advance-search span {
 	color: #fff;
 	font-size: 20px;
 	padding-right: 10px;
 	cursor: pointer
 }

 .advance-search form {
 	flex: 1
 }

 header .top-header .top-menu ul li {
 	display: inline-block;
 	margin: 0 5px
 }

 header .top-header .top-menu ul li a {
 	color: #000;
 	text-transform: capitalize;
 	text-decoration: none;
 	font-size: 16px;
 	align-content: center
 }

 header .top-header .top-menu ul li a:hover {
 	color: var(--optional_color)
 }

 header .main-menu {
 	background: var(--MAIN_MENU_BG)
 }

 header .main-menu .nav-bar {
 	display: flex
 }

 header .main-menu .nav-bar .header-category-nav {
 	background: #0000004d;
 	color: #fff;
 	font-weight: 600;
 	padding: 8px 15px;
 	width: 245px
 }

 header .main-menu .nav-bar .header-category-nav span:first-child {
 	padding-right: 5px;
 	padding-left: 0
 }

 header .main-menu .nav-bar .header-category-nav span {
 	padding-left: 20px;
 	padding-right: 20px
 }

 .arrow .arrow-in i {
 	position: absolute;
 	top: -1px
 }

 .arrow-in {
 	position: absolute !important;
 	display: inline-block;
 	right: 30px;
 	top: 37%
 }

 .instruction .arrow {
 	position: absolute;
 	right: 20px
 }

 header .main-menu .nav-bar .header-category-wrap {
 	position: relative
 }

 header .main-menu .nav-bar .header-category-menu {
 	background: #fff;
 	border: 1px solid #e6e6e6;
 	position: absolute;
 	z-index: 99;
 	width: 100%;
 	top: 100%
 }

 header .main-menu .nav-bar .header-category-menu ul li,
 .target-category-menu .target-category-name ul li {
 	display: block
 }

 header.not-home .main-menu .nav-bar .header-category-menu {
 	display: none
 }

 header.not-home .main-menu .nav-bar .header-category-wrap {
 	cursor: pointer
 }

 header .main-menu .nav-bar .header-category-menu ul li a,
 .target-category-menu .target-category-name ul li a {
 	border-bottom: 1px solid #e6e6e6;
 	color: #333;
 	font-weight: 600;
 	display: block;
 	text-decoration: none;
 	text-transform: capitalize;
 	padding: 8px 18px;
 	font-size: 13px
 }

 header .main-menu .nav-bar .header-category-menu ul li:last-child a {
 	border: none;
 	border-bottom: 1px solid gainsboro !important;
 }

 header .main-menu .nav-bar .header-category-menu ul li a:hover,
 .target-category-menu .target-category-name ul li a:hover,
 ul li ul li a:hover {
 	color: #fff !important;
 	background: var(--primary_color);
 }

 header .main-menu .nav-bar .nav-menus ul li {
 	display: inline-block;
 	cursor: pointer
 }

 ul li:hover i {
 	color: var(--optional_color)
 }

 header .main-menu .nav-bar .nav-menus ul li a {
 	color: var(--MAIN_MENU_ul_li_color);
 	text-decoration: none;
 	font-weight: 700;
 	padding: 10px 18px;
 	display: block;
 	font-size: 14px
 }

 header .main-menu .nav-bar .nav-menus ul li a:hover,
 .footer-mobile-menu ul li a:hover,
 header .main-menu .nav-bar .nav-menus ul li a.activde {
 	color: var(--optional_color);
 }

 ul li {
 	position: relative
 }

 ul li ul {
 	position: relative;
 	top: 100%;
 	width: 100%;
 	background: #f2f2f2;
 	left: 0;
 	z-index: 99;
 	display: none
 }

 ul li ul li ul {
 	top: 0
 }

 ul li ul li .arrow-in {
 	top: 8px !important
 }

 ul li ul li {
 	display: block !important
 }

 ul li ul li a {
 	border-bottom: 1px solid #e6e6e6;
 	font-weight: 600 !important;
 	display: block;
 	text-transform: capitalize;
 	padding: 8px 18px !important;
 	font-size: 13px
 }

 .hero-categories {
 	background: #fff;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 	border-radius: 8px
 }

 .hero-categories ul li {
 	padding: 5px 20px;
 	border-bottom:
 }

 .hero-categories ul li a {
 	color: #000;
 	opacity: 1;
 	width: 100%;
 	display: block;
 	text-decoration: none;
 	position: relative;
 	font-size: 12px;
 }

 .hero-categories ul li a:hover {
 	transition: all .3s;
 	padding-left: 5px;
 	color: var(--primary_color)
 }

 .hero-categories ul li a img {
 	width: 22px;
 	height: 22px;
 	margin-right: 10px;
 	display: inline-block
 }

 .hero-categories ul li:first-child {
 	padding: 10px 20px;
 	cursor: inherit !important;
 	border-radius: 8px;
 	font-size: 20px;
 	font-weight: 500;
 	color: #fff
 }

 .hero-categories ul li:last-child {
 	padding: 8px 20px;
 	border: none
 }

 .hero-area .hero-slider img,
 .hero-2 img {
 	width: 100%;
 	object-fit: cover;
 	height: auto;
 	border-radius: 5px
 }

 .hero-2 img {
 	padding-right: 5px
 }

 .top-category ul li {
 	width: 19%;
 	float: left;
 	background: #e3f3fa;
 	border: 1px solid #71cbf0;
 	border-radius: 5px;
 	padding: 15px 10px;
 	margin-right: 1%;
 	margin-bottom: 1%
 }

 .top-category ul li:hover {
 	background: var(--primary_color);
 	color: #fff
 }

 .top-category ul li:hover a {
 	color: #fff
 }

 .top-category {
 	margin-top: 20px
 }

 .top-category ul li a {
 	color: #000;
 	display: block;
 	width: 100%;
 	text-align: center;
 	text-transform: capitalize
 }

 .top-category ul:after {
 	display: block;
 	clear: both;
 	content: ''
 }

 @media(max-width:576px) {
 	.top-category ul li a {
 		font-size: 12px
 	}

 	.top-category ul li {
 		padding: 12px 10px
 	}

 	.title {
 		font-size: 18px !important
 	}
 }

 .slideshow {
 	position: relative
 }

 .slick-dots {
 	display: flex;
 	justify-content: center;
 	margin: 0;
 	padding: 1rem 0;
 	list-style-type: none;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0
 }

 .slick-dots li {
 	margin: 0 .25rem
 }

 .slick-dots button {
 	display: block;
 	width: 10px;
 	height: 10px;
 	padding: 0;
 	border: none;
 	border-radius: 100%;
 	background-color: var(--primary_color);
 	text-indent: -9999px;
 	margin: 2px
 }

 .slick-dots li.slick-active button {
 	background-color: #085a7b
 }

 .slick-dots li {
 	display: inline-block;
 	margin: 0 4px;
 	border: 3px solid #fff;
 	border-radius: 50%
 }

 .components-bg-wo {
 	background: var(--primary_color) !important
 }

 .out-footer ul {
 	text-align: center
 }

 .out-footer ul li {
 	display: inline-block;
 	padding: 5px 8px
 }

 .out-footer ul li:first-child {
 	border-right: 1px solid #dcdcdc
 }

 .out-footer ul li a {
 	color: blue !important
 }

 .herobanner__footer {
 	top: -12px;
 	height: 12px
 }

 .herobanner__footer {
 	background-color: #f7f7f7;
 	height: 32px;
 	position: relative;
 	z-index: 5
 }

 svg:not(:root) {
 	overflow: hidden
 }

 .herobanner__footer-mask {
 	height: 33px
 }

 .herobanner__footer-mask {
 	bottom: 100%;
 	height: 12px;
 	margin-top: 1px;
 	max-width: 100%;
 	position: absolute;
 	width: 100%
 }

 .herobanner__footer-mask-curve {
 	fill: #f7f7f7;
 	stroke: #f7f7f7
 }

 .herobanner__footer svg,
 .herobanner__footer path {
 	fill: #f7f7f7;
 	stroke: #f7f7f7
 }

 @media(min-width:992px) {}

 .products {
 	color: #56565a;
 	padding: 0;
 	margin: auto;
 	margin-top: 0
 }

 .products .slick-list {
 	padding-bottom: 60px
 }

 .title {
 	color: white;
 	border-bottom: 2px solid gainsboro;
 	font-size: 18px;
 	font-weight: 600;
 	text-transform: capitalize;
 	padding-bottom: 0;
 	padding-left: 0;
 	margin-top: 0;
 	margin-bottom: 15px !important
 }

 .side-bar .title {
 	font-size: 20px;
 	margin-top: 5px
 }

 .title a {
 	float: right;
 	font-size: 16px;
 }

 .title a:hover {
 	opacity: 1
 }

 .products .product .product-wrapper .pin {
 	color: #56565a;
 	text-decoration: none;
 	position: relative
 }

 .products .product .product-wrapper .pin a {
 	text-decoration: none;
 	display: block;
 	width: 100%;
 	height: 100%;
 	overflow: hidden
 }

 .products .product .product-wrapper .pin a:hover {
 	color: #fff
 }

 .products #list-view .product .product-wrapper .pin a:hover,
 .products #list-view .product .product-wrapper .pin a:hover h5 {
 	color: var(--primary_color)
 }

 .home-add {
 	position: absolute;
 	bottom: 10px;
 	left: 10px;
 	right: 10px
 }

 .cbtn {
 	position: absolute;
 	bottom: 10px;
 	left: 0;
 	right: 0;
 	margin: auto
 }

 .home-add2 {
 	text-align: center;
 }

 .home-add2 button,
 .home-add2 form {
 	width: inherit;
 	transition: all .3s;
 	display: inline-block !important;
 }

 .home-add2 button:hover {
 	font-size: 18px;
 	background: #4097f4 !important;
 }

 .product-wrapper {
 	position: relative;
 	transition: all .4s;
 	height: 100%
 }

 .quick-view {
 	position: absolute;
 	bottom: -65px;
 	left: 0;
 	right: 0;
 	width: 100%;
 	margin: auto;
 	display: none;
 	text-align: center;
 	background: #000000b5;
 	color: #fff;
 	padding: 8px 0;
 	border-radius: 5px;
 	transition: all .4s
 }

 .product-wrapper:hover .quick-view {
 	display: none
 }

 .quick-view:hover {
 	background: var(--primary_color)
 }

 .products .product .product-wrapper h6 {
 	margin: 5px 0px;
 	text-align: left;
 	color: var(--primary_color)
 }

 .list-comp .thumbnail {
 	height: auto
 }

 .list-comp .details a {
 	height: initial !important
 }

 .products .product .product-wrapper h5 {
 	margin-bottom: 3px;
 	font-size: 15px;
 	font-weight: 500;
 	text-align: left !important;
 	height: 65px;
 	overflow: hidden;
 	line-height: 22px;
 }

 .products .product .product-wrapper .pin:hover h5 {
 	color: var(--primary_color)
 }

 .products .product .product-wrapper span {
 	font-size: 13px;
 	margin-bottom: 3px;
 	display: block;
 	margin-top: 3px;
 	transition: all .4s
 }

 .products .product {
 	padding: 0 !important
 }

 .products .product .product-wrapper {
 	background: #fff;
 	padding: 0px;
 	padding-bottom: 60px;
 	height: auto;
 	margin: 0 5px;
 	border: none;
 	border-radius: 5px;
 	margin-bottom: 10px
 }

 #list-view .product .product-wrapper {
 	height: auto !important
 }

 .back {
 	display: none
 }

 .autoplay .product {
 	background: transparent;
 	padding: 0;
 	border-right: 0;
 	height: 0;
 	border-bottom: 0
 }

 .autoplay .product .product-wrapper {
 	background: #fff;
 	padding: 0;
 	height: auto;
 	padding-bottom: 60px;
 	margin: 0 5px;
 	border: none;
 	border-radius: 10px
 }

 .autoplay .product .product-wrapper:hover {
 	box-shadow: 0 2px 2px #282626
 }

 .products .product .product-wrapper:hover {
 	box-shadow: 0 2px 2px #282626 !important
 }

 .autoplay .product {
 	border-bottom: 0
 }

 .products .product .thumbnail {
 	padding: 0;
 	text-align: center;
 	display: block;
 	width: 100%;
 	height: 170px;
 }

 .products .product .thumbnail img {
 	height: 100%;
 	width: 100%;
 	object-fit: fill;
 	margin: auto
 }

 .category-thumbanial .category-item {
 	text-align: center;
 	text-transform: uppercase;
 	padding: 0 5px
 }

 .category-thumbanial .category-item .item-in {
 	background: #fff;
 	padding: 10px;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 	border-radius: 5px;
 	margin-bottom: 10px
 }

 .category-thumbanial .category-item:nth-last-child(1),
 .category-thumbanial .category-item:nth-last-child(2),
 .category-thumbanial .category-item:nth-last-child(3) {
 	border-bottom: none
 }

 .category-thumbanial .category-item:nth-last-child(4) {
 	border: none
 }

 .category-thumbanial .category-item:nth-last-child(8) {
 	border-left: none
 }

 .category-thumbanial .category-item p {
 	font-size: 14px;
 	margin-bottom: 10px
 }

 .category-thumbanial .category-item p:last-child {
 	margin: 0;
 	font-size: 12px !important
 }

 .category-thumbanial .category-item .thumbnail img,
 .single-blog .blog-thumb img {
 	width: 100%;
 	transition: all .4s;
 	height: 80px;
 	object-fit: contain
 }

 .category-item .thumbnail {
 	overflow: hidden
 }

 .category-item:hover .thumbnail img {
 	transform: scale(1.1)
 }

 .category-item .item-in a:hover {
 	color: #fc7070 !important;
 	text-decoration: none
 }

 .shop-category .cat-row .cat-item {
 	width: 13.2%;
 	float: left;
 	background: #fff;
 	text-align: center;
 	padding: 15px 0;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 	margin: 1% 1% 0 0;
 	border-radius: 5px;
 	text-decoration: none
 }

 .shop-category .cat-row .cat-item:hover {
 	box-shadow: 0 2px 2px #282626
 }

 .shop-category .cat-row .cat-item h3 {
 	margin: 0;
 	font-size: 12px;
 	color: #1a1a1ad6;
 	font-weight: 600;
 	text-align: center;
 	padding: 0 2px
 }

 .shop-category .cat-row .cat-item img {
 	width: 90%;
 	margin: auto;
 	object-fit: contain;
 	height: 70px;
 	padding-bottom: 10px
 }

 .shop-category .cat-row::after {
 	display: block;
 	clear: both;
 	content: ''
 }

 footer {
 	background-color: #ededed;
 	margin-top: 30px;
 	color: #777;
 	padding-top: 30px;
 	line-height: 30px;
 	font-size: 15px;
 	border-top: 1px solid #dcdcdc
 }

 footer .title {
 	color: #fff;
 	margin: 0;
 	font-size: 18px;
 	font-weight: 700
 }

 footer ul {
 	padding: 0
 }

 footer ul li {
 	list-style: none;
 	color: black;
 	opacity: .8
 }

 footer a {
 	color: black;
 	text-decoration: none !important;
 	display: block
 }

 .s-l-i-3 {
 	text-align: center;
 	display: inline-block
 }

 .s-l-i-3 i {
 	font-size: 20px;
 	margin-bottom: 10px;
 	color: #fff;
 	padding: 7px
 }

 .footer-item .title {
 	position: relative;
 	text-transform: capitalize
 }

 .footer-item .title .footer-sub-icon {
 	position: absolute;
 	right: 0;
 	top: 0;
 	display: none
 }

 .footer-item li {
 	list-style: none
 }

 @media(max-width:767px) {
 	footer {
 		padding-bottom: 65px
 	}

 	footer br {
 		display: none
 	}

 	.footer-logo {
 		width: 200px;
 		margin: auto
 	}

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

 	.footer-item .title {
 		cursor: pointer
 	}

 	.footer-item .title .footer-sub-icon {
 		display: block
 	}
 }

 .close2 {
 	border: 0;
 	padding: 4px 8px;
 	background-color: #c66;
 	color: #fff;
 	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium";
 	font-size: 12px;
 	border-radius: 3px
 }

 #remove-product {
 	text-decoration: none
 }

 .close2:hover {
 	opacity: 1
 }

 .checkout-right h4 {
 	color: #FF5722;
 	font-size: 27px;
 	margin-bottom: 30px
 }

 table.timetable_sub {
 	width: 100%;
 	margin: 0 auto
 }

 .rem {
 	position: relative
 }

 .value-minus,
 .value-plus {
 	height: 40px;
 	line-height: 24px;
 	width: 40px;
 	margin-right: 3px;
 	display: inline-block;
 	cursor: pointer;
 	position: relative;
 	font-size: 18px;
 	color: #fff;
 	text-align: center;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	border: 1px solid #b2b2b2;
 	vertical-align: bottom
 }

 .quantity-select .entry.value-minus:before,
 .quantity-select .entry.value-plus:before {
 	content: "";
 	width: 13px;
 	height: 2px;
 	background: #000;
 	left: 50%;
 	margin-left: -7px;
 	top: 50%;
 	margin-top: -.5px;
 	position: absolute
 }

 .quantity-select .entry.value-plus:after {
 	content: "";
 	height: 13px;
 	width: 2px;
 	background: #000;
 	left: 50%;
 	margin-left: -1.4px;
 	top: 50%;
 	margin-top: -6.2px;
 	position: absolute
 }

 .value {
 	cursor: default;
 	width: 40px;
 	height: 40px;
 	padding: 8px 0;
 	color: #A9A9A9;
 	line-height: 24px;
 	border: 1px solid #E5E5E5;
 	background-color: #E5E5E5;
 	text-align: center;
 	display: inline-block;
 	margin-right: 3px
 }

 .quantity-select .entry.value-minus:hover,
 .quantity-select .entry.value-plus:hover {
 	background: #E5E5E5
 }

 .quantity-select .entry.value-minus {
 	margin-left: 0
 }

 .malls .mall .cover img {
 	width: 100%;
 	height: 250px;
 	object-fit: contain;
 	background: #fff
 }

 .malls .mall .profile-d {
 	padding: 10px;
 	text-align: center;
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	padding-top: 30px;
 	z-index: 99
 }

 .malls .mall .profile-d p {
 	color: #333;
 	margin: 0;
 	font-size: 15px
 }

 .malls .mall .profile-d p:last-child {
 	font-size: 12px;
 	color: gray
 }

 .malls .mall .profile-d img {
 	width: 70px;
 	height: 70px;
 	object-fit: contain;
 	left: 0;
 	right: 0;
 	margin: auto;
 	position: absolute;
 	top: -40px;
 	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
 	padding: 6px;
 	background: #fff;
 	z-index: 999
 }

 .malls .mall .mall-wrapper {
 	position: relative;
 	margin: 0 4px;
 	border: none;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
 }

 .malls .mall .mall-wrapper:hover {
 	box-shadow: 0 2px 2px #282626;
 	border: none
 }

 .malls .mall .overly {
 	width: 100%;
 	height: 36px;
 	top: 143px;
 	left: 0;
 	position: absolute;
 	background: rgba(0, 0, 0, .04);
 	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
 	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%)
 }

 .product-page ul li {
 	list-style: none
 }

 .product-page .side-bar form {
 	background: #fff;
 	padding: 10px;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 	border-radius: 5px
 }

 form .form2 {
 	background: #fff !important
 }

 form {
 	box-shadow: none !important
 }

 .customer-rev ul li i {
 	color: #FFC107
 }

 ul.dropdown-menu6,
 ul.dropdown-menu5 {
 	margin: 0;
 	position: relative
 }

 ul.dropdown-menu6 li {
 	list-style: none
 }

 ul.dropdown-menu6 li p {
 	width: 100%
 }

 span.amount {
 	color: #fff;
 	font-size: 16px
 }

 input#amount,
 input#amount1 {
 	font-size: 13px;
 	outline: none;
 	background: none;
 	word-spacing: 1em;
 	color: #000 !important;
 	position: absolute;
 	left: 0;
 	top: -27px;
 	margin-top: -10px;
 	width: 100%;
 	text-align: center
 }

 .range,
 .w3-brand-select,
 .w3ls-featured-ads {
 	padding: 0 0 30px;
 	border-bottom: 1px solid #e5e3db
 }

 #checkout .form-group {
 	width: 48%;
 	float: left
 }

 #checkout .widget3 .form-group {
 	width: 100%;
 	display: block
 }

 #checkout .widget3 button {
 	border: none;
 	border-radius: 5px;
 	margin-top: 15px;
 	padding: 5px;
 	background: #034580;
 	color: #fff
 }

 #checkout .widget3 button:hover {
 	background: #000
 }

 #checkout .widget3 .rvinfo {
 	display: flex;
 	width: 100%;
 	margin-bottom: 5px
 }

 #checkout .widget3 .rvinfo span:last-child,
 #checkout .widget3 .rvinfo h4:last-child {
 	flex: 1 auto;
 	text-align: right
 }

 #checkout .widget3 .card {
 	background-color: #fff;
 	margin-top: 10px;
 	padding: 15px;
 	margin-bottom: 20px
 }

 #checkout .form-groups {
 	background: #fff;
 	padding: 5px 20px;
 	border: 1px solid #e6e6e6;
 	border-radius: 0 0 5px 5px
 }

 #checkout .form-groups label {
 	margin-top: 5px;
 	display: flex;
 	cursor: pointer
 }

 #checkout .form-groups label span:last-child {
 	flex: 1 auto;
 	text-align: right
 }

 #checkout .form-groups::after,
 #checkout .widget {
 	display: block;
 	clear: both;
 	content: ''
 }

 #checkout .form-groups input[type="radio"] {
 	width: 20px;
 	float: left
 }

 input[type="submit"],
 .redirect {
 	border: none;
 	color: white;
 	padding: 8px 12px;
 	margin-top: 0;
 	font-weight: 500;
 	border-radius: 5px;
 	width: 100%;
 	opacity: .8;
 	background: #fff;
 	border: 1px solid #dcdcdc;
 	background: var(--primary_color);
 	text-transform: capitalize;
 	font-size: 14px
 }

 input[type="submit"]:hover {
 	opacity: 1.3
 }

 .form-title {
 	background: var(--primary_color);
 	color: #fff;
 	padding: 10px;
 	font-size: 16px;
 	text-transform: capitalize
 }

 .form-title span {
 	color: #000;
 	background: #fff;
 	border-radius: 50%;
 	width: 30px;
 	height: 30px;
 	display: inline-block;
 	text-align: center;
 	line-height: 27px;
 	margin-right: 10px
 }

 #checkout .instruction {
 	width: 100%;
 	background: #fff;
 	border: 1px solid #c5bebe;
 	padding: 5px;
 	border-radius: 5px;
 	margin: 0 !important
 }

 #checkout .instruction a {
 	color: #000;
 	position: relative;
 	display: block;
 	text-transform: capitalize;
 	text-decoration: none
 }

 .vendor-profile .vendor .vendor-cover {
 	position: relative
 }

 .vendor-profile .vendor .vendor-cover img {
 	width: 100%;
 	height: 250px;
 	object-fit: contain
 }

 .vendor-profile .vendor .vendor-profile {
 	width: 168px;
 	position: absolute;
 	right: 0;
 	left: 0;
 	margin: auto;
 	bottom: -71px;
 	text-align: center
 }

 .vendor-profile .vendor .vendor-profile img {
 	width: 168px;
 	height: 168px;
 	object-fit: cover;
 	border-radius: 50%;
 	border: 5px solid #fff
 }

 .customar-menu .customer-wrapper {
 	background: #fff;
 	border-radius: 5px;
 	padding: 20px;
 	margin-bottom: 20px;
 	margin-top: 20px
 }

 .customar-access * {
 	box-shadow: none !important
 }

 .vendor-profile .vendor {
 	margin-bottom: 75px
 }

 .vendor-profile .profile-tabs .tab {
 	background: none;
 	border: 0;
 	padding-right: 30px
 }

 .more {
 	border: 0;
 	background: none;
 	margin-bottom: 15px;
 	text-align: center;
 	display: block;
 	width: 100%;
 	color: blue
 }

 .customar-menu li {
 	list-style: none
 }

 .customar-menu li a {
 	text-decoration: none;
 	color: #333;
 	padding: 3px 0;
 	display: block
 }

 .customar-menu li a:hover {
 	color: var(--primary_color)
 }

 .customar-menu li .vendor-button {
 	background: var(--primary_color);
 	color: #fff;
 	padding: 4px 10px;
 	border-radius: 3px;
 	display: inline-block;
 	text-decoration: none;
 	margin-top: 10px
 }

 .customar-menu li .vendor-button:hover {
 	color: #fff;
 	background: var(--primary_color)
 }

 .single-right-left h3 {
 	font-size: 20px;
 	color: #000;
 	margin-bottom: 0
 }

 .single-right-left p {
 	margin: 5px 0;
 	color: #54595F;
 	font-size: 18px;
 	font-weight: 300;
 	line-height: 1.3em
 }

 .single-right-left p label {
 	color: #000
 }

 .single-right-left del {
 	margin: 0;
 	font-size: 22px;
 	color: #999;
 	font-weight: 300;
 	margin-top: 5px;
 	display: inline-block;
 	margin-right: 10px;
 }

 .rating1 a {
 	color: #ffc107;
 	margin-top: 20px;
 	display: block
 }

 .item_price {
 	color: #333;
 	font-size: 22px;
 }

 .shp-lc3 {
 	color: gray
 }

 .shp-lc3 {
 	color: #54595F
 }

 .shp-lc-4 {
 	;
 	margin-top: 10px;
 	border-radius: 5px
 }

 .shp-lc3 div {
 	margin-bottom: 15px
 }

 .shp-lc3 p {
 	font-size: 14px;
 	margin: 0;
 	margin-left: 24px
 }

 .filter {
 	display: flex;
 	align-items: center
 }

 .card {
 	background: #fff;
 	box-shadow: 0 0 5px #dcdcdc;
 	border: none !important
 }

 .view-filter {
 	flex: 1
 }

 .view-filter span {
 	background: #ff5722;
 	color: #fff;
 	display: inline-block;
 	padding: 1px 10px;
 	font-size: 24px;
 	cursor: pointer
 }

 .view-filter span.active {
 	background: var(--primary_color)
 }

 .product-single-w3l {
 	border-top: 1px solid #1accfd
 }

 .product-single-w3l p i {
 	color: #1accfd;
 	margin-right: 11px;
 	font-size: 24px
 }

 .product-single-w3l p {
 	color: #000;
 	margin: 15px 0;
 	letter-spacing: .5px
 }

 .product-single-w3l ul li {
 	list-style: inside;
 	font-size: 14px;
 	margin-bottom: 5px;
 	line-height: 1.7
 }

 .occasion-cart .snipcart-details {
 	width: ;
 	margin: 0
 }

 .review-head img {
 	min-width: 60px;
 	height: 60px;
 	border-radius: 50%;
 	border: 1px solid;
 	padding: 5px;
 	background: #fff
 }

 .review .card {
 	padding: 10px 15px
 }

 .review .card .rating1 {
 	color: #ffc107
 }

 #contact-page .wrapper {
 	width: 400px;
 	margin: auto;
 	color: #56565a;
 	text-align: left
 }

 #contact-page .wrapper .form {
 	background: #fff;
 	padding: 30px 50px;
 	border-radius: 0 0 5px 5px;
 	border-radius: 5px;
 	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.78)
 }

 #contact-page .wrapper p {
 	background: #fff;
 	margin: 0;
 	padding: 15px 30px;
 	border: 1px solid #dadada;
 	border-bottom: none;
 	border-radius: 5px 5px 0 0
 }

 .form2 label {
 	font-size: 17px;
 	font-weight: 600;
 	color: #002f5f
 }

 .footer-menu {
 	position: fixed;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	background: #fff;
 	text-align: center;
 	padding: 8px 0;
 	height: 65px;
 	z-index: 9999;
 	display: none;
 	border-top-left-radius: .5rem;
 	border-top-right-radius: .5rem;
 	box-shadow: rgba(0, 0, 0, 0.1) 0 0 4px
 }

 .footer-menu ul {
 	display: flex
 }

 .footer-menu ul li {
 	flex: 1 auto;
 	padding: 2px 15px
 }

 .footer-menu ul li a {
 	color: #444;
 	font-size: 13px;
 	font-weight: 600;
 	display: block
 }

 .footer-menu ul li:nth-last-child(3) img {
 	width: 55px;
 	max-width: 55px;
 	height: 55px;
 	background: #000;
 	border-radius: 50%;
 	padding: 10px;
 	position: absolute;
 	top: -26px;
 	border: 2px solid #fff
 }

 .footer-menu ul li a:hover {
 	color: #1ca4b9;
 	text-decoration: none
 }

 .footer-menu ul li a span {
 	display: block
 }

 .footer-menu ul li a i {
 	display: inline-block;
 	padding: 8px;
 	border-radius: 50%;
 	font-size: 12px
 }

 .info-wrapper {
 	padding: 10px;
 	border: 1px solid #dcdcdc;
 	position: relative;
 	margin-bottom: 20px
 }

 .info-remove {
 	background: none;
 	border: none;
 	color: #333;
 	position: absolute;
 	top: 0;
 	right: 0;
 	padding: 10px
 }

 .info-remove:hover {
 	color: blue
 }

 .model-button {
 	border: none;
 	background: #fff;
 	font-size: 25px
 }

 .create-address {
 	width: 100%;
 	height: 120px;
 	background: #fff;
 	color: #333333bf;
 	border: none;
 	text-align: center
 }

 .method {
 	margin-bottom: 20px
 }

 .method label input {
 	position: absolute;
 	opacity: 0
 }

 .method label {
 	border: 1px solid #dcdcdc;
 	padding: 20px;
 	text-align: center;
 	cursor: pointer;
 	border-radius: 5px
 }

 .create-address:hover {
 	color: #000
 }

 .info-selct {
 	width: 100%;
 	cursor: pointer;
 	display: flex;
 	align-items: baseline
 }

 .info-selct table {
 	margin-left: 20px
 }

 .customer-right table {
 	width: 100%;
 	font-size: 14px
 }

 .customer-right table tbody tr td {
 	border-top: 1px solid #dcdcdc;
 	padding: 10px 0
 }

 .customer-right thead th {
 	padding: 5px
 }

 .customer-right td .dt-h {
 	font-size: 15px;
 	border-radius: 100%;
 	width: 25px;
 	height: 25px;
 	display: inline-block;
 	line-height: 25px;
 	text-align: center;
 	color: #fff;
 	background: blue;
 	opacity: .6
 }

 .customer-right a:hover {
 	opacity: 1
 }

 .customer-right table tbody td {
 	opacity: .8;
 	font-size: 12px
 }

 .right-wapper h5 {
 	margin-bottom: 10px
 }

 .right-wapper {
 	background: #fff;
 	padding: 10px;
 	border-radius: 5px
 }

 @media(min-width:991px) {
 	ul li ul {
 		position: absolute;
 		top: 0;
 		width: 100%;
 		background: #fff;
 		left: 100%;
 		z-index: 99;
 		display: none;
 		border-left: 1px solid #dcdcdc
 	}

 	ul li:hover>.sub-cat {
 		display: block
 	}

 	ul li ul li a {
 		padding: 5px 18px !important;
 		border: 0
 	}

 	.sub-cat>li {
 		padding: 2px !important
 	}
 }

 @media(max-width:1000px) {
 	header .main-menu .nav-bar .header-category-wrap {
 		display: none
 	}

 	.side-bar {
 		max-width: 350px;
 		position: fixed;
 		z-index: 99999;
 		top: 0;
 		right: -360px;
 		height: 100vh;
 		padding: 0;
 		background: #fff;
 		border: none;
 		transition: all .4s;
 		overflow: auto
 	}

 	.sidebar-show {
 		right: 0
 	}

 	.side-bar form {
 		border: none !important
 	}

 	.product-page .products {
 		max-width: 100%;
 		flex: 100%
 	}

 	.filter-open {
 		display: inline-block !important;
 		background: #24e3ae !important
 	}

 	.arrow-in {
 		top: 9px
 	}

 	.slider img {
 		height: 370px
 	}

 	.slider {
 		margin-left: 0;
 		width: 100%
 	}
 }

 @media(max-width:990px) {
 	.product-pricing {
 		margin-top: 10px
 	}

 	.product-pricing #sticky,
 	#sticky2 {
 		position: initial !important
 	}
 }

 @media(max-width:800px) {}

 @media(max-width:850px) {
 	.shop-category .cat-row .cat-item {
 		width: 15.6%
 	}

 	.shop-category .cat-row .cat-item {
 		padding: 10px 0
 	}

 	.shop-category .cat-row .cat-item img {
 		height: 50px
 	}
 }

 @media(max-width: 1024px) {
 	.container {
 		max-width: 980px !important
 	}
 }

 @media(max-width:767px) {
 	.shop-category .cat-row a:last-child {
 		display: none
 	}

 	.cat-row {
 		display: block
 	}

 	.carousel-control-next,
 	.carousel-control-prev {
 		width: 45px;
 		height: 45px;
 		font-size: 45px
 	}

 	.shop-category .cat-row .cat-item {
 		width: 32.3%
 	}

 	.slick-next {}

 	.slick-prev {}

 	#contact-page .wrapper {
 		width: 100%
 	}

 	#contact-page .wrapper .form {
 		padding: 15px
 	}

 	#contact-page .wrapper .form h4 {
 		font-size: 15px
 	}

 	#contact-page .wrapper .form label {
 		font-size: 14px
 	}

 	.single-product-button {
 		bottom: 0;
 		left: 0;
 		right: 0;
 		z-index: 999
 	}

 	.single-product-button .occasion-cart {
 		width: 50%;
 		padding: 0
 	}

 	.single-product-button .occasion-cart .button {
 		border-radius: 0;
 		opacity: 1;
 		transition: all .4s
 	}

 	.single-product-button .occasion-cart:first-child:hover .button {
 		background: var(--optional_color)
 	}

 	.single-product-button .occasion-cart:last-child:hover .button {
 		background: #f74c0a !important
 	}
 }

 @media(max-width:700px) {
 	.slider img {
 		height: 300px
 	}
 }

 @media(max-width:650px) {
 	.category-thumbanial .category-item p {
 		font-size: 12px
 	}
 }

 @media(max-width:576px) {
 	.products .product .product-wrapper h5 {}

 	.category-thumbanial .category-item p {
 		font-size: 14px
 	}

 	.slider img {
 		height: 250px
 	}

 	.target-category-menu {
 		margin-bottom: 20px
 	}

 	#cart .thumbnail img {
 		width: 50px
 	}

 	#cart td p a,
 	#cart td {
 		font-size: 12px
 	}

 	#cart .product-details table input {
 		width: 100px;
 		padding: 0 30px
 	}
 }

 @media(max-width:500px) {
 	.shop-category .cat-row .cat-item h3 {
 		font-size: 9px;
 		padding: 0 1px
 	}

 	.products .product {
 		max-width: 50%;
 		flex: 49%
 	}

 	.products .slick-list {
 		padding-bottom: 50px
 	}

 	.sst {
 		font-size: 14px;
 		margin-bottom: 10px
 	}

 	.products #list-view .product {
 		max-width: 100%;
 		flex: 100%
 	}

 	.slick-slide .product {
 		max-width: 100%;
 		flex: 100%
 	}

 	.title a {
 		right: 0 !important
 	}

 	.products .product .product-wrapper h5 {}
 }

 @media(max-width:450px) {
 	.shop-category .cat-row .cat-item {
 		width: 32.3%
 	}

 	.category-thumbanial .category-item p {
 		font-size: 12px !important
 	}

 	.category-thumbanial .category-item p:last-child {
 		font-size: 10px !important
 	}

 	.slider img {
 		height: 220px
 	}

 	.main-menu,
 	.side-bar {
 		width: 280px !important
 	}
 }

 @media(max-width:400px) {
 	footer .widget {
 		max-width: 100%
 	}
 }

 .product-page .card {
 	border: none !important
 }

 @media(max-width:991px) {
 	header .main-menu .nav-bar .header-category-nav {
 		display: none !important
 	}

 	.category-side {
 		display: none
 	}

 	.side-menu-footer {
 		display: block !important
 	}

 	header .main-menu ul li {
 		display: block !important
 	}

 	header .main-menu ul li:last-child {
 		padding-bottom: 0;
 	}

 	header .search-box button {
 		width: 50px
 	}

 	.nav-menu {
 		display: none
 	}

 	header .main-menu .nav-bar .nav-menus,
 	header.not-home .main-menu .nav-bar .header-category-menu {
 		width: 100%;
 		background: #fff
 	}

 	header .main-menu .nav-bar .nav-menus ul li a {
 		color: #333;
 		font-weight: 600;
 		display: block;
 		text-decoration: none;
 		text-transform: capitalize;
 		padding: 8px 18px;
 		padding-left: 18px;
 		font-size: 13px
 	}

 	header .top-header .mobile-menu-openar {
 		width: 40px
 	}

 	header .top-header .mobile-menu-openar .bars {
 		cursor: pointer;
 		display: inline-block;
 		margin-top: 8px
 	}

 	header .top-header .mobile-menu-openar span {
 		height: 3px;
 		border-radius: 53px;
 		width: 30px;
 		background: #000;
 		display: block;
 		margin: 0
 	}

 	header .top-header .mobile-menu-openar span:nth-of-type(2) {
 		width: 20px;
 		transition: all .2s;
 		margin: 7px 0
 	}

 	header .top-header .mobile-menu-openar .bars:hover>span:nth-of-type(2) {
 		width: 30px
 	}

 	header.not-home .main-menu .nav-bar .header-category-menu {
 		display: block
 	}

 	.main-menu .wrap {
 		display: none
 	}

 	.main-menu {
 		width: 350px;
 		height: 100vh;
 		background: #fff !important;
 		position: fixed;
 		z-index: 9999;
 		top: 0;
 		left: 0;
 		border: 1px solid #e6e6e6;
 		border-top-color: #e6e6e6;
 		border-top-style: solid;
 		border-top-width: 1px;
 		border-top: 0;
 		left: -350px;
 		transition: all .4s;
 		overflow: auto
 	}

 	.menu-show {
 		left: 0
 	}

 	.main-menu .collpase-menu-open {
 		display: block !important;
 		border-bottom: 1px solid #e6e6e6
 	}

 	.main-menu .collpase-menu-open a {
 		color: #000;
 		background: #f5f5f5;
 		padding: 10px 30px;
 		width: 50%;
 		float: left;
 		text-decoration: none;
 		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75)
 	}

 	.main-menu .collpase-menu-open a.active {
 		background: #e9e9e9;
 		border-bottom: 2px solid var(--optional_color);
 		padding-bottom: 8px
 	}

 	.main-menu .collpase-menu-open a:first-child {
 		border-right: 1px solid #e6e6e6
 	}

 	.main-menu .collpase-menu-open:after {
 		display: block;
 		clear: both;
 		content: ''
 	}

 	.main-menu .container {
 		width: 100%;
 		margin: 0;
 		padding: 0
 	}

 	header .main-menu .nav-bar {
 		position: relative;
 		z-index: 9999
 	}

 	header .main-menu .nav-bar ul li a {
 		color: #000;
 		padding: 7px;
 		display: block;
 		padding-left: 22px !important
 	}

 	header .main-menu .nav-bar .header-category-wrap {
 		width: 100%;
 		background: #fff;
 		position: absolute;
 		top: 0;
 		left: 0
 	}

 	.side-menu-footer p {
 		margin-bottom: 10px
 	}

 	.side-menu-footer img {
 		margin: auto
 	}

 	.menu-overly.ovshow {
 		width: 100%;
 		background: #0003;
 		position: fixed;
 		z-index: 9999;
 		top: 0;
 		left: 0;
 		height: 100vh
 	}

 	.main-menu {
 		display: block !important
 	}
 }

 @media(max-width:767px) {
 	header .upper-header {
 		display: none
 	}

 	header {
 		border: none
 	}

 	header .top-header .top-menu ul,
 	.nav-menu,
 	.category-side,
 	.wrap {
 		display: none
 	}

 	.mobile-search {
 		display: block !important;
 		text-align: right;
 		font-size: 25px
 	}

 	.advance-search .search-box {
 		margin: 0 !important
 	}

 	.search-box {
 		width: 100%;
 		display: block !important;
 		margin-top: 10px
 	}

 	header .top-header .top-menu ul li:last-child a {
 		border: none;
 		padding: 0
 	}

 	header .top-header .top-menu ul li:last-child a:hover {
 		background: none;
 		border: none
 	}

 	header .top-header .top-menu ul li:nth-last-of-type(2) {
 		margin: 0
 	}

 	.search-box input {
 		border: 2px solid var(--primary_color)
 	}

 	.search-box input:focus-visible {
 		border-bottom: 2px solid var(--primary_color)
 	}

 	.top-header {
 		background: #fff !important
 	}

 	.logo-area {
 		flex: 1
 	}

 	header .top-header .logo-area img {
 		width: 70px
 	}

 	.mobi-comp ul {
 		display: block !important
 	}

 	.mobi-comp {
 		display: block !important
 	}
 }

 @media(max-width:450px) {
 	header .search-box button {
 		width: 40px
 	}
 }

 .pagination nav div:first-child {
 	display: none !important
 }

 .timeline-cover {
 	height: 330px;
 	width: 100%;
 	position: fixed;
 	z-index: 1;
 	top: 0;
 	background-position: center center;
 	background-size: cover;
 	margin-top: 50px
 }

 .timeline-cover .overlay {
 	opacity: .8
 }

 .timeline-cover .content {
 	z-index: 10
 }

 .timeline-body {
 	position: relative;
 	padding-top: 5px;
 	z-index: 2;
 	padding-bottom: 10px;
 	box-shadow: none !important
 }

 .timeline-header {
 	height: 55px;
 	border-bottom: solid 1px rgba(255, 255, 255, 0.5)
 }

 .timeline-header .back-button {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 50px;
 	height: 50px;
 	text-align: center;
 	line-height: 50px;
 	font-size: 16px;
 	color: #FFF;
 	z-index: 11
 }

 .timeline-header .menu-icon {
 	position: absolute;
 	top: 2px;
 	right: 0;
 	width: 50px;
 	height: 50px;
 	text-align: center;
 	line-height: 50px;
 	font-size: 16px;
 	color: #FFF;
 	z-index: 11
 }

 .timeline-header .menu-icon em {
 	background-color: #FFF
 }

 .timeline-logo {
 	background-position: center;
 	background-repeat: no-repeat;
 	position: absolute;
 	z-index: 10;
 	width: 100%
 }

 .timeline-deco {
 	background-color: rgba(0, 0, 0, 0.08);
 	position: absolute;
 	top: 0;
 	z-index: 0;
 	bottom: 0;
 	left: 43px;
 	width: 1px
 }

 .timeline-item-content,
 .timeline-item-content-full {
 	border: solid 1px rgba(0, 0, 0, 0.1);
 	background-color: #FFF;
 	margin: 0 15px 30px 90px;
 	padding: 20px 15px;
 	border-radius: 5px
 }

 .menu-overly2.ovshow {
 	width: 100%;
 	background: #0003;
 	position: fixed;
 	z-index: 9999;
 	top: 0;
 	left: 0;
 	height: 100vh
 }

 .timeline-item {
 	position: relative;
 	z-index: 2
 }

 .timeline-item-content-full {
 	padding: 0
 }

 .timeline-item-content-full h5 {
 	padding: 5px 15px 15px
 }

 .timeline-item .timeline-icon {
 	position: absolute;
 	width: 45px;
 	height: 45px;
 	left: 21px;
 	line-height: 45px;
 	border-radius: 45px;
 	top: 25px;
 	font-size: 18px;
 	text-align: center
 }

 .bg-highlight,
 .page-item.active a {
 	background-color: #DA4453 !important
 }

 .bg-blue2-dark {
 	background-color: #4A89DC !important;
 	color: #FFF !important
 }

 .bg-teal-dark {
 	background-color: #7DB1B1 !important;
 	color: #FFF !important
 }

 .bg-brown1-dark {
 	background-color: #AA8E69 !important;
 	color: #FFF !important
 }

 .bg-green1-dark {
 	background-color: #8CC152 !important;
 	color: #FFF !important
 }

 .product-page>.title {
 	display: none
 }

 .mo-f-category {
 	display: none
 }

 .cback {
 	display: none
 }

 @media(max-width:550px) {
 	.cback {
 		display: block
 	}

 	.mo-f-category {
 		display: block
 	}

 	.main-menu {
 		width: 100% !important;
 		left: -100%
 	}

 	.menu-show {
 		left: 0 !important
 	}

 	header .main-menu .nav-bar .header-category-menu ul li a img {
 		width: 45px !important;
 		height: 45px !important;
 	}

 	header .main-menu .nav-bar .header-category-menu ul li a {
 		padding: 5px !important
 	}

 	.f-li .aroow2 {
 		display: none
 	}

 	.header-category-menu {
 		width: 90px !important;
 		text-align: center
 	}

 	header .main-menu .nav-bar .header-category-menu,
 	ul li {
 		position: initial !important
 	}

 	ul li ul {
 		position: absolute !important;
 		top: 0 !important;
 		width: 80% !important;
 		background: transparent !important;
 		left: 90px !important;
 		z-index: 99;
 		display: none;
 		text-align: left;
 	}

 	.submenu ul {
 		position: relative !important;
 		background: #dcdcdc4d !important;
 		width: 100% !important;
 		left: 0 !important
 	}

 	header .main-menu .f-li ul li {
 		background: #fff;
 		text-decoration: none;
 		border-top: 1px solid gainsboro;
 	}

 	header .main-menu .f-li ul.pro li img {
 		width: 30px !important;
 		height: 30px !important;
 	}

 	header .main-menu .nav-bar .header-category-menu ul li ul li a {
 		line-height: 13px;
 		border: none !important
 	}

 	.header-category-wrap {
 		background: white;
 	}

 	ul li ul li ul {
 		top: 0;
 		left: 0 !important;
 		width: 100% !important;
 		background: #fff !important;
 		position: relative !important;
 	}

 	ul li.active {
 		background: #f1f1f1 !important
 	}

 	.back {
 		display: block;
 		padding: 10px 29px;
 		background: #4b6cb7;
 		background: -webkit-linear-gradient(to right, var(--primary_color), #812cd0);
 		background: linear-gradient(to right, var(--primary_color), #812cd0);
 		color: #fff;
 		cursor: pointer
 	}
 }

 @media(max-width:450px) {
 	header .main-menu .f-li ul li {}
 }

 @media(max-width:350px) {
 	header .main-menu .f-li ul li {}
 }

 .load {
 	font-family: '@microsoft yahei light', sans-serif;
 	overflow: hidden;
 	background: #fff;
 	padding: 10px;
 	height: 330px;
 	margin: 0 5px;
 	margin-bottom: 0;
 	margin-bottom: 0;
 	border: none;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 	border-radius: 5px;
 	margin-bottom: 10px
 }

 .covera {
 	text-align: center;
 	display: block;
 	width: 100%;
 	height: 180px;
 	overflow: hidden
 }

 .covera img {
 	display: block;
 	width: 100%;
 	opacity: .95
 }

 .animate {
 	animation: animate 1s ease
 }

 @keyframes animate {
 	from {
 		transform: rotateX(20deg);
 		opacity: 0
 	}

 	to {
 		transform: rotateX(0deg);
 		opacity: 1
 	}
 }

 .contenta {
 	position: relative;
 	color: #333;
 	margin-top: 8px
 }

 .contenta small {
 	display: block;
 	margin: 8px 0;
 	color: grey
 }

 .skeletona {
 	background: linear-gradient(90deg, hsl(210, 15%, 88%), hsl(210, 15%, 95%), hsl(210, 15%, 88%));
 	background-size: 200%;
 	animation: loader 1s infinite reverse
 }

 h2.skeletona {
 	width: 100%;
 	height: 1em
 }

 small.skeletona {
 	height: 1rem;
 	width: 70%
 }

 small.skeletona2 {
 	height: 1rem;
 	width: 50%
 }

 p.skeletona {
 	height: 2.7em;
 	padding: 4px 22px;
 	border-radius: 5px;
 	margin: 0 2px;
 	margin-top: 0;
 	margin-top: 7px;
 	display: inline-block
 }

 .point {
 	position: relative;
 	color: white;
 	padding: 3px 12px;
 	margin-top: 0;
 	border-radius: 5px;
 	width: 100%;
 	background: var(--primary_color);
 	text-align: left
 }

 @keyframes loader {
 	from {
 		background-position: -100% 0
 	}

 	to {
 		background-position: 100% 0
 	}
 }

 .massanger .chat {
 	margin-top: auto;
 	margin-bottom: auto
 }

 .massanger .card {
 	height: 62vh;
 	border-radius: 0;
 	padding-top: 0;
 	box-shadow: none
 }

 .massanger .contacts_body {
 	padding: .75rem 0 !important;
 	overflow-y: auto;
 	white-space: nowrap
 }

 .massanger .msg_card_body {
 	overflow-y: auto
 }

 .massanger .card-header {
 	border-radius: 15px 15px 0 0 !important;
 	border-bottom: 0 !important;
 	background: #045bb9d6
 }

 .massanger .card-footer {
 	border-radius: 0 0 15px 15px !important;
 	border-top: 0 !important
 }

 .massanger .container {
 	align-content: center
 }

 .massanger .search {
 	border-radius: 15px 0 0 15px !important;
 	border: 0 !important;
 	color: #fff !important;
 	box-shadow: inset 0 1px 10px 0 rgba(85, 85, 85, 0.2);
 	background: #f1f1f1
 }

 .massanger .search:focus {
 	box-shadow: none !important;
 	outline: 0 !important
 }

 .massanger .type_msg {
 	border: 1px solid #dcdcdc;
 	color: #000;
 	height: 60px !important;
 	overflow-y: auto
 }

 .massanger .type_msg:focus {
 	box-shadow: none !important;
 	outline: 0 !important;
 	color: #000 !important
 }

 .massanger .attach_btn {
 	border-radius: 15px 0 0 15px !important;
 	background-color: #1ca4b9 !important;
 	border: 0 !important;
 	color: #fff !important;
 	cursor: pointer
 }

 .massanger .send_btn {
 	border-radius: 0 15px 15px 0 !important;
 	background-color: #1ca4b9 !important;
 	border: 0 !important;
 	color: #fff !important;
 	cursor: pointer
 }

 .massanger .search_btn {
 	border-radius: 0 15px 15px 0 !important;
 	background-color: rgba(0, 0, 0, 0.3) !important;
 	border: 0 !important;
 	color: #fff !important;
 	cursor: pointer
 }

 .massanger .contacts {
 	list-style: none;
 	padding: 0
 }

 .massanger .contacts li {
 	width: 100% !important;
 	padding: 10px;
 	margin-bottom: 15px !important;
 	border-bottom: 1px solid #dcdcdc;
 	margin-bottom: 0 !important;
 	cursor: pointer
 }

 .massanger .active {
 	background-color: rgba(0, 0, 0, 0.3)
 }

 .massanger .user_img {
 	height: 70px;
 	width: 70px;
 	border: 1.5px solid #f5f6fa
 }

 .massanger .user_img_msg {
 	height: 40px;
 	width: 40px;
 	border: 1.5px solid #f5f6fa
 }

 .massanger .img_cont {
 	position: relative;
 	height: 70px;
 	width: 70px
 }

 .massanger .img_cont_msg {
 	height: 40px;
 	width: 40px
 }

 .massanger .online_icon {
 	position: absolute;
 	height: 15px;
 	width: 15px;
 	background-color: #4cd137;
 	border-radius: 50%;
 	bottom: .2em;
 	right: .4em;
 	border: 1.5px solid #fff
 }

 .massanger .offline {
 	background-color: #c23616 !important
 }

 .massanger .user_info {
 	margin-top: auto;
 	margin-bottom: auto;
 	margin-left: 15px
 }

 .massanger .user_info span {
 	font-size: 20px;
 	color: #222
 }

 .massanger .user_info p {
 	font-size: 10px;
 	color: #333
 }

 .massanger .video_cam {
 	margin-left: 50px;
 	margin-top: 5px
 }

 .massanger .video_cam span {
 	color: #fff;
 	font-size: 20px;
 	cursor: pointer;
 	margin-right: 20px
 }

 .massanger .msg_cotainer {
 	margin-top: auto;
 	margin-bottom: auto;
 	margin-left: 10px;
 	border-radius: 25px;
 	background-color: #82ccdd;
 	padding: 0 10px;
 	position: relative
 }

 .massanger .msg_cotainer_send {
 	margin-top: auto;
 	margin-bottom: auto;
 	margin-right: 10px;
 	border-radius: 25px;
 	background-color: #78e08f;
 	padding: 10px;
 	position: relative
 }

 .massanger .msg_time {
 	position: absolute;
 	left: 0;
 	bottom: -15px;
 	font-size: 10px
 }

 .massanger .msg_time {
 	position: absolute !important;
 	right: 0 !important;
 	bottom: -15px !important;
 	font-size: 10px !important;
 	width: 120px !important;
 	text-align: right !important;
 	left: inherit
 }

 .msg_time_send {
 	position: absolute;
 	right: 0;
 	bottom: -15px;
 	color: rgba(255, 255, 255, 0.5);
 	font-size: 10px
 }

 .massanger .msg_head {
 	position: relative
 }

 .massanger #action_menu_btn {
 	position: absolute;
 	right: 10px;
 	top: 10px;
 	color: #fff;
 	cursor: pointer;
 	font-size: 20px
 }

 .massanger .action_menu {
 	z-index: 1;
 	position: absolute;
 	padding: 15px 0;
 	background-color: rgba(0, 0, 0, 0.5);
 	color: #fff;
 	border-radius: 15px;
 	top: 30px;
 	right: 15px;
 	display: none
 }

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

 .massanger .action_menu ul li {
 	width: 100%;
 	padding: 10px 15px;
 	margin-bottom: 5px
 }

 .massanger .action_menu ul li i {
 	padding-right: 10px
 }

 .massanger .action_menu ul li:hover {
 	cursor: pointer;
 	background-color: rgba(0, 0, 0, 0.2)
 }

 @media(max-width: 576px) {
 	.massanger .contacts_card {
 		margin-bottom: 15px !important
 	}
 }

 .ends {
 	background: var(--primary_color);
 	color: #fff;
 	padding: 0 10px;
 	border-radius: 5px
 }

 @media(max-width:767px) {
 	.footer-menu {
 		display: block !important
 	}

 	header .upper-header {
 		display: none
 	}

 	.search-box {
 		width: initial !important;
 		display: block !important;
 		margin-top: 0 !important
 	}

 	header {
 		border: none
 	}

 	header .top-header .top-menu ul,
 	.nav-menu,
 	.category-side,
 	.wrap {
 		display: none !important
 	}

 	.mobile-search {
 		display: block !important;
 		text-align: right;
 		font-size: 25px
 	}

 	.logo-area,
 	.search-box {
 		flex: 1 1 auto;
 		display: block !important
 	}

 	.search-box input {
 		border: 2px solid var(--primary_color)
 	}

 	.search-box input:focus-visible {
 		border-bottom: 2px solid var(--primary_color)
 	}

 	.logo-area {
 		text-align: center;
 		display: none !important
 	}

 	#search-box-open form {
 		display: none
 	}

 	.logo-area {
 		display: block !important;
 		text-align: center
 	}

 	.logo-area img {
 		margin: auto
 	}

 	.other-search {
 		display: block !important;
 		color: #000;
 		font-size: 25px;
 		cursor: pointer
 	}

 	.search-box {
 		flex: none !important;
 		width: 40px
 	}
 }

 .header-category-nav .hero-area {
 	position: absolute;
 	left: 0;
 	right: 0;
 	z-index: 9;
 	width: 245px;
 	top: 47px;
 	display: none
 }

 .header-category-nav:hover .hero-area {
 	display: block
 }

 .header-category-nav .components-bg-wo {
 	display: none
 }

 .header-category-nav .category-side {
 	width: 100% !important;
 	max-width: 100%;
 	flex: 100%
 }

 .dis-label {
 	font-size: 12px;
 	color: white !important;
 	position: absolute;
 	top: -5px;
 	right: 0;
 	background: #ec0313;
 	color: #fff;
 	padding: 2px 5px;
 	border-radius: 5px;
 	box-shadow: 0 2px 3px #00000073
 }

 .hero-2 a,
 .sub-slider a {
 	position: relative;
 	display: block;
 	overflow: hidden;
 }

 .hero-2 a:before,
 .sub-slider a:before {
 	position: absolute;
 	content: "";
 	background: rgba(255, 255, 255, 0.4);
 	z-index: 999;
 	left: 110%;
 	top: -15px;
 	height: 100%;
 	width: 130%;
 	-webkit-transform: rotate(55deg);
 	-moz-transform: rotate(55deg);
 	-ms-transform: rotate(55deg);
 	-o-transform: rotate(55deg);
 	transform: rotate(55deg);
 	-webkit-transition: 0.6s;
 	-moz-transition: 0.6s;
 	-o-transition: 0.6s;
 	transition: 0.6s;
 }

 .rating1,
 .rating {
 	color: #f90;
 	text-align: left !important;
 	font-size: 13px;
 }

 .shp-lc-4 a {
 	padding: 10px;
 	background: #3fa261;
 	display: block;
 	color: white;
 }

 .hero-2 a:hover:before,
 .sub-slider a:hover:before {
 	left: -130%;
 	top: 10px;
 }

 @media(max-width: 600px) {
 	.vendor-profile .vendor .vendor-cover img {
 		height: auto;
 	}

 	.vendor-profile .vendor .vendor-profile img {
 		width: 100px;
 		height: 100px;
 		margin: auto;
 	}
 }

 @media(max-width: 850px) {
 	.shop-brand.shop-category .cat-row .cat-item:last-child {
 		display: none;
 	}
 }

 @media(max-width: 1308px) {
 	.sub-slider {
 		flex: 15%;
 		padding: 0;
 	}
 }

 @media(max-width: 1185px) {
 	.sub-slider {
 		flex: 14%;
 	}
 }

 @media(max-width: 1123px) {
 	.sub-slider {
 		flex: 13%;
 	}
 }

 @media(max-width: 1065px) {
 	.sub-slider {
 		flex: 12%;
 	}
 }

 @media(max-width: 1014px) {
 	.sub-slider {
 		flex: 11%;
 	}
 }

 @media(max-width:500px) {
 	.slick-next {
 		right: 0px;
 	}

 	.slick-prev {
 		left: 0px;
 	}

 	.products,
 	.malls {
 		padding: 0px 10px !important;
 	}

 	.title,
 	.title a {
 		font-size: 13px !important;
 	}

 	.ends {
 		font-size: 14px !important;
 	}
 }

 .footer-item .title {
 	border: none;
 }

 .footer-item .title span {
 	border: none;
 }

 .product-wrapper:hover .cbtn {
 	transition: all 0.3s;
 	display: block;
 }

 .product-wrapper:hover .home-add2 {
 	transition: all 0.3s;
 	border: none;
 	padding: 0;
 	margin: 0;
 }

 .title span {
 	font-size: 17px;
 	color: black;

 }

 .product-wrapper.list-comp:hover .rating1 {
 	display: block !important;
 }

 .list-card {
 	display: flex;
 	align-items: center;
 }

 .under-menu li a {
 	flex: 1;
 	text-align: center;
 	background: #646464;
 	color: white;
 	padding: 9px 5px;
 	border-bottom: 2px solid white;
 	display: block;
 }

 .under-menu li {
 	flex: 1;
 	text-align: center;
 }

 .under-menu li a.active {
 	border-bottom: 2px solid var(--primary_color);
 }

 .dasboard i {
 	color: var(--primary_color);
 }

 @media(max-width:991px) {
 	.sub-slider {
 		display: none;
 	}
 }

 .under-menu li a:hover {
 	border-bottom: 2px solid var(--primary_color);
 }

 .btn-primary {
 	background: var(--primary_color) !important;
 }

 .single-right-left {
 	position: relative;
 }

 .single-right-left table {
 	background: #f6f6f6;
 	right: 15px;
 	width: auto;
 }

 .single-right-left .table td {
 	padding: 5px;
 }

 .autoplay .product .product-wrapper .details,
 .autoplay .product .product-wrapper .home-add2 {
 	padding: 0px 15px;
 }

 .products .product .product-wrapper .details,
 .products .product .product-wrapper .home-add2 {
 	padding: 0px 10px;
 }

 @media(max-width:676px) {
 	.single-right-left table {
 		position: initial;
 		width: 100%;
 	}
 }

 @media(max-width:450px) {
 	.products .product .thumbnail {
 		height: 170px;
 	}

 	.autoplay .product .product-wrapper {
 		height: 330px !important;
 	}
 }

 .dvts ul {
 	margin: 0;
 }

 ul {
 	margin: 0 !important;
 }

 .home-add2 {
 	display: none;
 	transition: all 0.4s;
 }

 .details {
 	padding-top: 25px !important;
 	transition: all 0.4s;
 }

 .product:hover .home-add2 {
 	transition: all 0.4s;
 	display: block !important;
 }

 #grid-view .product:hover .details {
 	transition: all 0.4s;
 	padding-top: 0 !important;
 }

 .products .product .product-wrapper h5 {
 	color: #555;
 }

 header .main-menu .nav-bar .nav-menus ul li a:hover,
 header .main-menu .nav-bar .nav-menus ul li ul li a,
 .footer-mobile-menu ul li a:hover {
 	color: var(--optional_bg_color_text) !important;
 	background: var(--optional_color) !important
 }

 /* Fix for vertical menu dots */
 .hero-categories ul,
 .header-category-menu ul {
 	list-style: none !important;
 }

 .upper-header {
 	background: #dcdcdc70;
 	border-bottom: 1px solid #dcdcdc4a;
 }

 header .upper-header .dvts ul li {
 	font-size: 15px;
 }

 .products .product .product-wrapper h6 del {
 	color: #555;
 	font-size: 12px;
 }

 .lc-4 button {
 	border: none;
 	padding: 10px;
 	background: none;
 }

 .lc-4 {
 	padding-left: 10px;
 	border-bottom: 1px solid gainsboro;
 }

 .lc-4 button[aria-expanded="true"] {
 	border: 1px solid gainsboro;
 	border-radius: 5px 5px 0px 0px;
 	border-top: 3px solid #33c24d;
 	color: #33c24d;
 	border-bottom: 2px solid white;
 	position: relative;
 	bottom: -2px
 }

 @media (max-width: 991px) {
 	header.not-home .main-menu .nav-bar .header-category-menu {
 		margin-bottom: 100px
 	}
 }

 @media(max-width:500px) {
 	.products #list-view .thumbnail {
 		height: auto !important;
 	}
 }

 .list-comp .thumbnail {
 	margin-top: 25px;
 }

 @media(max-width:767px) {
 	.list-comp .details a {
 		height: 86px !important
 	}

 	.list-comp .details a h4 {
 		line-height: 24px;
 	}

 	.list-comp .thumbnail {
 		margin-top: 0px;
 	}
 }