@import url(new.css);

:root
{
	--p-cc-1   : #445e51;
	--p-ac-1   : 68 94 81;
	--p-cc-2   : #e9cd86;
	
	--p-cc-2-m1: #e3cd7d;
	--p-cc-2-m2: #d3ba7b;
	
	--s-cc-1   : #374f43;
	--s-cc-2   : #607b6c;
	--s-cc-3   : #5c7b6c;
	--s-cc-4   : #914b5a;
	
	--a-cc-d   : #702f42;
	--a-cc-g   : #53a551;
	--a-cc-w   : #f6c344;
	--a-cc-i   : #4ba0b5;
	
	--l-cc-0   : #fff;
	--l-cc-1   : #f0f0f0;
	--l-cc-2   : #ccc;
	--l-cc-3   : #c4ddc7;
	--l-cc-4   : #d9d9d9;
	--l-cc-5   : #f5f5f5;
	
	--d-cc-0   : #000;
	--d-cc-1   : #333;
	--d-ac-1   : 51 51 51;
	--d-cc-2   : #777;
	--d-cc-3   : #999;
	--d-cc-4   : #3e5448;
	
	--K-8-10   : clamp(8px, 8px + (10 - 8) * (100vw - 731.6px) / (1523 - 731.6), 10px);
	--S-5-10   : clamp(5px, 5px + (10 - 5) * (100vw - 731.6px) / (1523 - 731.6), 10px);
	--L-2-10   : clamp(2px, 2px + (10 - 2) * (100vw - 731.6px) / (1523 - 731.6), 10px);
	--D-0-10   : clamp(0px, 0px + (10 - 0) * (100vw - 731.6px) / (1523 - 731.6), 10px);
	
	--k-gap-12 : calc(var(--K-8-10) * 1.2);
	--k-gap-14 : calc(var(--K-8-10) * 1.4);
	--k-gap-16 : calc(var(--K-8-10) * 1.6);
	--k-gap-18 : calc(var(--K-8-10) * 1.8);
	--s-gap-15 : calc(var(--S-5-10) * 1.5);
	--s-gap-26 : calc(var(--S-5-10) * 2.6);
	--s-gap-30 : calc(var(--S-5-10) * 3.0);
	--k-gap-40 : calc(var(--K-8-10) * 4.0);
	--k-gap-45 : calc(var(--K-8-10) * 4.5);
	
	--k-gap-80 : calc(var(--K-8-10) * 8.0);
}

body
{
	color            : var(--d-cc-0);
	background-color : var(--l-cc-1);
	font-family      : "Poppins", sans-serif;
	font-size        : 13px;
	font-weight      : 400;
	line-height      : 26px;
	letter-spacing   : 0.7px;
	margin           : 0 !important;
	padding          : 0 !important;
}

/* .btn-primary */
/* { */

	/* 	background-color : var(--p-cc-1); */
	/* 	border           : 1px solid var(--p-cc-1); */
	/* } */
	/* .btn-primary:is(:hover, :focus, :acive, .active) */
	/* { */
	/* 	background-color : var(--p-cc-2); */
	/* 	border           : 1px solid var(--p-cc-2); */
	/* } */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active
{
	background-color : var(--p-cc-2);
	border           : 1px solid var(--p-cc-2);
}

a[href]:not([class*="btn-"]):not(.active):not(.unusual):not(.item-active):not(.selected):not(.quickbox):hover
{
	color : var(--p-cc-2) !important;
}

:where(
	.btn-default,
	.btn-info
)
{
	--color          : var(--d-cc-0);
	--color-h        : var(--l-cc-0);
	--bgc            : #ccc;
	--bgc-h          : var(--p-cc-1);
	--bdc            : #ccc;
	--bdc-h          : var(--bgc-h);
	
	color            : var(--color) !important;
	background-color : var(--bgc) !important;
	border-color     : var(--bdc) !important;
}

:where(
	.btn-default,
	.btn-info
):where(:hover,:focus)
{
	color            : var(--color-h) !important;
	background-color : var(--bgc-h) !important;
	border-color     : var(--bdc-h) !important;
}

.input-group.date
{
	line-height : 24px;
}

.input-group-btn:last-child > .btn:not(:hover)
{
	background-color : var(--l-cc-2);
	border           : 1px solid var(--l-cc-2);
}

.input-group-btn:last-child > .btn:hover
{
	background-color : var(--p-cc-1);
	border           : 1px solid var(--p-cc-1);
}

:focus
{
	outline : none !important;
}

h1, h2, h3, h4, h5, h6
{
	color : var(--p-cc-1);
}

/* default font size */
.fa
{
	font-size : 14px;
}

.fa-stack
{
	width     : 12px;
	font-size : 8px;
}

.fa-stack .fa
{
	font-size : 13px;
}

/* Override the bootstrap defaults */
h1
{
	font-size : 33px;
}

h2
{
	font-size : 27px
}

h3
{
	font-size : 21px;
}

h4
{
	font-size : 15px;
}

h5
{
	font-size : 12px;
}

h6
{
	font-size : 10.2px;
}

a
{
	color : var(--d-cc-0);
}

a:hover
{
	text-decoration : none;
}

legend
{
	font-size : var(--k-gap-18);
	padding   : 7px 0px
}

label
{
	font-size   : var(--k-gap-14);
	font-weight : 500;
	color       : var(--d-cc-0);
}

