 

body.no-scroll {
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 0;
  }
  
html.no-scroll{
	scroll-behavior: auto;
}


.sticky-header-b2b {
	position: sticky;
	top: 0;
	z-index: 999;
	border-bottom: 1px solid #707070;
}


.pre-header-b2b{
	  background: #000;
  padding: 8px 0;
  color: #fff;
  font-weight: 600;
  font-size: 10px; 
}
.pre-header-b2b i {
  font-size: 14px;
  vertical-align: middle;
  margin: 0 8px 0 0; 
}
.pre-header-b2b a {
	 color: #fff;
  font-weight: 600;
  font-size: 10px; 
  text-decoration: underline
}

.header-logo {
	padding: 23px 40px 23px 0;
	flex: 0 0 230px;
	border-right: 1px solid #707070; 
}
.header-panel { 
	display: flex;
	flex: 1 0 auto;
	position: relative;
	align-items: flex-end;
	justify-content: space-between; 
	padding: 0 0 0 0;
}
 
 
.header-panel ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none; 
}
.header-panel > ul {
	padding: 0 0 24px 0;
}

.header-panel > ul > li {
	padding-left: 15px;
	align-self: self-end;
	padding-bottom: 5px;
}

.header-panel > ul > li.header-panel-b2b {
	background: #BB9977;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 36px 6px 10px 6px;
	letter-spacing: 2.2px;
	margin: 0 15px 0 0;
	flex-wrap: wrap;
}
.header-panel > ul > li.header-panel-b2b > span , .header-panel > ul > li.header-panel-b2b > a {
	color: #fff;
	flex-basis: 100%;
	margin: 10px 0 0 0;
}

.header-panel > ul > li.header-panel-lang { 
	padding-bottom: 9px;
}
.menu-wrapper {
	display: block;
	position: relative;
	top: 0;
	right: 0;
	height: auto;
	z-index: 9;
	background: transparent;
	cursor: default;
	padding: 0 30px 0 30px;
	/* width: auto; */
	/* flex-basis: 30%; */
}

.menu-wrapper > ul { 
	width: auto;
}
.menu-wrapper > ul > li {
	padding: 0 0 33px 0;
}

.menu-wrapper > ul > .menu-item .children {
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	top: 108px;
	padding: 58px 0;
	background: var(--background-light);
	width: 100vw;
	height: 100vh;
	max-height: 545px;
	display: none;
	overflow: auto;
	border-top: 1px solid #707070;
}
.menu-wrapper > ul > .menu-item:hover .children{
	display: block;
}
.menu-wrapper .menu-item.active .children {
 display: none;  
}

.menu-wrapper > ul > .menu-item .menu-grid > li {
	flex: 0 0 16%;
	max-width: 16%;
	margin-bottom: 0;
	padding: 0 15px 0 0;
	overflow: hidden;
}
.menu-column-children {
	margin-top: 40px;
}
.header-panel .menu-column-children ul {
	display: block;
}

.menu-wrapper .menu-item:not(:last-child) > a {
	margin-right: 50px;
}

#search_mini_form {
	background-color: transparent;
	color: #FFFFFF;
	z-index: 9;
	position: relative;
	margin: 0 0 25px 0;
	flex-grow: 1;
}
 
#search_mini_form .form-search {
	margin: 0;
}
#search_mini_form .search-input-wrap {
	width: 100% !important;
}

#search_mini_form .search-input {
	height: auto !important;
	background-color: transparent;
	color: #000;
	font-size: 15px;
	letter-spacing: 0;
	line-height: 21px;
	font-family: var(--body-font-family);
	font-weight: normal;
	text-transform: capitalize;
	height: 32px;
}



#search_mini_form .form-search {
	margin: 0;
	display: flex;
}

#search_mini_form .input-group-btn {
	display: inline-block;
}
#search_mini_form .input-group-btn .btn {
	border-bottom: 1px solid #707070;
	font-size: 18px;
	padding: 0 10px;
	height: 32px;
}

#search_mini_form .input-group-btn .btn:hover {
	color: #000;
	border: 1px solid #fff;
	border-bottom: 1px solid #707070;
}
#search_mini_form .search-input-wrap {
	width: 100% !important;
	padding-left: 0; 
}


.b2b-full-background > .row > div {
	position: relative;
}

.b2b-full-background > .row > div .home-content-text {
	width: 70%;
	z-index: 999;
}
 
.bg-light{
	background: var(--background-light);
}

 
.bg-light{
	background: var(--background-light);
}
.bg-semi-light{
	background: #F0F0F0;
}


.b2b-section-title{
	font-size: 26px;
	font-weight: 600;
}
.b2b-section-subtitle{
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2.2px;
	text-transform: uppercase;
}
.tab-content > .b2b-tab-pane.tab-pane {
	padding: 0px 100px;
}
.b2b-tab-pane .owl-item {
	padding: 0 .75rem;
}

