/* 2022 web update */
html, body { overflow: visible;font-family: "Montserrat", Tahoma, Verdana, sans-serif;font-size:0.9em;}
body {position:relative;min-width:280px;}
/* Based on w3 */
.modal {padding-top:50px;z-index:100;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:scroll;background-color:rgba(0,0,0,0.4);}
.shadow-4 {  box-shadow: 0 1px 1px rgba(0,0,0,0.15),0 2px 2px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.15),0 8px 8px rgba(0,0,0,0.15);
}

/*
           --- PAGE HEADER ---
*/
body>header {position:flex;}
body>header form {display:inline-block;}
.icon{position:relative;color:#edf;text-decoration:none;display:inline-block;font-weight:bold;padding:8px}

.burger-menu {position:relative;	padding:8px;}

.ea_long{font-weight:bold;display:none;}
.ea_medium{font-weight:bold;display:none;}
.ea_short{font-weight:bold;display:none;}

@media (min-width:360px){.ea_long{display:inline!important;}}
@media (max-width:359px) and (min-width:300px){.ea_medium{display:inline!important;}}
@media (max-width:299px) {.ea_short{display:inline!important;}}



nav {display:inline-block;}
nav ul {list-style-type:none;padding:0;margin:0;}
nav li {}
nav li>span,nav li>a{border:0;width:100%;text-decoration:none;}

.messageStackError { background:#fee;border: 2px solid #a66; padding: 4px;}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.cookie-bar {
position:fixed;
padding:8px;
bottom:0px;
text-align:center;
display:block;
width:100%;
background: #bbf;
z-index:20;
}
.cookie-bar-button {
background: #ddf;
padding: 3px 6px;
border: 1px #caa;
border-radius: 4px;
}

.big_search {
background:#eef;
border-radius: 0 0 25px 25px;
margin-left:25px;
}
form { margin-block-end: 0;}
.mobile_search_popup { display:none; z-index:10;}
#mobile_search_toggle:checked~.mobile_search_popup {display:block;}
 .search_button { display:block;}
 
.input_search{width: 250px; padding: 4px 6px 2px 12px; border:1px dashed #ccc; border-radius:12px 0 0 12px;}
.search_submit{background:#fff; padding: 3px 7px 4px 6px; margin-bottom:7px; border-radius:0 10px 10px 0; height:31px;}

a.headerNavigation{white-space: nowrap;}

/* Small screen header */
@media (max-width:600px) {
	nav .hasSubMenu:after {content: ' \25B7';float: right;padding-left:8px;}
	
	body>header {background: #bacaf0}
	body>header form {}

	/*Show burger*/
	.burger-menu {display:inline-block;padding:0 8px;margin-right:5px;cursor:hand;}
	/*Top level*/
	nav {position:fixed;display:none;background-color:rgba(0,0,0,0.5);z-index:200;background-color:#cce;top:0;left:0;bottom:0;right:0;}
	nav>ul {width:100%;height:100%;overscroll-behavior:contain;overflow-y: scroll;}
	nav li:hover {background-color: #fff}
	
	nav span{padding:8px;display:block;}
	nav>ul li{display:block;border-bottom:1px dashed #aac;}
	nav>ul ul{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccf;overscroll-behavior: contain;}

	nav li>span,nav li>a{display:block;padding:8px;}
	.navTitle {background-color:#bbd; padding:8px; position:relative;}
	a.navTitle ,a.hasSubMenu{display:none}
	.navTitle button {float:right;}
	
	.ea-show{display:block;}
	
	.mobile_search_popup{padding:6px 0 0; background:#eef; position:fixed; width:300px; margin-left:-150px; top:4px; left:50%;border-radius:20px; border: 1px solid #338;}

	.filter-top{display:none;}
	.filter-top .sortrefine{display:none;}
	.filter-top .show_count{display:none;}
	.filter-top form { display:flex;justify-content: center; }
	span.sortrefine{display:inline-block; margin:0 8px;}
	.mselect {max-width:150px;}
	
	.sticky-bottom{
	position:fixed;
	width:100%;
	bottom:0px;
	z-index:20;
	background: #fff;
	padding: 6px 1px 6px 1px;
	border-top:solid 1px #ccc;
	font-size:0.8em;
	}
	/*.sortrefine{color:#888;white-space: nowrap;}*/
	.bottom_pages{display:flex;justify-content:center;vertical-align:middle;}
	/* index */
	.productlist>a .details h2 {font-size:0.8em;padding:2px 6px;margin:-1.5em 0 1px 0;border-radius:6px 6px 0 0;background:white;text-align:center;}
	.productlist>a .details p {font-size:0.9em;line-height:1.1;font-weight:bold;width:100%; padding:0; margin: 0;text-align: center ;}
	.productlist>a .details span {font-size:0.75em;margin-top:4px;text-align: center;width:100%;display:block;}

}
/* Desktop */
@media (min-width:601px) 
{
/*	body>header {background: #fff url(/catalog/css/LOGO_23.png) no-repeat;} */
	.icon {visibility:hidden;}
	.logo-large { display: inline-block;margin:4px 0 0 4px; }
	.logo-large .img{ }
	
	.burger-menu {display: none !important;}

	nav {position:relative;display:inline-block !important; padding:0 20px 0 140px;margin-top:-28px;line-height:1.25;}
	nav>ul {display:inline-block;}
	/*submenu*/
	nav>ul>li{display:inline-block;min-width:60px ;padding:1px 8px;  margin:2px 1px 2px 1px; transition: background-color 300ms 300ms, color 300ms 300ms;}
	nav>ul>li:hover{background-color:#34568B; color:white; transition: background-color 300ms 100ms, color 300ms 100ms; }
	
	nav>ul>li>ul{
		display:block;/*display:none;*/
		background-color: white;
		padding:0px;
		border-top: 15px  solid #34568B;
		border-radius:8px 0 8px 0;
		 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		overflow:hidden;max-height:0;opacity:0;
		transition: max-height 0ms 600ms, padding 0ms 600ms, opacity 300ms 300ms;
		position:absolute; width:90%; top:75%; z-index:9;
		left:50%;transform:translateX(-50%); min-width:128px; 
			column-count:3 ;
	}
	nav>ul>li:hover>ul{
		/*display:block;*/
		padding:8px;
		max-height:2000px;opacity:1;z-index:10;
		transition: max-height 0ms 200ms, padding 0ms 200ms, opacity 200ms 200ms;
	}
	/*sub-submenu!*/
	/*	nav>ul>li>ul>li{background-color: white ; color:black; font-weight: bold; display:block;padding:0 8px 0 8px; width:50%; border-color: green; border-style: dashed solid solid dashed;   border-width: 1px 1px 2px 1px;border-radius:8px 0 8px 0;margin:0 2px;}*/
	nav>ul>li>ul>li{background-color: white ; color:black; font-weight: bold; display:block;padding:0 8px 0 8px; margin:0 2px; break-inside:avoid;}

	/*nav>ul>li>ul>li>ul{background-color: white;display:block;padding:8px;left:50%;min-width:128px ; border: 1px solid green;border-radius:8px 0 8px 0}*/
	
	/*nav>ul>li>ul>li:hover{background-color:#ccc;}*/
	nav>ul>li>ul>li a:hover{text-decoration:underline;}
	/*nav>ul>li>ul>li:hover>ul{display:block;}*/
	
	
	/*sub-sub-submenu!*/	
	/*nav>ul>li>ul>li>ul>li{background-color: black;display:block;padding:0 8px 0 8px;  border-color: blue; border-style: dashed solid solid dashed;   border-width: 1px 1px 2px 1px;border-radius:8px 0 8px 0  }*/
	nav>ul>li>ul>li>ul>li{background-color: white ; color:black; text-decoration:none; font-weight:normal; display:block; padding:0 8px 0 8px;}
	
	nav>ul>li>ul>li>ul>li>ul{background-color: yellow;display:none;position:absolute;top:50%;z-index:11;padding:8px;left:50%;min-width:128px; border: 1px solid purple;border-radius:8px 0 8px 0}
/*	nav>ul>li>ul>li>ul>li:hover{background-color:yellow;}*/
	/*nav>ul>li>ul>li>ul>li:hover>ul{display:block;}	*/
	/*sub-sub-sub-submenu!*/	
	nav>ul>li>ul>li>ul>li>ul li{position:relative;background-color: yellow;display:block;padding:0 8px0 8px;  border-color: orange; border-style: dashed solid solid dashed;   border-width: 1px 1px 2px 1px;border-radius:8px 0 8px 0  }
	nav>ul>li>ul>li>ul>li>ul li>ul{background-color: yellow;display:none;position:absolute;top:50%;z-index:11;padding:8px;left:50%;min-width:128pxborder: 1px solid purple;border-radius:8px 0 8px 0}
	/*nav>ul>li>ul>li>ul>li>ul li:hover{background-color:gray;}*/
	/*nav>ul>li>ul>li>ul>li>ul li:hover>ul{display:block;}*/

	/*Disable mobile menu items*/
	nav>span {display:none}
	.navTitle {display:none;}
	nav li>span {display:none}
	
	.filter-top{position:relative;display:flex;justify-content: space-between;}
	.sticky-bottom{display:none;}
/*	.filter-top form { display:flex;justify-content: space-between; }*/
	.sortrefine{display:inline-block;padding:4px 8px;color:#888;font-size:0.8em;}
	.filter-top .show_count{position:relative;margin:24px 8px 0 0;}
	.bottom_pages{display:flex;justify-content:center;}
	.bottom_pages .show_count{position:relative;margin:8px 8px;}
	
	/* index */
	.productlist>a .details h2 {font-size:0.9em;padding:0 6px;margin:-1.5em 0 1px 0;border-radius:6px 6px 0 0;background:white;text-align:center;}
	.productlist>a .details p {font-size:1em;line-height:1.1;font-weight:bold;width:100%; padding:0; margin: 0;text-align: center ;}
	.productlist>a .details span {font-size:0.8em;margin:4px 4px 0 0;text-align:right;width:100%;display:block;}
}
/*.sort,.sortrefine,.mfilter,.refinepanel {display:inline-block;}*/
/*
           --- INDEX PAGE ---
*/
.categories {display:block;background-color:#eef;padding:16px;}
.categories>div{margin-bottom:16px;cursor:pointer;position:relative;height:20vw+40px+1em;overflow:none;background-color:#fff;border:1px #aad solid;}
.categories h1{padding:2px 8px;font-size:1.2em;margin:0;font-weight:bolder}
.categories h5{position:absolute;padding:2px 8px;margin:0;font-size:1em;top:3px;right:8px;}
/*.categories img{flex-basis:0;margin-right:-4vw;height:19vw;max-height:250px;}*/
.categories img{flex-basis:0;margin: -1% -5% -1% 0;width:22%;max-width:300px;max-height:300px;object-fit:cover;}
.categories>div>figure {display:flex;flex-wrap:nowrap;overflow:hidden;margin:0;padding:0;}
.categories>div>figure img{-webkit-mask-image: linear-gradient(to right, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%); mask-image: linear-gradient(to right, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);}


@media (max-width:750px) {/* small */
.productlist {padding:0 2px;display:grid;}
.productlist {grid-template-columns: repeat(auto-fill,minmax(170px, 1fr));} 
}
@media (min-width:751px) {/* BIG */
.productlist {padding:0 8px;display:grid;}
.productlist {grid-template-columns: repeat(auto-fill,minmax(215px, 1fr));} 
}

.productlist>a {display:inline-block;margin:4px 2px;/*border:1px dashed #fab*/;border-radius:8px;position:relative;/*padding:4px;*/text-decoration:none;}
.productlist>a:hover {background-color:#ffe5f2;}
.productlist>a>img {border:1px solid #eed;border-radius:3px;}
.productlist>a .details {display:flex;flex-wrap:wrap;justify-content: space-between;padding:2px 6px;}




.showmore{
	text-align: center;
}



.buy_buttons
{
	position:relative;

	display:table;
	font-size:16px;
	margin:0 auto;
  padding-top:3px;
  padding-bottom:2px;
}

.buy_add				
{
	margin:0;
	font-weight:bold;
	padding:0 10px;
	height: 95%;
	border-radius:5px 5px 5px 5px;
	overflow:hidden;
	box-sizing: border-box;
	display:table-cell;
	vertical-align:middle;
	 
}

.buy_sub
{
	margin:0;
	font-weight:bold;
	padding:0 10px;
	height: 95%;
	border-radius:5px 5px 5px 5px;
	overflow:hidden;
	box-sizing: border-box;
 
	display:table-cell;
	vertical-align:middle;
}

.ibox_error {
display:inline-block;
 position:absolute;
 top:3px;
 left:15px;
 min-width:200px;
 background:#fcc;
 color:#800;
 font-size:0.8em;
 padding: 1px 8px;
 border-radius:6px;
 text-align:center;
}
.errorCols {
 background:#fcc;
 color:#800;
 border-color:#800;
 }
 
 /* From INdex */
 div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index:4;
}

@media (max-width:600px) {
	.side_menu {
		width:100%;
		position:sticky;
		float:none;
		z-index:5;
		background:white;
		}
	.mob_menu_1 {
		display:block;
		width:100%;
	}
	.extra_page_pad{ height:47px}
	
	.refinepanel { /* MOBILE */
		display:inline-block;
		width:40%;
	}
	div.stickyb {
	  position: -webkit-sticky;
	  position: sticky;
	  bottom: 0;
	}
}
@media (min-width:601px) {
	.side_menu { width:180px;}
	
	.extra_page_pad{ height:0}
}

.refinepanel
{ /* BOTH */
    padding: 8px 16px;
    float: left;
    /* width: auto; */
    border: none;
    display: block;
    outline: 0;
}

.hasSubCats:after {content: ' \25B7';float: right;padding-left:8px;}

.catHeader{font-size:1.4em; margin:0px 0;}
.breadcrumb.hasSubCats:after {content: ' \25BD';float: right;padding-left:8px;margin-right:8px;}
.breadcrumb.hasSubCats:hover:after {content: ' \25BC';float: right;padding-left:8px;margin-right:8px;}

.pleasewrap  {white-space: normal }

/* PAGINATION */
.pagination{
	color:#aaa;
	display: inline-block;
	font-size:1em;
	margin: 4px 3px;
	padding: 0;
	border: 1px solid #eaeaea;
	border-radius: 9px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	white-space: nowrap;
}

.pagination a, .pagination a:visited{
	color:#000;
	text-decoration: none;
	font-weight:normal;
	display:inline-block;
	text-align: center;
	
		padding: 6px 12px;
		min-width:34px;
		margin: 2px 2px;
		border: 1px solid #eee;
		border-radius: 9px;	
}
/* Small screen header */
@media (max-width:400px) or ((min-width:401px) and (max-width:800px)) {
	.pagination a{
		padding: 4px 4px;
		min-width:24px;
		margin: 1px 1px;
		border: 1px solid #eee;
		border-radius: 6px;
	}
}
@media (min-width:401px) {/* BIG */		
	.pagination a{

	}
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #faa;
	background-color: #fcc;
	font-weight:normal;
}
.pagination a.currentpage{
	background-color: #fee;
	color: #000 !important;
	font-weight: bold;
	cursor: default;
}
.side_menu .pagination a.currentpage{
	background-color: white;
}
.pagination a.disablelink, .pagination a.disablelink:hover{
cursor: default;
color: #ddd;
border-color: #eee;
background-color: white;
font-weight: normal !important;
}

.pagination a.prevnext{
/*font-weight: bold;*/
}
.show_count{
 font-size:0.8em;	
 white-space: nowrap;
 height:26px;
 line-height:18px;
 vertical-align:middle;
 }
.pagination .dots{
	cursor: default;
	color: #ddd;
	border-color: #fff;
	padding-left:2px;
	padding-right:2px;
	font-weight: normal !important;
}

.sc_bg_oos {
	background:#fcc !important;
}

.sc_attention {
	position:absolute;
	top:55px;
	left:20px;
	background-color: #f44;
	z-index:11;
	padding:4px 12px 4px 12px;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	border-radius:10px;
	box-shadow: 1px 2px #a44;
}
.sc_info_oos {
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	padding:8px 0 0 16px;
	color:#800;
}
.sc_row_delete {
	color:black;
	font-size:2em;
}
.sc_table td {padding:8px 4px;text-align:center;line-height:1.1;}
.sc_table a {text-decoration:none;}
.sc_row_delete:hover {color:red;}
.sc_row_im img {width:80px;height:80px;border:1px #ccc;}
.sc_row_qty select {}
.sc_info_name {font-size:1em;}
.sc_info_options {font-size:0.8em;text-align:right;font-style:italic;padding-right:12px;}
.sc_button {font-size:1em;border-radius:8px;margin:0 2px;}

.cc_container {padding:0 8px;}
.cc_det {font-size:0.9em;}
.cc_table .ch_row {display:flex;align-items:flex-end;}
.cc_table .ch_row_total_text {flex:1 1 auto;text-align:right;}
.cc_table .ch_row_total {min-width:100px;margin-left:8px;text-align:left;}
.cc_address p {font-size:0.9em;line-height:1.1;}
.cc_address h3 {font-size:1.1em;font-weight:bold;line-height:1.1;}
@media ((min-width:401px) and (max-width:600px)) {
	.sc_table td {padding:6px 4px;font-size:0.9em;}
	.sc_row_delete {font-size:1.5em;}
	.sc_row_im img {width:60px;height:60px;border:0}
	.sc_info_name {font-size:0.9em;}
	.sc_button {font-size:0.9em;border-radius:6px;}

	.cc_container {padding:0 4px;}
	.cc_det {font-size:0.8em;}
	.cc_table .ch_row {font-size:0.9em;}
}
@media (max-width:400px) {
	.sc_table td {padding:4px 2px;font-size:0.8em;}
	.sc_row_delete {font-size:1em;}
	.sc_row_im img {display:none;}
	.sc_row_qty select {font-size:0.8em;}
	.sc_info_name {font-size:0.8em;}
	.sc_button {font-size:0.8em;border-radius:5px;padding:3px 6px!important;margin:0 1px;}

	.cc_container {padding:0 2px;}
	.cc_det {font-size:0.7em;}
	.cc_table .ch_row {font-size:0.8em;}
}

.cc_table {}
.cc_table th {overflow:hidden;text-overflow:ellipsis}
.cc_hqnt {max-width:10vw;}

.only_modal { visibility:collapse; }
.isModal .only_modal { visibility: visible; }

/*.result_top .pagination{display:inline-block;}*/