h1, h2, h3, h4, h5, h6
{
	color : var(--d-cc-0);
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control
{
	font-size : var(--k-gap-14);
}

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover
{
	font-size : 13px;
}

.input-group .input-group-addon
{
	font-size : 13px;
	height    : 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg
{
	display : inline-block !important;
}

.nav-tabs
{
	margin-bottom : 15px;
}

div.required .control-label:before
{
	content     : "* ";
	color       : var(--a-cc-d);
	font-weight : bold;
}

/* Gradent to all drop down menus */
.dropdown-menu li > a:hover
{
	text-decoration : none;
	color           : var(--p-cc-2);
}

/* top */
#top
{
	color       : var(--l-cc-0);
	font-size   : 12px;
	font-weight : 400;
	min-height  : 35px;
	line-height : 20px;
	background  : var(--d-cc-4);
}

#top #cznavcmsblock
{
	display : inline-block;
	float   : left;
	padding : 12px 0px;
}

#top-links span
{
	text-transform : capitalize;
}

#form-currency .currency-select
{
	text-align      : left;
	width           : 100%;
	text-decoration : none;
}

#form-currency .currency-select:hover
{
	text-shadow      : none;
	color            : var(--p-cc-2);
	background-color : var(--l-cc-0);
}

#form-language .dropdown-menu,
#form-currency .dropdown-menu
{
	margin             : 0px 0px;
	padding            : 7px 7px;
	left               : auto;
	right              : 0;
	top                : 44px;
	border             : 1px solid var(--l-cc-2);
	-moz-box-shadow    : 0px 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow : 0px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow         : 0px 2px 5px rgba(0, 0, 0, 0.1);
}

#form-language .dropdown-menu .btn,
#form-currency .dropdown-menu .btn
{
	font-size  : 12px;
	padding    : 5px 8px;
	display    : block;
	color      : var(--d-cc-0);
	float      : left;
	width      : 100%;
	margin     : 0;
	text-align : left;
}

#form-language .dropdown-menu > li > .btn:hover,
#form-currency .dropdown-menu .btn:hover,
#form-language .dropdown-menu > li > .btn:focus,
#form-currency .dropdown-menu .btn:focus
{
	background      : var(--l-cc-0);
	color           : var(--p-cc-2);
	text-decoration : none;
}

header
{
	background-color : var(--p-cc-1);
	color            : var(--l-cc-0);
}

header .btn-link, header li, header a
{
	text-decoration : none;
	
}

header li
{
	list-style : none;
}

/* header cms start*/

.headertopright
{
	float    : right;
	position : relative;
	z-index  : 999;
}

#form-language img
{
	vertical-align : inherit;
	padding-right  : 3px;
}

#top-links li, .header-search li
{
	padding    : 0;
	list-style : none
}

header .btn-link:hover, header .btn-link:focus, #top-links a:hover, #top-links a:focus
{
	color           : var(--p-cc-2);
	background      : none;
	text-decoration : none
}

#top-links .dropdown-menu a
{
	text-shadow : none;
}

#top-links .dropdown-menu a:hover, #top-links .dropdown-menu a:focus
{
	color      : var(--p-cc-2);
	background : var(--l-cc-0);
}

#top .btn-link strong
{
	font-weight : normal;
}

#top-links
{
	padding : 0;
	display : inline-block;
	float   : right;
}

#top-links a + a
{
	margin-left : 15px;
}

#top-links ul.list-inline
{
	float        : left;
	margin-top   : 2px;
	margin-right : 5px;
}

#top-links ul.list-inline li
{
	padding     : 0 15px 0 8px;
	font-weight : 300
}

.lang-curr
{
	float   : left;
	display : inline-block;
}

.lang-curr .fa
{
	padding-left : 3px;
}

.fa-caret-down
{
	vertical-align : middle;
	color          : var(--l-cc-3);
	margin         : 0 0 0 2px;
}

input[type="radio"],
input[type="checkbox"]
{
	accent-color : var(--p-cc-1);
}

input[type="radio"]:checked,
input[type="checkbox"]:checked
{
	accent-color : var(--p-cc-2);
}

#form-currency .btn-link, #form-language .btn-link
{
	padding         : 0;
	margin          : 0;
	white-space     : nowrap;
	float           : right;
	font-size       : 12px;
	font-weight     : 400;
	letter-spacing  : .7px;
	line-height     : initial;
	text-transform  : capitalize;
	position        : relative;
	color           : var(--l-cc-0);
	text-decoration : none;
}

#form-language .btn-link
{
	padding : 11px 20px 11px;
}

#form-currency .btn-link
{
	padding : 11px 0 11px 10px;
}

#form-language .btn-link.dropdown-toggle
{
	position : relative;
}

#form-currency .btn-link:hover,
#form-language .btn-link:hover,
.headertopright .text2 a:hover
{
	color           : var(--p-cc-2);
	text-decoration : none;
}

#form-currency .btn-link strong
{
	font-weight : normal;
}

.dropdown.myaccount a
{
	color : var(--d-cc-0);
}

.dropdown.myaccount .fa
{
	padding-left : 7px;
	font-size    : 16px;
}

.dropdown.myaccount svg
{
	fill : currentColor;
}

.dropdown.myaccount
{
	float  : right;
	margin : 45px 30px 0px;
}

.dropdown.myaccount:hover
{
	
	background-position : 0 -29px;
}

/* .dropdown.myaccount:hover a, */
/* .dropdown.myaccount:hover svg .st0 */
/* { */
/* 	color : var(--p-cc-2); */
/* 	fill  : var(--p-cc-2); */
/* } */

.control-label{
	font-weight: 600 !important;
	margin-bottom: 5px;
	span, .ro_price_live{
		color: var(--d-cc-4);
	}
	p{
		margin-bottom: 0 !important;
		display: inline;
	}
}

.dropdown.myaccount .myaccount-menu
{
	margin-top         : 0;
	top                : 75px;
	min-width          : 200px;
	padding            : 7px;
	border-color       : #f0f0f0;
	background         : var(--l-cc-0);
	-moz-box-shadow    : 0px 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow : 0px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow         : 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.dropdown.myaccount .myaccount-menu li a
{
	font-size          : 12px;
	line-height        : initial;
	text-transform     : capitalize;
	padding            : 6px 10px;
	display            : block;
	color              : var(--d-cc-0);
	float              : left;
	width              : 100%;
	margin             : 0;
	text-align         : left;
	-webkit-transition : all 0.3s ease;
	-moz-transition    : all 0.3s ease;
	-o-transition      : all 0.3s ease;
	transition         : all 0.3s ease;
}

.dropdown.myaccount .myaccount-menu li a:hover
{
	color      : var(--p-cc-2);
	background : var(--l-cc-0);
}

/* logo */
.header-logo
{
	float      : left;
	display    : inline-block;
	text-align : center;
	padding    : 8px 0 12px;
}

.header-search
{
	float : left;
}

.header-cart
{
	text-align : center;
	position   : relative;
	float      : right;
	width      : auto;
	z-index    : 100;
	isolation  : isolate;
	padding    : 45px 22px 0px 0;
}

.header-main
{
	display    : block;
	float      : left;
	position   : relative;
	width      : 100%;
	text-align : center;
}

header
{
	z-index  : 99;
	position : relative;
}

.col-sm-3.sort
{
	width   : 33.1%;
	padding : 0;
}

.searchbar .col-sm-3.sort
{
	padding : 0 15px;
	width   : 25%;
}

.headertopright .text2
{
	color   : #f5f5f5;
	display : inline-block;
}

.headertopright .text2 a
{
	color : #f5f5f5;
}

.headertopright .text2-dec
{
	display       : inline-block;
	padding-right : 5px;
}

.col-sm-3.sort select.form-control
{
	padding               : 10px 33px;
	height                : 40px;
	text-transform        : capitalize;
	background-color      : var(--l-cc-0);
	color                 : var(--d-cc-0);
	border                : none;
	overflow              : hidden;
	border-radius         : 20px 0 0 20px;
	-webkit-border-radius : 20px 0 0 20px;
	-moz-border-radius    : 20px 0 0 20px;
	-khtml-border-radius  : 20px 0 0 20px;
	left                  : 15px;
}

.head-right-bottom
{
	display       : inline-block;
	margin        : 0;
	width         : 73%;
	text-align    : right;
	float         : right;
	padding-right : 20px;
}

.header-logo #logo
{
	padding    : 0;
	text-align : center;
}

/* hedercmsblock */

.header-container .header-main #czheadercmsblock
{
	float      : left;
	text-align : left;
	margin     : 40px 0 40px;
	position   : relative;
	z-index    : 9;
}

.header-container .header-main #czheadercmsblock .header-cms
{
	padding-left : 42px;
	line-height  : 24px;
	background   : url(../image/codezeel/top-icon.png) no-repeat scroll 0px -2px transparent;
}

.header-container .header-main #czheadercmsblock .header-cms:hover
{
	background-position : 0 -61px;
}

.header-container .header-main #czheadercmsblock .header-cms .contact-info
{
	color       : var(--d-cc-0);
	font-size   : 14px;
	font-weight : 600;
	display     : inline-block;
}

.header-container .header-main #czheadercmsblock .header-cms:hover .contact-info
{
	color : var(--d-cc-0);
}

.header-container .header-main #czheadercmsblock .header-cms .shop-time
{
	font-size   : 13px;
	color       : var(--d-cc-0);
	line-height : 16px;
}

@media (max-width : 767px)
{
	.header-container .header-main #czheadercmsblock
	{
		display : none;
	}
}

/* search */
#search
{
	float   : right;
	z-index : 99;
	width   : auto;
	padding : 45px 0 0;
}

#search .search_toggle
{
	display            : none;
	position           : absolute;
	background         : var(--l-cc-0);
	z-index            : 9;
	width              : 300px;
	top                : 120px;
	right              : 0;
	-moz-box-shadow    : 0px 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow : 0px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow         : 0px 2px 5px rgba(0, 0, 0, 0.1);
}

#search .search_button
{
	display    : block;
	font-size  : 0;
	padding    : 0;
	text-align : center;
	cursor     : pointer;
	z-index    : 9;
	/* background : url(../image/codezeel/top-icon.png) no-repeat scroll center 3px; */
	height     : 25px;
	width      : 25px;
}

/* #search .search_button:active svg path, */
/* #search .search_button:focus svg path */
/* { */
/* 	fill: #fff; */
/* } */
.search_toggle .st0,
#search .search_button svg path
{
	transition : 200ms;
}


#search .search_button:hover
{
	background-position : center -59px;
}

#search .search_button.active
{
	background-position : center -373px;
}

#search .search_button.active:hover
{
	background-position : center -447px;
}

#searchbox
{
	position : relative;
}

#search .input-lg
{
	width          : 100%;
	padding        : 10px 40px 10px 12px;
	border         : 1px solid var(--d-cc-3);
	height         : 42px;
	background     : var(--l-cc-0);
	font-size      : 13px;
	font-weight    : 300;
	letter-spacing : 0.5px;
	color          : var(--d-cc-0);
}

#search .input-lg::placeholder
{
	color : var(--d-cc-2);
}

#search .btn-lg
{
	right                 : 0;
	padding               : 0;
	border                : 0;
	height                : 40px;
	/* background            : url(../image/codezeel/top-icon.png) no-repeat scroll center 10px #fff; */
	transition            : 350ms ease-in-out !important;
	background-blend-mode : exclusion;
	font-size             : 0;
	width                 : 40px;
	top                   : 1px;
	border-left           : 1px solid var(--d-cc-3);
	display               : grid;
	grid-template-columns : 100%;
	place-items           : center;
}

#search .btn-lg:not(:hover)
{

}

#search .search_toggle .input-group-btn
{
	display  : block;
	width    : auto;
	position : absolute;
	right    : 1px;
	height   : 42px;
}

#search .search_toggle .btn-lg .fa
{
	font-size : 0px;
	display   : none;
}

#search .btn-lg:hover
{
	background-position : center -52px;
	background-color    : transparent;
}

.show-result
{
	overflow : hidden;
}

.header-search .show-result > li
{
	margin-bottom : 10px;
	overflow      : hidden;
	position      : relative;
	width         : 100%;
}

.product-search #content > p
{
	margin-top : 10px;
}

header .dropdown.myaccount > a
{
	color          : var(--d-cc-0);
	display        : block;
	font-size      : 0px;
	text-transform : uppercase;
	cursor         : pointer;
	height         : 25px;
	width          : 25px;
	transition     : none;
	
	/* background     : url(../image/codezeel/top-icon.png) no-repeat scroll center -121px transparent; */
}

header .dropdown.myaccount > a:hover svg path
{
	color : var(--p-cc-2);
}

header .dropdown.myaccount > a:hover
{
	background-position : center -183px;
	color               : var(--p-cc-2);
}

header .dropdown.myaccount a .fa
{
	display : none;
}

header .dropdown.myaccount a:hover .fa,
header .dropdown.myaccount a:focus .fa
{
	transition : all 0.15s ease 0s;
}

.header-container
{
	height     : auto;
	width      : 100%;
	z-index    : 99;
	background : var(--p-cc-1);
}

.header-container .row
{
	margin : 0px;
}

.control-label.product-option-name-label{
	width: 100%;
}

.header-container.smaller
{
	z-index : 999;
}

.header-logo img
{
	max-width  : 100%;
	width      : auto;
	height     : 100px;
	text-align : center;
	display    : inline;
	transition : 150ms;
}

.header-container.fixed .header-logo img
{
	height : 55px;
}

.hed-right-top
{
	position   : relative;
	width      : 100%;
	transition : all 100ms linear 0s;
	
	margin     : 0px;
	opacity    : 1;
}

.header-cart #cart .dropdown-backdrop
{
	display : none !important;
}
.header-cart #cart .int-cart-btn-urgent,
.header-cart #cart .cart_heading
{
	cursor : pointer;
}

.header-cart #cart .cart_heading
{
	text-decoration : none;
	padding         : 0;
	color           : var(--d-cc-0);
	font-size       : 0;
	display         : block;
	text-align      : left;
	/* background      : url(../image/codezeel/top-icon.png) no-repeat scroll center -245px transparent; */
	transition      : none;
	width           : 25px;
	height          : 25px;
}
@media screen and (min-width: 932.35px)
{
	.header-cart #cart .cart_heading:hover svg path
	{
		fill : var(--p-cc-2);
	}
	.header-cart #cart .cart_heading:hover
	{
		color               : var(--d-cc-0);
		background-position : center -307px;
	}
}



.header-cart #cart > .btn.int-cart-btn-urgent
{
	background : var(--p-cc-2);
}
.header-cart #cart > .btn
{
	color                 : var(--d-cc-0);
	background            : var(--l-cc-0);
	line-height           : 18px;
	position              : absolute;
	min-width                 : 17px;
	height                : 17px;
	top                   : -10px;
	right: -10%;
	transform : translateX(50%);
	font-size             : 12px;
	font-weight           : 400;
	padding               : 0px 3px;
	text-transform        : lowercase;
	display               : block;
	border-radius         : 17px;
}

#cart > .btn .fa
{
	display : none
}

header #cart li a, header #cart li
{
	color : var(--d-cc-0);
}

#cart.open > .btn
{
	
	box-shadow         : none;
	-webkit-box-shadow : none;
	-moz-box-shadow    : none;
	text-shadow        : none;
}

#cart.open > .btn:hover
{

}

#cart .dropdown-menu
{
	width              : 330px;
	padding            : 10px;
	border             : 1px solid #f0f0f0;
	background         : var(--l-cc-0);
	overflow           : hidden;
	display            : none;
	margin-top         : 0px;
	top                : 74px;
	right              : 0px;
	-moz-box-shadow    : 0px 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow : 0px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow         : 0px 2px 5px rgba(0, 0, 0, 0.1);
}

#cart .dropdown-menu
{
	background : var(--l-cc-0);
	z-index    : 100;
	box-shadow : 4px 6px 5px -3px rgb(0 0 0 / 55%) !important;
}

#cart .dropdown-menu strong
{
	font-weight : 600;
	color       : var(--d-cc-0);
}

#cart .dropdown-menu li
{
	float : none
}

#cart .dropdown-menu li:first-child
{
	max-height : 126px;
	overflow-y : auto;
}

#cart .dropdown-menu li + li
{
	border-top : 1px solid var(--l-cc-2);
	padding    : 5px 0 0;
}

#cart .button-container
{
	width : auto;
	float : right;
}

#cart .dropdown-menu table
{
	margin-bottom : 10px;
	border        : none;
}

#cart .dropdown-menu table td
{
	border     : none;
	background : none;
	padding    : 5px 4px;
}

#cart .dropdown-menu table.total-table td
{
	border : medium none;
}

#cart .dropdown-menu li p
{
	margin    : 20px auto;
	color     : #333;
	font-size : 13px;
}

.content-bottom > .container
{
	width            : 100%;
	background-color : var(--l-cc-0);
}

.common-home .alert
{
	margin-bottom : 20px
}

/* menu */

.nav-responsive
{
	display : none;
}

.header-container.fixed
{
	position   : fixed;
	top        : 0px;
	background : var(--p-cc-1);
	width      : 100%;
	z-index    : 999;
	
	box-shadow : 0 4px 16px rgba(0, 0, 0, 0.15), 0 0 20px rgba(0, 0, 0, 0.3), 12px 12px 50px rgba(0, 0, 0, 0.4);;
	/* box-shadow : 0 0 20px rgba(0, 0, 0, 0.3), 12px 12px 50px rgba(0, 0, 0, 0.4); */
	/* animation  : slide-down 0.7s; */
	left       : 0;
	right      : 0;
}

@keyframes slide-down
{
	0%
	{
		transform : translateY(-100%);
	}
	100%
	{
		transform : translateY(0);
	}
}

.header-container .headertop-inner
{
	background-color : #252525;
}

.main-menu
{
	height                : auto;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-khtml-border-radius  : 0px;
	border-radius         : 0px;
	padding               : 0px;
	display               : none;
}

.main-menu ul
{
	list-style : none;
	margin     : 0;
	padding    : 0;
}

#menu ul li .megamenu ul.list-unstyled
{
	padding : 0px 20px 0px 0px;
}

#menu ul li .megamenu ul.list-unstyled:last-child
{
	padding-right : 0px;
}

#menu > ul
{
	display : block;
}

#menu ul
{
	display    : table-cell;
	float      : none;
	list-style : outside none none;
	margin     : 0;
	top        : auto;
}

.main-menu > ul > li
{
	position         : relative;
	float            : none;
	display          : inline-block;
	z-index          : 20;
	background-color : transparent;
}

.main-menu > ul > li:hover
{
	/* background: var(--d-cc-2)888;*/
}

.nav-responsive span,
.main-menu > ul > li > a
{
	font-size      : 14px;
	line-height    : 26px;
	font-weight    : 700;
	color          : var(--l-cc-2);
	display        : block;
	padding        : 20px 20px;
	margin-bottom  : 0px;
	z-index        : 6;
	position       : relative;
	text-transform : uppercase;
}

.main-menu > ul > li.top_level > a
{
	letter-spacing : 0.7px;
	margin         : 13px 0;
}

.main-menu > ul > li:last-child.top_level > a
{
	margin-right : 0px;
}

.main-menu ul > li > a, .hiden_menu li > a
{
	padding        : 35px 22px 35px;
	font-family    : "Poppins", sans-serif;
	padding        : 35px 15px 35px;
	font-family    : "Poppins", sans-serif;
	color          : var(--l-cc-0);
	display        : block;
	letter-spacing : 0.7px;
	text-transform : capitalize;
	position       : relative;
	width          : auto;
	font-size      : 14px;
	font-weight    : 400;
	line-height    : 24px;
}

.main-menu ul > li:last-child > a
{
	border : none
}

.main-menu a:hover
{
	text-decoration : none
}

.main-menu > ul > li:hover > a,
.main-menu > ul > li:hover > a.current
{
	color : var(--p-cc-2);
}

.main-menu ul > li.top_level.dropdown:hover > a,
.main-menu ul > li.top_level:hover > a
{
	color : var(--p-cc-2);
}

.main-menu > ul > li > ul, .responsive-menu .main-navigation
{
	background    : var(--l-cc-0) none repeat scroll 0 0;
	border-bottom : 1px solid var(--l-cc-2);
	border-left   : 1px solid var(--l-cc-2);
	border-right  : 1px solid var(--l-cc-2);
	border-top    : 1px solid var(--l-cc-2);
	display       : none;
	padding       : 5px;
	position      : absolute;
	z-index       : 5;
}

nav.nav-container .responsive-menu .main-navigation
{
	max-height : 280px;
	overflow   : auto;
}

.main-menu > ul > li:hover > ul
{
	display : block;
}

.main-menu > ul > li ul > li > ul
{
	display     : none;
	background  : #15bcf0;
	position    : absolute;
	z-index     : 5;
	padding     : 5px;
	margin-left : -13px;
}

.main-menu > ul > li ul > li:hover > ul
{
	display : block;
	top     : 0px;
	left    : 173px;
}

#menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown .dropdown-menu
{
	display  : none;
	left     : 200px;
	padding  : 15px 0;
	position : absolute;
	top      : 0;
	border   : 2px solid var(--l-cc-2);
}

.main-menu > ul > li ul > li > a
{
	color       : var(--d-cc-0);
	display     : block;
	white-space : nowrap;
}

.responsive-menu .main-navigation li a
{
	padding     : 8px;
	color       : var(--d-cc-0);
	display     : block;
	white-space : normal;
}

#menu ul li .megamenu.column1 a
{
	font-size      : 13px;
	font-weight    : 400;
	line-height    : 24px;
	color          : var(--d-cc-0);
	text-transform : none;
	padding        : 3px 0;
	border         : none;
	letter-spacing : 0.6px;
	margin-bottom  : 0;
}

#menu ul li .megamenu.column1 a:hover
{
	color      : var(--p-cc-2);
	background : none;
}

.main-menu > ul > li ul > li > .dropdown-inner ul li a
{
	color : var(--d-cc-0);
}

.main-menu > ul > li ul > li > a
{
	min-width : 160px;
}

.main-menu > ul > .dropdown ul > li > a, .hiden_menu .top_level > a
{
	color         : var(--d-cc-0);
	font-size     : 14px;
	font-weight   : 500;
	padding       : 0 0 5px;
	margin-bottom : 10px;
	text-align    : left;
	line-height   : 26px;
}

.main-menu > ul > .dropdown ul > li > a:before
{
	border-top : 1px solid var(--l-cc-2);
	bottom     : -4px;
	content    : "";
	float      : left;
	height     : 1px;
	position   : absolute;
	width      : 65%;
}

.main-menu ul li ul .list-unstyled a
{
	color          : var(--d-cc-0);
	text-transform : capitalize;
	padding-bottom : 10px;
	line-height    : 1.5;
	font-size      : 13px;
	font-weight    : 400;
	margin-bottom  : 0;
	letter-spacing : 0.2px;
}

.main-menu > ul > li ul > li > a:hover, .responsive-menu .main-navigation li a:hover
{
	color : var(--p-cc-2);
}

#menu ul li .megamenu.column1 li > a,
.main-menu > ul > li > ul > ul > li > a
{
	/* color          : var(--p-cc-1); */
	text-transform : capitalize;
	letter-spacing : 0.2px;
}

#menu ul li .megamenu.column1 li > a:before,
.main-menu ul li ul .list-unstyled a:before
{
	display       : none;
	margin-bottom : 0px;
}

#menu ul.nav li .megamenu.column1 ul.list-unstyled > li.dropdown:hover > .dropdown-menu
{
	display : block;
}

#menu .nav li .list-unstyled .dropdown
{
	float : left;
}

#menu .dropdown .dropdown-menu
{
	padding                  : 20px 20px;
	border                   : 1px solid #f0f0f0;
	background               : var(--l-cc-0);
	opacity                  : 0;
	-khtml-opacity           : 0;
	-webkit-opacity          : 0;
	-moz-opacity             : 0;
	transform                : scale(0, 0);
	-moz-transform           : scale(0, 0);
	-ms-transform            : scale(0, 0);
	-o-transform             : scale(0, 0);
	-webkit-transform        : scale(0, 0);
	transform-origin         : 20% 20% 0;
	-ms-transform-origin     : 20% 20% 0;
	-webkit-transform-origin : 20% 20% 0;
	-o-transform-origin      : 20% 20% 0;
	-moz-transform-origin    : 20% 20% 0;
	transition               : all 0.3s ease 0s;
	-webkit-transition       : all 0.3s ease 0s;
	-moz-transition          : all 0.3s ease 0s;
	-ms-transition           : all 0.3s ease 0s;
	-o-transition            : all 0.3s ease 0s;
	visibility               : visible !important;
	display                  : block;
	text-align               : left;
}

#menu .dropdown .megamenu.dropdown-menu
{
	-moz-box-shadow    : 0px 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow : 0px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow         : 0px 2px 5px rgba(0, 0, 0, 0.1);
	top                : 120px;
}

#menu ul li.hiden_menu .dropdown-menu
{
	opacity                  : 0;
	-khtml-opacity           : 0;
	-webkit-opacity          : 0;
	-moz-opacity             : 0;
	display                  : block;
	transform                : scale(0, 0);
	-moz-transform           : scale(0, 0);
	-ms-transform            : scale(0, 0);
	-o-transform             : scale(0, 0);
	-webkit-transform        : scale(0, 0);
	transform-origin         : 20% 20% 0;
	-ms-transform-origin     : 20% 20% 0;
	-webkit-transform-origin : 20% 20% 0;
	-o-transform-origin      : 20% 20% 0;
	-moz-transform-origin    : 20% 20% 0;
	transition               : all 0.3s ease 0s;
	-webkit-transition       : all 0.3s ease 0s;
	-moz-transition          : all 0.3s ease 0s;
	-ms-transition           : all 0.3s ease 0s;
	-o-transition            : all 0.3s ease 0s;
	visibility               : visible !important;
}

#menu ul.nav li .megamenu ul.list-unstyled li .dropdown-menu
{
	border   : medium none;
	margin   : 0;
	padding  : 5px 0;
	position : relative;
}

#menu ul li.dropdown.more_menu .dropdown-menu
{
	left  : auto;
	right : 0;
	top   : 120px;
}

#menu ul li .megamenu.column1, #menu ul li.hiden_menu .dropdown-menu
{
	padding : 10px 0;
}

.hiden_menu .dropdown-menu
{
	min-width : 215px;
}

#menu ul li .megamenu.column1 ul.list-unstyled
{
	padding : 0;
}

#menu ul li .megamenu.column1 ul.list-unstyled li, .hiden_menu li.top_level
{
	float   : left;
	padding : 2px 20px;
	width   : 100%;
}

#menu li.hiden_menu:hover .dropdown-menu.megamenu
{
	display : none;
}

.hiden_menu .top_level > a
{
	color : var(--d-cc-0);
}

@media (min-width : 768px)
{
	#menu li:hover .dropdown-menu, #menu ul li.hiden_menu:hover .dropdown-menu
	{
		opacity           : 1;
		-khtml-opacity    : 1;
		-webkit-opacity   : 1;
		-moz-opacity      : 1;
		transform         : scale(1, 1);
		-ms-transform     : scale(1, 1);
		-o-transform      : scale(1, 1);
		-moz-transform    : scale(1, 1);
		-webkit-transform : scale(1, 1);
		visibility        : visible;
	}
}

@media (max-width : 767px)
{
	#menu
	{
		border-radius         : 4px;
		-webkit-border-radius : 4px;
		-moz-border-radius    : 4px;
		-khtml-border-radius  : 4px;
	}
	
	#menu div.dropdown-inner > ul.list-unstyled
	{
		display : block;
	}
	
	#menu div.dropdown-menu
	{
		margin-left      : 0 !important;
		padding-bottom   : 10px;
		background-color : rgba(0, 0, 0, 0.1);
	}
	
	#menu .dropdown-inner
	{
		display : block;
	}
	
	#menu .dropdown-inner a
	{
		width : 100%;
		color : var(--l-cc-0);
	}
	
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover
	{
		background : rgba(0, 0, 0, 0.1);
	}
	
	#menu .see-all
	{
		margin-top            : 0;
		border                : none;
		border-radius         : 0;
		-webkit-border-radius : 0px;
		-khtml-border-radius  : 0px;
		-moz-border-radius    : 0px;
		color                 : var(--l-cc-0);
	}
}

/* Codezeel Category CSS */
.home_row.row
{
	margin : 0px;
}

#column-left .box.category-left-box, #column-right .box.category-left-box
{
	margin-bottom : 30px !important;
}

.catgory-left
{
	width         : 24%;
	float         : left;
	padding-right : 30px;
}

.category-left-box
{
	border     : 1px solid var(--l-cc-2);
	border-top : none;
	background : var(--l-cc-0);
	margin     : 0 !important;
}

.category-left-box .box-content
{
	display : block;
}

.category-left-box .box-content ul li a
{
	transition         : all 0.3s ease 0s;
	-webkit-transition : all 0.3s ease 0s;
	-moz-transition    : all 0.3s ease 0s;
	-ms-transition     : all 0.3s ease 0s;
	-o-transition      : all 0.3s ease 0s;
}

.category-left-box .box-content > ul > li:hover > a:hover
{
}

.category-left-box .box-content > ul > li:hover > a
{
	padding-left       : 15px;
	transition         : all 0.3s ease 0s;
	-webkit-transition : all 0.3s ease 0s;
	-moz-transition    : all 0.3s ease 0s;
	-ms-transition     : all 0.3s ease 0s;
	-o-transition      : all 0.3s ease 0s;
}

#column-left .box.category-left-box .box-content
{
	margin     : 0;
	background : var(--l-cc-0);
}

#nav-one .dropdown:hover .dropdown-menu, #nav-one .hiden_menu:hover .dropdown-menu
{
	display : block;
}

#nav-one .hiden_menu .dropdown-menu li.dropdown .dropdown-menu
{
	display : none;
}

#nav-one > li > .dropdown-menu
{
	background              : var(--l-cc-0) none repeat scroll 0 0;
	border-top-left-radius  : 0;
	border-top-right-radius : 0;
	margin-top              : 0;
	padding                 : 0 25px;
	left                    : 263px;
	top                     : 0;
	border                  : 3px solid var(--d-cc-2);
}

#nav-one > li.dropdown:after,
#nav-one > li.hiden_menu:after
{
	font-family : "FontAwesome";
	content     : "\f105";
	font-size   : 18px;
	position    : absolute;
	right       : 20px;
	top         : 10px;
}

#nav-one > li.dropdown .column1 ul .dropdown:after
{
	font-family : "FontAwesome";
	content     : "\f105";
	font-size   : 12px;
	position    : absolute;
	right       : 5px;
	top         : 10px;
}

#nav-one > li.dropdown:hover:after, #nav-one > li.hiden_menu:hover:after, #nav-one > li.dropdown .column1 ul .dropdown:hover:after
{
	color : var(--d-cc-0);
}

#nav-one > li.hiden_menu > a
{
	font-size   : 12px;
	font-weight : 600;
	color       : var(--d-cc-0);
}

#nav-one > li.hiden_menu > .dropdown-menu
{
	padding : 22px;
}

.top_level.hiden_menu
{
	position : relative;
}

#nav-one li .megamenu ul.childs_1:first-child
{
	padding : 20px 2px;
}

#nav-one li ul
{
	display : table-cell;
	float   : none;
}

#nav-one ul
{
	display    : inline-block;
	float      : none;
	margin     : 0 auto;
	text-align : left;
}

#nav-one li .megamenu ul.list-unstyled li > a, .hiden_menu .top_level a
{
	background  : rgba(0, 0, 0, 0) none repeat scroll 0 0;
	font-size   : 13px;
	font-weight : 700;
	padding     : 1px 8px;
}

#nav-one li .megamenu ul.list-unstyled li > a, .hiden_menu .top_level a
{
	width : 100%;
}

#nav-one > li ul > li > a
{
	min-width : 188px;
}

#nav-one li .megamenu ul.list-unstyled li > a, .hiden_menu .top_level a
{
	background     : rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color          : #333;
	font-size      : 14px;
	font-weight    : 600;
	padding        : 0;
	text-transform : uppercase;
}

#nav-one li .megamenu ul.list-unstyled li > a, .hiden_menu .top_level a
{
	width          : 100%;
	color          : var(--d-cc-0);
	border         : none;
	position       : relative;
	padding-bottom : 15px;
}

#nav-one li .megamenu ul.list-unstyled li > a:after
{
	content       : "";
	position      : absolute;
	border-bottom : 1px solid #ddd;
	width         : 50%;
	top           : 30px;;
	left          : 0;
}

#nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a:after, #nav-one li .megamenu.column1 ul.list-unstyled li > a:after
{
	border : none;
}

#nav-one > li ul > li > a
{
	min-width : 188px;
}

#nav-one li ul > li > a, .responsive-menu .main-navigation li a
{
	color       : var(--d-cc-0);
	display     : block;
	font-size   : 13px;
	padding     : 6px 8px;
	white-space : nowrap;
}

#nav-one li .megamenu ul.list-unstyled li .dropdown-menu
{
	background : var(--l-cc-0) none repeat scroll 0 0;
	margin     : 0;
	padding    : 6px 0 0;
	position   : relative;
	width      : 220px;
	border     : none;
}

#nav-one li ul
{
	display : table-cell;
	float   : none;
	/*width:210px;*/
}

#nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li > a
{
	background     : rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color          : var(--d-cc-0);
	display        : inline-block;
	font-size      : 13px;
	font-weight    : normal;
	line-height    : 20px;
	position       : relative;
	text-transform : capitalize;
	padding-bottom : 10px;
	letter-spacing : 0.6px;
}

#nav-one li .megamenu ul.list-unstyled.childs_2 a
{
	min-width : 145px;
}

#nav-one li .megamenu.column1 ul.childs_1
{
	border  : medium none;
	padding : 22px 0;
}

#nav-one li .megamenu.column1 ul.list-unstyled li > a, .hiden_menu .top_level > a
{
	background     : rgba(0, 0, 0, 0) none repeat scroll 0 0;
	font-size      : 13px;
	font-weight    : 400;
	line-height    : 24px;
	color          : var(--d-cc-0);
	text-transform : none;
	padding        : 3px 0;
	border         : none;
	letter-spacing : 0.2px;
	margin-bottom  : 0;
}

#nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown .dropdown-menu
{
	display  : none;
	left     : 188px;
	padding  : 10px;
	position : absolute;
	top      : 0;
}

#nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown:hover > .dropdown-menu
{
	display : block;
	padding : 15px 30px;
	border  : 1px solid var(--l-cc-2);
}

#nav-one li .megamenu.column1 ul.list-unstyled > li.dropdown:hover > .dropdown-menu ul
{
	min-width : 190px;
}

#nav-one li .megamenu.column1 ul.list-unstyled li:hover > a, #nav-one li .megamenu ul.list-unstyled li .dropdown-menu ul.list-unstyled li:hover > a, .hiden_menu .top_level:hover > a
{
	color : var(--p-cc-2);
}

.column_left_cms .box.last .list-group
{
	border-bottom : medium none;
	margin-bottom : 0;
	padding       : 4px 0 0;
}

.column_left_cms .box.last
{
	margin-bottom : 0;
}

/* Codezeel Category CSS */

/* 1-col layout */

#column-left
{
	width : 24%;
}

#column-right
{
	width : 24%;
}

/* 2-col layout */

.layout-2.left-col #column-left
{
	width : 20.63%;
}

.layout-2.right-col #column-right
{
	width : 20.63%;
}

.layout-2 #content
{
	width : 79.37%;
}

.layout-2.left-col #content
{
	width : 79.37%;
}

.layout-2.right-col #content
{
	width : 79.37%;
}

.layout-2 .content-bottom #content
{
	width        : 100%;
	padding      : 0;
	margin-left  : auto;
	margin-right : auto
}

/* 3-col layout */
.layout-3 #column-left
{
	width : 24%;
}

.layout-3 #column-right
{
	width : 24%;
}

.layout-3 #content
{
	width       : 52%;
	padding-top : 5px;
}

/* content */
#content
{
	min-height     : 600px;
	padding-top    : 0px;
	padding-bottom : 20px
}

#content .list-unstyled.price{
	display: flex;
	flex-direction: column;
}

.common-home #content
{
	padding : 0;
}

/* footer */

.footerbefore
{

}

footer
{
	margin-top       : 0px;
	padding-top      : 0px;
	background-color : var(--s-cc-1);
	color            : var(--l-cc-0);
	position         : relative;
}

footer
{

}

.footertop-cms.container, header .container
{
	top         : auto;
	padding-top : 0;
}

.head-right-bottom .container
{
	padding : 0;
}

footer hr
{
}

footer a
{
	color : var(--l-cc-0);
}

#footer .column li
{
	margin-bottom      : 8px;
	color              : var(--l-cc-0);
	font-size          : 12px;
	letter-spacing     : .7px;
	font-weight        : 400;
	line-height        : 26px;
	-webkit-transition : all 0.3s ease;
	-moz-transition    : all 0.3s ease;
	-o-transition      : all 0.3s ease;
	transition         : all 0.3s ease;
	display            : flex;
	gap                : 5px
}

#footer .column li > img
{
	margin-top : 3px;
}

#footer .contact-block li:hover
{
	padding : 0;
}

#footer .column li a
{
	color      : var(--l-cc-0);
	cursor     : pointer;
	transition : none;
}

#footer .column li .fa
{
	color          : var(--l-cc-0);
	font-size      : 18px;
	height         : 25px;
	margin-top     : 5px;
	width          : 25px;
	vertical-align : top;
}

#footer .contact-block span
{
	display : inline-block;
}

#footer .column li a:hover, #footer .column li a:focus
{
	color : var(--p-cc-2);
}

footer a:hover, footer a:focus
{
	color : var(--p-cc-2);
}

#footer .column.footerright
{
	width  : 26%;
	float  : right;
	border : 0;
}

#footer .column.footerleft
{
	width : 30%;
}

#footer .column.footerleft .contact-block ul
{
	padding         : 0;
	list-style-type : none;
	margin          : 0;
}

#footer .column.contact-block
{
	width   : auto;
	padding : 0;
}

#footer .column.contact-block ul
{
	padding    : 0;
	list-style : none;
}

.newsletter
{
	margin-bottom : 20px;
	margin-top    : 10px;
	width         : 100%;
	float         : none;
	text-align    : center;
	padding       : 40px 0 35px;
	border-top    : 1px solid var(--p-cc-2);
	border-bottom : 1px solid var(--p-cc-2);
	display       : inline-block;
}

.newsletter .newsletter_detail
{
	float           : none;
	background      : url(../image/codezeel/newsletter.svg) no-repeat scroll left 3px;
	display         : inline-block;
	padding-left    : 70px;
	background-size : 60px;
	text-align      : center;
}

.news-title
{
	float          : none;
	text-align     : left;
	color          : var(--p-cc-2);
	font-size      : 20px;
	text-transform : capitalize;
	margin         : 0px 0 0;
	font-weight    : 600;
	line-height    : 26px;
	position       : relative;
	margin-top     : 0;
}

.newsletter .newsletter-message
{
	display : block;
	color   : var(--p-cc-2);
}

footer h5,
#footer .news-title
{
	color          : var(--l-cc-0);
	font           : 600 16px/20px "Poppins", sans-serif;
	text-transform : capitalize !important;
	margin         : 0 0 25px 0;
	position       : relative;
	text-align     : left;
}
#footer .news-title{cursor: pointer;}

#footer
{
	top        : auto;
	margin-top : 0px;
}

#footer #contact.col-sm-3.column .fa
{
	clear        : left;
	color        : #fec107;
	float        : left;
	font-size    : 16px;
	margin-right : 10px;
	margin-top   : 6px;
}

#footer #contact.col-sm-3.column .fa.fa-envelope
{
	font-size  : 12px;
	margin-top : 8px;
}

#footer #contact.col-sm-3.column
{
	font-size : 14px;
}

#footer #contact.col-sm-3.column li a
{
	background : none;
	padding    : 0;
}

.address_content
{
	overflow      : hidden;
	padding-left  : 45px;
	padding-right : 135px;
	background    : rgba(0, 0, 0, 0) url("../image/codezeel/footer-icon.png") no-repeat scroll -8px 4px;
	margin-bottom : 35px;
}

#contact .phone
{
	background    : url("../image/codezeel/footer-icon.png") no-repeat scroll -6px -66px transparent;
	padding-left  : 45px;
	margin-bottom : 35px;
	padding-top   : 7px;
}

#contact .email
{
	background   : url("../image/codezeel/footer-icon.png") no-repeat scroll -6px -132px transparent;
	padding-left : 45px;
}

#footer .column
{
	width        : 22%;
	margin-right : 0px;
}

#footer .footertop.column
{
	width : 32%;
}

#footer #contact.column h5
{
	display : none;
}

#footer .column:nth-child(1):after
{
	height : 100%;
}

#footer .column:nth-child(2):after
{
	height : 90%;
}

#footer .column:nth-child(3):after
{
	height : 90%;
}

#footer .column:nth-child(4):after
{
	height : 105%;
}

#contact ul, #aboutcms ul
{
	list-style : none;
	padding    : 0
}

#aboutcms h5
{
	display : none
}

@media (max-width : 1199px)
{
	.newsletter h5.news-title
	{
		font-size : 16px;
	}
}

.footer-logo
{
	margin-bottom : 5px;
}

#footer .newsright
{
	display : inline-block;
	width   : 100%;
}

.newsletter .newsright
{
	float        : none;
	width        : 43.4%;
	padding-left : 25px;
	display      : inline-block;
	text-align   : center;
}

.newsletter label
{
	display : none;
}

.newsletter .input-news
{
	width    : 100%;
	float    : left;
	position : relative;
}

.input-news .text-danger
{
	background-color : #f2dede;
	border-color     : #ebcccc;
	color            : #a94442;
	text-align       : left;
	padding          : 5px 15px;
	margin-top       : 6px;
	position         : absolute;
	width            : 100%;
}

.subscribe-btn
{
	position : absolute;
	right    : 0;
	top      : 0;
}

.newsletter .form-group
{
	margin   : 0;
	float    : left;
	width    : 100%;
	position : relative;
}

.newsletter #txtemail
{
	min-width      : auto;
	padding        : 10px 140px 10px 15px;
	height         : 44px;
	color          : var(--l-cc-0);
	font-weight    : 400;
	font-size      : 12px;
	letter-spacing : .6px;
	width          : 100%;
	border         : 0;
	background     : var(--s-cc-3);
}

.newsletter .form-control::-moz-placeholder
{
	color : var(--l-cc-3);
}

.subscribe-btn .btn.btn-lg
{
	color              : var(--d-cc-0);
	border             : 0;
	padding            : 8px 24px;
	font-size          : 14px;
	font-weight        : 500;
	line-height        : inherit;
	text-transform     : uppercase;
	letter-spacing     : .6px;
	background         : var(--p-cc-2);
	font-family        : "Poppins", sans-serif;
	width              : auto;
	height             : 44px;
	margin-top         : 0px;
	transition         : all 0.3s ease 0s;
	-webkit-transition : all 0.3s ease 0s;
	-moz-transition    : all 0.3s ease 0s;
	-ms-transition     : all 0.3s ease 0s;
	-o-transition      : all 0.3s ease 0s;
}

.footerbefore .newsright
{
	margin-top : 40px;
}

.subscribe-btn .btn.btn-lg:hover
{
	background         : var(--p-cc-1);
	color              : var(--l-cc-0);
	transition         : all 0.3s ease 0s;
	-webkit-transition : all 0.3s ease 0s;
	-moz-transition    : all 0.3s ease 0s;
	-ms-transition     : all 0.3s ease 0s;
	-o-transition      : all 0.3s ease 0s;
}

#contact ul li, .newsletter ul li
{
	line-height : 22px;
}

#contact li.call-num
{
	margin-top : 15px;
}

.categoryblock
{
	padding-left  : 11px;
	padding-right : 11px;
	float         : left;
	width         : 33.333%;
	margin-bottom : 22px;
}

.category-cms
{
	width          : 100%;
	float          : left;
	padding-bottom : 15px;
	padding-top    : 0px;
	margin-bottom  : 2px;
}

.category-container
{
	position : relative;
	margin   : 0 auto;
	width    : 100%;
}

.category-row
{
	margin-left  : -11px;
	margin-right : -11px;
}

#aboutcms li.content
{
	line-height : 25px;
}

.cate-heading
{
	text-transform : uppercase;
	font-size      : 16px;
	color          : #1e1f22;
	font-weight    : 700;
	float          : left;
	margin-bottom  : 15px;
}

.category
{
	padding          : 0px 20px;
	border           : 1px solid var(--l-cc-2);
	overflow         : auto;
	display          : block;
	background-color : var(--l-cc-0);
	min-height       : 162px;
	overflow         : hidden;
	position         : relative;
}

.category .image
{
	float : right;
}

.category .image img
{
	backface-visibility : hidden;
	max-width           : none;
	transform           : translate3d(0px, 0px, 0px);
	-webkit-transform   : translate3d(0px, 0px, 0px);
	-moz-transform      : translate3d(0px, 0px, 0px);
	-ms-transform       : translate3d(0px, 0px, 0px);
	-o-transform        : translate3d(0px, 0px, 0px);
	transition          : all 400ms ease 0s;
	-webkit-transition  : all 400ms ease 0s;
	-moz-transition     : all 400ms ease 0s;
	-ms-transition      : all 400ms ease 0s;
	-o-transition       : all 400ms ease 0s;
}

.category:hover .image img
{
	overflow           : hidden;
	transform          : scale(1.1);
	-moz-transform     : scale(1.1);
	-ms-transform      : scale(1.1);
	-o-transform       : scale(1.1);
	-webkit-transform  : scale(1.1);
	transition         : all 400ms ease 0s;
	-webkit-transition : all 400ms ease 0s;
	-moz-transition    : all 400ms ease 0s;
	-ms-transition     : all 400ms ease 0s;
	-o-transition      : all 400ms ease 0s;
}

.cat-desc
{
	float       : left;
	padding-top : 24px;
}

#payement_logo_block_left
{
	float : right;
}

.bottomfooter
{
	color          : var(--l-cc-0);
	font-size      : 12px;
	font-weight    : 400;
	letter-spacing : .7px;
}

.bottomfooter a
{
	color : var(--l-cc-0);
}

.bottomfooter a:hover
{
	color : var(--p-cc-2);
}

#payement_logo_block_left img
{
	margin         : 0 10px 0 0;
	filter         : grayscale(100%);
	-webkit-filter : grayscale(100%);
	vertical-align : text-top;
	height         : 17px;
}

#payement_logo_block_left img:hover
{
	filter         : grayscale(0);
	-webkit-filter : grayscale(0);
}

.bottomfooter .container .footer-inner
{
	padding : 0;
}

.bottomfooter .container .row
{
	margin : 0px;
}

.bottomfooter ul li
{
	display       : inline-block;
	padding-right : 30px;
}

.bottomfooter ul.list-unstyled
{
	text-align : center;
	margin-top : 10px;
}

.bottomfooter ul li:first-child
{
	/*   border: medium none;
	padding-left:0;*/
}

p.powered
{
	float   : left;
	margin  : 0;
	padding : 7px 0;
}

.footerbottom-cms
{
	float : right;
}

.bottomfooter .paiement_logo_block
{
	float         : right;
	display       : inline-block;
	margin-top    : 10px;
	margin-bottom : 30px;
}

.bottomfooter .paiement_logo_block img
{
	margin : 0 2px 0px 0;
}

.bottomfooter .paiement_logo_block img:hover
{

}

/* alert */
.alert
{
	padding : 8px 14px 8px 14px;
}

/* breadcrumb */

.common-home .wrap-breadcrumb
{
	display : none;
}

.wrap-breadcrumb
{
	margin   : 0px 0 30px;
	width    : 100%;
	padding  : 0;
	overflow : hidden;
	position : relative;
}

.wrap-breadcrumb .breadcrumb
{
	display    : block;
	float      : none;
	padding    : 30px 0 0px;
	margin     : 0;
	text-align : left;
}

.breadcrumb
{
	padding       : 0;
	margin-bottom : 15px;
	list-style    : none;
	float         : right;
	display       : none;
	color         : var(--d-cc-0);
}

.breadcrumb
{
	margin  : 20px 0 0px 0;
	padding : 0;
}

.breadcrumb i
{
	font-size : 15px;
}

.breadcrumb > li
{
	position    : relative;
	white-space : nowrap;
}

.breadcrumb > li + li:before
{
	content : "";
	padding : 0;
}

.breadcrumb > li:after
{
}

.breadcrumb > li:last-child a, .breadcrumb > li a:hover, .breadcrumb > li a.active
{
	/* color : var(--d-cc-2); */
}

.breadcrumb > li a
{
	/* color      : var(--d-cc-2); */
	transition : 300ms;
}

.breadcrumb > li a:hover
{
	text-decoration : underline;
	color           : var(--p-cc-2);
}

.pagination-wrapper
{
	width           : 100%;
	display         : flex;
	flex-wrap       : wrap;
	align-items     : center;
	justify-content : space-between;
}

.pagination-wrapper > *
{
	display : contents;
}

.pagination-wrapper .pagination
{
	margin : 0;
	order  : 2;
}

.pagination-wrapper .pagination > li > a,
.pagination-wrapper .pagination > li > span
{
	color            : var(--d-cc-0);
	background-color : var(--l-cc-4);
	border           : 1px solid var(--l-cc-4);
	
}

.pagination-wrapper .pagination > li > a:hover,
.pagination-wrapper .pagination > li > span:hover,
.pagination-wrapper .pagination > li > a:focus,
.pagination-wrapper .pagination > li > span:focus
{
	color            : var(--l-cc-0);
	background-color : var(--p-cc-1);
	border-color     : var(--p-cc-1);
}

.pagination-wrapper .pagination > .active > a,
.pagination-wrapper .pagination > .active > span,
.pagination-wrapper .pagination > .active > a:hover,
.pagination-wrapper .pagination > .active > span:hover,
.pagination-wrapper .pagination > .active > a:focus,
.pagination-wrapper .pagination > .active > span:focus
{
	
	color            : var(--l-cc-0);
	background-color : var(--p-cc-1);
	border-color     : var(--p-cc-1);
}

.pagination-wrapper .pagination > .disabled > span,
.pagination-wrapper .pagination > .disabled > span:hover,
.pagination-wrapper .pagination > .disabled > span:focus,
.pagination-wrapper .pagination > .disabled > a,
.pagination-wrapper .pagination > .disabled > a:hover,
.pagination-wrapper .pagination > .disabled > a:focus
{
	color            : var(--l-cc-0);
	background-color : var(--l-cc-4);
	border-color     : var(--l-cc-4);
}

/* buttons */
.buttons
{
	margin  : 1em 0;
	display : inline-block;
	width   : 100%;
}

.btn
{
	padding   : 6px 15px;
	font-size : 14px;
	border    : 1px solid var(--l-cc-2);
}

.btn-xs
{
	font-size : 9px;
}

.btn-sm
{
	font-size : 10.2px;
}

.btn-lg
{
	padding   : 10px 16px;
	font-size : 15px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover, .dropdown-menu.myaccount-menu
{
	
	text-transform : capitalize;
}

.btn-group > .btn-xs
{
	font-size : 9px;
}

.btn-group > .btn-sm
{
	font-size : 10.2px;
}

.btn-group > .btn-lg
{
	font-size : 15px;
}

.btn-default
{
	color      : var(--l-cc-0);
	background : var(--d-cc-0);
	border     : 1px solid var(--d-cc-0);
}

.btn-primary
{
	color            : var(--l-cc-0);
	background-color : var(--d-cc-0);
	border           : 1px solid var(--d-cc-0);
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]
{
	color            : var(--l-cc-0);
	background-color : var(--d-cc-2);
	border           : 1px solid var(--d-cc-2);
}

.btn-warning
{
	color             : var(--l-cc-0);
	background-color  : #faa732;
	background-image  : linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat : repeat-x;
	border-color      : #f89406 #f89406 #ad6704;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled]
{
	box-shadow         : inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow : inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow    : inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	
}

.btn-danger
{
	color      : var(--l-cc-0);
	background : #d9534f;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled]
{
	box-shadow         : inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow : inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow    : inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-success
{
	color             : var(--l-cc-0);
	background-color  : #5bb75b;
	background-image  : linear-gradient(to bottom, #62c462, #51a351);
	background-repeat : repeat-x;
	border-color      : #51a351 #51a351 #387038;
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled]
{
	box-shadow         : inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow : inset 0 1000px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow    : inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info
{
	color             : var(--l-cc-0);
	background-color  : #df5c39;
	background-image  : linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat : repeat-x;
	border-color      : #dc512c #dc512c #a2371a;
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled]
{
	background-image : none;
	background-color : #df5c39;
}

.btn-link
{
	border-color          : rgba(0, 0, 0, 0);
	cursor                : pointer;
	color                 : #23a1d1;
	border-radius         : 0;
	-webkit-border-radius : 0px;
	-khtml-border-radius  : 0px;
	-moz-border-radius    : 0px;
}

.btn-link, .btn-link:active, .btn-link[disabled]
{
	background-color   : rgba(0, 0, 0, 0);
	background-image   : none;
	box-shadow         : none;
	-moz-box-shadow    : none;
	-webkit-box-shadow : none;
	
}

.btn-inverse
{
	color      : var(--d-cc-0);
	background : var(--p-cc-2);
	border     : none;
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled]
{
	background-color : var(--d-cc-2);
	background-image : linear-gradient(to bottom, var(--d-cc-2), #111);
}

/* -----new scrollbar----  */
.scrollbar-simple::-webkit-scrollbar-thumb {
	background-color: var(--d-cc-4);
	background-clip: padding-box;
	border: 5px solid transparent;
}
.scrollbar-simple::-webkit-scrollbar-track{
	background-color: var(--d-cc-3);
	background-clip: padding-box;
	border: 5px solid transparent;
}
.scrollbar-simple::-webkit-scrollbar{
	width: 16px;
}
.product-line-options-wrapper.scrollbar-simple::-webkit-scrollbar-track{
	border: 5px 5px 5px 0 solid transparent;
}


/* ---- product floating price bar ---- */
.product-floating-price-wrap .container{
	height: 100%;
}
.product-floating-price .product-name .ro_price_live{
	white-space: nowrap;
}
.product-floating-price-wrap{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 76px;
	width: 100%;
	background-color: var(--p-cc-1);
	z-index: 1000000;
	transform: translateY(200%);
	transition: transform 300ms ease-in-out;
}
.product-floating-price-wrap.active{
	transform: translateY(0%);
}
.product-floating-price-wrap .product-floating-price{
	display: flex;
	align-items: center;
	text-align: right;
	font-size: 14px;
	line-height: 21px;
	height: 100%;
	color: var(--l-cc-0);
	padding-left: 15px !important;
	padding-right: 0 !important;
}
.product-floating-price-wrap .product-floating-price .product-image{
	max-height: 43px;
	height: 43px;
	width: auto;
	object-fit: cover;
	object-position: center;
	margin-right: 35px;
}

.product-floating-price-wrap .product-floating-price .product-name{
	font-weight: 300;
	margin-bottom: 0 !important;
	font-size: 14px;
	line-height: 21px;
	margin-right: 40px;
	width: 320px;
	max-width: 320px;
	text-align: left;
}
.product-floating-price-wrap .product-floating-price .price{
	list-style-type: none;
	display: flex;
	align-items: center;
	gap: 0 8px;
}
.product-floating-price-wrap .product-floating-price .price h2{
	font-size: 14px !important;
	line-height: 21px !important;
	color: var(--l-cc-0) !important;
	margin-bottom: 0 !important;
}
.product-floating-price-wrap .product-floating-price .price span{
	font-weight: 400;
}
.product-floating-price-wrap .product-floating-price .price span.original{
	font-weight: 600;
	font-size: 16px;
}
.product-floating-price-wrap .product-floating-price .price span.old{
	text-decoration: line-through;
	color: #799889;
}
.product-floating-price-wrap .product-floating-price .right-btn-group{
	display: flex;
	flex-direction: row;
	gap: 30px;
	align-items: center; 
	justify-content: center;
}

.product-floating-price-wrap .product-floating-price .add-to-cart{
	height: 30px;
	width: 85px;
	border: 1px solid var(--l-cc-0);
	color: var(--l-cc-0);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: Poppins;
	font-size: 10px;
	font-weight: 600;
	line-height: 15px;
	text-align: center;
	background: none;
	white-space: nowrap;
	margin-left: auto;
	transition: background-color 300ms ease-in-out,
				color 300ms ease-in-out;
}
.product-floating-price-wrap .product-floating-price .add-to-cart:hover{
	background-color: var(--p-cc-2);
	border-color: var(--p-cc-2);
	color: var(--s-cc-1);
	transition: background-color 300ms ease-in-out,
				color 300ms ease-in-out;
	
}


@media (max-width: 1460px) {
	.product-floating-price-wrap .product-floating-price .product-image{
		margin-right: 8px;
	}
	.product-floating-price-wrap .product-floating-price .price{
		display: flex;
		flex-direction: column;
		align-items: end;
	}
	.product-floating-price-wrap .product-floating-price .product-name{
		width: auto; 
		margin-right: auto;
	}
	.product-floating-price-wrap .product-floating-price .add-to-cart{
		margin-left: 8px;
	}
}


@media (max-width: 768px) {
	#floating-price{
		max-width: 100vw;
	}
	.product-floating-price-wrap{
		height: 86px;
	}
	.product-floating-price-wrap .container{
		padding: 0 0 15px 0 !important;
	}
	.product-floating-price-wrap .product-floating-price{
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	.product-floating-price-wrap .dummy{
		display: none;
	}
	.product-floating-price-wrap .product-floating-price .product-image{
		margin-right: 8px;
	}
	.product-floating-price-wrap .product-floating-price .price h2{
		font-size: 10px !important;
		line-height: 15px !important;
	}
	.product-floating-price-wrap .product-floating-price .price{
		margin-right: 12px;
		min-width: 45px;
		font-size: 10px;
		line-height: 15px;
	}
	.product-floating-price-wrap .product-floating-price .price span.original{
		font-weight: 600;
		font-size: 12px;
	}
	.product-floating-price-wrap .product-floating-price .product-name{
		width: auto;
		font-size: 10px;
		line-height: 15px;
	}
	.product-floating-price-wrap .product-floating-price .right-btn-group .price{
		margin: 0;
	}
	.product-floating-price-wrap .product-floating-price .right-btn-group{
		flex-direction: column;
		gap: 8px; 
	}
}


/* -----product option buttons----  */
.form-group .radio > label > img{
	height: 42px;
	width: 42px;
	max-height: 42px;
	max-width: 42px;
	object-fit: cover;
	object-position: center;
	overflow: hidden;
}
.form-group .radio > label > input{
	margin: 0 0 0 0;
}
.form-group .radio > label{
	display: flex;
	align-items: center;
	gap: 10px;
}

/* -----fabric specific styles----  */
.product-option-fabric-wrapper{
	display: flex;
}
.product-option-fabric-wrapper .big-thumb img{
	min-height: 318px;
	min-width: 318px;
	object-fit: cover;
	object-position: center;
	margin-right: 25px;
}
.product-option-fabric-wrapper .info{
	display: flex;
	flex-direction: column;
	align-items: start;
	width: 100%;
	/* gap: 25px; */
}
.product-option-fabric-wrapper .info .decription{
	/* min-height: 40px; */
	margin-bottom: 10px;
}
.product-option-name-label{
	font-family: Poppins;
	font-size: 14px;
	font-weight: 600;
	line-height: 35px;
	text-align: left;
}
.product-option-fabric-wrapper .info .decription h3{
	font-size: 18px;
	font-weight: 500;
	line-height: 25px;
}
.product-option-fabric-wrapper .info .decription p{
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 20px;
}

.fabric-detail-tooltip{
	padding: 15px 25px !important; 
}
.tooltip figure{
	padding: 10px 20px;
	margin: 0;
}

/* -----line (size) options----  */
.productpage .product-right #product .form-group-border-bottom{
	margin: 0px !important;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
#content .product-right .form-group.qty{
	padding: 10px 0; 
}
#content .product-right hr{
	height: 1px;
	width: 100%;
	background-color: #ccc;
	display: block;
}
.product-line-options-wrapper-box .list-toggle-btn{
	background-color: var(--l-cc-0);
	border: 2px solid var(--d-cc-4);
	color: var(--d-cc-4);
	font-size: 13px;
	font-weight: 400;
	line-height: 25px;
	width: 100%;
	max-width: 318px;
	margin: 15px auto;
	transition: color 300ms ease-in-out,
				background-color 300ms ease-in-out;
}
.product-line-options-wrapper-box .list-toggle-btn:hover{
	background-color: var(--d-cc-4);
	color: var(--l-cc-0);
}
.product-line-options-wrapper-box{
	border: 1px solid var(--d-cc-2);
	background-color: var(--l-cc-0);
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.product-line-options-wrapper{
	box-sizing: border-box;
	max-height: 238px;
	overflow-y: auto;
	/* padding: 5px 0 5px 5px; */
	padding: 5px;
	background-color: var(--l-cc-0);
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.product-line-options-wrapper.opened{
	max-height: unset;
}
.btn-line-option{
	position: relative;
	cursor: pointer;
	background-color: transparent;
	border: 2px solid transparent;
	transition: background-color 300ms ease-in-out,
				border 300ms ease-in-out;
}
.btn-line-option:not(:last-of-type):after{
	content: "";
	position: absolute;
	display: block;
	bottom: -5px;
	width: 100%;
	height: 1px;
	background-color: var(--d-cc-3);
}
.btn-line-option.ci-variant_active,
.btn-line-option:hover{
	background-color: #445E5133;
	border: 2px solid #445E51;
	transition: background-color 300ms ease-in-out,
				border 300ms ease-in-out;
}
.btn-line-option a{
	display: flex;
	padding: 6px 16px 6px 6px;
	gap: 21px;
	align-items: center;
	height: 68px;
	color: rgb(var(--d-cc-0)) !important;
}
.btn-line-option ul{
	overflow: visible !important;
	margin-bottom: 0 !important;
}
.btn-line-option .name{
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	margin-bottom: 0 !important;
	color: rgb(var(--d-cc-0)) !important;
}
.btn-line-option .price{
	font-size: 14px;
	font-weight: 600;
	text-align: right;
}
.btn-line-option .image img{
	width: 84px;
	height: 56px;
	object-fit: cover;
	object-position: center;
}
/* -----generic square radios----  */
.image-option{
	position: relative;
}
.image-option .product-square-options-wrapper,
.new-option .product-square-options-wrapper{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
	padding: 4px;
}
.image-option .product-square-options-wrapper div,
.new-option .product-square-options-wrapper div{
	height: 42px;
	width: 42px;
}
.image-option .btn-square-option-input,
.new-option .btn-square-option-input{
	opacity: 0;
	height: 0;
	width: 0;
	position: absolute;
}
.image-option .btn-square-option,
.new-option .btn-square-option{
	background-color: var(--l-cc-0);
	position: relative;
	box-sizing: border-box;
	border: 1px solid var(--d-cc-2);
	height: 42px;
	width: 42px;
	/* overflow: hidden; */
	cursor: pointer;
}
.image-option .btn-square-option img,
.new-option .btn-square-option img{
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
}
.image-option .btn-square-option:after,
.new-option .btn-square-option:after{
	content: "";
	position: absolute;
	height: 50px;
	width: 50px;
	border: 2px solid var(--d-cc-4); 
	background: none;
	left: 50%;
	top: 50%;
	opacity: 0; 
	transform: translate(-50%, -50%);
	transition: opacity 300ms ease-in-out;
}
.image-option .btn-square-option.checked:after,
.new-option .btn-square-option.checked:after,
input[type=radio]:checked + .btn-square-option:after{
	opacity: 1; 
	transition: opacity 300ms ease-in-out;
}

/* fabric accordion */
.product-fabric-options-wrapper{
	margin: -5px;
	padding: 5px;
	max-height: 200px;
	overflow: hidden;
}
.product-fabric-options-wrapper.opened{
	max-height: unset !important;
}
.product-fabric-accordion-toggle{
	font-size: 14px;
	font-weight: 400;
	line-height: 35px;
	color: var(--d-cc-4);
	border: none !important;
	outline: none;
	margin: 10px 0 0 auto; 
}
/* list group */
@media (max-width: 1460px) {
	.product-option-fabric-wrapper{
		flex-direction: column;
	}
	.product-option-fabric-wrapper .big-thumb img{
		margin: 5px auto 15px;
		min-height: 240px;
		min-width: 240px;
		height: 240px;
		width: 240px;
	}
}

#content{
	position: relative;
}
#content .product-left{
	position: sticky; 
	top: 100px;
}

@media (max-width: 768px) {
	#content .product-left{
		position: static; 
	}	
	.product-fabric-accordion-toggle{
		position: absolute;
		bottom: -20px;
		left: 50%;
		transform: translateX(-50%);
		width: auto !important; 
		white-space: nowrap;
		padding: 0 16px; 
	}
	.product-line-options-wrapper-box .list-toggle-btn{
		width: calc(100% - 40px); 
	}
	.control-label{
		font-family: Poppins;
		font-size: 14px;
		font-weight: 600;
		line-height: 35px;
	}
	.product-option-fabric-wrapper .big-thumb{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#content.productpage h3, #content.productpage p{
		font-size: 13px !important;
		line-height: 20px !important;
	}
	.image-option .product-square-options-wrapper, 
	.new-option .product-square-options-wrapper{
		display: grid;
		gap: 26px calc(16.6% - 42px);
		grid-template-columns: repeat(6, 1fr);
		max-height: unset;
	}
	.product-square-options-wrapper div{
		margin: 0 auto;
	}
	.product-square-options-wrapper div:nth-child(n+19){
		display: none !important;
	}
	.product-square-options-wrapper.opened div:nth-child(n+19) {
		display: block !important; 
	}
	.product-fabric-accordion-toggle{
		margin: 15px auto 0px;
		width: 100%;
	}
}

@media (max-width: 359px) {
	.image-option .product-square-options-wrapper, 
	.new-option .product-square-options-wrapper{
		gap: 26px calc(20% - 42px);
		grid-template-columns: repeat(5, 1fr);
	}
	.product-square-options-wrapper div:nth-child(n+16){
		display: none !important;
	}
	.product-square-options-wrapper.opened div:nth-child(n+16) {
		display: block !important; 
	}
}


.box .filterbox
{
	border : medium none;
}

.list-group a
{
	padding        : 5px 0px;
	text-transform : capitalize;
	font-size      : 14px;
}

.list-group a.active, .list-group a.active:hover, .list-group a:hover
{
	color : var(--d-cc-0);
}

.list-group-item.group-name
{
	color          : var(--d-cc-0);
	font-size      : 16px;
	line-height    : 2.5;
	font-weight    : 600;
	margin-bottom  : 0;
	padding        : 0 18px;
	text-transform : capitalize;
}

.filterbox .list-group-item
{
	padding : 0px;
}

.filterbox .panel-footer
{
	padding    : 0 0 15px;
	text-align : right;
	border     : medium none;
	background : var(--l-cc-0);
}

.filterbox .panel-footer #button-filter
{
	color           : var(--d-cc-0);
	padding         : 0;
	background      : transparent;
	border-color    : transparent;
	text-decoration : underline;
}

.filterbox .panel-footer #button-filter:hover
{
	color           : var(--d-cc-0);
	text-decoration : none;
}

/* carousel */
.carousel-caption
{
	color : var(--l-cc-0);
}

.carousel-control .icon-prev:before
{
	content     : "\f053";
	font-family : FontAwesome;
}

.carousel-control .icon-next:before
{
	content     : "\f054";
	font-family : FontAwesome;
}

/* product list */
.product-thumb
{
	margin-bottom : 20px;
	overflow      : auto;
	/*background-color: var(--l-cc-0)*/
}

.product-thumb .image
{
	text-align : center;
	position   : relative;
	overflow   : hidden;
}

.featured .customNavigation
{
	top : 46%;
}

.featured .product-block .image
{
	width : 50%;
	float : left;
}

.featured .product-block .image .sale, .featured .product-block .image
{
	display : none;
}

.featured .product-details
{
	width : 50%;
	float : right;
}

/*.featured .product-thumb h4 a {
   text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}*/
.featured .product-thumb .button-group
{
	display : none;
}

.featured .box-product .product-items
{
	width : 471px;
}

.featured .product-thumb .rating
{
	float         : left;
	width         : 100%;
	margin-bottom : 10px;
}

.featured .product-thumb.transition
{
	border : 1px solid #e8e8e8;
	margin : 16px 16px 30px;
}

.featured .product-thumb.transition:hover
{
	
	box-shadow : 0 0px 15px rgba(0, 0, 0, 0.18);
}

.featured .product-block:hover
{
	overflow   : hidden;
	clear      : both;
	
	box-shadow : none;
}

.featured .product-block:hover .image .hover-image
{
	opacity : 0;
}

.featured .product-thumb button.addtocart
{
	width              : auto;
	border             : 2px solid var(--d-cc-2);
	padding            : 7px 21px;
	font-size          : 14px;
	line-height        : 14px;
	text-transform     : capitalize;
	letter-spacing     : .2px;
	color              : var(--d-cc-0);
	background         : var(--l-cc-0);
	font-weight        : 400;
	-webkit-transition : all 0.5s ease 0s;
	-moz-transition    : all 0.5s ease 0s;
	-o-transition      : all 0.5s ease 0s;
	transition         : all 0.5s ease 0s;
	opacity            : 0;
}

.featured .product-thumb h4
{
	margin-bottom : 5px;
}

.featured .product-thumb:hover button.addtocart
{
	opacity : 1;
}

.featured .product-thumb button.addtocart:hover
{
	color      : var(--l-cc-0);
	background : var(--d-cc-2);
}

@media (min-width : 1460px)
{
	.featured .product-thumb .caption
	{
		-webkit-transition : all 500ms ease 0s;
		-moz-transition    : all 500ms ease 0s;
		-o-transition      : all 500ms ease 0s;
		transition         : all 500ms ease 0s;
		padding-top        : 60px;
	}
	
	.featured .product-thumb:hover .caption
	{
		padding-top : 30px;
	}
}

.product-thumb .image a
{
	display : block;
}

.product-thumb .image img
{
	margin-left    : auto;
	margin-right   : auto;
	width          : 100%;
	pointer-events : none;
}

.product-grid .product-thumb .image
{
	float : none;
}

.product-layout.product-grid, .product-layout.product-list
{
	padding : 0px;
}

.product-layout.product-grid
{
	width : 25%;
}

#content .product-grid .product-block, #content .product-list .product-block
{
}

.product-list .product-block
{
	padding : 0;
}

.row.cat_prod
{
	padding-bottom : 22px;
	margin         : 0 -15px 24px;
}

.pagination-wrapper
{
	position : relative;
}

.pagination-wrapper::before
{
	content          : "";
	position         : absolute;
	bottom           : calc(100% + 24px);
	left             : 50%;
	transform        : translateX(-50%);
	height           : 1px;
	width            : 100%;
	background-color : var(--l-cc-2);
}

.alert-success .fa.fa-check-circle
{
	margin-right : 5px;
}

@media (min-width : 767px)
{
	.product-list .product-thumb .image
	{
		float : left;
	}
}

.tooltip .tooltip-inner{
	background-color : var(--s-cc-1);
	color            : var(--l-cc-0);
	font-size        : 11px;
	max-width: none !important;
	font-family: "Poppins", sans-serif; 
	text-align: left;
}
.tooltip .tooltip-inner h4{
	color: var(--l-cc-0);
	font-size: 18px;
	margin: 0 !important;
}

.tooltip.top .tooltip-arrow
{
	border-top-color : var(--p-cc-1) !important;
}

.product-thumb h4
{
	font-weight   : 400;
	margin-top    : 0;
	margin-bottom : 6px;
	text-overflow : ellipsis;
	width         : auto;
	white-space   : nowrap;
	overflow      : hidden;
	font-size     : 14px;
	line-height   : 18px;
	display       : block;
}

.product-list .product-thumb h4
{
	margin-bottom  : 5px;
	display        : inline-block;
	padding-bottom : 15px;
	text-transform : capitalize;
	position       : relative;
}

.product-list .product-thumb h4:after
{
	position   : absolute;
	content    : "";
	background : #ddd;
	left       : 0;
	right      : auto;
	width      : 150px;
	height     : 1px;
	top        : auto;
	bottom     : 0;
}

.product-thumb h4 a
{
	color           : var(--d-cc-0);
	font-size       : 13px;
	text-decoration : none;
	text-align      : left;
	font-weight     : 400;
	text-transform  : capitalize;
	letter-spacing  : .7px;
}

header #cart li a:hover
{
	/* color : var(--d-cc-2); */
}

.product-thumb:hover h4 a
{
	/* color : var(--d-cc-2); */
}

.product-thumb .caption
{
	padding    : 10px 15px 0;
	background : var(--l-cc-0);
}

.account-wishlist table .text-center img
{
	border : 1px solid var(--l-cc-2);
}

@media (max-width : 767px)
{
	.product-list .product-thumb .caption
	{
		min-height  : 0;
		margin-left : 0;
	}
	
	.product-grid .product-thumb .caption
	{
		min-height : 0;
	}
}

.product-thumb .rating
{
	padding-bottom : 0;
	line-height    : normal;
	margin-bottom  : 7px;
}

.product-thumb .saleback
{
	display        : contents !important;
	pointer-events : none;
}

.product-thumb:hover .saleicon.sale
{
	
	opacity : 0;
}

.product-thumb:hover .percentsaving
{
	opacity : 1;
}

.product-thumb:not(:hover) .saleicon.sale
{
	opacity          : 1;
	background-color : var(--s-cc-4);
}

.product-thumb:not(:hover) .percentsaving
{
	opacity : 0;
}

.product-thumb .saleback
{
	pointer-events : none;
	display        : contents;
	
}

.product-thumb .percentsaving,
.product-thumb .saleback .sale
{
	position       : absolute;
	top            : 10px;
	left           : 10px;
	z-index        : 8;
	transition     : all 0.3s ease 0s;
	box-shadow     : 1px 2px 4px -1px rgb(0 0 0  / 35%);
	font-weight    : 500;
	font-size      : 12px;
	line-height    : normal;
	letter-spacing : 0.5px;
	text-transform : capitalize;
	outline        : 1px solid var(--p-cc-1);
	outline-ofset  : -1px;
	padding        : 3px 7px;
	pointer-events : none;
}

/* .product-thumb .saleback .sale */
/* { */

/* } */
.product-thumb:hover .percentsaving
{
	color      : var(--d-cc-0);
	background : var(--l-cc-0);
	
	float      : right;
	
}

#column-left .product-thumb .percentsaving, #column-right .product-thumb .percentsaving
{
	display : none;
}

.product-list .product-thumb .percentsaving.list-save
{
	right    : 5px;
	top      : 0px;
	display  : block;
	position : absolute;
}

.product-list .product-thumb .percentsaving.grid-save, .product-grid .product-thumb .percentsaving.list-save
{
	display : none;
}

.rating .fa-stack, #review .fa-stack
{
	font-size : 8px;
	width     : 11px;
}

.rating .fa-star, #review .fa-star, .rating-wrapper .fa-star
{
	color     : #f5cb0c;
	font-size : 13px;
}

.rating .fa-star + .fa-star-o, #review .fa-star + .fa-star-o, .rating-wrapper .fa-star + .fa-star-o
{
	color : #8f8f8f;
}

.rating .fa-star.off, .rating-wrapper .fa-star.off, #review table .fa-star.off
{
	color : #b5b5b5;
}

h2.price
{
	margin : 0;
}

.product-thumb .price
{
	color          : var(--d-cc-0);
	display        : block;
	vertical-align : middle;
	margin-bottom  : 2px;
	font-size      : 14px;
	line-height    : 26px;
	font-weight    : 600;
	letter-spacing : 0;
}

.product-thumb .price-new
{
	position : relative;
	
}

.product-thumb .price-old
{
	color           : var(--d-cc-2);
	text-decoration : line-through;
	margin-left     : 5px;
	font-size       : 14px;
	line-height     : 18px;
	font-weight     : 400;
}

.product-thumb .price-tax
{
	color     : var(--d-cc-3);
	display   : none;
	font-size : 12px;
	width     : 100%;
}

.product-list .product-thumb .price-tax
{
	display     : block;
	clear       : both;
	line-height : 18px;
}

#content h3.product-option
{
	font-size : 16px;
}

.product-thumb .button-group
{
	opacity        : 1;
	position       : absolute;
	top            : 0;
	bottom         : 15px;
	right          : 10px;
	left           : 10px;
	width          : auto;
	z-index        : 9;
	height         : unset;
	display        : flex;
	flex-direction : column;
	align-items    : flex-end;
	gap            : max(3px, 2%);
	pointer-events : none;
}

.product-thumb .image a,
.product-thumb .button-group button,
.product-thumb .button-group .quickbox
{
	pointer-events : auto !important;
}

.product-thumb .image a
{
	isolation : isolate;
	position  : relative;
	z-index   : 8;
	
}

.product-block .button-group::before,
.product-block .button-group::after
{
	content : "";
	display : block;
	width   : 1px;
	
}

.product-block .button-group::before
{
	flex : 1 0 max(2px, 2%);
}

.product-block .button-group::after
{
	flex : 1 0 max(2px, 30%);
}

.product-grid .product-thumb .product-details .caption, .productbox-grid .product-thumb .product-details .caption, .product-carousel .product-thumb .product-details .caption,
.category_tab .product-details .caption
{
	padding : 15px;
}

.product-grid .product-thumb .product-details .button-group
{

}

.product-list .product-thumb button.addtocart
{
	display : none;
}

.product-list .product-thumb:hover button.addtocart
{
	background : var(--d-cc-2)
}

.product-list .product-thumb button.addtocart
{
	font-size      : 14px;
	line-height    : 22px;
	font-weight    : 500;
	letter-spacing : 0.5px;
	text-transform : capitalize;
	margin-top     : 12px;
	background     : var(--p-cc-1);
	padding        : 2px;
	height         : auto;
	width          : auto;
	color          : var(--l-cc-0);
}

.product-list .product-thumb .button-group button.addtocart
{
	display : none;
}

.product-list .product-thumb button.addtocart:before
{
	display : none;
}

.product-thumb .button-group button,
.product-thumb .button-group .quickbox
{
	width            : auto;
	
	min-width        : 32px;
	height           : 100%;
	aspect-ratio     : 32/32;
	border           : none;
	background-color : var(--l-cc-0);
	outline          : 1px solid var(--p-cc-1);
	outline-offset   : -1px;
	color            : #333;
	padding          : 2px;
	text-align       : center;
	text-transform   : uppercase;
	position         : relative;
	transition       : none;
	vertical-align   : top;
	display          : grid;
	place-items      : center;
	margin           : 0;
	box-shadow       : 1px 2px 4px -1px rgb(0 0 0  / 33%);
	
}

@media screen and (min-width : 0.35px) and (max-width : 820px)
{
	.product-thumb .button-group button,
	.product-thumb .button-group .quickbox
	{
		opacity : 1;
	}
	
	/* .product-thumb:hover .percentsaving */
	/* { */
	/* 	transition : 0s !important; */
	/* } */
	.product-thumb:not(:hover) .sale
	{
		opacity : 0 !important
	}
	
	/* .product-thumb:not(:hover) .percentsaving */
	/* { */
	/* 	opacity : 1 !important; */
	/* 	 */
	/* } */
}

@media screen and (min-width : 820.35px)
{
	
	.product-thumb .button-group button,
	.product-thumb .button-group .quickbox
	{
		--duration : calc(var(--action-btn-lenght, 1) * .1s);
		--delay    : calc(.1s * (var(--action-btn-lenght, 1) - var(--action-btn-index, 1)));
		transition : var(--duration) var(--delay) !important;
	}
	
	.product-thumb:not(:hover) .button-group button,
	.product-thumb:not(:hover) .button-group .quickbox
	{
		scale     : 1.1 1;
		translate : 60% -10%;
		opacity   : 0;
	}
	
	.product-thumb:not(:hover) .sale
	{
		opacity : 1;
	}
	
	/* .product-thumb:not(:hover) .percentsaving */
	/* { */
	/* 	opacity : 0; */
	/* 	 */
	/* } */
	
}

.product-thumb .button-group button .fa
{
	display : none;
}

.product-list .product-thumb .caption
{
	border         : none;
	padding-left   : 25px;
	padding-right  : 0;;
	text-align     : left;
	padding-top    : 25px;
	padding-bottom : 15px;
}

.product-list .product-block .rating, .product-grid .product-block .rating.list-rate
{
	margin  : 15px 0;
	display : none;
}

.product-list .product-block .rating.list-rate
{
	margin  : 0 0 8px;
	display : inline-block;
	width   : 100%;
}

.product-list .product-block .desc
{
	margin-bottom  : 10px;
	font-size      : 12px;
	line-height    : 22px;
	letter-spacing : 0.7px;
}

#cart .text-right .addtocart
{
	background : var(--d-cc-3);
}

#cart .text-right .addtocart, #cart .text-right .checkout
{
	width       : 100%;
	border      : none;
	display     : inline-block;
	float       : left;
	color       : var(--l-cc-0);
	padding     : 8px 16px;
	font-weight : normal;
	text-align  : center;
	font-size   : 13px;
}

#cart .dropdown-menu .img-thumbnail
{
	width     : auto;
	max-width : none;
	border    : 0;
}

#cart .text-right .addtocart strong,
#cart .text-right .checkout strong
{
	color       : var(--l-cc-0);
	font-weight : 400;
}

#cart .text-right .addtocart
{
	margin : 0 5px 0 0;
}

.product-thumb button.addtocart:hover
{
	color            : var(--p-cc-1);
	background-color : var(--p-cc-2);
}

.productbox-grid .product-block button.addtocart span:hover, .product-carousel .product-block button.addtocart span:hover, .product-grid .product-block button.addtocart span:hover
{
	background-color : var(--p-cc-1);
}

.product-thumb button.addtocart
{
	/* width            : 35px; */
	/* height           : 35px; */
	border           : none;
	background-color : var(--l-cc-0);
	color            : #333;
	/* padding          : 5px 8px; */
	
	font-weight      : 500;
	text-align       : center;
	text-transform   : uppercase;
	position         : relative;
	transition       : none;
	vertical-align   : top;
	margin-right     : 0px;
}

.product-thumb button.addtocart:before
{
	color       : var(--d-cc-0);
	content     : "\f07a";
	font-family : "FontAwesome";
	font-size   : 17px;
	/* transition         : all 0.4s ease 0s; */
}

.product-thumb button.addtocart:hover,
.product-thumb button.addtocart:hover:before
{
	color : var(--l-cc-0);
}

.product-grid .product-thumb .image .addtocart, .productbox-grid .product-thumb .image .addtocart, .product-carousel .product-thumb .image .addtocart, .category_tab .image .addtocart
{
	background : var(--l-cc-0);
	display    : block;
}

.productbox-grid .product-block button.addtocart, .product-carousel .product-block button.addtocart, .product-grid .product-block button.addtocart
{
	display : none;
}

/* .productbox-grid .product-block:hover button.addtocart:hover, .product-carousel .product-block:hover button.addtocart:hover, .product-grid .product-block:hover button.addtocart:hover */
/* { */
/* background-position: 11px 13px ;*/
/* background-color : var(--d-cc-0); */
/* } */

.productbox-grid .product-block button.addtocart span, .product-carousel .product-block button.addtocart span, .product-grid .product-block button.addtocart span
{
	display : none;
}

.product-thumb button.addtocart .fa
{
	display : none;
}

.product-thumb .button-group button.wishlist
{
	
	position      : relative;
	margin-bottom : 0px;
}

.product-thumb .button-group button.wishlist:before
{
	content     : "\f004";
	font-family : "FontAwesome";
	font-size   : 15px;
	/* transition         : all 0.4s ease 0s; */
}

.product-thumb .button-group button.compare
{
	
	position : relative;
	margin   : 0px 0;
}

.product-thumb .button-group button.compare:before
{
	font-family : "FontAwesome";
	content     : "\f0b2";
	font-size   : 15px;
	margin      : 0;
	padding     : 0;
	/* transition  : all 0.4s ease 0s; */
}

#cart .text-right .addtocart:hover,
.product-thumb .button-group button:focus,
#cart .text-right .addtocart:focus
{
	
	text-decoration : none;
	cursor          : pointer;
	
}

.product-thumb .button-group button:hover,
.product-thumb .button-group button:focus
{
	
	text-decoration : none;
	cursor          : pointer;
	transition      : none;
}

.product-thumb .button-group .quickview-button.quickview-button
{
	display : contents;
}

.product-thumb .button-group button.addtocart:before
{
	color : currentColor;
}

.product-thumb .button-group button:before,
.product-thumb .button-group a.quickbox::before
{
	opacity : 0 !important;
}

.product-thumb .button-group svg,
.product-thumb .button-group svg path
{
	fill : currentColor !important;
}

.product-thumb .button-group svg
{
	position    : absolute;
	inset       : 50%;
	transform   : translate(-50%, -50%);
	width       : 62%;
	height      : auto;
	display     : grid;
	place-items : center;
	text-align  : center;
	transition  : 200ms;
}

.product-thumb .button-group button.wishlist,
.product-thumb .button-group a.quickbox,
.product-thumb .button-group button.compare,
.product-thumb .button-group button.addtocart
{
	background-color : var(--l-cc-0);
	color            : var(--p-cc-1);
}

.product-thumb .button-group button.wishlist:hover,
.product-thumb .button-group button.wishlist:focus,
.product-thumb .button-group a.quickbox:hover,
.product-thumb .button-group a.quickbox:focus,
.product-thumb .button-group button.compare:hover,
.product-thumb .button-group button.compare:focus,
.product-thumb .button-group button.addtocart:focus,
.product-thumb .button-group button.addtocart:hover
{
	background-color : var(--p-cc-1);
	color            : var(--l-cc-0) !important;
}

.product-thumb .button-group a.quickbox::before,
.product-thumb .button-group button.addtocart:before
{
	color      : inherit;
	transition : inherit;
}

.thumbnail
{
	border : 1px solid #ededed !important
}

.thumbnails
{
	overflow   : auto;
	clear      : both;
	list-style : none;
	padding    : 0;
	margin     : 0;
}

.thumbnails > li
{
}

.thumbnails
{
}

.thumbnails > img
{
	width : 100%;
}

.image-additional a
{
	margin-bottom : 20px;
	padding       : 0px;
	display       : block;
}

.image-additional img
{
	border : 1px solid #f2f2f2;
}

.image-additional img:hover
{
	border-color : var(--d-cc-2);
}

.image-additional
{
}

.thumbnails .image-additional
{
	float : left;
}

.fa-stack .fa
{
	color : var(--d-cc-2);
}

.fa-star-o:before
{
	content : "\f005" !important;
}

@media (min-width : 1230px)
{
	/*	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}*/
}

.product-info .image
{
	display       : block;
	margin-bottom : 15px;
	text-align    : center;
}

#content.productpage h3.product-price
{
	font-weight : 700;
}

#content.productpage h3
{
	margin-top    : 0;
	font-size     : 18px;
	margin-bottom : 0px;
	font-weight   : 500;
}

.product-info .zoomContainer
{
	z-index : 9;
}

.productpage div.required .control-label
{
	color : var(--d-cc-0);
}

.productpage div.required .control-label:before
{
	color : var(--s-cc-4);
}

/* It need for ie7 */
.product-info .additional-carousel
{
	position : relative;
}

.product-info .additional-carousel .customNavigation
{
	top   : 34%;
	width : 100%;
	right : 0;
}

.product-info .additional-carousel .customNavigation a.prev:after
{
	border : 0;
}

.product-info .additional-carousel .customNavigation a.prev
{
	left : 1px;
}

.product-info .additional-carousel .customNavigation a.next
{
	right : 1px;
}

.product-info .image-additional
{
	clear         : both;
	overflow      : hidden;
	padding-left  : 15px;
	padding-right : 15px;
	width         : 480px;
	float         : none;
	margin-left   : auto;
	margin-right  : auto;
}

.product-info .image-additional img
{
	max-width : 100%;
}

.product-info .image-additional a
{
	display : block;
}

.product-right .btn-group .wishlist .fa, .product-right .btn-group .compare .fa
{
	margin-right : 5px;
}

#input-captcha, #input-payment-captcha
{
	margin-bottom : 10px
}

.productpage .form-group.qty .wishlist, .productpage .form-group.qty .compare, .quickview .form-group.qty .wishlist, .quickview .form-group.qty .compare
{
	width     : var(--k-gap-45) !important;
	font-size : 0;
	height    : var(--k-gap-45);
	padding   : 9px;
}

.quickview .form-group.qty .wishlist, .quickview .form-group.qty .compare
{
	padding : 9px 13px;
	flex-shrink : 0;
}

.productpage .form-group.qty .wishlist, .quickview .form-group.qty .wishlist
{
	background   : var(--l-cc-2);
	border-color : var(--l-cc-2);
}

.productpage .form-group.qty .wishlist:hover, .quickview .form-group.qty .wishlist:hover
{
	border-color     : var(--p-cc-1);
	background-color : var(--p-cc-1);
}

.productpage .form-group.qty .compare, .quickview .form-group.qty .compare
{
	background   : var(--l-cc-2);
	border-color : var(--l-cc-2);
	
	transition   : none;
}

.productpage .form-group.qty .compare:hover, .quickview .form-group.qty .compare:hover
{
	border-color     : var(--p-cc-1);
	background-color : var(--p-cc-1);
}

.productpage .form-group.qty .wishlist:before,
.quickview .form-group.qty .wishlist:before
{
	font-family : "FontAwesome";
	content     : "\f004";
	font-size   : 15px;
	margin      : 0;
	padding     : 0px;
	color       : var(--d-cc-0);
}



.productpage .form-group.qty .compare:before, .quickview .form-group.qty .compare:before
{
	font-family : "FontAwesome";
	content     : "\f0b2";
	font-size   : 15px;
	margin      : 0;
	padding     : 0px;
	color       : var(--d-cc-0);
}

.productpage .form-group.qty .wishlist,
.quickview .form-group.qty .wishlist,
.productpage .form-group.qty .compare,
.quickview .form-group.qty .compare
{
	transition : .5s ease;
}

.productpage .form-group.qty .wishlist::before,
.quickview .form-group.qty .wishlist::before,
.productpage .form-group.qty .compare::before,
.quickview .form-group.qty .compare::before
{
	transition : inherit;
}

.productpage .form-group.qty .wishlist:hover::before,
.quickview .form-group.qty .wishlist:hover::before,
.productpage .form-group.qty .compare:hover::before,
.quickview .form-group.qty .compare:hover::before
{
	color: var(--l-cc-0) !important;
}
.productpage #input-quantity, .quickview #input-quantity
{
	float        : left;
	margin-right : 10px;
	width        : auto;
	height       : 44px;
	text-align   : center;
	margin-left  : 5px;
}

.quickview .form-group.qty .btn-lg,
.productpage .form-group.qty .btn-lg
{
	padding        : 10px 40px;
	background     : var(--p-cc-1);
	border-color   : var(--p-cc-1);
	text-transform : capitalize;
	font-size      : 14px;
}

.quickview .form-group.qty .btn-lg:hover,
.productpage .form-group.qty .btn-lg:hover
{
	background   : var(--p-cc-2);
	border-color : var(--p-cc-2);
}

.form-group.qty .control-label
{
	float     : left;
	margin    : 6px 10px 0 0;
	font-size : 14px;
	color     : var(--d-cc-0);
}

/* Codezeel Start */

/* box */
.box
{
	margin-bottom : 0;
}

#column-left .box .box-heading, #column-right .box .box-heading
{
	color         : var(--d-cc-0);
	display       : block;
	text-align    : left;
	padding       : 10px 15px;
	font          : 600 15px/24px "Poppins", sans-serif;
	margin        : 0;
	position      : relative;
	border-bottom : 1px solid var(--l-cc-2);
	float         : none;
}

.box .box-content
{
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-khtml-border-radius  : 0px;
	border-radius         : 0px;
}

.czcategory_block .box-heading,
.box-heading
{
	border         : medium none;
	display        : inline-block;
	width          : auto;
	margin         : 0 0 15px 0;
	padding        : 0 0px 0px 0;
	color          : black;
	position       : relative;
	text-align     : left;
	font           : 700 22px/28px "Poppins", sans-serif;
	text-transform : capitalize !important;
	letter-spacing : 0px;
	float          : left;
}

.category_tab h3
{
	font-weight : 700 !important;
	margin      : 0 0 10px !important;
}

.box .box-content
{
	background            : none;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-khtml-border-radius  : 0px;
	border-radius         : 0px;
	border                : none;
	padding               : 0;
	margin                : 0 -15px;
}

.box .box-content ul, #content .content ul
{
	padding    : 0px;
	margin     : 0px;
	list-style : none;
}

.box .box-content ul li, #content .content ul li
{
	line-height : 22px;
	padding     : 4px 0;
}

.box .box-content ul li a, #content .content ul li a
{
}

.box .box-content ul li a + a, .box .box-content ul li a + a:hover
{
	background   : none;
	padding-left : 0;
}

.box .box-content ul li a:hover, #content .content ul li a:hover
{
}

.box .box-content ul ul
{
	margin-left : 15px;
}

.box.latest, .box.bestseller, .box.featured, .box.special
{
	padding-bottom : 10px;
	padding-top    : 30px;
	margin-bottom  : 0px;
	text-align     : center;
}

.box.featured
{
	padding : 90px 0px 70px;
	clear   : both;
	margin  : 0;
}

.box.hometab .box-content,
.box.latest .box-content,
.box.bestseller .box-content,
.box.featured .box-content,
.box.special .box-content
{
	position : relative;
}

.box-product
{
	list-style-type : none;
	position        : relative;
	width           : 100%;
	padding         : 0px;
	margin          : 0px;
	list-style      : none;
	overflow        : hidden;
}

.box-product .product-items
{
	margin-bottom : 14px;
	padding       : 0;
	margin        : 0;
	position      : relative;
	overflow      : hidden;
}

.product-grid li,
.box-product .product-items,
.product-carousel .slider-item
{
	float   : left;
	display : inline-block;
}

.ie7 .product-grid li
{
	width : 192px !important;
}

.image-additional .slider-item
{
	display : inline-block;
	float   : left;
}

#additional-carousel.image-additional .slider-item .product-block
{
	margin                : 0;
	background            : transparent;
	border-radius         : 0px;
	-moz-border-radius    : 0px;
	-webkit-border-radius : 0px;
	-khtml-border-radius  : 0px;
	clear                 : both;
	overflow              : hidden;
	text-align            : center;
	border                : 0;
	padding               : 0;
}

.image-additional .slider-item .product-block:hover
{
	box-shadow         : none !important;
	-webkit-box-shadow : none !important;
	-moz-box-shadow    : none !important;
}

.product-block-inner
{
	position : relative;
}

.grid_default_width
{
	width : 278px;
}

.featured_default_width
{
	width : 278px;
}

/*.module_default_width{ width: 278px;}*/
.latest_default_width
{
	width : 278px;
}

.special_default_width
{
	width : 278px;
}

.related_default_width
{
	width : 328px;
}

.bestseller_default_width
{
	width : 278px;
}

.tabspecial_default_width
{
	width : 328px;
}

.tabbestseller_default_width
{
	width : 328px;
}

.tablatest_default_width
{
	width : 328px;
}

.additional_default_width
{
	width : 95px;
}

.testimonial_default_width
{
	width : 100%;
}

.ourcategory_default_width
{
	width : 190px;
}

.tabcategory0_default_width
{
	width : 328px;
}

.tabcategory1_default_width
{
	width : 328px;
}

.tabcategory2_default_width
{
	width : 328px;
}

.tabcategory3_default_width
{
	width : 328px;
}

.tabcategory4_default_width
{
	width : 328px;
}

.tabcategory5_default_width
{
	width : 328px;
}

.tabcategory6_default_width
{
	width : 328px;
}

.tabcategory7_default_width
{
	width : 328px;
}

.tabcategory8_default_width
{
	width : 328px;
}

.tabcategory9_default_width
{
	width : 328px;
}

#content .banners-slider-carousel .product-carousel .product-block-inner, #content .banners-slider-carousel .product-grid .product-block-inner
{
	text-align : center;
}

.product-block
{
	margin             : 15px 15px 15px 15px;
	clear              : both;
	overflow           : hidden;
	transition         : all 0.3s ease 0s;
	-webkit-transition : all 0.3s ease 0s;
	-moz-transition    : all 0.3s ease 0s;
	-ms-transition     : all 0.3s ease 0s;
	-o-transition      : all 0.3s ease 0s;
}

.product-block:hover
{
	overflow : hidden;
	clear    : both;
}

.banners-slider-carousel .product-block:hover
{
	-moz-box-shadow    : none;
	-webkit-box-shadow : none;
	box-shadow         : none;
}

.banners-slider-carousel .product-carousel .slider-item .product-block
{
	border  : 0;
	margin  : 15px 16px;
	padding : 0;
}

.banners-slider-carousel .product-block
{
}

.banners-slider-carousel .product-block:hover img
{
	animation-duration                : 1s;
	animation-timing-function         : linear;
	animation-name                    : "bounceIn";
	-webkit-animation-duration        : 1s;
	-webkit-animation-timing-function : linear;
	-webkit-animation-name            : "bounceIn";
	-moz-animation-duration           : 1s;
	-moz-animation-timing-function    : linear;
	-moz-animation-name               : "bounceIn";
	transition                        : all 300ms ease;
	-webkit-transition                : all 300ms ease;
	-moz-transition                   : all 300ms ease;
	-ms-transition                    : all 300ms ease;
	-o-transition                     : all 300ms ease;
}

.banners-slider-carousel .product-block .product-block-inner
{
	text-align : center;
}

@keyframes bounceIn
{
	from, 20%, 40%, 60%, 80%, to
	{
		animation-timing-function : cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0%
	{
		opacity   : 0;
		transform : scale3d(.3, .3, .3);
	}
	20%
	{
		transform : scale3d(1.1, 1.1, 1.1);
	}
	40%
	{
		transform : scale3d(.9, .9, .9);
	}
	60%
	{
		opacity   : 1;
		transform : scale3d(1.03, 1.03, 1.03);
	}
	80%
	{
		transform : scale3d(.97, .97, .97);
	}
	to
	{
		opacity   : 1;
		transform : scale3d(1, 1, 1);
	}
}

.ie7 #content .product-carousel .product-block,
	/*.ie7 #content .product-grid-list .product-block,*/
.ie7 .product-block
{
	border : 1px solid #ddd;
}

.ie7 #content .product-carousel .product-block:hover,
.ie7 .product-block:hover
{
	border : 1px solid #ddd;
}

.product-grid .product-thumb .desc, .productbox-grid .product-thumb .price-tax, .product-carousel .product-thumb .price-tax
{
	display : none;
}

.product-list .product-details
{
	overflow : hidden;
	width    : 77%;
}

.product-block-inner
{
	text-align : left;
	overflow   : hidden;
	position   : relative;
	margin     : 0;
	padding    : 0;
}

#content .product-list .product-block .product-block-inner
{
	padding    : 0;
	background : var(--l-cc-0);
}

.product-list .product-block .image
{
	transition : none;
	width      : 23%;
}

.banners-slider-carousel
{
	padding       : 41px 0 32px;
	position      : relative;
	width         : 100%;
	clear         : both;
	text-align    : center;
	margin-bottom : 0;
	background    : var(--l-cc-0);
}

.banners-slider-carousel .box-heading
{
	display : none;
}

.banners-slider-carousel .carousel-block
{
	margin   : 10px auto 20px;
	position : relative;
}

.banners-slider-carousel .customNavigation
{
	display : none !important;
}

.sale
{
	color          : var(--l-cc-0);
	font-size      : 12px;
	padding        : 3px 7px;
	line-height    : normal;
	background     : var(--s-cc-4);
	font-weight    : 400;
	left           : 10px;
	letter-spacing : 0.6px;
	position       : absolute;
	text-align     : right;
	text-transform : capitalize;
	top            : 10px;
	transition     : all 0.3s ease 0s;
	box-shadow     : 1px 2px 4px -1px rgb(0 0 0  / 35%);
	z-index        : 8;
}

[id^="tooltip"].tooltip
{
	pointer-events : none;
}

.product-thumb .sale
{
	opacity        : 1;
	pointer-events : none;
}

.product-thumb:hover .sale
{
	opacity : 0;
}

/* box products for Left Column and Right Column */
#column-left .box-product,
#column-right .box-product
{
	width    : 100%;
	overflow : hidden;
}

#column-left .box-product > div,
#column-right .box-product > div
{
	display        : block;
	vertical-align : top;
	margin-right   : 0px;
	margin-top     : 0px;
	margin-bottom  : 0;
	width          : 100%;
}

#column-left .box .box-content div.product-items:last-child > div, #column-right .box .box-content div.product-items:last-child > div,
#column-left .box .box-content div.slider-item:last-child > div, #column-right .box .box-content div.slider-item:last-child > div
{
	border : 0 none;
}

#column-left .box-product .image,
#column-right .box-product .image
{
	display       : block;
	margin-bottom : 15px;
	float         : left;
	margin-right  : 15px;
	margin-top    : 0px;
}

#column-left .product-items .product-details,
#column-right .product-items .product-details
{
	width    : auto;
	overflow : hidden;
}

#column-left .product-thumb .caption,
#column-right .product-thumb .caption
{
	padding    : 0;
	border     : none;
	text-align : left;
}

#column-left .caption a, #column-right .caption a
{
	word-wrap   : break-word;
	font-size   : 13px;
	font-weight : 400;
	color       : var(--d-cc-0);
}

#column-left .caption a:hover, #column-right .caption a:hover
{
	color : var(--d-cc-0);
}

#column-left .box-product .product-thumb h4, #column-right .box-product .product-thumb h4
{
	font-weight : normal;
	font-size   : 13px;
	margin      : 0 0 5px;
}

#column-left .box-product .name,
#column-right .box-product .name
{
	display : block;
}

#column-left .box-product .cart,
#column-right .box-product .cart
{
	display : block;
}

#column-left .box-product .cart .button,
#column-right .box-product .cart .button
{
	padding               : 0;
	background            : none;
	box-shadow            : none;
	-moz-box-shadow       : none;
	-webkit-box-shadow    : none;
	height                : auto;
	font-weight           : normal;
	border-radius         : 0;
	-webkit-border-radius : 0px;
	-khtml-border-radius  : 0px;
	-moz-border-radius    : 0px;
	color                 : #555;
	display               : block;
	text-align            : left;
}

#column-left .box-product .cart .button:hover,
#column-right .box-product .cart .button:hover
{
	text-decoration : underline;
}

#column-left .box-product .image img,
#column-right .box-product .image img
{
	width : 85px;
}

#column-left .box-product .rating,
#column-right .box-product .rating,
#column-left .box-product .name,
#column-right .box-product .name,
#column-left .box-product .price,
#column-right .box-product .price,
#column-left .box-product .cart,
#column-right .box-product .cart
{
	font-size     : 14px;
	clear         : both;
	display       : block;
	line-height   : inherit;
	margin-bottom : 4px;
}

#column-left .box-product .price .price-old,
#column-right .box-product .price .price-old
{
	font-size : 14px;
}

#column-left .box .box-content, #column-right .box .box-content,
#column-left .box .list-group, #column-right .box .list-group,
#column-left .box .filterbox, #column-right .box .filterbox
{
	margin     : 0px;
	background : var(--l-cc-0) none repeat scroll 0 0;
	padding    : 15px 10px 15px 20px;
}

#column-left .box .filterbox label,
#column-right .box .filterbox label
{
	font-size : 14px;
}

#column-left .box .filterbox label input[type="checkbox"],
#column-right .box .filterbox label input[type="radio"]
{
	width      : 14px;
	height     : 14px;
	margin-top : 6px;
}

#column-left .box .filterbox label:hover,
#column-right .box .filterbox label:hover
{
	color : var(--d-cc-0);
}

#column-left .box-product .rating,
#column-right .box-product .rating
{
	display       : inline-block;
	margin-bottom : 0px;
	opacity       : 1;
	display       : none;
}

#column-left .product-thumb, #column-right .product-thumb
{
	border     : none;
	margin     : 0px 0px;
	padding    : 5px 0;
	background : var(--l-cc-0);
}

#column-left .product-thumb:hover, #column-right .product-thumb:hover
{
	background : var(--l-cc-0);
}

#column-left .sale, #column-left .price-tax, #column-left .wishlist, #column-left .compare,
#column-right .sale, #column-right .price-tax, #column-right .wishlist, #column-right .compare
{
	display : none !important;
}

#column-left .product-thumb .button-group button,
#column-right .product-thumb .button-group button
{
	background     : none repeat scroll 0 0 transparent;
	padding        : 0;
	width          : auto;
	line-height    : 28px;
	color          : var(--d-cc-2);
	text-transform : capitalize;
	left           : 0;
	height         : auto;
	position       : static;
	text-align     : left;
}

#column-left .product-thumb .button-group button span,
#column-right .product-thumb .button-group button span
{
	display : block !important;
}

#column-left .product-thumb .button-group button:hover,
#column-right .product-thumb .button-group button:hover
{
	color : var(--d-cc-2)
}

#column-left .product-thumb .button-group button .fa,
#column-right .product-thumb .button-group button .fa
{
	display : none;
}

#column-left .product-thumb .button-group,
#column-right .product-thumb .button-group
{
	background : none;
	border     : none;
	position   : static;
	display    : block;
	float      : left;
	opacity    : 1;
	padding    : 0;
}

#column-left .product-thumb .image .button-group,
#column-right .product-thumb .image .button-group
{
	display : none
}

#column-left .container,
#column-right .container
{
	width   : auto;
	padding : 0;
}

#column-left .box,
#column-right .box
{
	margin-bottom : 30px;
	position      : relative;
	padding       : 0px;
	background    : var(--l-cc-0);
}

#column-left .box .product-thumb button.addtocart,
#column-right .box .product-thumb button.addtocart
{
	padding        : 0px;
	border         : 0;
	text-align     : left;
	font-weight    : 600;
	text-transform : capitalize;
	background     : none;
	position       : static;
	opacity        : 1;
	display        : block;
	width          : 100%;
	font-size      : 13px;
	height         : auto;
}

#column-left .box .product-thumb button.addtocart:before,
#column-right .box .product-thumb button.addtocart:before
{
	display : none;
}

#column-left .box .product-thumb button.addtocart span:hover,
#column-right .box .product-thumb button.addtocart span:hover
{
	color : var(--d-cc-0);
}

#column-left .box .product-thumb button.addtocart span,
#column-right .box .product-thumb button.addtocart span
{
	background  : none;
	padding     : 0px;
	color       : var(--d-cc-0);
	font-weight : 500;
	/* display     : block; */
}


#column-left .box .product-block:hover button.addtocart,
#column-right .box .product-block:hover button.addtocart
{
	/* background : transparent; */
	/* color      : var(--d-cc-2); */
}

#column-left .single-banner .swiper-slide a:before, #column-right .single-banner .swiper-slide a:before
{
	background : rgba(255, 255, 255, 0.49) none repeat scroll 0 0;
	top        : 0;
	bottom     : 0;
	opacity    : 1;
	filter     : alpha(opacity=100);
	content    : "";
	left       : 50%;
	right      : 50%;
	position   : absolute;
}

#column-left .single-banner .swiper-slide:hover a:before, #column-right .single-banner .swiper-slide:hover a:before
{
	left               : 0;
	right              : 0;
	-webkit-transition : all 0.5s ease 0s;
	-moz-transition    : all 0.5s ease 0s;
	-o-transition      : all 0.5s ease 0s;
	transition         : all 0.5s ease 0s;
	opacity            : 0;
	filter             : alpha(opacity=0);
}

.top_button:active
{
	transition : transform 0s, box-shadow 100ms;
	transform  : scale(.99) translatey(1px);
	
}

.top_button
{
	background-color : var(--l-cc-4);
	bottom           : 60px;
	cursor           : pointer;
	height           : 40px;
	position         : fixed;
	right            : 20px;
	text-align       : center;
	width            : 40px;
	z-index          : 99;
	font-size        : 0;
	transition       : all 0.45s ease-in-out;
	
}
@media (max-width: 768px) {
	.top_button{
		bottom: 85px;
	}
}

.top_button:not(:active)
{
	box-shadow : -2px -2px 0px 0px rgb(var(--p-ac-1) / 24%)
}

.top_button:hover
{
	background-color : var(--p-cc-1);
}

.top_button:before
{
	font-family : "FontAwesome";
	content     : "\f176";
	color       : var(--d-cc-2);
	font-size   : 20px;
	left        : 16px;
	position    : absolute;
	top         : 7px;
	transition  : all 0.45s ease-in-out;
}

.top_button:hover::before
{
	color : var(--l-cc-0);
}

#content ul.list-unstyled
{
	margin-bottom : 10px;
	overflow      : auto;
}

#content ul.list-unstyled li
{
	line-height : 2.69;
	padding     : 4px 0;
}

.manufacturer-list
{
	border        : 1px solid var(--l-cc-2);
	margin-bottom : 20px;
	padding       : 5px;
}

.manufacturer-heading
{
	background    : none repeat scroll 0 0 #f8f8f8;
	font-size     : 15px;
	font-weight   : bold;
	margin-bottom : 6px;
	padding       : 5px 8px;
}

.manufacturer-content
{
	padding : 8px;
}

.manufacturer-list ul
{
	float      : left;
	list-style : outside none none;
	margin     : 0 0 10px;
	padding    : 0;
	width      : 25%;
}

.category_filter .sort .form-control
{
	cursor : pointer;
}

.productpage .box
{
	margin-top : 20px;
	position   : relative;
}

#products-related
{
	position : relative;
}

#products-related .customNavigation
{
	top : 0;
}

.tab-content
{
	overflow : hidden;
}

.col-sm-4.total_amount
{
	margin-top : 70px;
}

.product-tag
{
	margin : 5px 0;
}

.aboutus
{
	clear         : both;
	margin-bottom : 40px
}

.aboutus h3
{
	margin-bottom : 10px;
	color         : var(--d-cc-0);
	font-weight   : 600;
}

.image1
{
	background : url("../image/codezeel/cms-sprite.png") no-repeat scroll 0px 0px;
	float      : left;
	height     : 50px;
	width      : 60px;
}

.image2
{
	background : url("../image/codezeel/cms-sprite.png") no-repeat scroll 0px -114px;
	float      : left;
	height     : 50px;
	width      : 60px;
}

.image3
{
	background : url("../image/codezeel/cms-sprite.png") no-repeat scroll 0px -53px;
	float      : left;
	height     : 50px;
	width      : 60px;
}

.image4
{
	background : url("../image/codezeel/cms-sprite.png") no-repeat scroll 0px -172px;
	float      : left;
	height     : 50px;
	width      : 60px;
}

.aboutus h2
{
	clear     : both;
	font-size : 20px;
}

.about-content
{
	overflow : hidden;
}

.information-information .right
{
	float : right;
}

.category_filter #grid-view, .category_filter #list-view
{
	border-radius         : 0;
	-webkit-border-radius : 0;
	-moz-border-radius    : 0;
	-khtml-border-radius  : 0;
	border                : none;
	padding               : 6px 12px;
}

.category_filter #list-view,
.category_filter #grid-view
{
	background-position : center !important;
	background-size     : 60% !important;
	background-repeat   : no-repeat !important;
	width               : 100% !important;
	height              : 100% !important;
	padding             : 5px !important;
	background-color    : #fff !important;
	border              : 1px solid #e5e5e5 !important;
}

.category_filter #grid-view{
	background-image : url(../image/codezeel/grid.svg) !important;
}

.category_filter #list-view{
	background-image : url(../image/codezeel/list.svg) !important;
}

.category_filter #list-view:hover,
.category_filter #grid-view:hover{
	background-color : var(--p-cc-2-m2) !important;
}
.category_filter #list-view.active,
.category_filter #grid-view.active{
	background-color: var(--p-cc-1) !important;
}
.category_filter #list-view.active::after,
.category_filter #grid-view.active::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	filter: brightness(100) saturate(0);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
}
.category_filter #grid-view.active::after{
	background-image : url(../image/codezeel/grid.svg) !important;
}
.category_filter #list-view.active::after{
	background-image : url(../image/codezeel/list.svg) !important;
}