.slide-hidden {
	height: 0;
	opacity: 0;
}
.filter-scrollable {
	overflow: auto;
}
ul.category-slider {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.category-slider > li {
	margin: 0 15px;
	display: inline-block;
}
.filter-scrollable li:first-child {
	margin-left: auto;
}
.filter-scrollable li:last-child {
	margin-right: auto;
}
ul.category-slider {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
ul.category-slider > li {
	margin: 0 25px;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
	padding-bottom: 2px;
}
ul.category-slider > li.active a{ 
color: var(--color-highlights);
}
ul.category-slider > li.slider-label {
	color: var(--color-highlights);
	font-weight: 800;
	position: relative;
}

ul.category-slider > li.slider-label:before{
	content: "";
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 33%;
	background: var(--color-highlights);
}

.b2b-section-title.border-bottom {
	border-color: #707070 !important;
}

.table-order-home.table-order thead th {
	font-size: 14px;
	color: var(--color-highlights);
	border-color: var(--color-highlights);
}
.table-order-home.table-order tbody td {
	border-color: var(--color-highlights);
}

.icon-md{
font-size: 26px;
vertical-align: middle;
}

.table-order tbody td {
	width: 21.222%; 
}
.table-order tbody td:last-child {
	width: 15.111%;
}
.table-link.repeat-order-btn > img {
	margin: 0 10px 0 0;
	height: 25px;
}

 .row.mains {
	align-items: flex-start;
}

.page-product-head { 
	background-color: transparent;
}
.menu-categories {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.page-product-filters h4 {
	font-size: 11px;
	border-bottom: 1px solid var(--color-highlights);
	padding: 0 0 15px 0;
	margin: 0;
}

.filter-wrapper {
	padding-top: 20px;
	padding-bottom: 20px;
}

.widget.widget-filter {
	border-bottom: 1px solid var(--color-highlights);
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.filter-title {
	position: relative;
	cursor: pointer;
	line-height: 26px;
	margin: 0;
	white-space: nowrap;
}

.widget-filter .widget-title.active > span::after {
	content: "+";
}


.widget-filter .widget-title > span::after {
	display: block;
	content: "-";
	height: auto;
	right: 0;
	margin-left: 0;
	position: absolute;
	top: 0;
	width: 20px;
	font-size: 26px;
	line-height: 26px;
	left: auto;
	background: none;
	text-align: center;
	font-weight: 400;
}
.widget-filter > ul {
	max-height: 290px;
	overflow: auto;
	margin: 15px 0 0 0;
}

.filter-item { 
	font-weight: 300;
	margin-bottom: 10px;
	padding-top: 1px;
}
.filter-item label { 
	padding-left: 30px;
}
.filter-item .filter-checkbox { 
	width: 14px;
	height: 14px; 
	top: 40%;
}


.product-image-wrapper .product-image-item {
	margin: 0 1px 30px;
}
.product-image-wrapper .owl-theme .owl-dots .owl-dot span {
	border-radius: 0;
	background: #F1F1F1;
	width: 64px;
	height: 9px;
}
.product-image-wrapper .owl-theme .owl-dots .owl-dot:hover span , .product-image-wrapper .owl-theme .owl-dots .owl-dot.active span {
 
	background: #E0E0E0; 
}

.product-detail-subsubtitle {
	font-family: var(--body-font-family);
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	margin: -5px 0 25px 0px;
}

.product-detail-retail-price {
	display: inline-block;
	background: #F0F0F0;
	font-size: 11px;
	padding: 6px 12px;
	letter-spacing: 1px;
}

.product-detail-info > p {
	font-size: 13px;
	margin: 0 0 5px 0;
}
.product-detail-info > p > img {
	height: 10px;
}

span.vat {
	font-size: 10px !important;
	font-weight: 400;
	letter-spacing: 1px;
}
.btn.btn-link {
	border: none;
	color: var(--color-black);
	letter-spacing: 2px;
	font-size: 11px;
}


.product_cart_block .head > div {
	background: #F0F0F0;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}

.product_cart_block .line > div {
	background: #FAFAFA;
	margin: 5px 0 0 0;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
}

.product_cart_block .line > div .img.align-middle {
	max-width: 44px;
	display: inline-block;
}
.product_cart_block .input-group > .form-control {
	background: #fff;
	border: 1px solid #E6E6E6;
	text-align: center;
	text-transform: uppercase;
}
.prod-total-grid {
	background: #F0F0F0;
}
 
.prod-total-grid .price {
	letter-spacing: 1px;
	font-size: 26px;
}
.prod-total-grid .price .price-total {
	color: var(--color-highlights);
}

#cartpopup {
	width: 80vw;
	max-width: 767px;
	padding: 25px;
}


.coll-box .img-fluid {
	min-height: 120px;
}
.coll-box h1 {
	font-family: var(--body-font-family);
	font-weight: 700;
	font-size: 32px;
	border-bottom: 1px solid var(--border-input);
	padding: 0 0 9px 0;
	margin: 0 0 15px 0;
}
.coll-box .coll-box-desc * {
	font-size: 13px;
	line-height: 1.6;
}

.corr-container .owl-item{
	padding: 0 .75rem;
}

/***** QUICK BUY *****/

.product-box-title .product-box-link:hover {
	color: var(--color-highlights);
}
.btn-prod-detail, .btn-prod-quickview {
	display: inline-block;
	width: 54px;
	height: 46px;
	padding: 0;
	line-height: 40px;
	text-align: center;
	margin-right: 1px;
}

 .btn-prod-quickview:hover {
	border-color: var(--color-highlights);
	background-color: var(--color-highlights);
}


.btn-prod-detail > img , .btn-prod-quickview > img{
	display: inline !important;
	width: auto !important;
}

.list-var h3 {
	font-family: var(--body-font-family);
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.quickview-detail .color-list-item {
	flex: 0 0 16.6%;
	text-align: center;
}

.color-list-item-content p {
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
}
h1.product-quickview-grid-title{
 
}
 
.quickview-grid .product-detail-title {
	font-size: 26px;
}
.fancybox-overlay { 
	z-index: 8010 !important; 
}
.fancybox-opened {
	z-index: 8030 !important;
}
.fancybox-overlay-fixed {
	position: fixed !important; 
}

 /**** SLIDE COLUMN *********/

 .slide-column-wrapper {
	position: fixed !important;
	right: 0 !important;
	max-width: 90vw !important;
	background: var(--color-white) !important;
	top: 0 !important;
	height: 100vh !important;
	height: -webkit-fill-available !important;
	width: 100% !important;
	overflow: hidden !important;
	padding: 0 !important;
	transform: translateX(100%) !important;
	z-index: 5999 !important;
}
.slide-column-overlay {
	position: fixed !important;
	background: rgba(0,0,0,0.4) !important;
	left: 0 !important;
	top: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 5998 !important;
}
.slide-column-wrapper.slide-column-left {
	right: auto !important;
	left: 0 !important;
	transform: translateX(-100%) !important;
}

.slide-column-wrapper.open {
	transform: translateX(0) !important;
	transition: all 0.8s ease !important;
}

.slide-column-wrapper > .container-fluid {
	padding: 0;
}

.slide-column-wrapper > .container-fluid > .row {
	margin: 0; 
}


#quickview-container .owl-custom-theme .owl-nav {
	left: -2rem;
	right: -2rem;
}
#quickview-container .product-detail-head::after { 
	display: none; 
}
#quickview-container .quickview-grid{ 
}
#quickview-container .product-image-wrapper .owl-theme .owl-dots .owl-dot span {
	background: #E3E3E3;
}
#quickview-container .product-image-wrapper .owl-theme .owl-dots .owl-dot:hover span, #quickview-container .product-image-wrapper .owl-theme .owl-dots .owl-dot.active span {
	background: #D3D3D3;
}