.category_filter #list-view.active, .category_filter #list-view:hover
{
	/* background-position : -41px -1px; */
}

.category_filter #grid-view:hover, .category_filter #grid-view.active
{
	/* background-position : -4px -1px; */
}

.category_filter #grid-view .fa, .category_filter #list-view .fa
{
	display : none
}

#list-view
{
	margin-left : 8px
}

.category_filter #grid-view:hover .fa, .category_filter #list-view:hover .fa
{
	color : var(--l-cc-0);
}

.category_filter .btn-list-grid
{
	float   : left;
	width   : auto;
	padding : 8px 0 0 0;
}

.compare-total
{
	float  : left;
	margin : 9px 20px 0;
}

.compare-total a
{
	color                : var(--d-cc-0);
	font-size            : 14px;
	line-height          : normal;
	text-decoration-line : underline;
}

.pagination-wrapper .pagination-right
{
	float  : right;
	margin : 0;
	width  : auto;
}

.category_filter .sort-by
{
	float   : left;
	margin  : 8px 10px 0 0;
	width   : auto;
	padding : 0;
}

.category_filter .show
{
	float   : left;
	margin  : 8px 10px 0;
	padding : 0;
	width   : auto;
}

.category_filter .sort
{
	float   : left;
	width   : 150px;
	padding : 0;
}

.category_filter .limit
{
	float   : right;
	width   : 100px;
	padding : 0;
}

.sort-by-wrapper, .show-wrapper
{
	float : left;
}

@media screen and (min-width : 767.4px)
{
	.pagination-right
	{
		float : right;
	}
	
	.show-wrapper
	{
		float        : right;
		padding-left : 19px;
	}
}

.sort-by-wrapper label,
.show-wrapper label
{
	color : var(--d-cc-0);
}

.category_thumb .category_img, .category_thumb .category_description
{
	float : left;
	width : 100%;
}

.category_img img
{
	margin-bottom : 20px;
	border        : none;
	max-width     : 100%;
}

.category_list ul
{
	padding : 0;
	display : inline-block;
	margin  : 0 0 15px;
}

#content .refine-search
{
	margin-bottom  : 15px;
	margin-top     : 15px;
	font-size      : 15px;
	font-weight    : 600;
	text-transform : capitalize;
}

.refine-search ul
{
	padding : 0;
}

.refine-search ul li
{
	list-style : none;
}

.category_list li a
{
	color            : var(--d-cc-0);
	display          : block;
	padding          : 5px 15px;
	border           : 1px solid var(--l-cc-2);
	background-color : var(--l-cc-0);
	font-size        : 13px;
}

.category_list li a:hover
{
	color        : var(--p-cc-2-m1);
	border-color : var(--d-cc-2);
}

.category_list li
{
	float      : left;
	list-style : outside none none;
	margin     : 0 10px 5px 0;
}

.pagination-wrapper .pagination-wrapper
{
	display    : inline-block;
	margin     : 10px 0 10px;
	padding    : 15px 0 10px 0;
	width      : 100%;
	background : none;
	border-top : 1px solid var(--l-cc-2);
}

.category_filter
{
	border     : none;
	display    : inline-block;
	margin     : 10px 0 0px;
	padding    : 0 0 0px;
	width      : 100%;
	background : none;
}

.pagination-wrapper .pagination-wrapper .page-link
{
	float      : right;
	padding    : 0;
	width      : auto;
	margin-top : 6px;
}

.pagination-wrapper .pagination-wrapper .page-result
{
	float   : left;
	padding : 0;
	width   : auto;
	margin  : 13px 0 13px;
}

.contact-info::before,
.contact-info::after
{
	display : none !important;
}

@media screen and (min-width : 660.35px)
{
	.contact-info
	{
		display               : grid;
		grid-gap              : var(--s-gap-30);
		grid-template-columns : 1fr 1fr;
		margin                : 0 !important;
	}
}

.contact-info > *
{
	width   : 100% !important;
	margin  : 0;
	padding : 0;
}

.contact-info .left
{
	float                 : left;
	width                 : 50%;
	
	display               : grid;
	grid-gap              : 20px 10px;
	grid-template-columns : 100%;
	
}

.contact-info:not(:has( > .right)) .left
{
	width : 100%;
}

.contact-info .store_poster
{
	display               : grid;
	
	width                 : fit-content;
	gap                   : 3px var(--s-gap-15);
	align-content         : center;
	grid-template-columns : 100%;
	grid-template-rows    : repeat(2, minmax(16px, max-content));
	line-height           : 1.35;
}

.contact-info .store_poster img
{
	display          : block;
	height           : auto;
	width            : 100%;
	grid-row         : span 2;
	background-color : transparent;
	
}

.contact-info .store_poster > *
{
	margin    : 0;
	padding   : 0;
	max-width : 100%;
}

.contact-info .store_poster .name
{
	font-size           : var(--s-gap-30) !important;
	margin-inline-start : calc(-.5 * var(--s-gap-15));
	text-transform      : lowercase;
	color               : var(--p-cc-2);
	line-height         : 1.1;
	place-self          : center start;
}

.contact-info .store_poster time
{
	font-size : 12px;
}

.contact-info .store_poster:has(>:nth-last-child(n + 2))
{
	grid-template-columns : fit-content(80px) 1fr;
}

.contact-info [class^="detail_"] br
{
	display : none !important;
}

.contact-info [class^="detail_"] > *
{
	margin : 0 !important;
	
}

.contact-info .store_detail,
.contact-info [class^="detail_"]
{
	display               : grid;
	grid-template-columns : 100%;
	grid-gap              : 0 var(--k-gap-12)
}

.contact-info .store_detail
{
	gap : var(--k-gap-16);
}

.contact-info [class^="detail_"] > strong
{
	color               : #000;
	line-height         : 1;
	font-size           : var(--k-gap-14);
	padding-left        : 32px;
	
	font-weight         : 500;
	width               : calc(100% + 9px);
	background-position : 1px 2px;
	background-repeat   : no-repeat;
	background-size     : 20px;
	min-height          : 26px;
	display             : flex;
	align-items         : center;
	background-color    : #ececec;
	transform           : translate(-9px, 4px);
	border-radius       : 13px 4px 0 13px;
	border              : 1px solid #ccc;
	border-bottom       : none;
	
}

.contact-info [class^="detail_"].detail_address > strong
{
	background-image : url("../image/codezeel/contacts_circle_adress_24x24-01.svg");
}

.contact-info [class^="detail_"].detail_fax > strong,
.contact-info [class^="detail_"].detail_telephone > strong
{
	background-image : url("../image/codezeel/contacts_circle_phone_24x24-01.svg");
}

.contact-info [class^="detail_"].detail_email > strong
{
	background-image : url("../image/codezeel/contacts_circle_mail_24x24-01.svg");
}

/* .contact-info [class^="detail_"].detail_address */

.contact-info [class^="detail_"] ul li a,
.contact-info [class^="detail_"] address pre
{
	line-height : 1.35 !important;
	margin      : 0;
	padding     : 9px 9px 9px 23px !important;
}

.contact-info [class^="detail_"] ul
{
	color            : #333;
	background-color : #f5f5f5;
	border           : 1px solid #ccc;
	font-weight      : 400;
	letter-spacing   : 0.7px;
	border-radius    : 0 0 4px 4px;
	padding          : 0;
}

.contact-info [class^="detail_"] ul li
{
	list-style : none;
	padding    : 0;
	font-size  : var(--k-gap-12);
}

.contact-info [class^="detail_"] ul li a
{
	font-size   : var(--k-gap-14);
	display     : flex;
	align-items : center;
	color       : var(--d-cc-0);
}

.contact-info [class^="detail_"] ul li a:hover
{
	color : #000;
}

.contact-info [class^="detail_"] address pre + a
{
	border        : 1px solid #ccc;
	border-top    : none;
	width         : 100%;
	margin-top    : -4px;
	border-radius : 0 0 4px 4px;
	display       : grid;
	place-items   : center;
	text-align    : center;
	
}

.contact-info .right
{
	float : right;
	width : 50%;
}

.row.contact-info
{
	padding : 0 15px;
}

.information-contact .panel-body
{
	padding  : 30px;
	overflow : auto;
}

.contact-info .address-detail strong
{
	background  : url("../image/codezeel/cms-sprite.png") no-repeat scroll -6px -235px transparent;
	padding     : 0px 0 0 40px;
	height      : 28px;
	margin      : 10px 0 0;
	float       : left;
	clear       : both;
	font-weight : 500
}

.contact-info .address-detail, .contact-info .telephone, .contact-info .fax, .contact-info .openingtime, .contact-info .comments
{
	float : left;
	width : 100%;
}

.contact-info .telephone strong
{
	background  : url("../image/codezeel/cms-sprite.png") no-repeat scroll -5px -314px transparent;
	padding     : 0px 0 0 40px;
	margin      : 10px 0 0;
	height      : 28px;
	float       : left;
	clear       : both;
	font-weight : 500
}

.contact-info .fax strong
{
	background  : url("../image/codezeel/cms-sprite.png") no-repeat scroll -5px -272px transparent;
	padding     : 0px 0 0 40px;
	height      : 28px;
	margin      : 10px 0 0;
	float       : left;
	clear       : both;
	font-weight : 500
}

.contact-info .openingtime strong
{
	background  : url("../image/codezeel/cms-sprite.png") no-repeat scroll -5px -355px transparent;
	padding     : 0px 0 0 40px;
	height      : 28px;
	margin      : 10px 0 0;
	float       : left;
	clear       : both;
	font-weight : 500
}

.contact-info .comments strong
{
	background  : url("../image/codezeel/cms-sprite.png") no-repeat scroll -5px -399px transparent;
	padding     : 0px 0 0 40px;
	height      : 28px;
	margin      : 10px 0 0;
	float       : left;
	clear       : both;
	font-weight : 500
}

.contact-info address
{
	display : inline-block;
	margin  : 0 0 0 40px;
	float   : left;
	clear   : both;
}

.address-detail .btn
{
	clear  : both;
	float  : left;
	margin : 15px 0 0 37px;
}

#spinner
{
	position   : fixed;
	left       : 0px;
	top        : 0px;
	width      : 100%;
	height     : 100%;
	z-index    : 100000;
	background : url("../image/codezeel/loading.gif") 50% 50% no-repeat var(--l-cc-0);
	width      : 100%;
}

.main-slider
{
	position : relative;
	width    : 100%;
}

.main-slider .swiper-pager div
{
	text-decoration    : none;
	display            : block;
	margin             : 30px 0 0;
	position           : absolute;
	z-index            : 10;
	top                : 40%;
	overflow           : hidden;
	opacity            : 0;
	filter             : alpha(opacity=0);
	cursor             : pointer;
	font-size          : 0;
	height             : 45px;
	width              : 45px;
	background         : none;
	border             : 2px solid var(--l-cc-0);
	-webkit-transition : all 500ms ease;
	-moz-transition    : all 500ms ease;
	-o-transition      : all 500ms ease;
	transition         : all 500ms ease;
}

.main-slider .swiper-pager div:hover
{
	border-color : var(--l-cc-0);
}

.main-slider:hover .swiper-pager .swiper-button-next
{
	opacity : 1;
	right   : 100px;
}

.main-slider .swiper-pager .swiper-button-next
{
	right : 50px;
}

.main-slider:hover .swiper-pager .swiper-button-prev
{
	opacity : 1;
	left    : 100px;
}

.main-slider .swiper-pager .swiper-button-prev
{
	left : 50px;
}

.main-slider .swiper-pager div:before
{
	height             : 37px;
	width              : 37px;
	color              : var(--p-cc-1);
	display            : inline-block;
	float              : none;
	font-family        : "FontAwesome";
	font-size          : 25px;
	line-height        : 28px;
	margin             : 2px;
	vertical-align     : top;
	padding            : 5px 14px;
	background-color   : var(--l-cc-0);
	-webkit-transition : all 500ms ease;
	-moz-transition    : all 500ms ease;
	-o-transition      : all 500ms ease;
	transition         : all 500ms ease;
}

.main-slider .swiper-pager div:hover:before
{
	background-color : var(--p-cc-2-m1);
	color            : var(--p-cc-1);
}

.swiper-button-next:before
{
	content : "\f105";
}

.swiper-button-prev:before
{
	content : "\f104";
}

.swiper-pagination
{
	opacity : 0;
}

.main-slider:hover .swiper-pagination
{
	opacity : 1;
}

.information-sitemap .sitge-map ul
{
	padding : 0 0 0 20px;
}

.forget-password
{
	margin : 5px 0 0;
}

.product-compare .btn-primary
{
	margin : 5px 0 5px;
}

.productpage .write-review, .productpage .review-count
{
	margin    : 0 10px;
	font-size : 14px;
}

.productpage .rating-wrapper, .quickview .rating-wrapper
{
	margin : 10px 0 15px;
}

.quickview .review-count, .quickview .write-review
{
	display : none;
}

#content.productpage ul.list-unstyled
{
	border-bottom : none;
}

.panel-default > .panel-heading:hover
{
	border-color : var(--d-cc-2);
}

.panel-default > .panel-heading:hover .panel-title
{
	background-color : var(--l-cc-0);
}

#accordion h4.panel-title a.accordion-toggle
{
	display : block;
}

.checkout-cart #accordion .panel-title > a, .checkout-checkout #accordion .panel-title
{
	color       : #444;
	font-weight : 600;
	padding     : 10px;
}

#accordion .panel-title > a
{
	color : inherit;
}

#accordion .panel-heading .fa.fa-caret-down
{
	float      : right;
	margin-top : 4px;
}

#accordion .col-sm-10
{
	width : 75%;
}

#accordion .form-horizontal .control-label
{
	text-align : left;
}

#accordion .panel-default .panel-body h2
{
	font-size   : 16px;
	font-weight : 600;
}

.checkout-cart #content .buttons .pull-right .btn
{
	background-color : var(--d-cc-0);
	border-color     : var(--d-cc-0);
	padding          : 7px 25px;
}

.checkout-cart #content .buttons .pull-right .btn:hover
{
	background-color : var(--d-cc-2);
	border-color     : var(--d-cc-2);
}

.checkout-success p a
{
}

.checkout-cart .hasCustomSelect
{
	width : 95% !important;
}

#content ul.list-unstyled.attr span
{
	font-weight : 600;
	color       : var(--d-cc-0);
	font-size   : 13px;
}

#content ul.list-unstyled.attr
{
	padding-bottom 	: 15px;
	padding-block 	: 10px;
	border-top    	: 1px solid var(--l-cc-2);
	border-bottom 	: 1px solid var(--l-cc-2);
	padding-top   	: 15px;
	/* margin-bottom  : 20px; */
}

#content ul.list-unstyled.attr li
{
	clear       : both;
	line-height : 1.5;
}

#content ul.list-unstyled.attr li a
{
	font-weight : 400;
	font-size   : 13px;
	color       : var(--d-cc-0)
}

.productpage .product-right
{
	display       : grid;
	grid-template-columns: 100%;
	align-content : start;
	grid-gap      : 15px;
	
}

.productpage .product-right > *
{
	padding-block : 0;
	margin-block  : 0 !important;
}

.productpage .product-right ul.price, .productpage .product-right ul.price
{
	padding-bottom : 0px
}

#content ul.list-unstyled.price li
{
	/* float       : left; */
	display: flex;
	padding     : 0;
	font-size   : 13px;
	line-height : normal;
	color       : var(--d-cc-0);
}

#content ul.list-unstyled.price li.price-tax
{
	float       : left;
	padding     : 0;
	font-size   : 13px;
	color       : var(--d-cc-0);
	line-height : 1.5;
}

.productpage .product-right ul li span.old-price, .productpage .product-right ul li span.special-price
{
	float         : left;
	margin-bottom : 0px;
}

.productpage .product-right ul li.discount, .productpage .product-right ul li.rewardpoint, .productpage .product-right ul li.price-tax
{
	clear : both;
}

span.old-price
{
	margin-right : 10px;
	font-size    : 18px;
	color        : #a0a0a0;
	font-weight  : 400;
}

#content h3.special-price
{
	font-size     : 18px;
	margin-bottom : 0;
	font-weight   : 600;
	margin-bottom : 0px;
}

.productpage .product-right #product
{
	display : contents;
}

.productpage .product-right #product > *
{
	padding : 0;
	margin  : 0;
}

.productpage .product-right #product .form-group.qty > [id*="button-cart"]
{
	align-self  : stretch;
	min-width   : 0 !important;
	min-height : 0 !important;
	
	
	
	/* min-height  : 44px; */
	/* width: 100%; */
	/* order       : 2 */
}

@media screen and (min-width : 0.35px) and (max-width: 425px)
{
	.productpage .product-right #product .form-group.qty > [id*="button-cart"]
	{
		flex-grow : 1;
		flex-shrink : 1;
		width: fit-content;
		max-width: -webkit-fill-available;
	}
}
@media screen and (min-width : 425.35px)
{
	.productpage .product-right #product .form-group.qty > [id*="button-cart"]
	{
		width : auto;
		order : unset;
		padding-inline: var(--k-gap-40) !important
	}
	
}

.productpage .product-right #product .form-group.qty .quantity-number
{
	margin : 0;
	display: flex;
	flex-shrink : 0;
	position : relative;
}
.productpage .product-right #product .form-group.qty > *:not(.quantity-number)
{
	
	margin          : 0;
	display         : flex;
	align-items     : center;
	justify-content : center;
	text-align      : center;
	/* padding         : 3px; */
	position        : relative;
}

.productpage .product-right #product .form-group.qty .btn.btn-default.wishlist::before,
.productpage .product-right #product .form-group.qty .btn.btn-default.compare::before
{
	position  : absolute;
	top       : 50%;
	left      : 50%;
	transform : translate(-50%, -50%);
	
}

.productpage .product-right #product .form-group.qty btn.btn-default.compare::before
{
	grid-row    : 1/-1;
	grid-column : 1/-1;
}

.productpage .product-right #product .form-group.qty
{
	display     : flex;
	align-items : center;
	flex-wrap   : wrap;
	gap         : 12px;
}

/* div#product .form-group .hasCustomSelect
{
	width : 90% !important;
} */

.page-title
{
	padding : 0px;
}

.page-title, .refine-search, .product-title, .product-option
{
	font-size      : 18px;
	font-weight    : 700;
	line-height    : 24px;
	text-transform : capitalize;
	margin-bottom  : 15px;
}

.copy-right
{
	border-top : 1px solid var(--l-cc-2);
	padding    : 10px 0;
	text-align : center;
}

.account-address .table > tbody > tr > td
{
	vertical-align : middle;
}

.account-address .btn-info
{
	margin : 2px 0;
}

.affiliate-account .btn-primary .list-group-item,
.affiliate-account .btn-primary .list-group-item:hover
{
	padding    : 0;
	background : none;
	color      : var(--l-cc-0);
}

#content .affiliate-logout
{
}

.shopping-cart .img-thumbnail
{
	max-width : none;
}

.shopping-cart .input-group .form-control
{
	width      : auto;
	height     : 40px;
	text-align : center;
}

.shopping-cart .input-group-btn
{
	float : left;
}