a.close-slide-column {
	position: absolute;
	left: 0.5rem;
	top: 0.5rem;
	z-index: 99;
}
a.close-slide-column > img {
	width: 40px;
	height: 40px;
}

/*** QUICKVIEW CART ****/ 
.cart-quickview h3 {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 500;
}

.cart-quickview h3.cart-list-subtitle {
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}
.cart-quickview .cart-list-item-total {
	flex-direction: column;
}


.cart-quickview .cart-list-item-total > span {
	font-weight: 500;
	font-size: 13px;
}

.cart-quickview .cart-list-item-total > span:nth-child(2n) {
	color: var(--color-highlights);
	font-weight: 700;
	justify-content: start;
	font-size: 17px;


}

.cart-quickview .cart-list-footer {
	max-width: 385px;
}

.cart-quickview .cart-list-item-content p {
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.26px;
	text-transform: uppercase;
	margin-bottom: 0;
}
#popup-cart-quickview.slide-column-wrapper {
	max-width: 50vw !important;
}

.cart-quickview h3.corr-title {
	font-size: 17px;
	text-transform: none;
	letter-spacing: normal;
}

.cart-quickview .product-box-subtitle, .cart-quickview .product-box-price, .cart-quickview .product-box-color {
	display: none;
}
.cart-quickview .product-box > .row > div {
	width: 100%;
	text-align: center !important;
}

.cart-quickview .product-box-content {
	padding-bottom: 0;
}
.cart-quickview .product-box-content h3.product-box-title {
	margin: 0;
}

.cart-quickview .btn-prod-detail, .cart-quickview .btn-prod-quickview {
	width: 32px;
	height: 32px;
	line-height: 30px;
}
.cart-quickview .btn-prod-detail > img, .cart-quickview .btn-prod-quickview > img {
	/* width: 22px; */
	height: 16px;
}
.side-panel { 
	z-index: 999; 
}
.mn-row{
	margin-left: -.75rem;
	margin-right: -.75rem;
}

.product-box-sale{
	z-index: 9;
}