#accordion label.col-sm-2.control-label
{
	margin  : 7px 0 0;
	padding : 0 15px 0 0;
}

#accordion #collapse-shipping label.col-sm-2.control-label
{
	padding : 0 15px;
}

.checkout-checkout #accordion label.col-sm-2.control-label
{
	padding-left : 15px;
}

.checkout-cart .input-group-btn:last-child > .btn, .checkout-cart .input-group-btn:last-child > .btn-group
{
	margin-left           : 5px;
	font-size             : 12px;
	border-radius         : 0;
	-webkit-border-radius : 0;
	-moz-border-radius    : 0;
	-khtml-border-radius  : 0;
}

.col-sm-3.search_subcategory
{
	width      : auto;
	margin-top : 7px;
}

#button-search
{
	float : right;
}

.product-search h2
{
	clear : both;
}

.banners-slider-carousel img
{
	transition         : all 500ms ease 0s;
	-moz-transition    : all 500ms ease 0s;
	-webkit-transition : all 500ms ease 0s;
	-ms-transition     : all 500ms ease 0s;
	-o-transition      : all 500ms ease 0s;
}

.banners-slider-carousel img:hover
{
	opacity         : 1;
	-moz-opacity    : 1;
	-webkit-opacity : 1;
	-khtml-opacity  : 1;
}

@-webkit-keyframes slideDashXopp
{
	from
	{
		-webkit-transform : translateX(0%);
		transform         : translateX(0%);
		-moz-transform    : translateX(0%);
		-ms-transform     : translateX(0%);
		-o-transform      : translateX(0%);
	}
	to
	{
		-webkit-transform : translateX(-50%);
		transform         : translateX(-50%);
		-moz-transform    : translateX(-50%);
		-ms-transform     : translateX(-50%);
		-o-transform      : translateX(-50%);
	}
}

@-moz-keyframes slideDashXopp
{
	from
	{
		-webkit-transform : translateX(0%);
		transform         : translateX(0%);
		-moz-transform    : translateX(0%);
		-ms-transform     : translateX(0%);
		-o-transform      : translateX(0%);
	}
	to
	{
		-webkit-transform : translateX(-50%);
		transform         : translateX(-50%);
		-moz-transform    : translateX(-50%);
		-ms-transform     : translateX(-50%);
		-o-transform      : translateX(-50%);
	}
}

@keyframes slideDashXopp
{
	from
	{
		-webkit-transform : translateX(0%);
		transform         : translateX(0%);
		-moz-transform    : translateX(0%);
		-ms-transform     : translateX(0%);
		-o-transform      : translateX(0%);
	}
	to
	{
		-webkit-transform : translateX(-50%);
		transform         : translateX(-50%);
		-moz-transform    : translateX(-50%);
		-ms-transform     : translateX(-50%);
		-o-transform      : translateX(-50%);
	}
}

@-webkit-keyframes slideDash
{
	from
	{
		-webkit-transform : translateX(-50%);
		transform         : translateX(-50%);
		-moz-transform    : translateX(-50%);
		-ms-transform     : translateX(-50%);
		-o-transform      : translateX(-50%);
	}
	to
	{
		-webkit-transform : translateX(0%);
		transform         : translateX(0%);
		-moz-transform    : translateX(0%);
		-ms-transform     : translateX(0%);
		-o-transform      : translateX(0%);
	}
}

@-moz-keyframes slideDash
{
	from
	{
		-webkit-transform : translateX(-50%);
		transform         : translateX(-50%);
		-moz-transform    : translateX(-50%);
		-ms-transform     : translateX(-50%);
		-o-transform      : translateX(-50%);
	}
	to
	{
		-webkit-transform : translateX(0%);
		transform         : translateX(0%);
		-moz-transform    : translateX(0%);
		-ms-transform     : translateX(0%);
		-o-transform      : translateX(0%);
	}
}

@keyframes slideDash
{
	from
	{
		-webkit-transform : translateX(-50%);
		transform         : translateX(-50%);
		-moz-transform    : translateX(-50%);
		-ms-transform     : translateX(-50%);
		-o-transform      : translateX(-50%);
	}
	to
	{
		-webkit-transform : translateX(0%);
		transform         : translateX(0%);
		-moz-transform    : translateX(0%);
		-ms-transform     : translateX(0%);
		-o-transform      : translateX(0%);
	}
}

@-webkit-keyframes slideDashY
{
	from
	{
		-webkit-transform : translateY(-50%);
		transform         : translateY(-50%);
		-moz-transform    : translateY(-50%);
		-ms-transform     : translateY(-50%);
		-o-transform      : translateY(-50%);
	}
	to
	{
		-webkit-transform : translateY(0%);
		transform         : translateY(0%);
		-moz-transform    : translateY(0%);
		-ms-transform     : translateY(0%);
		-o-transform      : translateY(0%);
	}
}

@-moz-keyframes slideDashY
{
	from
	{
		-webkit-transform : translateY(-50%);
		transform         : translateY(-50%);
		-moz-transform    : translateY(-50%);
		-ms-transform     : translateY(-50%);
		-o-transform      : translateY(-50%);
	}
	to
	{
		-webkit-transform : translateY(0%);
		transform         : translateY(0%);
		-moz-transform    : translateY(0%);
		-ms-transform     : translateY(0%);
		-o-transform      : translateY(0%);
	}
}

@keyframes slideDashY
{
	from
	{
		-webkit-transform : translateY(-50%);
		transform         : translateY(-50%);
		-moz-transform    : translateY(-50%);
		-ms-transform     : translateY(-50%);
		-o-transform      : translateY(-50%);
	}
	to
	{
		-webkit-transform : translateY(0%);
		transform         : translateY(0%);
		-moz-transform    : translateY(0%);
		-ms-transform     : translateY(0%);
		-o-transform      : translateY(0%);
	}
}

@-webkit-keyframes slideDashYopp
{
	from
	{
		-webkit-transform : translateY(0%);
		transform         : translateY(0%);
		-moz-transform    : translateY(0%);
		-ms-transform     : translateY(0%);
		-o-transform      : translateY(0%);
	}
	to
	{
		-webkit-transform : translateY(-50%);
		transform         : translateY(-50%);
		-moz-transform    : translateY(-50%);
		-ms-transform     : translateY(-50%);
		-o-transform      : translateY(-50%);
	}
}

@-moz-keyframes slideDashYopp
{
	from
	{
		-webkit-transform : translateY(0%);
		transform         : translateY(0%);
		-moz-transform    : translateY(0%);
		-ms-transform     : translateY(0%);
		-o-transform      : translateY(0%);
	}
	to
	{
		-webkit-transform : translateY(-50%);
		transform         : translateY(-50%);
		-moz-transform    : translateY(-50%);
		-ms-transform     : translateY(-50%);
		-o-transform      : translateY(-50%);
	}
}

@keyframes slideDashYopp
{
	from
	{
		-webkit-transform : translateY(0%);
		transform         : translateY(0%);
		-moz-transform    : translateY(0%);
		-ms-transform     : translateY(0%);
		-o-transform      : translateY(0%);
	}
	to
	{
		-webkit-transform : translateY(-50%);
		transform         : translateY(-50%);
		-moz-transform    : translateY(-50%);
		-ms-transform     : translateY(-50%);
		-o-transform      : translateY(-50%);
	}
}

/* CMS */

.box .box-content ul, #content .content ul
{
	padding    : 0px;
	margin     : 0px;
	list-style : none;
}

.box .box-content ul li
{
	line-height : 22px;
	padding     : 3px 0px;
	position    : relative;
}

.box .box-content ul li .hitarea
{
	position : absolute;
	right    : 5px;
	top      : 6px;
}

.box .box-content ul li:last-child a
{
	border : medium none;
}

.box .box-content ul li ul li a
{
	border : none;
}

.box .box-content .box-category
{
	padding : 0px;
}

#content .content ul li
{
	line-height : 22px;
	padding     : 5px;
}

.box .box-content ul li ul li + li
{
	border-top : medium none;
}

.box .box-content ul li a, #content .content ul li a
{
	padding        : 3px 0;
	text-transform : capitalize;
	font-size      : 14px;
	font-weight    : 400;
	line-height    : 23px;
	display        : inline-block;
	width          : 100%;
	color          : var(--d-cc-0);
}

.box .box-content ul li a + a, .box .box-content ul li a + a:hover
{
	background   : none;
	padding-left : 0;
}

.box .box-content ul li a:hover, #content .content ul li a:hover
{
	color : var(--d-cc-0);
}

.box .box-content ul ul
{
	z-index : 99;
	width   : auto;
}

.single-banner
{
	margin     : 0px 0px 30px;
	border     : 0;
	text-align : center;
}

.single-banner .swiper-pagination
{
	display : none;
}

#content .single-banner
{
	margin : 15px 0 50px;
}

#content #banner2 a
{
	position : relative;
	display  : block;
}

#content #banner2 a:before
{
	content            : "";
	position           : absolute;
	box-shadow         : 0 0 125px rgba(0, 0, 0, 0.56) inset;
	height             : 100%;
	width              : 100%;
	opacity            : 0;
	-webkit-opacity    : 0;
	-moz-opacity       : 0;
	-khtml-opacity     : 0;
	transition         : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
	-moz-transition    : all 0.3s ease;
	-ms-transition     : all 0.3s ease;
	-o-transition      : all 0.3s ease;
	z-index            : 9;
}

#content #banner2:hover a:before
{
	opacity         : 1;
	-webkit-opacity : 1;
	-moz-opacity    : 1;
	-khtml-opacity  : 1;
}

.box .box-content ul li ul li a.activSub:hover, .box .box-content ul li a.activSub:hover
{

}

.box .box-content ul li ul li a.activSub, .box .box-content ul li a.activSub
{

}

.box .box-content ul ul li ul
{
	padding : 0;
}

.box .box-content ul ul li:hover ul
{
	display : block;
	
}

#nav-one li.hiden_vertical_menu .dropdown-inner
{
	display : none;
}

/* .product-block-inner .image a */
/* { */
/* 	position : relative; */
/* 	z-index : 100; */
/* 	pointer-events: auto !important; */
/* } */

.product-block-inner a img
{
	vertical-align : middle;
}

.box-category-heading
{
	background-color : var(--d-cc-0);
	color            : var(--l-cc-0);
	padding          : 20px;
	font-size        : 14px;
	font-weight      : 600;
	text-transform   : uppercase;
	width            : 270px;
	display          : inline-block;
	float            : left;
	overflow         : hidden;
	position         : relative;
	letter-spacing   : 0.5px;
	cursor           : pointer;
}

.box-category-heading .fa
{
	float       : right;
	font-size   : 20px;
	font-weight : 600;
}

.shipping-cms
{
	display      : inline-block;
	background   : url("../image/codezeel/plane.png") no-repeat scroll left center transparent;
	height       : 26px;
	padding-left : 75px;
}

.shipping-text .text1
{
	text-transform : uppercase;
	font-weight    : 700;
	font-size      : 14px;
	color          : #64c1dd;
}

.shipping-text .text2
{
	font-weight    : 300;
	text-transform : uppercase;
}

.contact-text .text1
{
	color          : #1e1f22;
	font-weight    : 500;
	text-transform : uppercase;
	display        : inline-block
}

.contact-text .text2
{
	color          : #f2ab33;
	text-transform : uppercase;
	display        : none
}

.content_footer_top
{
	background : var(--d-cc-2);
}

.site-map ul li
{
	line-height : 30px;
}

.content_footer_top .container
{
	padding-top : 0;
}

.content_footer_bottom
{
	text-align : center;
}

.footer-blocks
{
	display  : inline-block;
	width    : 100%;
	padding  : 70px 0 25px;
	position : relative;
}

.footer-blocks #footercmsblock .footerlogo
{
	min-height    : 45px;
	margin-bottom : 5px;
}

.footer-blocks #footercmsblock .footerdesc
{
	font-size      : 12px;
	font-weight    : 400;
	letter-spacing : 0.6px;
	line-height    : 28px;
	color          : var(--d-cc-0);
}

.footer-blocks .footertop .footerdiv
{
	padding-right : 60px;
}

.footer-blocks .footertop #footerlogo .footerlogo
{
	margin-bottom : 20px;
}

.footer-blocks .footertop #footerlogo .footerlogo img
{
	max-width : 100%;
}

.footer-blocks .footertop #footerlogo .footerdesc
{
	margin-bottom : 25px;
	color         : #c6c6c6;
}

#bottom-footer .social-block ul
{
	padding : 0px;
}

.footer-blocks .footertop #footerlogo ul
{
	display : block;
}

.block-social
{
	float   : left;
	display : inline-block;
}

.block-social ul
{
	margin-bottom : 0px;
	padding       : 0px;
}

.block-social li
{
	margin-right       : 5px;
	display            : inline-block;
	cursor             : pointer;
	-webkit-transition : all 0.5s ease;
	-moz-transition    : all 0.5s ease;
	-o-transition      : all 0.5s ease;
	transition         : all 0.5s ease;
}

.block-social li:hover
{
	border-color : var(--p-cc-2);
}

.block-social li a
{
	display     : block;
	height      : 100%;
	white-space : nowrap;
	overflow    : hidden;
}

.block-social li a span
{
	display : none;
}

.block-social li a:before
{
	font-size          : 16px;
	font-family        : "FontAwesome";
	display            : inline-block;
	font-weight        : normal;
	height             : 24px;
	width              : 29px;
	color              : var(--l-cc-0);
	line-height        : 30px;
	-webkit-transition : all 0.3s ease;
	-moz-transition    : all 0.3s ease;
	-o-transition      : all 0.3s ease;
	transition         : all 0.3s ease;
}

.block-social li:hover a:before
{
	color : var(--l-cc-0);
}

.facebook a:before
{
	content : "\F09A";
}

.twitter a:before
{
	content : "\F099";
}

.youtube a:before
{
	content : "\F16A";
}

.googleplus a:before
{
	content : "\F0D5";
}

.instagram a:before
{
	content : "\F16D";
}

/* End CMS */

/* Tab cms */
.tab-head, .box-head
{
	text-align : center;
	
}

.hometab, .categorytab
{
	padding       : 90px 0;
	margin-bottom : 0px;
	clear         : both;
}

.htabs
{
	margin-top    : 0px;
	margin-bottom : 0;
}

.categorytab .tabs
{
	line-height   : normal;
	padding       : 0;
	border-bottom : medium none;
	min-height    : 405px;
}

#tabs_info
{
	margin-top    : 80px;
	margin-bottom : 50px;
}

#tabs_info .nav-tabs,
.etabs
{
	padding       : 0;
	margin-bottom : 0px;
	border        : none;
	display       : inline-block;
	margin-top    : 0px;
	width         : 100%;
	text-align    : center;
	line-height   : 0;
}

#tabs_info.product-tab .nav-tabs
{
	float         : none;
	text-align    : center;
	margin-top    : 0;
	margin-right  : 0;
	margin-bottom : 20px;
}

#tabs_info
{
	text-align : center;
}

#tabs_info .tab-content
{
	padding    : 30px;
	border     : 0;
	text-align : left;
	background : var(--l-cc-0);
}

#tabs_info .tab-content .tab-pane
{
	padding : 0px;
	border  : 0px;
}

.htabs .etabs li, .categorytab .nav-tabs li, #tabs_info .nav-tabs li
{
	list-style : none outside none;
	position   : relative;
	text-align : center;
	float      : none;
	display    : inline-block;
	margin     : 0 3px;
}

.hometab.box .etabs
{
	margin       : 0;
	margin-right : 80px;
	text-align   : right;
	width        : auto;
	display      : block;
}

.categorytab .nav-tabs
{
	border       : none;
	float        : right;
	margin-right : 55px;
	margin-top   : -37px;
	padding      : 0;
}

#tabs_info .nav-tabs li:last-child,
.htabs .etabs li:last-child, .categorytab .nav-tabs li:last-child
{
	background : none
}

#tabs_info .nav-tabs a,
.nav-tabs a, .htabs a, .categorytab .nav-tabs a
{
	color              : var(--d-cc-0);
	display            : block;
	text-transform     : capitalize;
	float              : left;
	font-weight        : 500;
	font-size          : 14px;
	line-height        : 22px;
	padding            : 0 20px;
	margin             : 0;
	text-align         : center;
	position           : relative;
	border             : 0;
	background         : none;
	letter-spacing     : .6px;
	transition         : all 0.5s ease 0s, font-weight 0s;
}

.htabs a:hover, .htabs a:focus, .categorytab .nav-tabs a:hover, .categorytab .nav-tabs a:focus, #tabs_info .nav-tabs li a:hover
{
	color : var(--d-cc-0);
}

#tabs_info .nav-tabs li a,
.htabs a, .categorytab .nav-tabs li a{
	font-weight: 400;
}

#tabs_info .nav-tabs li.active a,
.htabs a.selected, .categorytab .nav-tabs li.active a
{
	font-weight: 600;
	color : var(--p-cc-1) !important;
}

.tab-content .tab
{
	display : none;
}

.tab-content
{
	position      : relative;
	padding       : 0px;
	z-index       : 2;
	overflow      : visible;
	margin-bottom : 0px;
}

.tab-content .customNavigation,
.box-content .customNavigation
{
	-webkit-transition : all 0.5s ease 0s;
	-moz-transition    : all 0.5s ease 0s;
	-o-transition      : all 0.5s ease 0s;
	transition         : all 0.5s ease 0s;
	-webkit-transition : all 500ms ease 0s;
	-moz-transition    : all 500ms ease 0s;
	-o-transition      : all 500ms ease 0s;
	transition         : all 500ms ease 0s;
	top                : -25px;
	width              : 85px;
	right              : 5px;
}

#tab-latest #tablatest-grid .product-items, #tab-special #tabspecial-grid .product-items, #tab-bestseller #tabbestseller-grid .product-items
{
	display : none;
}

.cz-status
{
	bottom     : 0;
	display    : none;
	color      : var(--d-cc-0);
	font-size  : 18px;
	left       : 0;
	position   : absolute;
	right      : 0;
	text-align : center;
}

.viewmore
{
	display    : inline-block;
	width      : 100%;
	text-align : center;
	margin-top : 10px;
}

.hometab .viewmore .btn-default
{
	padding : 10px 35px;
}

/* End Tab cms */

/*Codezeel Blog CSS */
#content .box-product .blog-items
{
	display : inline-block;
	float   : left;
}

.blog-left
{
	position : relative;
}

.blog-image
{
	position : relative;
	overflow : hidden;
}

.blog-left .blog-image img
{
	width   : 100%;
	height  : 100%;
	padding : 0;
	border  : none;
}

.blog-right
{
	text-align : left;
	padding    : 15px;
	background : var(--l-cc-0);
	position   : absolute;
	top        : auto;
	left       : 15px;
	right      : 15px;
	bottom     : 15px;
}

.blog-right .blog-desc,
.blog-right .view-blog
{
	font-size : 12px;
}

.blog-right h4
{
	margin-top    : 0px;
	margin-bottom : 5px;
	font-size     : 14px;
	font-weight   : 600;
	line-height   : 22px;
}

.blog-right h4 a
{
	font-weight    : 500;
	text-transform : capitalize;
	font-size      : 14px;
	letter-spacing : .7px;
	margin-bottom  : 5px;
	line-height    : 22px;
	color          : var(--d-cc-0);
}

.view-blog
{
	float      : left;
	width      : 100%;
	text-align : left;
	margin     : 0 0 10px;
}

.read-more
{
	float          : left;
	text-transform : capitalize
}

.read-more a
{
	font-weight : 500;
}

.read-more .fa
{
	display : none;
}

.write-comment
{
	float : right;
}

.date-time
{
	float          : left;
	text-align     : center;
	text-transform : capitalize;
}

#content #blog-carousel .product-block .date-comment .blog-day,
#content #blog-grid .product-block .date-comment .blog-day
{
	display        : block;
	text-align     : center;
	font-size      : 12px;
	font-weight    : 300;
	color          : var(--d-cc-0);
	letter-spacing : .5px;
	text-transform : capitalize;
	width          : auto;
}

.date-comment .fa
{
	padding-right : 5px;
}

.date-time .fa
{
}

.blog_default_width
{
	width : 390px;
}

.blog-desc
{
	font-size   : 12px;
	clear       : both;
	line-height : 24px;
	font-weight : 400;
}

.blog-img
{
	padding : 0px;
}

.blog-right-content .blog-desc
{
	margin : 0 0 15px;
}

.comment-wrapper
{
	display  : inline-block;
	position : relative;
	float    : right;
	margin   : 0;
	color    : var(--d-cc-0);
}

.comment-wrapper .write-comment a::before
{
	color        : var(--d-cc-0);
	content      : "\f0e5";
	float        : left;
	font-family  : "FontAwesome";
	font-size    : 14px;
	margin-right : 7px;
}

.blog-img .img-thumbnail
{
	border : none
}

.blogs .customNavigation
{
	top : 0;
}

.blogs
{
	padding : 100px 0 85px;
	margin  : 0px;
	clear   : both;
}

.blogs .product-items
{
	width : 390px;
}

#blog-carousel, #content #blog-grid
{
	padding  : 0px;
	border   : none;
	overflow : visible
}

.box.blogs .box-content
{
	padding      : 0;
	margin-left  : -15px;
	margin-right : -15px;
	margin-top   : 0px;
	position     : relative;
}

#blog-carousel .blog-item
{
	float  : left;
	margin : 15px;
}

#blog-grid .product-block
{
	margin : 0 0 50px 0;
}

#blog-carousel .product-block, #blog-grid .product-block
{
	padding       : 0px;
	margin-left   : 0px;
	margin-right  : 0px;
	margin-bottom : 0px;
	background    : var(--l-cc-0);
	margin-top    : 0;
}

#blog-carousel .product-block:hover, #blog-grid .product-block:hover
{

}

#blog-carousel .product-block .product-block-inner, #blog-grid .product-block .product-block-inner
{
	clear     : both;
	overflow  : hidden;
	position  : relative;
	max-width : 100%;
}

#blog-carousel .owl-pagination
{
	bottom  : -5px;
	display : none
}

#blog-carousel .product-block .write-comment,
#blog-grid .product-block .write-comment
{
	float : left;
}

#blog-carousel .product-block .blog-image img,
#blog-grid .product-block .blog-image img
{
	-webkit-transform  : scale(1);
	-ms-transform      : scale(1);
	transform          : scale(1);
	-webkit-transition : all 500ms ease 0s;
	-moz-transition    : all 500ms ease 0s;
	-o-transition      : all 500ms ease 0s;
	transition         : all 500ms ease 0s;
}

#blog-carousel .product-block:hover .blog-image img,
#blog-grid .product-block:hover .blog-image img
{
	-webkit-transform  : scale(1.05);
	-ms-transform      : scale(1.05);
	transform          : scale(1.05);
	-webkit-transition : all 500ms ease 0s;
	-moz-transition    : all 500ms ease 0s;
	-o-transition      : all 500ms ease 0s;
	transition         : all 500ms ease 0s;
}

.information-blogger .single-blog h1
{
	font-weight    : 600;
	text-transform : capitalize;
}

.single-blog .blog-img
{
	position      : relative;
	margin-bottom : 20px;
}

.single-blog .panel-default
{
	border     : medium none;
	background : none;
}

#add-comment .col-sm-10.buttons
{
	padding : 0 8px;
}

.single-blog .blog-desc
{
	padding-bottom : 10px;
}

.single-blog .block-title h3
{
	padding-top : 10px;
}

.single-blog .view-comment .panel-default
{
	box-shadow         : none;
	-webkit-box-shadow : none;
	-moz-box-shadow    : none;
	background-color   : var(--l-cc-0);
	border             : 1px solid var(--l-cc-2);
	border-bottom      : 2px solid var(--l-cc-2);
	padding            : 15px;
}

.view-comment .col-sm-3 .name
{
	font-weight : 500;
	color       : var(--d-cc-0);
}

.view-comment .col-sm-3 .date
{
	color : var(--d-cc-0);
}

.single-blog .view-comment .name, .single-blog .view-comment .date, .single-blog .view-comment .comment-text, .single-blog .view-comment .col-sm-3
{
	width : 100%;
}

.user_icon
{
	background-color : var(--l-cc-0);
	border-right     : 1px solid var(--l-cc-2);
	float            : left;
	margin           : 0px 15px 0 0;
	padding          : 10px 15px;
	text-align       : center;
}

.comment_info
{
	float : right;
	width : 83%;
}

.comment_info .comment-text
{
	margin-top : 12px;
}

.view-comment
{
	clear : both;
}

/*Codezeel Blog light-box CSS */

.all-blog .blog-left-content:hover .post-image-hover,
.blogs .product-block:hover .post-image-hover
{
	background         : rgba(0, 0, 0, 0.4);
	transition         : opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-webkit-transition : opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
	-moz-transition    : opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s;
	-ms-transition     : opacity 0.35s ease 0s, -ms-transform 0.35s ease 0s;
	-o-transition      : opacity 0.35s ease 0s, -o-transform 0.35s ease 0s;
}

.post-image-hover
{
	height            : 100%;
	position          : absolute;
	top               : 0;
	left              : 0;
	transform         : translate3d(0px, 0px, 0px);
	-webkit-transform : translate3d(0px, 0px, 0px);
	-moz-transform    : translate3d(0px, 0px, 0px);
	-ms-transform     : translate3d(0px, 0px, 0px);
	-o-transform      : translate3d(0px, 0px, 0px);
	width             : 100%;
}

.blog-image .post_hover
{
	margin             : auto;
	position           : absolute;
	right              : 15px;
	top                : 15px;
	-webkit-transition : all 0.3s ease 0s;
	transition         : all 0.3s ease 0s;
	width              : 40px;
	opacity            : 0;
	filter             : alpha(opacity=0);
}

.blogs .product-block:hover .post_hover
{
	opacity         : 1;
	-webkit-opacity : 1;
	-moz-opacity    : 1;
	-kkhtml-opacity : 1;
	
}

.product-block .blog-left:hover .zoom, .product-block .blog-left:hover .readmore_link,
.all-blog .blog-left-content:hover .zoom, .all-blog .blog-left-content:hover .readmore_link
{
	opacity         : 1;
	-webkit-opacity : 1;
	-moz-opacity    : 1;
	-kkhtml-opacity : 1;
}

.blog-left .icon.zoom .fa, .blog-left .icon.readmore_link .fa
{
	font-size : 15px;
}

.blog-image .icon.readmore_link
{
	margin-top : 5px;
}

.blog-left-content .blog-image .icon,
.blog-left .blog-image .icon
{
	display            : block;
	float              : none;
	height             : 40px;
	width              : 40px;
	line-height        : 14px;
	background         : var(--l-cc-0);
	border-radius      : 0;
	color              : var(--d-cc-0);
	font-size          : 13px;
	padding            : 13px;
	-webkit-transition : all 0.3s ease 0s;
	transition         : all 0.3s ease 0s;
}

.blog-left-content .blog-image .icon:hover,
.blog-left .blog-image .icon:hover
{
	color      : var(--l-cc-0);
	background : var(--d-cc-0);
}

.all-blog .blog-left-content
{
	float : left;
	width : 100%;
}

.all-blog .blog-left-content .blog-image
{
	float    : left;
	position : relative;
}

.blog-right-content
{
	clear : both;
	float : left;
	width : 100%;
}

.blog-left-content .blog-title
{
	font-size      : 16px;
	line-height    : 25px;
	font-weight    : 600;
	letter-spacing : 0.5px;
	margin         : 10px 0 15px;
	padding        : 0 0 10px;
	position       : relative;
	text-transform : capitalize;
}

.blog-left-content .blog-title a
{
	color : var(--d-cc-0);
}

.blog-right-content .read-more a:hover::after
{
	color : var(--l-cc-0);
}

.blog-right-content .read-more a:hover
{
	color            : var(--l-cc-0);
	background-color : var(--d-cc-2);
	border-color     : var(--d-cc-2);
}

.blog-right-content .write-comment,
.blog-right-content .write-comment a
{
	color : var(--d-cc-0);
}

.blog-right-content .write-comment a:hover,
.blog-right-content .write-comment a:hover:before
{
	color : var(--d-cc-0);
}

.write-comment-count
{
	float        : left;
	margin-right : 15px;
}

.information-blogger-blogs .write-comment
{
	float : left;
}

.information-blogger-blogs .blog-image img
{
	display : none;
}

.all-blog .blog-right-content
{
	padding     : 20px 0px 15px;
	font-weight : 500;
}

.information-blogger-blogs .blog-image
{
	margin-bottom       : 0px;
	background-position : center center;
	height              : 400px;
	overflow            : hidden;
	width               : 100%;
	background-repeat   : no-repeat;
}

.information-blogger-blogs .panel-body
{
	padding       : 0 0 20px 0;
	position      : relative;
	border-bottom : 1px solid var(--l-cc-2);
}

.information-blogger-blogs .panel-default
{
	border           : none;
	margin-bottom    : 20px;
	padding-bottom   : 20px;
	background-color : transparent;
}

.information-blogger-blogs .panel-default > .panel
{
}

.information-blogger-blogs .panel-default:last-child
{
	margin-bottom : 0px;
}

.blog-left-content:hover .post-image-hover::before
{
	opacity         : 1;
	-moz-opacity    : 1;
	-webkit-opacity : 1;
	-ms-opacity     : 1;
}

.date-comment
{
	width              : 100%;
	z-index            : 9;
	transition         : all 0.3s ease 0s;
	-webkit-transition : all 0.3s ease 0s;
	-moz-transition    : all 0.3s ease 0s;
	-ms-transition     : all 0.3s ease 0s;
	-o-transition      : all 0.3s ease 0s;
}

.date-comment a
{
	color : var(--d-cc-2);
}

.blog-date-comment
{
	margin-bottom  : 10px;
	float          : left;
	width          : 100%;
	padding-bottom : 0px;
}

.blog-date
{
	color          : var(--d-cc-0);
	padding-bottom : 10px;
	float          : left;
	width          : 100%;
	font-weight    : 500;
}

.blog-date-comment .blog-date
{
	float          : left;
	padding-bottom : 0px;
	width          : auto;
}

.blog-date:before
{
	color        : var(--d-cc-0);
	content      : "\f073";
	float        : left;
	font-family  : "FontAwesome";
	font-size    : 14px;
	margin-right : 7px;
}

#content #blog-carousel .product-block .date-comment, #content #blog-grid .product-block .date-comment
{
	color       : var(--d-cc-0);
	display     : inline-block;
	width       : auto;
	font-size   : 13px;
	font-weight : 400;
	line-height : 19px;
}

#content #blog-carousel .product-block .blog-right h4 a:hover,
#content #blog-grid .product-block .blog-right h4 a:hover
{
	color : var(--d-cc-0);
}

.write-comment a, .date-time
{
}

.write-comment a:hover, .write-comment a:focus
{
}

.comment-wrapper .write-comment a:hover, .comment-wrapper .write-comment a:focus, .comment-wrapper .write-comment a:hover::before
{
}

.information-blogger-blogs .read-more
{
	float  : right;
	margin : 10px 0 0;
}

.all-blog .blog-left-content:hover .post_hover
{
	opacity            : 1;
	-webkit-opacity    : 1;
	-moz-opacity       : 1;
	-kkhtml-opacity    : 1;
	transition         : all 0.5s ease 0s;
	-moz-transition    : all 0.5s ease 0s;
	-webkit-transition : all 0.5s ease 0s;
	-ms-transition     : all 0.5s ease 0s;
	-o-transition      : all 0.5s ease 0s;
}

#add-comment .col-sm-10
{
	width : 66.6667%;
}

#add-comment .col-sm-2
{
	width : 25%;
}

.blogs .buttons, #blog-carousel .owl-pagination
{
	display : none
}

/*Codezeel Blog light-box CSS */

/*Codezeel Blog CSS */

/* Datetimepicker Css */
.bootstrap-datetimepicker-widget
{
	border-radius         : 0 !important;
	-webkit-border-radius : 0 !important;
	-moz-border-radius    : 0 !important;
	-khtml-border-radius  : 0 !important;
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th
{
	border-radius         : 0 !important;
	-webkit-border-radius : 0 !important;
	-moz-border-radius    : 0 !important;
	-khtml-border-radius  : 0 !important;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover
{
	background : var(--d-cc-0) !important;
	color      : var(--l-cc-0);
}

.bootstrap-datetimepicker-widget td.today:before
{
	border-bottom : 7px solid var(--d-cc-2) !important;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover
{
	background-color : var(--d-cc-2) !important;
	color            : #161b1e !important;
}

.bootstrap-datetimepicker-widget td.active.today:before
{
	border-bottom-color : #161b1e !important;
}

.bootstrap-datetimepicker-widget td span
{
	border-radius         : 0 !important;
	-webkit-border-radius : 0 !important;
	-moz-border-radius    : 0 !important;
	-khtml-border-radius  : 0 !important;
	background-color      : #f3f3f3 !important;
}

.bootstrap-datetimepicker-widget td span:hover
{
	background : var(--d-cc-2) !important;
	color      : var(--l-cc-0)
}

.bootstrap-datetimepicker-widget td span.active
{
	background-color : var(--d-cc-2) !important;
	color            : var(--l-cc-0) !important;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover
{
	background : #f3f3f3 !important;
}

.bootstrap-datetimepicker-widget td span.old:hover
{
	color : var(--l-cc-0) !important
}

.picker-switch.accordion-toggle .btn
{
	border           : none;
	background-color : var(--d-cc-2);
	color            : var(--l-cc-0)
}

.bootstrap-datetimepicker-widget td.day
{
	position : relative;
}

.bootstrap-datetimepicker-widget td.day.active:before
{
	border-bottom    : 7px solid var(--l-cc-0) !important;
	content          : "";
	display          : inline-block;
	border-left      : 7px solid transparent;
	border-top-color : rgba(0, 0, 0, .2);
	position         : absolute;
	bottom           : 4px;
	right            : 4px;
}

.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover
{
	background-color : var(--p-cc-1) !important;
	color            : var(--l-cc-0) !important;
	text-shadow      : 0 -1px 0 rgba(0, 0, 0, .25);
}

.bootstrap-datetimepicker-widget a[data-action]
{
	border : none;
}

/* End Datetimepicker Css */

.product-block .image .hover-image, #column-right .image .hover-image, #column-left .image .hover-image
{
	left     : 0;
	position : absolute;
	right    : 0;
	top      : 0;
	opacity  : 0;
	/* transition         : all 500ms ease 0s; */
}

#form-review .col-sm-2, #form-review .col-sm-10
{
	width : 100%;
}

.container h1, .container h2
{
	font           : 600 18px/26px "Poppins", sans-serif;
	color          : var(--d-cc-0);
	text-transform : capitalize;
	margin-bottom  : 20px;
}

#content h3
{
	color         : var(--d-cc-0);
	margin-bottom : 15px;
	font-weight   : 600;
}

#form-review > h3
{
	font-size   : 16px;
	font-weight : 600;
}

#content h3.product-title
{
	background  : rgba(0, 0, 0, 0) none repeat scroll 0 0;
	font-size   : 18px;
	font-weight : 600;
	padding     : 0 0 5px;
	color       : var(--d-cc-0);
}

#content h3.product-title, #content h3.product-option
{
	margin-bottom : 10px;
}

#content h3.product-option
{
	text-transform : capitalize;
	font-size      : 18px;
}

.breadcrumb + .row
{
	clear : both;
}

#content table thead tr td
{
	background  : #f8f8f8 none repeat scroll 0 0;
	color       : var(--d-cc-0);
	font-weight : 600;
}

.zoomWindowContainer .zoomWindow
{
}

.account-account #content ul.list-unstyled
{
	margin-bottom : 25px;
}

.content-top
{
	background : var(--l-cc-0);
}

.content-top .container
{
	padding-top : 0px;
}

#carousel-0.banners-slider-carousel .container
{
	position : relative;
}

#carousel-0.banners-slider-carousel .customNavigation a
{
	opacity         : 0;
	-khtml-opacity  : 0;
	-webkit-opacity : 0;
	-moz-opacity    : 0;
	top             : -10px;
}

#carousel-0.banners-slider-carousel:hover .customNavigation a
{
	opacity            : 1;
	-khtml-opacity     : 1;
	-webkit-opacity    : 1;
	-moz-opacity       : 1;
	transition         : none;
	-moz-transition    : none;
	-webkit-transition : none;
	-ms-transition     : none;
	-o-transition      : none;
}

/* QUCIK-VIEW */
@media screen and (min-width : 820px)
{
	.productpage-quickview .product-left
	{
		width : 50%;
		float : left;
	}
	
	.productpage-quickview .product-right
	{
		width : 50%;
		float : left;
		clear : none !important;
	}
}

.productpage-quickview h3.product-title
{

}

.quickview .product-right ul li.discount, .quickview .product-right ul li.rewardpoint, .quickview .product-right ul li.price-tax
{
	clear : both;
}

.quickview
{
	background : var(--l-cc-0);
	padding    : 15px 0;
	display    : inline-block;
	width      : 100%;
}

.quickview .container
{
	width      : 100%;
	background : var(--l-cc-0);
	padding    : 0 10px;
}

.quickview .container .row
{
	margin : 0;
}

.quickview .top_button
{
	display : none;
}

.quickview #product2
{
	float : left;
	width : 100%;
}

.quickview #product2 h3
{
	width : 100%;
}

.productpage-quickview #product2 h3
{
	background     : rgba(0, 0, 0, 0) none repeat scroll 0 0;
	font-size      : 14px;
	font-weight    : 600;
	margin         : 0 0 10px;
	padding        : 0;
	text-transform : none;
	color          : var(--d-cc-0);
}

.quickview-button
{
	display        : block;
	vertical-align : middle;
}

.quickview-button a.quickbox
{
	display    : inline-block;
	background : var(--l-cc-0);
	height     : 35px;
	width      : 35px;
	padding    : 2px;
}

.quickview-button a.quickbox:before
{
	color              : var(--d-cc-0);
	content            : "\f06e";
	font-family        : "FontAwesome";
	font-size          : 17px;
	-webkit-transition : all 0.4s ease 0s;
	-moz-transition    : all 0.4s ease 0s;
	-o-transition      : all 0.4s ease 0s;
	transition         : all 0.4s ease 0s;
}

/* .quickview-button a.quickbox:hover:before */
/* { */
/* 	color : var(--l-cc-0); */
/* } */

/* .quickview-button a.quickbox:hover */
/* { */
/*background-position: 11px -48px;*/
/* 	background-color : var(--d-cc-0); */
/* } */

.quickview-button a.quickbox .fa
{
	display : none;
}

@media (max-width : 767px)
{
	.quickbox
	{
		display : none;
	}
	
	.quickview-button
	{
		display : none;
	}
}

.alert.alert-success.animated
{
	width            : 100%;
	height           : 70px;
	text-align       : center;
	vertical-align   : middle;
	padding          : 20px 20px;
	opacity          : 0.95 !important;
	-webkit-opacity  : 0.95 !important;
	-moz-opacity     : 0.95 !important;
	-khtml-opacity   : 0.95 !important;
	background-color : var(--d-cc-4) !important;
	border-color     : var(--d-cc-4) !important;
	color            : var(--l-cc-0) !important;
}

.alert.alert-success.animated span
{
	font-size : 16px !important;
}

.alert.alert-success.animated span a
{
	color           : var(--l-cc-0);
	text-decoration : underline;
}

.alert.alert-success.animated span .fa.fa-check-circle
{
	color : #9bcf85;
}

.alert.alert-success.animated button.close
{
	opacity         : 1;
	-khtml-opacity  : 1;
	-webkit-opacity : 1;
	-moz-opacity    : 1;
	color           : var(--l-cc-0);
}

.account-login .well .form-group a, .affiliate-login .well .form-group a
{
	line-height : 30px;
}

.form-group.qty
{
	clear         : both;
	overflow      : hidden;
	position      : relative;
	/*margin-top    : 30px;*/
	margin-bottom : 0px;
}

#button-cart, #button-cart2, .productpage .form-group.qty .wishlist, .productpage .form-group.qty .compare, .quickview .form-group.qty .wishlist, .quickview .form-group.qty .compare
{
	float : left;
}

.productpage .form-group.qty .wishlist, .quickview .form-group.qty .wishlist
{
	margin : 0 5px;
}

.owl-carousel .item .image-container
{
	float : left;
}

#banner0 img, #banner1 img, #banner2 img
{
	max-width : none;
}

/*********************  CMS About Block homepage    ********************/

#czaboutcmsblock
{
	padding          : 100px 0;
	float            : left;
	width            : 100%;
	background-color : var(--l-cc-5);
}

#czaboutcmsblock .left-part
{
	width    : 63%;
	display  : inline-block;
	overflow : hidden;
	float    : left;
}

#czaboutcmsblock .left-part .about-image
{
	margin : 0 -15px;
}

#czaboutcmsblock .left-part .left-image.top
{
	padding-bottom : 30px;
}

#czaboutcmsblock .left-part .left-image
{
	float : left;
}

#czaboutcmsblock .left-part .left-image.left-part2
{
	width : 46.2%;
}

#czaboutcmsblock .left-part .left-image .leftbanner
{
	float   : left;
	width   : 50%;
	padding : 0 15px;
}

#czaboutcmsblock .left-part .left-image .leftbanner
{
	position       : relative;
	overflow       : hidden;
	vertical-align : middle;
}

#czaboutcmsblock .left-part .left-image .leftbanner img
{
	width : 100%;
}

#czaboutcmsblock .left-part .left-image .leftbanner a
{
	display  : inline-block;
	position : relative;
}

#czaboutcmsblock .right-part
{
	--r-gap               : 30px;
	--c-gap               : var(--r-gap);
	width                 : 37%;
	float                 : left;
	/* padding-top  : 50px; */
	padding-left          : 50px;
	line-height           : 1.5;
	text-wrap             : balance;
	display               : grid;
	grid-template-columns : 100%;
	justify-content       : center;
	grid-gap              : var(--r-gap, 0px) var(--c-gap);
}

@media all and (min-width : 992px)
{
	#czaboutcmsblock .about-store-inner
	{
		display     : flex;
		flex-wrap   : wrap;
		align-items : center;
	}
	
	#czaboutcmsblock .right-part
	{
		--r-gap       : 22px;
		--c-gap       : var(--r-gap);
		justify-items : start;
		
	}
	
	#czaboutcmsblock .right-part .title
	{
		
		font-size         : 32px;
		padding-block-end : 9px;
	}
	
	#czaboutcmsblock .right-part .shop.now .shop-now
	{
		place-self : end;
	}
}

#czaboutcmsblock .right-part .mainheading
{
	font-size   : 18px;
	color       : var(--d-cc-0);
	font-weight : 300;
	/* letter-spacing : 0.3px; */
}

#czaboutcmsblock .right-part .title
{
	
	margin-block-start : calc(-1 * var(--r-gap) + 5px);
	font-weight        : 600;
	color              : var(--p-cc-1);
	
	text-transform     : uppercase;
	position           : relative;
}

#czaboutcmsblock .right-part .title:after
{
	position         : absolute;
	content          : "";
	width            : 98px;
	height           : 4px;
	left             : 0;
	background-color : currentColor;
	top              : 100%;
	
}

#czaboutcmsblock .right-part .storedetail
{
	font-size   : 16px;
	font-weight : 300;
	color       : var(--d-cc-0);
	
}

#czaboutcmsblock .right-part .storedetail span
{
	font-weight    : 500;
	padding-bottom : 5px;
	float          : left;
	font-size      : 16px;
}

#czaboutcmsblock .right-part .shop.now
{
	display : contents !important;
}

#czaboutcmsblock .right-part .shop.now .shop-now
{
	padding            : 5px 12px;
	min-block-size     : 40px;
	min-inline-size    : 130px;
	place-self         : center;
	display            : flex;
	align-items        : center;
	justify-content    : center;
	text-align         : center;
	background-color   : var(--p-cc-1);
	color              : var(--l-cc-0);
	font-size          : 14px;
	font-weight        : 600;
	float              : left;
	-webkit-transition : all 0.5s ease 0s;
	-moz-transition    : all 0.5s ease 0s;
	-o-transition      : all 0.5s ease 0s;
	transition         : all 0.5s ease 0s;
}

#czaboutcmsblock .right-part .shop.now .shop-now:hover
{
	background-color : var(--p-cc-2);
	color            : var(--l-cc-0);
}

#czaboutcmsblock .right-part .shop.now .shop-now:active
{
	transition       : transform 0s;
	transform-origin : 50% 0;
	transform        : scale(.985) translateY(2px);
}

#czaboutcmsblock .left-part .left-image .leftbanner a:after,
#czaboutcmsblock .left-part .left-image .leftbanner a:before
{
	bottom             : 0;
	content            : "";
	left               : 0;
	position           : absolute;
	right              : 0;
	top                : 0;
	-webkit-transition : all 0.6s ease-in-out;
	transition         : all 0.6s ease-in-out;
}

#czaboutcmsblock .left-part .left-image .leftbanner:hover a:before
{
	background : rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	left       : 50%;
	right      : 50%;
}

#czaboutcmsblock .left-part .left-image .leftbanner:hover a:after
{
	background : rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	bottom     : 50%;
	top        : 50%;
}

/*animation element*/

.animation-element
{
	opacity  : 0;
	position : relative;
}

/*animation element sliding left*/

.animation-element.slide-left
{
	opacity            : 0;
	-moz-transition    : all 500ms linear;
	-webkit-transition : all 500ms linear;
	-o-transition      : all 500ms linear;
	transition         : all 500ms linear;
	-moz-transform     : translate3d(-100px, 0px, 0px);
	-webkit-transform  : translate3d(-100px, 0px, 0px);
	-o-transform       : translate(-100px, 0px);
	-ms-transform      : translate(-100px, 0px);
	transform          : translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view
{
	opacity           : 1;
	-moz-transform    : translate3d(0px, 0px, 0px);
	-webkit-transform : translate3d(0px, 0px, 0px);
	-o-transform      : translate(0px, 0px);
	-ms-transform     : translate(0px, 0px);
	transform         : translate3d(0px, 0px, 0px);
}

@media (max-width : 1199px)
{
	#czaboutcmsblock .right-part .title
	{
		font-size   : 25px;
		line-height : 25px;
	}
	
	#czaboutcmsblock
	{
		padding : 80px 0;
	}
	
	#czaboutcmsblock .right-part .shop.now
	{
		margin-top : 30px;
	}
	
	#czaboutcmsblock .right-part
	{
		padding-left : 30px;
		padding-top  : 10px;
	}
}

@media (max-width : 991px)
{
	#czaboutcmsblock .left-part
	{
		width      : 100%;
		text-align : center;
		padding    : 0;
	}
	
	#czaboutcmsblock .right-part
	{
		width       : 100%;
		text-align  : center;
		padding     : 0;
		padding-top : 30px;
	}
	
	#czaboutcmsblock
	{
		padding : 50px 0 40px;
	}
	
	#czaboutcmsblock .right-part .title:after
	{
		display : none;
	}
	
	#czaboutcmsblock .right-part .storedetail span
	{
		float      : none;
		text-align : center;
	}
	
	#czaboutcmsblock .right-part .title
	{
		margin-bottom : 5px;
	}
	
	#czaboutcmsblock .right-part a.shop-now
	{
		padding   : 8px 20px;
		font-size : 14px;
	}
}

@media (max-width : 767px)
{
	#czaboutcmsblock
	{
		padding : 20px 0 30px;
	}
	
	#czaboutcmsblock .left-part .left-image .leftbanner
	{
		padding : 0 10px;
	}
	
	#czaboutcmsblock .left-part .about-image
	{
		margin : 0 -10px;
	}
	
	#czaboutcmsblock .left-part .left-image.top
	{
		padding-bottom : 20px;
	}
}

@media (max-width : 479px)
{
	#czaboutcmsblock .left-part .left-image
	{
		float : none;
	}
	
	#czaboutcmsblock .left-part .left-image.top
	{
		padding : 0;
	}
	
	#czaboutcmsblock .left-part .left-image .leftbanner
	{
		width          : 100%;
		float          : none;
		text-align     : center;
		padding-bottom : 20px;
	}
	
	#czaboutcmsblock .right-part
	{
		padding-top : 0;
	}
	
	#czaboutcmsblock .right-part .title
	{
		font-size   : 20px;
		line-height : 20px;
	}
}

/*********************  parallax  CMS homepage    ********************/

#czparallaxcmsblock
{
	clear  : both;
	margin : 0;
	float  : left;
	width  : 100%;
}

#czparallaxcmsblock .parallax
{
	padding          : 190px 0 191px;
	text-align       : center;
	color            : var(--l-cc-0);
	background-color : #090001;
	float            : left;
	width            : 100%;
}

#czparallaxcmsblock .parallax_container .parallax-text
{
	text-align : center;
	width      : 100%;
	float      : none;
}

#czparallaxcmsblock .parallax_container .parallax-text .title
{
	font-size      : 30px;
	margin-top     : 33px;
	letter-spacing : .4px;
	line-height    : normal;
	display        : block;
	text-transform : capitalize;
	font-weight    : 200;
	color          : var(--l-cc-0);
}

#czparallaxcmsblock .parallax_container .parallax-text .offer-title
{
	font-size          : 48px;
	letter-spacing     : .4px;
	line-height        : normal;
	display            : block;
	text-transform     : capitalize;
	font-weight        : 600;
	color              : var(--l-cc-0);
	padding-top        : -5px;
	-webkit-transition : all 0.5s ease 0s;
	-moz-transition    : all 0.5s ease 0s;
	-o-transition      : all 0.5s ease 0s;
	transition         : all 0.5s ease 0s;
}

#czparallaxcmsblock .parallax_container .parallax-text .shop.now
{
	display    : inline-block;
	margin-top : 47px;
	
}

#czparallaxcmsblock .parallax_container .parallax-text .shop.now a
{
	padding            : 9px 27px;
	background         : var(--p-cc-2);
	color              : var(--l-cc-0);
	font-size          : 15px;
	font-weight        : 500;
	letter-spacing     : .2px;
	float              : left;
	-webkit-transition : all 0.5s ease 0s;
	-moz-transition    : all 0.5s ease 0s;
	-o-transition      : all 0.5s ease 0s;
	transition         : all 0.5s ease 0s;
}

#czparallaxcmsblock .parallax_container .parallax-text .shop.now a:hover
{
	background-color : var(--p-cc-1);
}

#czparallaxcmsblock:hover .parallax_container .parallax-text .offer-title
{
	/* text-shadow    : 3px 2px 0px rgba(255, 255, 255, 0.72); */
	letter-spacing : 0.5px;
}

@media (max-width : 1199px)
{
	#czparallaxcmsblock .parallax
	{
		padding : 100px 0;
	}
}

@media (max-width : 991px)
{
	
	#czparallaxcmsblock .parallax_container .parallax-text .title
	{
		font-size : 35px;
	}
	
	#czparallaxcmsblock .parallax_container .parallax-text .shop.now
	{
		margin-top : 40px;
	}
	
	#czparallaxcmsblock .parallax_container .parallax-text .offer-title
	{
		font-size          : 40px;
		line-height        : 50px;
		-webkit-transition : all 0.5s ease;
		-moz-transition    : all 0.5s ease;
		-o-transition      : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	#czparallaxcmsblock .parallax
	{
		padding : 70px 0;
	}
	
}

@media (max-width : 767px)
{
	#czparallaxcmsblock .parallax_container .parallax-text .offer-title
	{
		font-size   : 35px;
		line-height : 40px;
	}
	
	#czparallaxcmsblock .parallax
	{
		padding : 50px 0;
	}
	
	#czparallaxcmsblock .parallax_container .parallax-text .title
	{
		font-size : 30px;
	}
	
	#czparallaxcmsblock .parallax_container .parallax-text .shop.now a
	{
		padding   : 7px 20px;
		font-size : 14px;
	}
}

@media (max-width : 650px)
{
	#czparallaxcmsblock .parallax_container .parallax-text .offer-title
	{
		font-size : 30px;
	}
}

@media (max-width : 479px)
{
	#czparallaxcmsblock .parallax
	{
		padding    : 40px 0 40px;
		min-height : auto;
	}
	
	#czparallaxcmsblock .parallax_container .parallax-text .title
	{
		font-size   : 20px;
		line-height : 30px;
	}
	
	#czparallaxcmsblock .parallax_container .parallax-text .offer-title
	{
		font-size      : 20px;
		letter-spacing : 0;
	}
	
	#czparallaxcmsblock .parallax_container .parallax-text .shop.now
	{
		margin-top : 20px;
	}
}

/*-------------------------- Start Home page Service CMS Block -------------------------------*/

#czservicecmsblock
{
	clear      : both;
	margin     : 0px;
	padding    : 80px 0 60px;
	background : var(--l-cc-0);
}

#czservicecmsblock .service_container
{
	color          : var(--l-cc-0);
	padding-top    : 0px;
	padding-bottom : 0px;
	margin         : 0px auto;
}

#czservicecmsblock .service_container .service-area
{
	padding : 0;
	float   : left;
	width   : 100%;
}

#czservicecmsblock .service_container .service-area .service-fourth
{
	float       : left;
	width       : 25%;
	line-height : 20px;
	color       : var(--d-cc-0);
	padding     : 0px 40px;
	position    : relative;
}

#czservicecmsblock .service_container .service-area .service-fourth:after
{
	content      : "";
	position     : absolute;
	border-right : 1px solid var(--l-cc-2);
	height       : 60px;
	top          : -2px;
	right        : 15px;
}

#czservicecmsblock .service_container .service-area .service-fourth:last-child:after
{
	border : 0;
}

#czservicecmsblock .service_container .service-area .service-fourth.service1
{
	padding-left : 0;
}

#czservicecmsblock .service_container .service-area .service-fourth .service-icon
{
	/* background         : url(../image/codezeel/service-icon.png) no-repeat scroll; */
	float               : left;
	margin-top          : 0px;
	height              : 55px;
	width               : 55px;
	-webkit-transition  : all 0.5s ease;
	-moz-transition     : all 0.5s ease;
	-o-transition       : all 0.5s ease;
	transition          : all 0.5s ease;
	background-color    : transparent;
	background-repeat   : no-repeat;
	background-size     : 55px;
	background-position : center;
}

#czservicecmsblock .service_container .service-area .service-fourth:not(:hover) .service-icon {
	/* filter : brightness(0) opacity(0.68); */
}

#czservicecmsblock .service_container .service-area .service-fourth.service1 .icon1 {
	background-image : url(../image/codezeel/adv_icons_delivery_gold_55px.svg);
}

#czservicecmsblock .service_container .service-area .service-fourth.service1:hover .icon1 {
	/* background-position : 0px -120px; */
}

#czservicecmsblock .service_container .service-area .service-fourth.service2 .icon2 {
	background-image : url(../image/codezeel/adv_icons_install_gold_55px.svg);
}

#czservicecmsblock .service_container .service-area .service-fourth.service2:hover .icon2 {
	/* background-position : 0px -357px; */
}

#czservicecmsblock .service_container .service-area .service-fourth.service3 .icon3
{
	background-image : url(../image/codezeel/adv_icons_discount_gold_55px.svg);
}

#czservicecmsblock .service_container .service-area .service-fourth.service3:hover .icon3
{
	/* background-position : 0px -601px; */
}

#czservicecmsblock .service_container .service-area .service-fourth.service4 .icon4
{
	background-image : url(../image/codezeel/adv_icons_discount_support_55px.svg);
}

#czservicecmsblock .service_container .service-area .service-fourth.service4:hover .icon4
{
	/* background-position : 0px -840px; */
}

#czservicecmsblock .service_container .service-area .service-fourth .service-content
{
	margin-left : 65px;
	text-align  : left;
}

#czservicecmsblock .service_container .service-area .service-fourth .service-content .service-heading
{
	font-weight    : 400;
	font-size      : 16px;
	line-height    : 1.5;
	color          : var(--d-cc-0);
	letter-spacing : 0.5px;
	text-transform : capitalize;
	margin-top     : 10px;
}

#czservicecmsblock .service_container .service-area .service-fourth:hover .service-content .service-heading
{
	color : var(--d-cc-3);
}

#czservicecmsblock .service_container .service-area .service-fourth .service-content .service-description
{
	font-size   : 13px;
	font-weight : 300;
	line-height : 1.5;
	color       : var(--d-cc-3)
}

#czservicecmsblock .service_container .service-area .service-fourth.service4
{
	padding-right : 0;
}

@media (max-width : 1459px)
{
	#czservicecmsblock .service_container .service-area .service-fourth
	{
		padding : 0 20px;
	}
}

@media (max-width : 1199px)
{
	#czservicecmsblock .service_container .service-area .service-fourth
	{
		padding    : 0px 15px 0px 15px;
		text-align : center;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth:after
	{
		right : 0px;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth .service-icon
	{
		float   : none;
		display : inline-block;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth .service-content
	{
		margin-left : 0px;
		text-align  : center;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth .service-content .service-heading
	{
		text-align : center;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth:after
	{
		border : 0;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth .service-content .service-description
	{
		font-size : 12px;
	}
	
	#czservicecmsblock
	{
		padding : 40px 0;
	}
}

@media (max-width : 991px)
{
	#czservicecmsblock
	{
		padding-top    : 40px;
		padding-bottom : 30px;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth .service-content .service-heading
	{
		font-size      : 12px;
		letter-spacing : 0;
	}
}

@media (max-width : 767px)
{
	#czservicecmsblock
	{
		padding-bottom : 20px;
	}
	
	#czservicecmsblock .service_container .service-area .service-third .service-content .service-heading
	{
		margin-bottom : 0;
	}
	
	#czservicecmsblock .service_container .service-area .service-third
	{
		width         : 100%;
		margin-bottom : 35px;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth
	{
		width         : 50%;
		margin-bottom : 30px;
		border        : none;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth.service3
	{
		width : 50%;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth.service4
	{
		width : 50%;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth.service1,
	#czservicecmsblock .service_container .service-area .service-fourth.service4
	{
		width         : 50%;
		padding-left  : 15px;
		padding-right : 15px;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth .service-content .service-heading
	{
		font-size : var(--k-gap-16);
	}
}

@media (max-width : 420px)
{
	#czservicecmsblock .service_container .service-area .service-fourth
	{
		/* width         : 100%; */
		margin-bottom : 30px;
		padding       : 0;
	}
	
	#czservicecmsblock .service_container .service-area .service-fourth.service1,
	#czservicecmsblock .service_container .service-area .service-fourth.service4,
	#czservicecmsblock .service_container .service-area .service-fourth.service3,
	#czservicecmsblock .service_container .service-area .service-fourth.service4
	{
		/* width   : 100%; */
		padding : 0;
	}
}

/*--------------------------Category List Block -------------------------------*/
#czcategorylistblock
{
	clear    : both;
	padding  : 35px 0;
	position : relative;
	overflow : hidden;
}

#czcategorylistblock .products-section-title
{
	text-align : center;
	border     : 0;
}

#czcategorylistblock .category_lists
{
	margin     : 0 -15px;
	text-align : center;
}

#czcategorylistblock .category_lists .cz-carousel
{
	display : block;
	padding : 0;
	margin  : 0;
}

.czcategory_listblock .category_lists ul li.category_item
{
	position   : relative;
	text-align : center;
	display    : inline-block;
	padding    : 10px 15px 0;
	width      : 238px;
	cursor     : pointer;
}

.czcategory_listblock .category_lists .category_item.item
{
	/* transition : 250ms; */
	/* filter     : drop-shadow(0px 2px 4px rgb(var(--p-ac-1) / 40%)); */
}

.czcategory_listblock .category_lists .category_item.item:hover
{
	/* filter : drop-shadow(0px -1px 10px rgb(var(--p-ac-2) / 100%)); */
}

.czcategory_listblock .category_lists .category_item.item .cate_image
{
	display: flex;
	align-items: center;
	justify-content: center;
	padding       : 10px 2px 2px;
	
}

.czcategory_listblock .category_lists .category_item.item:hover .cate_image
{
	/* transform        : perspective(100px) rotateX(0deg) !important; */
	/* transform-origin : 50% 50%; */
}

.czcategory_listblock .category_lists ul li.category_item .cate_image img
{
	max-width  : 100%;
	transform  : scale(1.05);
	transition : all 0.25s ease;
	
}

.czcategory_listblock .category_lists ul li.category_item:hover .cate_image img
{
	-webkit-transform : scale(1.03);
	-ms-transform     : scale(1.03);
	transform         : scale(1.03);
	transform         : scale(1.03);
}

.czcategory_listblock .category_lists ul li.category_item .cate_image
{
	display : inline-block;
	
}

.czcategory_listblock .category_lists ul li.category_item .cate-details
{
	float      : none;
	text-align : center;
	padding    : 10px 0 0 0;
	max-width  : 100%;
	display    : block;
}

.czcategory_listblock .category_lists .category_item.item .cate_image img
{
	max-width        : var(--k-gap-80);
	transform        : scale(1.15);
	transform-origin : center 0%;
	transition       : all 0.25s ease;
	
}

.czcategory_listblock .category_lists .category_item.item:hover .cate_image img
{
	/* transform : perspective(155px) rotateX(-10deg) translateZ(-10px) translateY(5px) scale(1) !important; */
}

.czcategory_listblock .category_lists .category_item.item .cate-details
{
	min-height  : 48px;
	display     : grid;
	place-items : center;
	gap         : 5px;
	text-align  : center;
	transition  : all 0.25s ease;
	padding     : 10px 0 0 0;
}

.czcategory_listblock .category_lists .category_item.item
{
	position          : relative;
	display           : grid;
	grid-auto-columns : 100%;
	cursor            : pointer;
	box-sizing        : content-box;
	isolation         : isolate;
}

.czcategory_listblock .category_lists .category_item.item::before
{
	content  : "";
	position : absolute;
	inset    : 0;
	display  : block;
	cursor   : pointer;
}

.czcategory_listblock .category_lists .category_item.item .cate-details > .category-heading,
.czcategory_listblock .category_lists .category_item.item .cate-details > .category-heading
{
	
	font-size             : var(--k-gap-14);
	color                 : rgb(var(--p-ac-1) / 100%);
	line-height           : 1.35;
	font-weight           : 300;
	text-transform        : capitalize;
	display               : grid;
	grid-template-columns : 100%;
	place-items           : start center;
	text-wrap             : balance;
	text-align            : center;
	
}

.czcategory_listblock .category_lists .category_item.item .cate-details > .category-heading
{
	/* transform  : translateY(12px) scale(1.06); */
	/* transition : 250ms; */
}

.czcategory_listblock .category_lists .category_item.item:hover .cate-details > .category-heading,
.czcategory_listblock .category_lists .category_item.item:hover .cate-details > .category-heading > *
{
	/* color : rgb(var(--p-ac-1) / 0%); */
}

.czcategory_listblock .category_lists .category_item.item:hover .cate-details > .category-heading
{
	/* transform   : translateY(0px) scale(1.01); */
	/* color       : rgb(var(--p-ac-1) / 0%); */
	/* text-shadow : 0 2px 2px rgb(var(--p-ac-2) / 70%); */
}

.czcategory_listblock .category_lists .category_item.item .cate-details > .category-heading > *
{
	/* transition  : 550ms; */
	/* transform   : translateY(0px); */
	/* text-shadow : 0 calc(4.5vmin + 10px) 0px rgb(var(--p-ac-1) / 30%); */
	/* transform   : perspective(80px) scale(1.06) translateZ(5px) rotateX(2deg); */
}

.czcategory_listblock .category_lists .category_item.item:hover .cate-details > .category-heading > *
{
	/* transform   : translateY(-10px); */
	/* text-shadow : 0 calc(0vmin - 0px) 0px rgb(var(--p-ac-1) / 100%) */
}

.czcategory_listblock .category_lists ul li.category_item .cate-details .shop-now a
{
	color          : var(--d-cc-0);
	font-size      : 16px;
	font-weight    : 100;
	line-height    : 1.35;
	text-wrap      : balance;
	text-align     : center;
	min-height     : 48px;
	text-transform : capitalize;
}

.czcategory_listblock .category_lists ul li.category_item .cate-details .shop-now a:hover
{
	color           : var(--d-cc-0);
	text-decoration : none;
}

.czcategory_listblock .category_lists ul li.category_item .cate-details .shop-now
{
	opacity   : 0;
	filter    : alpha(opacity=0);
	
	transform : translate3d(0, -20px, 0);
}

.czcategory_listblock .category_lists ul li.category_item:hover .cate-details .shop-now
{
	opacity   : 1;
	filter    : alpha(opacity=100);
	transform : translate3d(0, -25px, 0);
}

.czcategory_listblock .category_lists ul li.category_item .cate-details .category-heading a
{
	font-size      : 16px;
	color          : var(--d-cc-0);
	font-weight    : 100;
	letter-spacing : 0.7px;
	text-transform : capitalize;
}

.czcategory_listblock .category_lists ul li.category_item .cate-details .category-heading
{
	opacity : 1;
	filter  : alpha(opacity=100);
	
}

.czcategory_listblock .category_lists ul li.category_item:hover .cate-details .category-heading
{
	opacity : 0;
	filter  : alpha(opacity=0);
}

#czcategorylistblock .customNavigation
{
	top     : 36%;
	width   : 100%;
	opacity : 0;
	filter  : alpha(opacity=100);
	
	z-index : 9;
}

#czcategorylistblock .customNavigation a
{
	background : none !important;
}

#czcategorylistblock:hover .customNavigation
{
	opacity : 1;
	
}

#czcategorylistblock .customNavigation a.prev
{
	left : -15px;
}

#czcategorylistblock .customNavigation a.next
{
	right : -15px;
}

#czcategorylistblock .customNavigation a:before
{
	font-family : "FontAwesome";
	font-size   : 26px;
	color       : var(--d-cc-0);
}

#czcategorylistblock .customNavigation a:hover:before
{
	color : var(--d-cc-0);
}

#czcategorylistblock .customNavigation a.prev:after
{
	display : none;
}

#czcategorylistblock .customNavigation a.prev:before
{
	content : "\f104";
}

#czcategorylistblock .customNavigation a.next:before
{
	content : "\f105";
}

#czcategorylistblock .category_lists .owl-controls
{
	display : none;
}

#czcategorylistblock .category_lists .owl-controls .owl-pagination
{
	display : none;
}

@media (hover : hover)
{
	
	.czcategory_listblock .category_lists ul li.category_item .cate_image img
	{
		
		-webkit-transition       : all 0.5s ease;
		-webkit-transition-delay : 0s;
		-moz-transition          : all 0.5s ease 0s;
		-o-transition            : all 0.5s ease 0s;
	}
	
	.czcategory_listblock .category_list
	{
		-webkit-transition : all 0.5s ease;
		-moz-transition    : all 0.5s ease;
		-o-transition      : all 0.5s ease;
		transition         : all 0.5s ease;
	}
	
	.czcategory_listblock .category_lists ul li.category_item .cate-details .shop-now
	{
		transition : all 700ms ease 0s;
	}
	
	.czcategory_listblock .category_lists ul li.category_item .cate-details .category-heading
	{
		-webkit-transition : all 700ms ease 0s;
		-moz-transition    : all 700ms ease 0s;
		-o-transition      : all 700ms ease 0s;
		transition         : all 700ms ease 0s;
	}
	
	#czcategorylistblock .customNavigation
	{
		-webkit-transition : all 500ms ease 0s;
		-moz-transition    : all 500ms ease 0s;
		-o-transition      : all 500ms ease 0s;
		transition         : all 500ms;
	}
	
	#czcategorylistblock:hover .customNavigation
	{
		
		-webkit-transition : all 0.5s ease;
		-moz-transition    : all 0.5s ease 0s;
		-o-transition      : all 0.5s ease 0s;
		transition         : all 0.5s ease 0s;
	}
	
}

@media (max-width : 1459px) and (min-width : 576px)
{
	.czcategory_listblock .category_lists ul li.category_item
	{
		width : 200px;
	}
}

@media (max-width : 575px) and (min-width : 481px)
{
	.czcategory_listblock .category_lists ul li.category_item
	{
		width : 170px;
	}
}

@media (max-width : 479px)
{
	.czcategory_listblock .category_lists ul li.category_item
	{
		width : 200px;
	}
}

@media (max-width : 380px)
{
	.czcategory_listblock .category_lists ul li.category_item
	{
		width : 160px;
	}
}

/*--------------------------Testimonial Block -------------------------------*/

#cztestimonialcmsblock
{
	position : relative;
}

#cztestimonialcmsblock .collapse
{
	display : inherit;
}

#cztestimonialcmsblock .products-section-title:before
{
	display : none;
}

#cztestimonialcmsblock .testimonial-area-wrapper
{
	margin : 0 -15px;
}

#cztestimonialcmsblock .products-section-title
{
	color : var(--l-cc-0);
	float : left;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area
{
	float         : left;
	width         : 100%;
	position      : relative;
	padding-right : 30px;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel
{
	padding : 0;
}

#cztestimonialcmsblock .block_title
{
	color          : var(--l-cc-0);
	text-transform : capitalize !important;
	margin         : 0 0 20px 0;
	font-weight    : 600;
	font-size      : 16px;
	line-height    : 26px;
}

#cztestimonialcmsblock .testimonial_container .customNavigation
{
	width : 85px;
	top   : -45px;
	left  : auto;
	right : 0;
}

#cztestimonialcmsblock .testimonial_container .customNavigation a.prev
{
	left                : 0;
	background-position : -17px -85px;
}

#cztestimonialcmsblock .testimonial_container .customNavigation a.next
{
	right               : 0;
	background-position : -102px -84px;
}

#cztestimonialcmsblock .testimonial_container .customNavigation a.prev:hover
{
	background-position : -17px -54px;
}

#cztestimonialcmsblock .testimonial_container .customNavigation a.next:hover
{
	background-position : -102px -54px;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face .testimonial-image
{
	display               : inline-block;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	-ms-border-radius     : 5px;
	-o-border-radius      : 5px;
	border-radius         : 5px;
	position              : relative;
	border                : 4px solid #d37541;
	margin-bottom         : 30px;
	float                 : right;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item
{
	overflow : hidden;
	padding  : 0;
	margin   : 0 15px;
	position : relative;
	
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item ul li
{
	margin-bottom : 30px;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item ul
{
	list-style-type : none;
	padding         : 0;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face .title
{
	text-align  : left;
	padding-top : 30px;
	display     : inline-block;
}

#cztestimonialcmsblock li
{
	margin-bottom : 30px;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .title
{
	text-align   : left;
	position     : relative;
	padding-left : 60px;
	padding-top  : 0;
	color        : var(--d-cc-0);
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .product_inner_cms .quote_img
{
	background : transparent url(../image/codezeel/quote.png) no-repeat scroll left 4px;
	height     : 46px;
	width      : 46px;
	display    : inline-block;
	float      : left;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .title .name
{
	display : inline-block;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .title .name a
{
	display            : inherit;
	-webkit-transition : all 0.5s ease 0s;
	-moz-transition    : all 0.5s ease 0s;
	-o-transition      : all 0.5s ease 0s;
	transition         : all 0.5s ease 0s;
	font-weight        : 600;
	color              : var(--l-cc-0);
	line-height        : 22px;
	text-transform     : capitalize;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .title span
{
	display        : inline-block;
	text-transform : capitalize;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .title span:before
{
	content : "(";
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .testimonial-item .title span:after
{
	content : ")";
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face .name a
{
	color          : var(--d-cc-0);
	display        : block;
	text-transform : uppercase;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face .subheading
{
	color          : var(--d-cc-0);
	font-size      : 12px;
	font-weight    : 400;
	letter-spacing : .8px;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .product_inner_cms
{
	padding    : 0;
	text-align : left;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .product_inner_cms .des
{
	margin-bottom  : 0;
	padding-bottom : 0;
	position       : relative;
	color          : var(--l-cc-0);
	line-height    : 22px;
}

#cztestimonialcmsblock .testimonial_container .testimonial-area ul#testimonial-carousel li.item .cms_face
{
	padding    : 0 30px;
	text-align : left;
}

#cztestimonialcmsblock .testimonial_container .owl-controls
{
	position   : absolute;
	left       : 15px;
	bottom     : -10px;
	text-align : center;
	display    : none !important;
}

@media (max-width : 1459px)
{
	#cztestimonialcmsblock .testimonial_container .testimonial-area
	{
		padding-right : 10px;
	}
}

@media (max-width : 1199px)
{
	#cztestimonialcmsblock .testimonial_container .owl-controls
	{
		bottom : -40px;
	}
	
	#cztestimonialcmsblock .testimonial_container .testimonial-area
	{
		padding-right : 0;
	}
	
	#cztestimonialcmsblock .testimonial_container .customNavigation
	{
		right : -10px;
	}
}

@media (max-width : 991px)
{
	#cztestimonialcmsblock
	{
		padding-right : 15px;
		width         : 100%;
		padding-left  : 15px;
		padding-top   : 10px;
	}
	
	#cztestimonialcmsblock .products-section-title
	{
		margin-bottom : 15px;
	}
	
	#cztestimonialcmsblock .testimonial_container .owl-controls
	{
		bottom : -40px;
	}
	
	#cztestimonialcmsblock .testimonial_container .testimonial-area:before
	{
		position      : static;
		margin-left   : 13px;
		margin-bottom : 5px;
		margin-top    : 5px;
	}
	
	#cztestimonialcmsblock .testimonial_container .testimonial-area
	{
		padding-right : 30px;
	}
	
	#cztestimonialcmsblock .testimonial_container .customNavigation
	{
		right : 0;
	}
	
	#footer .column #cztestimonialcmsblock .testimonial_container .testimonial-area ul
	{
		display : block !important;
	}
}

@media (max-width : 767px)
{
	#cztestimonialcmsblock .testimonial_container .testimonial-area
	{
		padding-right : 60px;
	}
}

@media (max-width : 479px)
{
	#cztestimonialcmsblock .testimonial_container .testimonial-area
	{
		padding-right : 30px;
	}
}

/**********		Responsive css start	***********/

@media (max-width : 1459px) and (min-width : 1200px)
{
	.featured .box-product .product-items
	{
		width : 390px;
	}
	
	.product-info .image-additional
	{
		width : 430px;
	}
}

@media (max-width : 1229px)
{
	.product-info .image-additional
	{
		width : 360px;
	}
	
	.product-thumb .rating, .product-thumb h4
	{
		width : 100%;
	}
}

@media (max-width : 1199px)
{
	.banners-slider-carousel .carousel-block
	{
		margin : 0px auto 20px;
	}
	
	.main-menu > ul > li.top_level > a
	{
		padding-left  : 12px;
		padding-right : 12px;
		margin        : 10px 0;
	}
	
	#search .search_toggle
	{
		top : 114px;
	}
	
	.dropdown.myaccount .myaccount-menu
	{
		top : 69px;
	}
	
	#cart.btn-group.btn-block.open
	{
		isolation : isolate;
		position  : relative;
		z-index   : 10;
	}
	
	#cart .dropdown-backdrop
	{
		z-index : -1;
	}
	
	#cart .dropdown-menu
	{
		top : 68px;
	}
	
	.hometab, .categorytab
	{
		padding : 60px 0;
	}
	
	.blogs
	{
		padding-top    : 60px;
		padding-bottom : 60px;
	}
	
	.product-layout.product-grid
	{
		width : 33.33%;
	}
	
	.product-list .product-block .image
	{
		width : 33%;
	}
	
	.product-list .product-details
	{
		width : 67%;
	}
}

@media (max-width : 1199px) and (min-width : 992px)
{
	#column-left .product-items .product-details, #column-right .product-items .product-details
	{
		display : inline-block;
		width   : 100%;
	}
	
	.footer-blocks .footertop .footerdiv
	{
		padding-right : 40px;
	}
	
	.head-right-bottom
	{
		width : 84%;
	}
	
	#footer .column.footerleft
	{
		width : 32%;
	}
	
	#footer .column
	{
		width : 21%;
	}
	
	.bottomfooter ul li
	{
		padding-right : 15px;
	}
	
	.bottomfooter ul.list-unstyled
	{
		text-align    : left;
		margin-top    : 0;
		margin-bottom : 20px;
		float         : left;
	}
}

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

}

@media (max-width : 991px)
{
	.header-logo
	{
		margin : 0;
	}
	
	.head-right-bottom
	{
		width   : 100%;
		padding : 7px 0;
		margin  : 0;
		float   : left;
	}
	
	.header-main
	{
		padding : 0;
	}
	
	.nav-responsive span, .main-menu > ul > li > a
	{
		line-height : 26px;
		font-weight : 600;
		color       : var(--d-cc-0);
	}
	
	.nav-responsive
	{
		background : transparent;
	}
	
	.headertop-inner .nav-container .container
	{
		display : none;
	}
	
	nav.nav-container .responsive-menu .main-navigation
	{
		top        : 47px;
		width      : 100%;
		left       : 0px;
		text-align : left;
	}
	
	.header-container.fixed nav.nav-container .responsive-menu .main-navigation
	{
		top : 44px;
	}
	
	.header-logo
	{
		position : absolute;
		top      : 10px;
		left     : 35px;
		padding  : 0;
		z-index  : 8;
		width    : auto;
	}
	
	.header-logo img
	{
		max-height  : 57px;
		margin-top  : -13px;
		margin-left : 10px;
	}
	
	.header-cart:before
	{
		display : none;
	}
	
	#search
	{
		margin-top    : 15px;
		margin-bottom : -35px;
		padding       : 0;
	}
	
	.dropdown.myaccount
	{
		margin-top    : 14px;
		margin-bottom : -35px;
		margin-left   : 15px;
		margin-right  : 15px;
	}
	
	.header-cart
	{
		margin-top     : 14px;
		margin-bottom  : -35px;
		padding-top    : 0;
		padding-bottom : 0;
	}
	
	#form-language .btn-link
	{
		padding-left  : 0;
		padding-right : 10px;
	}
	
	#cart .dropdown-menu
	{
		top : 44px;
	}
	
	#search .search_toggle
	{
		top : 45px;
	}
	
	.dropdown.myaccount .myaccount-menu
	{
		top : 45px;
	}
	
	#top-links ul.list-inline li
	{
		padding : 0 7px 0 0px
	}
	
	.main-menu ul > li > a
	{
		padding : 16px 20px 15px;
	}
	
	.main-menu ul > li:first-child > a
	{
		padding : 16px 20px 15px 8px;
	}
	
	.col-md-6.result-info
	{
		float    : left;
		padding  : 0 15px;
		position : relative;
		width    : 70%;
	}
	
	.col-md-3.row-result-search-autocomplete-image
	{
		float : left;
		width : auto;
	}
	
	.category_img img
	{
		max-width : 100%;
	}
	
	.cat-desc
	{
		width : 55%;
	}
	
	.category .image
	{
		width : 45%
	}
	
	.blog-left .blog-image img
	{
		height : auto;
		width  : 100%;
	}
	
	.lang-curr
	{
		margin-left : 0;
	}
	
	.categoryblock
	{
		width : 50%;
	}
	
	#banner0 img, #banner1 img, #banner2 img
	{
		max-width : 100%;
	}
	
	.common-home .category-left-box .box-content
	{
		display : none;
	}
	
	.catgory-left
	{
		position : absolute;
		z-index  : 3;
		width    : 270px;
		padding  : 0;
	}
	
	#content .box.blogs .box-content
	{
		margin-left  : -10px;
		margin-right : -10px;
	}
	
	#blog-carousel .blog-item
	{
		margin : 10px;
	}
	
	.czcategory_block .box-heading, .box-heading
	{
		font-size   : 20px;
		line-height : 26px;
	}
	
	.address_content
	{
		padding-right : 35px;
	}
	
	.manufacture_block > ul
	{
		width : 90%;
	}
	
	.box-category-heading
	{
		width : 211px;
	}
	
	.common-home .box-category-heading
	{
		width : 270px;
	}
	
	.common-home #nav-one > li > .dropdown-menu
	{
		left : 268px;
	}
	
	#nav-one > li > .dropdown-menu
	{
		left : 168px;
	}
	
	p.powered, .bottomfooter .paiement_logo_block
	{
		float      : none;
		text-align : center;
	}
	
	p.powered
	{
		padding-top    : 4px;
		padding-bottom : 8px;
	}
	
	.bottomfooter ul li
	{
		padding-right : 20px;
	}
	
	.bottomfooter ul.list-unstyled
	{
		margin-top : 0;
	}
	
	.bottomfooter .paiement_logo_block
	{
		padding : 10px 0;
		padding : 8px 0;
		display : block;
		margin  : 0;
	}
	
	.main-slider .swiper-pager div
	{
		display : none;
	}
	
	.box-category-heading
	{
		display : none;
	}
	
	.header-container
	{
		position : relative;
		padding  : 10px 0;
	}
	
	.container, footer
	{
		top : auto;
	}
	
	.box.category
	{
		display : none;
	}
	
	#column-left .box-product .image,
	#column-right .box-product .image
	{
		margin-right : 15px;
	}
	
	.col-md-4.btn-list-grid
	{
		margin-bottom : 10px;
	}
	
	.pagination-wrapper .pagination-right
	{
		clear  : both;
		float  : left;
		margin : 5px 0;
	}
	
	.product-info .image-additional
	{
		width : 260px;
	}
	
	.product-compare .table-bordered
	{
		width    : 100%;
		float    : left;
		overflow : auto;
		display  : inline;
	}
	
	.hometab, .categorytab
	{
		padding-top    : 40px;
		padding-bottom : 30px;
	}
	
	#footer .column ul
	{
		display : none;
	}
	
	#footer .column .block-social ul
	{
		display : block !important;
	}
	
	#footer .column
	{
		width        : 100% !important;
		margin-left  : auto;
		margin-right : auto;
		clear        : both;
		min-height   : auto;
		padding-left : 15px;
		border       : 0;
	}
	
	#footer .column.footerright
	{
		padding : 0px;
	}
	
	#accordion .form-horizontal .control-label
	{
		width : 100%;
	}
	
	.bottomfooter .container .footer-inner
	{
		padding : 12px 0;
	}
	
	.information-blogger-blogs .blog-image img
	{
		display : block;
	}
	
	#search .col-sm-3.sort
	{
		width : 37%;
	}
	
	.col-sm-5.t-search
	{
		width   : 86%;
		padding : 10px 0;
	}
	
	.cate-heading, ul.subcats
	{
		float : none;
	}
	
	.cat-desc
	{
		display    : inline-block;
		float      : none;
		text-align : center;
		width      : 100%;
	}
	
	.head-right-bottom .header-cms-block
	{
		margin : 20px 0;
	}
	
	#search .col-sm-3.sort
	{
		width : 35%;
	}
	
	.category_img img
	{
		max-width : 100%;
	}
	
	.layout-2.left-col #content, .layout-2.right-col #content, .layout-3 #content
	{
		width : 100%;
	}
	
	.main-slider .owl-carousel
	{
		width : 100%;
	}
	
	.newsletter
	{
		padding-top    : 20px;
		padding-bottom : 20px;
		margin-top     : 10px;
		margin-bottom  : 10px;
	}
	
	.newsletter .newsletter_detail
	{
		margin-bottom : 15px;
	}
	
	#footer .news-title
	{
		margin-bottom : 15px;
	}
	
	.newsletter h5.news-title
	{
		float         : none;
		margin-bottom : 10px;
		line-height   : 28px;
	}
	
	.newsletter .newsright
	{
		float        : none;
		width        : 100%;
		padding-left : 0;
	}
	
	#footer
	{
		margin-top : 0;
		box-shadow : none;
	}
	
	#footer .column ul
	{
		margin-bottom : 15px;
	}
	
	#footer .column:after
	{
		content : initial;
	}
	
	.content_footer_bottom
	{
		margin-top : 20px
	}
	
	.footertop-cms .subtitle
	{
		font-size : 11px
	}
	
	.footertop-cms .title
	{
		font-size : 13px
	}
	
	.blog-left .blog-image img
	{
		height : auto;
		width  : 100%;
	}
	
	.category-row
	{
		margin-left  : -5px;
		margin-right : -5px;
	}
	
	.categoryblock
	{
		padding-left  : 5px;
		padding-right : 5px
	}
	
	.category .image
	{
		float      : none;
		clear      : both;
		text-align : center
	}
	
	.category .image a
	{
		display : inline-block
	}
	
	.col-sm-10.subscribe-btn
	{
		width : 100%;
	}
	
	.col-sm-10.subscribe-btn
	{
		float : left;
		clear : both
	}
	
	.header-left
	{
		text-align : left;
		width      : 50%;
		padding    : 0;
		border     : medium none;
	}
	
	.col-sm-4.header-logo
	{
		float : none;
	}
	
	.header-right
	{
		width   : 50%;
		border  : none;
		padding : 40px 0 0;
	}
	
	.nav-inner
	{
		display       : block;
		color         : var(--l-cc-0);
		margin-bottom : 0px
	}
	
	.nav-inner-cms .box-category-heading, .nav-inner-cms .main-menu ul
	{
		display : none
	}
	
	.nav-responsive span
	{
		border    : none;
		padding   : 0;
		font-size : 0;
	}
	
	#cms-menu
	{
		position : relative;
	}
	
	.nav-inner-cms
	{
		border        : none;
		margin-bottom : 0;
	}
	
	.content-top #content
	{
		min-height : initial;
	}
	
	.contact-info .right
	{
		float      : left;
		clear      : both;
		margin-top : 20px
	}
	
	#column-left .box .box-content, #column-right .box .box-content, #column-left .box .filterbox, #column-right .box .filterbox,
	#column-right .single-banner, #column-left .single-banner
	{
		display : none;
	}
	
	#column-left .box .box-heading,
	#column-right .box .box-heading
	{
		font-size : 16px;
	}
	
	#column-right .toggle .mobile_togglemenu, #column-left .toggle .mobile_togglemenu
	{
		display            : block;
		cursor             : pointer;
		width              : 100%;
		margin-top         : 0;
		padding            : 10px;
		position           : absolute;
		right              : 0;
		top                : 0px;
		left               : 0;
		background         : transparent none repeat scroll 0 0;
		transition         : initial;
		-webkit-transition : initial;
		-moz-transition    : initial;
		-ms-transition     : initial;
		-o-transition      : initial;
	}
	
	#column-right .toggle .mobile_togglemenu:before, #column-left .toggle .mobile_togglemenu:before
	{
		background  : transparent none repeat scroll 0 0;
		color       : var(--d-cc-0);
		content     : "\f107";
		font-family : "FontAwesome";
		font-size   : 22px;
		font-weight : 400;
		height      : 20px;
		margin      : 0;
		position    : absolute;
		right       : 20px;
		text-align  : center;
		top         : 10px;
		width       : 20px;
	}
	
	#column-right .box:first-child .toggle .mobile_togglemenu:before, #column-left .box:first-child .toggle .mobile_togglemenu:before
	{
		color : var(--d-cc-0);
	}
	
	#column-right .toggle.active .mobile_togglemenu::before, #column-left .toggle.active .mobile_togglemenu::before
	{
		content : "\f106";
	}
	
	.layout-2.left-col #column-left, .layout-2.right-col #column-right, .layout-3 #column-left, .layout-3 #column-right, #column-left, #column-right
	{
		width          : 100%;
		clear          : both;
		padding-bottom : 20px;
	}
	
	#column-left .box .box-content, #column-right .box .box-content, #column-left .box .filterbox, #column-right .box .filterbox, #column-left .box .list-group, #column-right .box .list-group
	{
		display : none;
	}
	
	.homepage-testimonials-inner.box-content
	{
		display : none;
	}
	
	#testimonial .customNavigation a.next:hover::before, #testimonial .customNavigation a.prev:hover::before
	{
		color : var(--d-cc-0);
	}
	
	.box.blogs
	{
		padding-top    : 40px;
		padding-bottom : 40px;
	}
	
	.result-search-autocomplete > ul > li
	{
		display : inline-block;
		float   : left;
		clear   : both;
	}
	
	.col-md-3.row-result-search-autocomplete-image
	{
		float : left;
		width : auto;
	}
	
	.col-md-6.result-info
	{
		float : left;
		width : 50%;
	}
	
	#banner0 img, #banner1 img, #banner2 img
	{
		max-width : 100%;
	}
	
	.zoomWindowContainer .zoomWindow
	{
		height : 450px !important;
	}
	
	.catgory-left
	{
		display : none;
	}
	
	#footer #contact.column h5
	{
		display : block;
	}
	
	.footer-blocks
	{
		padding : 40px 0 20px;
	}
	
	.block-social
	{
		position   : absolute;
		bottom     : -25px;
		text-align : center;
		left       : 0;
		right      : 0;
		margin     : 0 auto;
	}
	
	#footer .column.footerleft
	{
		position : static;
	}
	
	footer h5
	{
	}
	
	.manufacture_block > ul
	{
		width : 80%;
	}
	
	#footer #contact.column ul
	{
		margin-top : 15px;
		width      : 380px;
	}
	
	.box.latest, .box.bestseller, .box.featured, .box.special
	{
		padding-bottom : 30px;
		padding-top    : 50px;
	}
	
	.box.featured
	{
		padding-top    : 50px;
		padding-bottom : 40px;
	}
	
	.banners-slider-carousel
	{
		padding-top    : 0;
		padding-bottom : 0;
	}
	
	.footerbefore .newsright
	{
		margin-top : 20px;
	}
	
	.news-title
	{
		font-size : 18px;
	}
	
	.productpage .product-right
	{
		padding-left : 15px;
	}
	
	.banners-slider-carousel
	{
		padding-top : 10px;
	}
	
	.swiper-pagination
	{
		opacity : 1;
	}
}

@media only screen and (min-width : 768px) and (max-width : 991px)
{
	.layout-2.left-col #column-left, .layout-2.right-col #column-right
	{
		width : 100%;
	}
	
	.layout-2 #content
	{
		width : 77.35%;
	}
	
	#column-left .product-items .product-details, #column-right .product-items .product-details
	{
		float  : left;
		margin : 0px 0 0;
	}
	
	.category_img img
	{
		max-width : 100%;
	}
	
	.featured .box-product .product-items
	{
		width : 370px;
	}
}

@media (max-width : 767px)
{
	.layout-2 #content, .layout-3 #content
	{
		width : 100%;
	}
	
	.product-info .image-additional
	{
	}
	
	.product-info .image-additional a
	{
		padding : 0px;
	}
	
	.header-left
	{
		width      : 100%;
		text-align : center;
	}
	
	.headertopright
	{
		float         : none;
		display       : inline-block;
		margin-bottom : -20px;
	}
	
	.header-logo > div
	{
		display : inline-block;
	}
	
	.btn-info
	{
		margin-bottom : 3px;
	}
	
	#input-search
	{
		margin-bottom : 8px;
	}
	
	.header-logo #logo
	{
		margin   : 0px;
		position : static;
	}
	
	.col-sm-4.total_amount
	{
		margin-top : 20px;
	}
	
	#cart .dropdown-menu
	{
		right : -10px;
		width : 350px;
	}
	
	.header-cart #cart:hover
	{
		background-position : 0px -166px;
	}
	
	.header-cart #cart .cart_heading
	{
		font-size : 0px;
		padding   : 0;
		height    : 25px;
		width     : 25px;
	}
	
	#top-links ul.list-inline li
	{
		padding : 0 10px 0 8px
	}
	
	.checkout-cart .table.table-bordered .input-group-btn
	{
		clear  : both;
		margin : 5px 0 0;
		float  : left;
	}
	
	.checkout-cart .btn.btn-danger
	{
		margin-top : -2px !important;
	}
	
	.button_class
	{
		clear : both;
	}
	
	.show-wrapper
	{
		clear  : both;
		margin : 10px 0 0;
	}
	
	.category_filter .show
	{
		float  : left;
		margin : 8px 10px 0 0;
	}
	
	.product-compare .table-bordered
	{
		float    : left;
		width    : 100%;
		overflow : auto;
		display  : inline;
	}
	
	.product-info .image, .product-info .additional-carousel
	{
		margin : 0 auto;
		width  : 350px;
	}
	
	.breadcrumb
	{
		right : 15px;
	}
	
	.information-blogger .breadcrumb
	{
		position : relative;
		left     : 0px;
		right    : auto;
	}
	
	.lang-curr .pull-left
	{
		float   : none;
		display : inline-block;
	}
	
	.blog-right h4
	{
		margin-bottom : 0px;
	}
	
	.blog-image .post_hover
	{
		display : none;
	}
	
	.blog-right h4 a
	{
		font-size   : 14px;
		font-weight : 400;
	}
	
	.main-slider .owl-carousel .owl-buttons,
	.main-slider .owl-carousel .owl-pagination
	{
		display : none;
	}
	
	.product-info .additional-carousel
	{
		width : 350px
	}
	
	.addthis_toolbox.addthis_default_style
	{
		margin : 10px 0;
	}
	
	#content .category_list .filterbox
	{
		border           : 1px solid var(--l-cc-2);
		margin           : 10px 0;
		background-color : var(--l-cc-0);
	}
	
	.list-group-item.group-name
	{
		padding-left  : 15px;
		padding-right : 15px
	}
	
	#content .category_list .filterbox .list-group a
	{
		border : none;
	}
	
	.checkout-cart .input-group-btn:last-child > .btn, .checkout-cart .input-group-btn:last-child > .btn-group
	{
		margin-left  : 0;
		margin-right : 5px;
	}
	
	.checkout-cart #accordion .input-group-btn:last-child > .btn, .checkout-cart #accordion .input-group-btn:last-child > .btn-group
	{
		margin-left  : 5px;
		margin-right : 0;
	}
	
	.blog-left .blog-image img
	{
		height : auto;
		width  : 100%;
	}
	
	.addtocart .fa
	{
		margin : 0;
	}
	
	.headertopright .text2 span.hidden-xs, .headertopright .text2 span.hidden-sm, .headertopright .text2 span.hidden-md
	{
		display : block !important
	}
	
	.col-sm-5.header-search
	{
		width : 78.7%;
	}
	
	#search .col-sm-3.sort
	{
		width : 39%;
		float : left;
	}
	
	.col-sm-3.header-cart
	{
		width : 9%;
	}
	
	.owl-carousel .owl-buttons div
	{
		opacity         : 1 !important;
		-webkit-opacity : 1 !important;
		-moz-opacity    : 1 !important;
		-khtml-opacity  : 1 !important;
	}
	
	.box.bestseller
	{
		padding-top : 30px
	}
	
	#column-left .box.bestseller, #column-right .box.bestseller
	{
		padding-top : 0px
	}
	
	.cz_newsletterdiv
	{
		width : 100%;
	}
	
	.news-social
	{
		width   : 100%;
		padding : 20px 10px 25px;
	}
	
	.product-list .product-thumb .button-group
	{
		bottom : 40px;
	}
	
	.product-list .product-thumb .button-group .addtocart .fa
	{
		margin-right : 10px
	}
	
	.product-list .product-thumb .image
	{
		float : left;
	}
	
	#button-cart
	{
		margin-bottom : 0;
	}
	
	.information-blogger-blogs .blog-image img
	{
		display   : inline-block;
		max-width : 100%;
	}
	
	.all-blog .blog-left-content .blog-image
	{
		height : auto
	}
	
	.category_tab .nav-tabs
	{
		float  : left;
		width  : 100%;
		margin : 10px 0;
	}
	
	.category_tab .tab-content
	{
		clear : both
	}
	
	.category_tab .tab-pane .owl-carousel .owl-buttons div
	{
		top : -50px
	}
	
	.categoryblock
	{
		width         : 50%;
		margin-bottom : 10px;
	}
	
	.category .image
	{
		float : none;
		clear : none
	}
	
	.category
	{
		padding : 0 10px;
	}
	
	.layout-2.left-col #column-left, .layout-2.right-col #column-right, .layout-3 #column-left, .layout-3 #column-right, #column-left, #column-right
	{
		display : block !important;
	}
	
	#carousel-0.banners-slider-carousel .customNavigation a
	{
		opacity         : 1;
		-khtml-opacity  : 1;
		-webkit-opacity : 1;
		-moz-opacity    : 1;
	}
	
	.product-block .image .hover-image, #column-right .image .hover-image, #column-left .image .hover-image
	{
		width : 100%;
	}
	
	.responsive-menu.container
	{
		padding  : 0 !important;
		position : relative;
		width    : 100%;
	}
	
	.main-slider
	{
		width : 100%;
	}
	
	.main-slider img
	{
		width : 100%;
	}
	
	#top .container
	{
		padding : 0 15px;
	}
	
	.static_links li a
	{
		padding : 16px 10px 17px;
	}
	
	.header-right
	{
		text-align : center;
		display    : none;
	}
	
	.head-right-top
	{
		float   : none;
		margin  : 0 auto;
		display : none;
	}
	
	#content .product-carousel .product-block:hover .price, #content .product-grid .product-block:hover .price, #content .box-product .product-block:hover .price
	{
		opacity         : 1;
		-khtml-opacity  : 1;
		-webkit-opacity : 1;
		-moz-opacity    : 1;
	}
	
	.bottomfooter .paiement_logo_block
	{
		text-align : center;
	}
	
	.footerbottom-cms
	{
		width      : 100%;
		text-align : center;
	}
	
	.top-inner .left-logo
	{
		padding-right : 20px;
	}
	
	.searchbar .col-sm-3.sort
	{
		width : 100%;
	}
	
	.content_header_topright
	{
		letter-spacing : 0.3px;
	}
	
	.featured .box-product .product-items
	{
		width : auto;
		float : none;
	}
	
	#form-language .btn-link.dropdown-toggle
	{
		padding-left : 0;
	}
	
	#tabs_info .nav-tabs a, .nav-tabs a, .htabs a, .categorytab .nav-tabs a
	{
		padding-left  : 15px;
		padding-right : 15px;
	}
	
	.blog-right
	{
		padding : 10px;
	}
}

@media (max-width : 700px)
{
	#top #cznavcmsblock
	{
		display : none;
	}
	
	#top-links
	{
		width      : 100%;
		text-align : center;
		float      : none;
	}
	
	.lang-curr
	{
		float : none;
	}
	
	#form-language .dropdown-menu,
	#form-currency .dropdown-menu
	{
		top : 42px;
	}
	
	.cat_prod .product-layout.product-grid
	{
		width : 50%;
	}
}

@media only screen and (max-width : 679px)
{
	
	.featured .product-thumb button.addtocart
	{
		padding       : 0;
		border        : 0;
		height        : auto;
		margin-bottom : 10px;
		opacity       : 1;
	}
	
	.featured .product-thumb button.addtocart:hover
	{
		color      : var(--d-cc-0);
		background : transparent;
	}
}

@media only screen and (max-width : 650px)
{
	.czcategory_block .box-heading, .box-heading
	{
		width   : 100%;
		display : block;
	}
	
	.hometab.box .etabs
	{
		width         : 100%;
		text-align    : left;
		margin-bottom : 10px;
		margin-right  : 0;
	}
	
	.htabs .etabs li, .categorytab .nav-tabs li, #tabs_info .nav-tabs li
	{
		margin : 0;
	}
	
	.htabs .etabs li:first-child a
	{
		padding-left : 0;
	}
	
	.tab-content .customNavigation, .box-content .customNavigation
	{
		top : -73px;
	}
	
	.blogs .customNavigation
	{
		top : 2px;
	}
}

@media only screen and (max-width : 580px)
{
	.tab-head
	{
		display : inline-block;
		width   : 100%;
		height  : auto;
		border  : none;
	}
	
	.htabs
	{
		width  : 100%;
		margin : 0;
	}
	
	#tabs_info .nav-tabs a:before, .htabs .etabs li a:before
	{
		border : 0px;
	}
}

@media (max-width : 575px)
{
	.product-list .product-details
	{
		float : left;
		width : 100%;
		clear : both
	}
	
	.product-list .product-thumb .caption
	{
		padding    : 15px 10px;
		text-align : center;
	}
	
	.product-list .product-thumb .image
	{
		padding    : 0;
		margin     : 0 auto;
		text-align : center;
		max-width  : 254px;
		float      : none;
		width      : 100%;
	}
	
	.product-list .product-thumb h4:after
	{
		left   : 0;
		right  : 0;
		margin : 0 auto;
	}
}

@media (max-width : 480px)
{
	
	#form-currency .btn-link strong
	{
		font-size : 14px;
	}
	
	/* span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg{display:none !important;}*/
	#form-currency .btn-link.dropdown-toggle
	{
		border-top    : 0;
		border-bottom : 0;
	}
	
	.dropdown.myaccount .dropdown-menu a:before
	{
		display : none;
	}
	
	.header-logo img
	{
		max-height  : 50px;
		margin-top  : -12px;
		margin-left : 20px;
	}
	
	.header-logo
	{
		left : 30px;
		top  : 12px;
	}
	
	.dropdown.myaccount
	{
		margin-left  : 12px;
		margin-right : 10px;
	}
	
	.newsletter .newsletter_detail
	{
		background : none;
		padding    : 0;
	}
	
	.news-title
	{
		text-align : center;
	}
}

@media only screen and (max-width : 479px)
{
	.cat_prod .product-layout.product-grid, .product-layout.product-list
	{
		width : 100%;
	}
	
	.owl-carousel .owl-buttons div
	{
	}
	
	.product-info .image-additional a
	{
		float      : none;
		text-align : center;
	}
	
	.table
	{
		float         : left;
		margin-bottom : 20px;
		overflow      : scroll;
		width         : 100%;
	}
	
	.product-layout.product-grid
	{
		width : 100% !important;
	}
	
	.shopping-cart .input-group .form-control
	{
		width      : 100%;
		padding    : 0;
		text-align : center;
	}
	
	.account-wishlist .table-bordered
	{
		float    : left;
		width    : 100%;
		overflow : auto;
		display  : inline;
	}
	
	#cart .dropdown-menu table
	{
		display : inline-block;
	}
	
	.flex-direction-nav a:before
	{
		font-size : 27px !important;
	}
	
	.dropdown-menu.pull-right
	{
		width : 100%;
	}
	
	#cart .dropdown-menu li > div
	{
		min-width : 100%;
	}
	
	.category_filter .limit
	{
		float : left;
	}
	
	.contact-info .left, .contact-info .right
	{
		width : 100%;
	}
	
	.product-info .image, .product-info .additional-carousel
	{
		width : 100%;
	}
	
	.productpage .write-review, .productpage .review-count
	{
		display : inline-block;
		margin  : 5px 0 0;
		width   : 100%;
	}
	
	.pagination-wrapper .pagination-wrapper .page-link
	{
		float : left;
	}
	
	.pagination-wrapper .pagination-wrapper .page-result
	{
		float : left;
		clear : both;
	}
	
	.checkout-cart .pull-right
	{
		clear  : both;
		float  : left;
		margin : 10px 0;
	}
	
	.bootstrap-datetimepicker-widget.dropdown-menu
	{
		width : auto;
	}
	
	.checkout-cart #accordion .input-group-btn
	{
		float  : left;
		margin : 5px 0 0;
	}
	
	.category_tab .tab-pane .owl-carousel .owl-buttons div
	{
		top : -45px
	}
	
	.category_tab .owl-carousel .owl-buttons .owl-prev
	{
		display         : inline-block;
		float           : none;
		left            : auto !important;
		opacity         : 1 !important;
		-khtml-opacity  : 1 !important;
		-webkit-opacity : 1 !important;
		-moz-opacity    : 1 !important;
		position        : absolute;
		right           : 51% !important;
	}
	
	.category_tab .owl-carousel .owl-buttons .owl-next
	{
		left            : 51% !important;
		right           : auto !important;
		display         : inline-block;
		float           : none;
		position        : absolute;
		opacity         : 1 !important;
		-khtml-opacity  : 1 !important;
		-webkit-opacity : 1 !important;
		-moz-opacity    : 1 !important;
	}
	
	.category_tab .tab-content
	{
		clear      : both;
		margin-top : 60px;
		float      : left;
		width      : 100%;
	}
	
	.category_tab ul li a
	{
		float : none;
		width : 100%;
	}
	
	.category_tab ul li
	{
		background : none;
		padding    : 0;
	}
	
	.app-cms li
	{
		margin-right : 5px;
	}
	
	.social-cms li
	{
		margin : 0 5px 0 0;
	}
	
	.footerblock
	{
		width  : auto;
		margin : 15px 0;
		float  : left;
		clear  : both;
	}
	
	.htabs
	{
		float      : none;
		text-align : center;
		margin     : 0 auto
	}
	
	.hometab .tab-content
	{
		clear : both
	}
	
	.blog-left .blog-image img
	{
	}
	
	#menu
	{
		width : 60%
	}
	
	#search .input-lg
	{
	}
	
	.news-social .social-title .social-heading,
	.newsletter h5.news-title
	{
		font-size   : 15px;
		line-height : 28px;
	}
	
	.headertopright .text2-dec
	{
		display : none;
	}
	
	.dropdown-menu.myaccount-menu
	{
		right      : 0px;
		text-align : left;
		margin-top : 7px;
	}
	
	.headertopright
	{
		text-align : center
	}
	
	.headertopleft
	{
		display       : inline-block;
		float         : none;
		margin-bottom : 10px;
		text-align    : center;
		width         : 100%;
	}
	
	.shipping-cms
	{
		text-align : left
	}
	
	#form-language
	{
		background : none;
		padding    : 0;
		margin     : 0;
	}
	
	#form-language .dropdown-menu
	{
		left  : 0;
		right : auto;
	}
	
	#form-currency .btn-link, #form-language .btn-link
	{
		margin-top : -1px;
	}
	
	.product-block-inner
	{
		margin    : 0 auto;
		max-width : 328px;
	}
	
	.cat_prod .product-layout.product-grid .product-block-inner,
	.product-layout.product-list .product-block-inner
	{
		margin    : 0 auto;
		max-width : 100%;
	}
	
	#content .product-list .product-block .product-block-inner
	{
		max-width : 100%;
	}
	
	.productpage #input-quantity
	{
		float         : none;
		margin-bottom : 10px;
		margin-right  : 0;
	}
	
	.breadcrumb
	{
		left     : 0;
		position : relative;
		right    : auto;
	}
	
	#tabs_info .table
	{
		float : none;
	}
	
	.product-info .image-additional
	{
		width : 100%
	}
	
	.checkout-cart .shopping-cart .input-group-btn:last-child > .btn, .checkout-cart .shopping-cart .input-group-btn:last-child > .btn-group
	{
		margin-left  : 0px;
		margin-right : 5px
	}
	
	.checkout-cart #accordion .input-group-btn:last-child > .btn, .checkout-cart #accordion .input-group-btn:last-child > .btn-group
	{
		margin-left  : 0px;
		margin-right : 5px;
	}
	
	.blog-left
	{
		float : none;
	}
	
	.category .image
	{
		float      : none;
		clear      : both;
		text-align : center
	}
	
	.result-search-autocomplete
	{
		width : 100% !important;
	}
	
	.col-md-6.result-info
	{
		text-align    : left;
		width         : 69%;
		padding-right : 0;
	}
	
	.result-search-autocomplete > ul > li
	{
		width : 100%;
	}
	
	.alert.alert-success.animated
	{
		height : 110px;
	}
	
	.comment-wrapper
	{
		width  : 100%;
		float  : left;
		margin : 0;
	}
	
	.manufacture_block > ul
	{
		width   : 100%;
		padding : 0;
	}
	
	.nav-tabs
	{
		height : auto !important;
	}
	
	.productpage .breadcrumb
	{
		width      : 100%;
		text-align : left;
	}
	
	#content .image-additional .slider-item .product-block
	{
		margin : 4px 3px;
	}
	
	.breadcrumb
	{
		width      : 100%;
		text-align : left;
	}
	
	#form-language, #form-currency
	{
		background : none;
	}
	
	.subscribe-btn .btn.btn-lg
	{
		padding-left  : 10px;
		padding-right : 10px;
		font-size     : 14px;
	}
	
	#cart .dropdown-menu
	{
		width : 270px;
	}
	
	#search .search_toggle
	{
		width : 220px;
		right : -30px;
	}
	
	#tabs_info .nav-tabs a, .nav-tabs a, .htabs a, .categorytab .nav-tabs a
	{
		padding-left  : 10px;
		padding-right : 10px;
	}
	
	.newsletter #txtemail
	{
		padding-right : 110px;
	}
	
	#column-left .box-product .product-thumb .product-block-inner,
	#column-right .box-product .product-thumb .product-block-inner
	{
		margin : 0;
	}
}

@media only screen and (max-width : 319px)
{
	
	.product-info .additional-carousel
	{
		width  : 196px;
		margin : 0 auto;
	}
	
	.btn-primary
	{
		margin-bottom : 2px;
	}
	
	.compare-total
	{
		clear  : both;
		margin : 8px 10px 10px 0;
	}
	
	#cart .dropdown-menu
	{
		width : 250px;
	}
	
	#cart .text-right .addtocart
	{
		margin : 0 0 5px;
	}
	
	#cart .text-right .checkout
	{
		margin : 0;
	}
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after
{
	content     : ".";
	display     : block;
	clear       : both;
	visibility  : hidden;
	line-height : 0;
	height      : 0;
}

/* display none until init */
.owl-carousel
{
	display          : none;
	position         : relative;
	width            : 100%;
	-ms-touch-action : pan-y;
}

.owl-carousel .owl-wrapper
{
	display           : none;
	position          : relative;
	-webkit-transform : translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer
{
	overflow : hidden;
	position : relative;
	width    : 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight
{
	-webkit-transition : height 500ms ease-in-out;
	-moz-transition    : height 500ms ease-in-out;
	-ms-transition     : height 500ms ease-in-out;
	-o-transition      : height 500ms ease-in-out;
	transition         : height 500ms ease-in-out;
}

.owl-carousel .owl-item
{
	float : left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div
{
	cursor : pointer;
}

.owl-controls .owl-buttons div
{
	position : absolute;
}

.owl-controls .owl-buttons .owl-prev
{
	left : 10px;
	top  : 50%;
}

.owl-controls .owl-buttons .owl-next
{
	right : 10px;
	top   : 50%;
}

.owl-controls
{
	-webkit-user-select         : none;
	-khtml-user-select          : none;
	-moz-user-select            : none;
	-ms-user-select             : none;
	user-select                 : none;
	-webkit-tap-highlight-color : rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing
{
	cursor : url("grabbing.png") 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item
{
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
	-webkit-transform           : translate3d(0, 0, 0);
	-moz-transform              : translate3d(0, 0, 0);
	-ms-transform               : translate3d(0, 0, 0);
}

/* OpenCart Code */
.owl-carousel
{
	display          : none;
	position         : relative;
	width            : 100%;
	-ms-touch-action : pan-y;
}

.owl-carousel .owl-wrapper
{
	display           : none;
	position          : relative;
	-o-transform      : translate3d(0px, 0px, 0px);
	transform         : translate3d(0px, 0px, 0px);
	-webkit-transform : translate3d(0px, 0px, 0px);
	-moz-transform    : translate3d(0px, 0px, 0px);
	-ms-transform     : translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer
{
	overflow : hidden;
	position : relative;
	width    : 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight
{
	-webkit-transition : height 500ms ease-in-out;
	-moz-transition    : height 500ms ease-in-out;
	-ms-transition     : height 500ms ease-in-out;
	-o-transition      : height 500ms ease-in-out;
	transition         : height 500ms ease-in-out;
}

.owl-carousel .owl-item
{
	float : left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div
{
	cursor : pointer;
}

.owl-controls .owl-buttons div
{
	position : absolute;
}

.owl-controls .owl-buttons .owl-prev
{
	left : 10px;
	top  : 45%;
}

.owl-controls .owl-buttons .owl-next
{
	right : 10px;
	top   : 45%;
}

.owl-carousel .owl-buttons div i
{
	font-size : 40px;
	margin    : -20px 0 0;
}

.owl-pagination
{
	text-align : center;
	top        : 20px;
	position   : relative;
}

.owl-controls .owl-page
{
	display : inline-block;
	margin  : 0px 6px;
}

.owl-controls .owl-page span
{
	display       : block;
	width         : 11px;
	height        : 11px;
	background    : rgba(0, 0, 0, 0.5);
	border-radius : 20px;
}

.owl-controls .owl-page.active span
{
	background : rgba(0, 0, 0, 0.9);
}

/* qv */

.mfp-iframe-holder .mfp-content
{
	max-width : 1050px;
}

body[class*="product-quick_view-"]
{
	display        : flex;
	flex-direction : column;
	/* min-height : 100vh; */
	
}

/* @supports (min-height: 100svh) {
	body[class*='product-quick_view-']
	{
		min-height: 100svh;
	}
} */

body[class*="product-quick_view-"] .header-container
{
	display : none;
}

body[class*="product-quick_view-"] .quickview .form-group.qty > [id*="button-cart"]
{
	width     : auto;
	flex-grow : 1;
}

body[class*="product-quick_view-"] .quickview #content > div
{
	display : contents;
}

.mfp-iframe-holder .mfp-content .mfp-iframe-scaler
{
	padding-top : 171% !important;
}

@media screen and (min-width : 820px)
{
	
	.mfp-iframe-holder .mfp-content .mfp-iframe-scaler
	{
		padding-top : 50% !important;
	}
	
	body[class*="product-quick_view-"] .quickview #content > div
	{
		display : flex;
	}
	
	/* body[class*='product-quick_view-'] .quickview .product-left */
	/* { */
	/* 	min-height: 74vh; */
	/* } */
	/* @supports (min-height: 74svh) { */
	/* 	 */
	/* 	body[class*='product-quick_view-'] .quickview .product-left */
	/* 	{ */
	/* 		min-height: 74svh; */
	/* 	} */
	/* } */
	body[class*="product-quick_view-"] .quickview .product-left .product-info
	{
		position : sticky;
		top      : 10px;
	}
}

body[class*="product-quick_view-"] .quickview .product-info .additional-carousel .image-additional
{
	display               : grid;
	gap                   : 3px;
	grid-auto-flow        : column;
	grid-template-columns : repeat(auto-fill, minmax(113px, 1fr));
	overflow-x            : auto;
	overflow-y            : hidden;
	width                 : 100%;
	
}

body[class*="product-quick_view-"] .quickview .product-info .image-additional img
{
	display       : block;
	width         : 100%;
	height        : auto;
	margin-bottom : 0;
	max-width     : 100%;
}

body[class*="product-quick_view-"] .quickview
{
	flex-grow  : 1;
	min-height : 100vh;
	/* padding-block: max(3vmax, 10px) max(3vmax, 10px); */
}

body[class*="product-quick_view-"] #content
{
	min-height     : unset;
	padding-bottom : 0;
	
}

body[class*="product-quick_view-"] .product-image.thumbnails .image .thumbnail
{
	pointer-events : none;
}

body[class*="product-quick_view-"] .zoomContainer
{
	display : none !important;
}

.category_filter > *,
.category_filter .show-wrapper,
.category_filter .show-wrapper > *
{
	margin      : 0;
	padding     : 0;
	line-height : 1;
}

.category_filter #list-view,
.category_filter .btn-list-grid > .btn-group > *,
.category_filter label,
.category_filter [class*="sort"]
{
	margin : 0;
}

.category_filter .pagination-right,
.category_filter .btn-list-grid,
.category_filter .btn-list-grid > .btn-group
{
	display : contents;
}

.category_filter
{
	display        : grid;
	grid-gap       : 1.2vh 1vmin;
	grid-template  : minmax(38px, max-content) / repeat(2, minmax(38px, max-content)) 1fr repeat(2, minmax(auto, max-content));
	place-items    : center;
	grid-auto-rows : minmax(38px, max-content);
	grid-auto-flow : dense;
	margin-block   : var(--s-gap-30);
}

.category_filter .compare-total
{
	justify-self   : start;
	padding-inline : 1vmin;
}

.category_filter [class*="-wrapper"]
{
	display     : flex;
	flex-wrap   : wrap;
	gap         : 5px 10px;
	align-items : center;
}

.category_filter [class*="-wrapper"] select
{
	height : 100% !important;
}

.category_filter .sort,
.category_filter .limit
{
	width       : fit-content;
	line-height : 20px;
}

.category_filter .sort
{
	min-width : 100px;
}

.category_filter .span.customSelect
{
	height : 100% !important;
}

.category_filter .customSelectInner
{
	padding-right : 14px;
}

.category_filter .limit
{
	min-width : 60px;
}

@media screen and (max-width : 700px)
{
	.category_filter
	{
		grid-template : repeat(2, minmax(38px, max-content)) / repeat(2, minmax(38px, max-content))  1fr minmax(100px, .6fr)
	}
	
	.category_filter .compare-total
	{
		grid-column : span 2;
		height      : 100%;
		width       : 100%;
	}
	
	.category_filter .btn-list-grid > .btn-group > button.grid
	{
		background-position : 2px -24px !important;
	}
	
	.category_filter .btn-list-grid > .btn-group > button.list
	{
		background-position : -35px -24px !important;
	}
	
	.category_filter .compare-total
	{
		padding-inline : 0;
	}
	
	.category_filter .btn-list-grid > .btn-group > button,
	.category_filter .compare-total a
	{
		
		background-color : #fff !important;
		border           : 1px solid #ccc !important;
		height           : 100% !important;
		width            : 100% !important;
		padding          : 6px 12px !important;
		font-size        : 12px;
		text-decoration  : none !important;
		display          : grid;
		place-items      : center;
	}
	
	.category_filter .sort-by-wrapper
	{
		grid-column : 1 / span 3;
	}
	
	.category_filter [class*="-wrapper"]
	{
		display : grid;
		width   : 100%;
	}
	
	.category_filter .sort,
	.category_filter .limit
	{
		width : 100%;
		
	}
}

.dropdown-menu.pull-right.cart-menu .cart-total-inf
{
	display               : grid;
	align-items           : baseline;
	width                 : 100%;
	grid-template-columns : minmax(1px, max-content) 1fr minmax(1px, max-content);
	gap                   : 10px;
	font-size             : 13px;
	line-height           : 1.2;
}

#cart .dropdown-menu table
{
	margin-block : 5px;
	
}

#cart .dropdown-menu li p
{
	margin-bottom : 10px;
	width         : 100%;
}

#cart .dropdown-menu.pull-right.cart-menu .product-inf table tbody
{
	display : block;
}
.dropdown-menu.pull-right.cart-menu .product-inf table tbody
{
	width   : 100%;
}

.dropdown-menu.pull-right.cart-menu .cart-total-inf::before
{
	content     : "";
	height      : 1px;
	border      : 1px dashed #ddd;
	grid-column : 2;
	grid-row    : 1;
}

.dropdown-menu.pull-right.cart-menu .text-right.button-container
{
	display               : flex;
	font-size             : 0 !important;
}

.dropdown-menu.pull-right.cart-menu .text-right.button-container > *
{
	
	height    : 36px;
	font-size : 12px;
}

.dropdown-menu.pull-right.cart-menu
{
	min-width : 312px;
	width     : fit-content !important;
}

/* .product-cart .table-striped, */
/* .product-cart .table-striped tbody, */
#cart .dropdown-menu li.product-cart:first-child
{
	max-height : 50vh;
	max-height : 50svh;
}

.product-cart-item
{
	display               : grid;
	align-items           : center;
	align-content         : start;
	gap                   : 2px 8px;
	grid-template-columns : fit-content(70px) .5fr .5fr minmax(25px, max-content);
	grid-template-areas   : "img . . remove" "img name name remove" "img options options qty" "img options options price";
	padding               : 10px;
	position              : relative;
}

.product-cart-item > *
{
	padding : 0 !important;
	margin  : 0 !important;
}

.product-cart-item td:nth-child(1)
{
	grid-area : img;
	
}

.product-cart-item td:nth-child(1) img
{
	max-width  : 70px !important;
	width      : 100% !important;
	height     : 100%;
	object-fit : cover;
}

.product-cart-item td:nth-child(2)
{
	grid-area   : name;
	line-height : 1;
	font-size   : 12px;
	color       : #445e51;
	font-weight : 500;
}

.product-cart-item td:nth-child(3)
{
	grid-area   : options;
	font-weight : 300;
	place-self  : start;
	line-height : 1.1;
	padding-top : 8px !important;
}

.product-cart-item td:nth-child(4)
{
	grid-area   : qty;
	font-weight : 500;
}

.product-cart-item td:nth-child(5)
{
	grid-area   : price;
	font-weight : 600;
}

.product-cart-item td:nth-child(6)
{
	grid-area  : remove;
	place-self : center right;
}

#cart .dropdown-menu table.table-striped tbody
{
	display : contents;
}

#cart .dropdown-menu table.table-striped
{
	display : grid;
}

/* #cart .dropdown-menu table td.decor */
/* { */
/* 	!* pointer-events : none; *! */
/* 	position       : absolute; */
/* 	inset: 0 0 0 0; */
/* 	z-index        : 10; */
/* 	display        : grid; */
/* 	width: 100%; */
/* 	height : 100%; */
/* 	gap: 2px 8px; */

/* 	grid-template-columns  : fit-content(70px) .5fr .5fr minmax(25px, max-content); */
/* 	!* filter         : drop-shadow(2px 3px 4px rgb(0 0 0 / 35%)); *! */
/* } */

/* #cart .dropdown-menu table .decor__link, */
/* #cart .dropdown-menu .decor__btn.is_remove */
/* { */
/* 	cursor         : pointer; */
/* 	position       : relative; */
/* 	isolation: isolate; */
/* 	pointer-events : auto; */
/* 	padding: 10px !important; */
/* 	gap: 2px 8px; */
/* 	 */
/* 	 */
/* 	display        : grid; */
/* 	 */
/* } */

/* #cart .dropdown-menu table .decor__link */
/* { */
/* 	grid-area: 1/1/-1/-1; */
/* 	z-index : 4; */
/* 	grid-template: 100% / 100%z; */
/* 	background-color : rgb(0 0 0 /12deg); */
/* } */

/* .decor__btn.is_remove */
/* { */
/* 	place-items : center; */
/* 	z-index     : 5; */
/* 	grid-row    : 1; */
/* 	grid-column : -1; */
/* 	margin      : 0; */
/* 	padding     : 0; */
/* 	width       : 25px; */
/* 	height      : 26px; */
/* } */

/* #cart .dropdown-menu table .decor b */
/* { */
/* 	width  : 20px; */
/* 	height : 20px; */
/* 	border : 2px solid #e9cd86; */
/* 	 */
/* } */

/* #cart .dropdown-menu table .decor__inner b:nth-child(1), */
/* #cart .dropdown-menu table .decor__inner b:nth-child(2) */
/* { */
/* 	grid-row      : 1; */
/* 	border-bottom : none; */
/* } */

/* #cart .dropdown-menu table .decor__inner b:nth-child(2), */
/* #cart .dropdown-menu table .decor__inner b:nth-child(4) */
/* { */
/* 	grid-column : 3; */
/* } */

/* #cart .dropdown-menu table .decor__inner b:nth-child(1), */
/* #cart .dropdown-menu table .decor__inner b:nth-child(3) */
/* { */
/* 	border-right : none; */
/* } */

/* #cart .dropdown-menu table .decor__inner b:nth-child(2), */
/* #cart .dropdown-menu table .decor__inner b:nth-child(4) */
/* { */
/* 	border-left : none; */
/* } */

/* #cart .dropdown-menu table .decor__inner b:nth-child(3), */
/* #cart .dropdown-menu table .decor__inner b:nth-child(4) */
/* { */
/* 	grid-row   : 3; */
/* 	border-top : none; */
/* } */

@keyframes fadeOut
{
	0% { opacity: 1;}
	99% { opacity: 0.01; transform : scale(.5, 0);}
	100% { opacity: 0; transform : scale(1, 0);}
}
.tooltip
{
	pointer-events: none;
}

.tooltip.in
{
	display: block;
	animation: fadeOut 500ms 1.5s ease-in-out;
	animation-fill-mode: forwards;
	transform-origin : 50% 70%;
}

.tooltip .tooltip-inner
{
	white-space: nowrap;
}
.simplecheckout-cart .quantity .btn
{
	height : 40px;
}
.simplecheckout-cart .quantity .form-control
{
	border-color : var(--l-cc-2);
}
@media screen and (max-width: 990px)
{
	/* .simplecheckout-cart thead tr th:first-child */
	/* { */
	/* 	display : none; */
	/* } */
	.simplecheckout-cart td.quantity .input-group .input-group-btn
	{
		display: contents;
	}
	.input-group-btn:first-child > .btn[data-onclick="decreaseProductQuantity"]
	{
		display : none !important;
	}
	
	.input-group-btn:first-child > .btn
	{
		grid-area: 2 / 1 / 3 / 2;
	}
	.input-group-btn:last-child>.btn,
	.input-group-btn:last-child>.btn-group
	{
		margin : 0 !important;
		grid-area: 2 / 2 / 3 / 3;
	}
	
	.simplecheckout-cart td.quantity .input-group .btn
	{
		display: grid !important;
		place-items: center;
		width : 40px !important;
		height : 40px !important;
	}
	.simplecheckout-cart td.quantity .input-group .form-control
	{
		grid-area: 1 / 1 / 2 / 2;
		border-color : var(--l-cc-2);
		border-right : none;
		border-bottom : none;
	}
	.simplecheckout-cart td.quantity .input-group .btn.btn-remove
	{
		grid-area: 1 / 2 / 2 / 3;
		background-color : #d9534f !important;
		border-color : #d9534f !important;
		color: var(--l-cc-0) !important;
	}
	.simplecheckout-cart td.quantity .input-group
	{
		display: grid !important;
		grid-template-columns: 40px 40px ;
		place-content: center;
		
	}
	.simplecheckout-cart td.quantity button.btn
	{
		display: flex !important;
	}
}

/* #column-left .list-group-item */
/* { */
/* 	font-size : 14px; */
/* 	line-height : 1.35; */
/* } */
#column-left .list-group-item.active:hover,
#column-left .list-group-item.active
{
	background-color : transparent !important;
	font-weight : 600 !important;
	color: var(--p-cc-1) !important;
}



.simplecheckout-cart-total
{
	display: grid !important;
	grid-template-columns: 1fr minmax(136px, max-content) minmax(110px, max-content);
	gap: 0 5px;
	padding-inline: 5px !important;
	place-items: center end;
	line-height : 1.5;
}

.simplecheckout-cart-total::before
{
	content : "";
	display : block !important;
}
.simplecheckout-cart-total::after
{
	display : none !important;
}

.simplecheckout-block .simplecheckout-cart-total > .simplecheckout-cart-total-value
{
	margin-inline: 0 !important;
}
.simplecheckout-block .simplecheckout-cart-total > .inputs
{
	display: contents !important;
}
.simplecheckout-block .simplecheckout-cart-total > .inputs.buttons > *
{
	grid-column: span 2;
	margin : 0 !important;
	justify-self: stretch;
	height : 42px;
	display: grid;
	place-items: center;
}


.header-container header .dropdown.myaccount.is_logged > .dropdown-menu
{
	color      : var(--d-cc-0);
	/* min-width  : fit-content; */
	text-align : left;
	top        : calc(100% + 50px)
}

.header-container.fixed header .dropdown.myaccount.is_logged > .dropdown-menu
{
	top: calc(100% + 27px);
}

.header-container.fixed header .dropdown.myaccount > .dropdown-menu
{
	top: calc(100% + 29px);
}

#search .search_button.active svg
{
	opacity : 0;
}
#search .search_button.active
{
	position : relative;
}
#search .search_button.active::after,
#search .search_button.active::before
{
	content : "";
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate(-50%, -50%) rotate(-45deg);
	border-radius : 3px;
	background-color : #fff;
	transition : 200ms;
}
@media screen and (min-width: 932.35px)
{
	#search .search_button:not(:active,:focus):hover svg path
	{
		fill : var(--p-cc-2);
	}
	#search .search_button.active:hover::after,
	#search .search_button.active:hover::before
	{
		background-color :  var(--p-cc-2);
	}
}

#search .search_button.active::after
{
	width : 100%;
	height : 3px;
}
#search .search_button.active::before
{
	width : 3px;
	height : 100%;
}
#search .search_toggle
{
	right : -7px;
}

#search .btn-lg::before
{
	content : "";
	height : 25px;
	width : 1px;
	background-color : rgba(153, 153, 153, 1);
	position : absolute;
	top : 50%;
	left : -1px;
	transform : translateY(-50%);
}

#search .btn-lg
{
	background-color : transparent !important;
	border-left : none !important;
}

@media screen and (max-width: 1199px)
{

	.header-container header #cart .dropdown-menu,
	.header-container header .dropdown.myaccount.is_logged > .dropdown-menu
	{
		top : calc(100% + 19px) !important
	}
	
	.header-container.fixed #cart .dropdown-menu
	{
		top : calc(100% + 18px) !important
	}
	.header-container header #search .search_toggle,
	.header-container header .dropdown.myaccount > .dropdown-menu
	{
		top : calc(100% + 19px) !important
	}
	
	
}
@media screen and (max-width: 991px)
{
	
	.header-container header #cart .dropdown-menu
	{
		top : calc(100% + 19px) !important
	}
	
	.header-container.fixed #cart .dropdown-menu
	{
		top : calc(100% + 20px) !important
	}
	
	.header-container header .dropdown.myaccount.is_logged > .dropdown-menu
	{
		top : calc(100% + 22px) !important
	}

	.header-container header #search .search_toggle,
	.header-container header .dropdown.myaccount > .dropdown-menu
	{
		top : calc(100% + 20px) !important
	}
}

@media screen and (max-width: 430.35px)
{
	
	#search
	{
		position : static;
	}
	#search .search_button
	{position : relative;}
	
	.header-container header #search .search_toggle
	{
		top: calc(100% + 10px) !important;
	}
	#search .search_toggle
	{
		width : 100vw;
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.header-container header .dropdown.myaccount > .dropdown-menu
	{
		right : -25px;
	}
	.header-container header #cart .dropdown-menu
	{
		right : -33px;
	}
}

header .dropdown.myaccount.is_logged > .dropdown-menu li:not(:first-child)
{
	display : contents;
}

header .dropdown.myaccount.is_logged > .dropdown-menu li:first-child
{
	background-color : #f2f2f2;
	margin           : -7px -7px 7px;
	padding          : 7px 7px;
}



header .dropdown.myaccount.is_logged > .dropdown-menu li:first-child > *
{
	font-weight : 700;
	/* font-size : 15px; */
	white-space: nowrap;
	display     : grid;
	place-items : center start;
	text-align : left;
	float: none;
	pointer-events: none;
}

header .dropdown.myaccount > .dropdown-menu li a
{
	display     : grid;
	place-items : center start;
	text-align  : left;
}
header .dropdown.myaccount > a svg
{
	width : 18px;
	height : 18px;
}
header .dropdown.myaccount > a .dropdown-inner
{
	display: grid;
	place-items: center;
	width : 100%;
	height : 100%;
}
header .dropdown.myaccount > a::before
{
	content : "";
	display : block;
	width : calc(100% + 3px);
	height : calc(100% + 3px);
	border : 2px solid white;
	border-radius : 50%;
	position : absolute;
	top : 50%;
	left : 50%;
	transform : translate(-50%, -50%);
	transition : 200ms;
}
header .dropdown.myaccount.is_logged > a::before
{

}
header .dropdown.myaccount.is_logged > a
{
	/* width              : auto; */
	/* height             : auto; */
	/* min-width          : 30px; */
	/* min-height         : 30px; */
	display            : grid;
	place-items        : center;
	border-radius      : 50%;
	color        : var(--p-cc-2);
	/* border             : 2px solid #fff; */
	text-transform     : uppercase;
	/* border-right-width : 1px; */
	text-align : center;
	/* border-left-width  : 3px; */
	font-weight        : 500;
	font-size          : 12px;
	line-height        : 1;
	position : relative;
	text-align : center;
	/* top : -1px; */
	/* margin-top         : -3px; */
	/* text-indent        : 6px; */
}
@media screen and (min-width: 932.35px) {
	header .dropdown.myaccount > a:hover,
	header .dropdown.myaccount > a:hover .st0,
	header .dropdown.myaccount > a:hover::before
	{
		border-color : var(--p-cc-2);
		color        : var(--p-cc-2);
		fill:           var(--p-cc-2);
		
	}
}
.simplecheckout-cart td.name .product-warning
{
	color: red;
}
@media screen and (max-width: 991px)
{
	.simplecheckout-cart td.name
	{
		position : relative;
	}
	.simplecheckout-cart td.name .product-warning
	{
		position : absolute;
		color: red;

		right : auto !important;
		right: auto !important;
		line-height: 1 !important;
		background-color: rgb(255 0 0 / 00%);
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		text-align: right;
		pointer-events: none;
		top: 2px !important;
		left: 2px !important;
	}
}
@media screen and (max-width: 430px)
{
	.simplecheckout-warning-block
	{
		line-height: 1.35;
		position: sticky;
		top: 76px;
		z-index: 5;
		box-shadow: 0px 1px 3px -1px rgb(0 0 0 / 15%);
		isolation: isolate;
		z-index: 998;
		margin-inline: -5px;
		padding-inline: 10px;
	}
	
	.simplecheckout-cart colgroup
	{
		display : none;
	}
	.simplecheckout-cart tr,
	.simplecheckout-cart tbody,
	.simplecheckout-cart thead
	{
		display: contents;
	}
	.simple-content .table-responsive
	{
		position : relative;
	}
	.simple-content .table-responsive::before
	{
		content : "";
		width : 1px;
		left : 0px;
		height : 100%;
		position : absolute;
		z-index : 3;
		background-color : #ddd;
	}
	/* .simplecheckout-cart tbody tr, */
	/* .simplecheckout-cart thead tr */  
	.simplecheckout-cart
	{
		display: grid;
		/* grid-template-rows: repeat(2,minmax(1px, max-content)); */
		grid-template-columns: minmax(95px, 1fr) 88px minmax(max-content, 110px);
		/* margin-bottom : 14px; */
		background-color : #DDDDDD;
		gap: 1px;
		padding : 1px !important;
		overflow : auto;
		width : 100%;
		
	}
	.simplecheckout-cart tbody tr:last-child
	{
		margin-bottom : 0;
	}
	.simplecheckout-cart tbody tr,
	.simplecheckout-cart thead tr
	{
		background-color : #DDDDDD;
		padding : 1px !important;
		gap: 1px;
		
	}
	.simplecheckout-cart thead tr > *
	{
		background-color : #fff;
		padding : 4px !important;
	}
	.simplecheckout-cart tbody tr > *
	{
		background-color : #f2f2f2 !important;
		padding : 4px !important;
	}
	
	.simplecheckout-cart thead tr
	{
		
		/* padding-bottom : 0px !important; */
		/* margin-bottom : 0; */
	}
	.simplecheckout-cart thead th:not(.total)
	{
		font-weight : 500 !important;
	}
	.simplecheckout-cart thead th,
	.simplecheckout-cart tbody td
	{
		border-bottom : none !important;
	}
	
	.simplecheckout-cart tbody td.name,
	.simplecheckout-cart thead th.name,
	.simplecheckout-cart tbody td.quantity,
	.simplecheckout-cart thead th.quantity
	{
		grid-row: span 2 ;
		align-items: center;
		display: grid !important;
		grid-template-columns: 100%;
		position : relative;
		z-index : 2;
	}
	.simplecheckout-cart td.name .options
	{
		align-self: stretch;
	}
	.simplecheckout-cart thead th.quantity,
	.simplecheckout-cart tbody td.quantity
	{
		padding : 4px !important;
		margin-right : -1px;
		border-right : 1px solid #ddd;
	}
	.simplecheckout-cart thead > tr > th.total
	{
		margin-top : -1px;
	}
	.simplecheckout-cart thead > tr > th.total,
	.simplecheckout-cart thead > tr > th.price   ,
	.simplecheckout-cart tbody > tr > td.total,
	.simplecheckout-cart tbody > tr > td.price
	{
		max-width : none !important;
		width : auto !important;
		text-align : right !important;
		line-height: 1 !important;
		padding: 0 4px !important;
		display: grid !important;
		grid-template-columns: 100%;
		place-items: center end;
		border-bottom : none !important;
		        gap: 4px;
		position : sticky;
		right : 0px;
	}
	
	.simplecheckout-cart tbody > tr > td.price
	{
		place-content: center stretch;
	}
	.simplecheckout-cart td.name a
	{
		line-height : 1.35;
	}

	
}
@media screen and (max-width: 360px)
{
	html[lang="de"] .simplecheckout-cart-total#total_shipping
	{
		grid-template-columns: 1fr minmax(136px, max-content) minmax(min(25%, 110px), max-content);
	}

	.simplecheckout-cart thead th:not(.total) {
		font-size : 10px !important;
	}
}


.slider-autosize-hotfix{
	display: flex;
	flex-direction: column;
	width: 100%;
}