@charset "utf-8";
body {
 --default-content-width: 100%;
 --header-text-color: #eeeeee;
 --footer-text-color: #eeeeee;
 --theme-color: /*#c00*//*#ef7c00*/var(--theme-color);
 --theme-color-brightest: #fff;
 --theme-color-light: #ccc;
 --theme-color-dark: #333;
 /*--theme-color-ultradark: #191919;*/
 --theme-color-ultradark: #ffffff;
 --hue-rotate: hue-rotate(40deg);
 --theme-border: 5px solid var(--theme-color);
 --bg-list-header: rgba(0,0,0,0.1);
 --even-line: rgba(0,0,0,0.02);
 --odd-line: rgba(0,0,0,0.05);
 --light-silver: var(--even-line);
 --dark-silver: var(--odd-line);
 --admin-tools: rgba(191, 234, 255, 1);
 
 /*--bg-dark-image-overlay: rgba(0,0,0,0.7);*/
 --bg-dark-image-overlay: rgba(255,255,255,0.7);
 --bg-dark-image-overlay-semitransparent: rgba(255,255,255,0.4);
 --bg-text-overlay: rgba(0,0,0,0.1);
 --bg-text-overlay-light: rgba(255,255,255,0.7);
 
 --bg-semitransparent-light: rgba(255,255,255,0.1);
 --bg-semitransparent-lighter: rgba(255,255,255,0.3);
 --bg-semitransparent-lightest: rgba(255,255,255,0.5);
 
 --bg-semitransparent-dark: rgba(0,0,0,0.1);
 --bg-semitransparent-darker: rgba(0,0,0,0.3);
 --bg-semitransparent-darkest: rgba(0,0,0,0.5);
 
 --dst-l: 40px;
 --dst-m: 20px;
 --dst-s: 10px;
 --dst-sm: 15px;
 --dst-ms: 15px;
 --dst-xs: 5px;
 --dst-xxs: 1px;
 
 --width-m: 20px;
 --width-s: 10px;
 --width-xs: 5px;
 
 --width-right-column: 40%;
 --width-left-column: calc(60% - var(--dst-m));
 --width-border: 1px;
 
 --spacer-width: 1px;
 --width-spacer: var(--spacer-width);
 
 /* convert into settings*/
 
 --border-radius: 5px;
 
 --panel-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);
 --panel-shadow-darker: 0px 0px 10px 0px rgba(0,0,0,0.15);

 --panel-gap: var(--dst-m);
 --panel-border: 1px solid var(--theme-color-brightest);
 --panel-background: rgba(0,0,0,0.08);
 --gap-size: var(--dst-s);
 --catalogue-content-top-margin: 0px;	
 --catalogue-content-left-margin: 1px;
 --catalogue-content-background: var(--theme-color-brightest);
 
 /*185487424569874512356877427859*/
 /*185487424569874512356877427859*/
 /*
  https://btcpuzzle.info/private-keys/btc/p2wpkh-segwit
  *page 2533081730785939991911150190070411894791920663819789490718390914233140270585
	2533081730785939991911150190070411894791920663819789490718390914233140832830
	2533081730785939991911150190070411894791920663819789490718390914233141077164
	Nvidia driver 470.256.02
  */
}

@media (min-width: 320px) {

	/* PPL styles */
	
	.modal-button {
		background: none;
		background-color: rgba(255,255,255,0.5);
		display: flex;
		justify-content: flex-start;
		align-items: center;
		cursor: pointer;
		text-decoration: none;
		padding: 0px var(--dst-s);
		border-radius: 3px;
	}
	.modal-button:hover {
		background-color: rgba(255,255,255,0.7);
		color: #333;
	}
	
	.modal-button img {
		height: 30px;
		vertical-align: baseline;
	}	
	
	#parcel_shop_address{
		display: grid;
		gap: var(--dst-xs);
		grid-template-rows: auto;
		grid-template-columns: 1fr;
		grid-template-areas: "id" "code" "dhlpsid" "name" "address";
		padding: var(--dst-s);
		border-radius: 3px;
		background-color: rgba(0,0,0,0.2);
	}
	
	#ppl_parcel_shop_id {
	display: grid;
		grid-area: id;
		grid-template-columns: 1fr 5fr;
		grid-template-rows: 1fr;
		gap: var(--dst-xs);
	}
	#ppl_parcel_shop_code {
	display: grid;
		grid-area: code;
		grid-template-columns: 1fr 5fr;
		grid-template-rows: 1fr;
		gap: var(--dst-xs);
	}
	#ppl_parcel_shop_dhlpsid {
	display: grid;
		grid-area: dhlpsid;
		grid-template-columns: 1fr 5fr;
		grid-template-rows: 1fr;
		gap: var(--dst-xs);		
	}
	#ppl_parcel_shop_name {
	display: grid;
		grid-area: name;
		grid-template-columns: 1fr 5fr;
		grid-template-rows: 1fr;
		gap: var(--dst-xs);		
	}
	#ppl_parcel_shop_address {
	display: grid;
		grid-area: address;
		grid-template-columns: 1fr 5fr;
		grid-template-rows: 1fr;
		gap: var(--dst-xs);		
	}
	
	#ppl-parcelshop-map .control-panel__box:not(.result__item) {
		font-size: 0.9em !important;

	}
	#ppl-parcelshop-map .c-btn {
	font-weight: 400;
	text-align: left;
	font-size: 0.9em !important;
	line-height: 1.1;
	}
	#ppl-parcelshop-map .accordion-map .accordion-map__toggle:hover .icon::before, #ppl-parcelshop-map .accordion-map .accordion-map__toggle:active .icon::before, #ppl-parcelshop-map .accordion-map .accordion-map__toggle:not(:disabled):not(.disabled):active .icon::before, #ppl-parcelshop-map .accordion-map .accordion-map__toggle:not(:disabled):not(.disabled):active:focus .icon::before {font-style: normal !important;}
	#ppl-parcelshop-map .btn-primary {
		color: #fff !important;
		background-color: #004b93 !important;
		border-color: #004b93 !important;
	}
	
	#ppl-parcelshop-map .btn {	
		height: auto !important;
	}
	
	/* CSS for the modal overlay */
	.modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		display: none;
	}
	
	/* CSS for the modal box */
	.modal-box {
		position: relative;
		margin: 0 auto;
		height: 720px;
		display: block;
	}
	
	#close-modal-button {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 2;
	}
	
	.ppl-parcelshop-map {
		height: 100%;
		max-height: 640px;
	}	
	
	/* ADMIN TOOLS */
	
	#admin_tools_container {
	z-index: 10000; 
	float: left; 
	width: 0px; 
	height: 0px; 
	overflow: visible;
	position: fixed;
	}
	
	#admin_tools {
	display: flex;
	overflow: visible;
	position: absolute;
	padding: 5px;
	background: rgba(255,255,255,0.5);
	border-radius: 5px;
	gap: 5px;
	flex-wrap: wrap;
	box-sizing: content-box;
	align-items: stretch;
	width: 200px;
	top: 10px;
	left: -200px;
	opacity: 0.3;
	transition: left 0.3s 0.1s, opacity 0.3s 0.1s;
	}
	
	#admin_tools:hover {
	left: 0px;
	opacity: 1;
	}
	
	#admin_tools div {
	display: block;
	/*padding: 10px;*/
	}	
	#admin_tools a {
	
	display: inline-block;
	flex-shrink: 0;
	flex-grow: 1;
	background: rgba(255,255,255,0.8);
	border: none;
	border-radius: 3px;
	padding: 3px 5px;
	margin: 0px;
	line-height: 1em;
	font-size: 1em;
	height: 1em;
	color: #333;
	
	}		
	#admin_tools a:hover {
	background: rgba(255,255,255,1);
	}	
	
/* CSS Document */

/* ELEMENTS DEFAULTS */
/**:focus {outline: none;}*/

body{padding:0px; margin:0px; font-family: /*"Barlow Condensed" *//*"Fira Sans Extra Condensed"*/ /*"Dosis"*/ "Roboto Condensed","Open Sans Condensed", sans-serif; font-weight: 400; font-size:12px; color: #111;}

body#tinymce {font-size: 1em !important;}

p {}
h1,h2,h3,h4,h5 {text-transform: uppercase;}
h1{ font-size:1.5em;}
h2{ font-size:1.4em;}
h3{ font-size:1.3em;}
h4{ font-size:1.2em;}
h5{ font-size:1.2em;}
a {text-decoration: none; color: #333;}
a:hover {text-decoration: underline; color: #000;}
a:visited {text-decoration: none; color: #333;}
a:active {text-decoration: none; color: #333;}

/* INPUTS */
input {border: 1px solid rgba(225, 9, 21, 1); height: 20px; line-height: 20px; padding: 5px; font-size: 1em; border-radius: var(--border-radius);}
textarea {border: 1px solid rgba(225, 9, 21, 1); font-size: 1em; border-radius: var(--border-radius);}
input.qty, input.quantity {width: 30px; background:rgba(79, 175, 196, 1); text-align: center;}
input.step {width: 60px; background:rgba(79, 175, 196, 1); text-align: center;}
/* Chrome, Safari, Edge, Opera */
input.nostep::-webkit-outer-spin-button,
input.nostep::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
	
	/* Firefox */
input.nostep[type=number] {
	-moz-appearance: textfield;
}	
	
button {border: none; background: #ccc; font-family: "Roboto Condensed","Open Sans Condensed";}
.subrow {display: block;}

input.full {padding: 5px 10px !important; width: calc(100% - 20px) !important;  font-family: "Roboto Condensed","Open Sans Condensed", sans-serif !important;}
textarea.full {padding: 10px !important; width: calc(100% - 20px) !important;  font-family: "Roboto Condensed","Open Sans Condensed", sans-serif;}

span.checkbox, div.checkbox {display: inline-block; line-height: 20px; height: 20px; width: 125px;}
span.radio, div.radio {display: inline-block; line-height: 20px; height: 20px;}
span.radio img, div.radio img, span.checkbox img, div.checkbox img  {height: 20px; line-height: 20px; display: inline-block; vertical-align: middle;}
span.radio label, div.radio label, span.checkbox label, div.checkbox label  {height: 20px; line-height: 20px; display: inline-block; vertical-align: middle;}
span.radio input, div.radio input, span.checkbox input, div.checkbox input  {line-height: inherit; display: inline-block; vertical-align: middle;}

.pointer:hover {cursor: pointer;}

.cleaner {display: block; clear:both;}
/* GENERAL TYPES */

#messages-devel {width: 960px; margin: 0 auto; padding:10px; border: 1px solid red; background: #fff;}
#messages {width: auto; margin: 0 auto; padding:20px; border: none; background: #ffe2b1; border-radius: 3px;}
#messages-devel .message {font-size: 0.9em;}
#messages .message {font-size: 11px;  /*font-family: Arial;*/ padding: 0px; margin: 0px 0px 5px 0px;}
#frontend_messages, #user_messages {}
#frontend_messages .message, #user_messages .message {
	display: grid;
	grid-template-columns: calc(20px + (var(--dst-s) * 2)) auto;
	min-height: 40px; 
	padding: 0px; background: rgba(255,0,0,0.15);
	border-radius: 3px; overflow: hidden; vertical-align: middle;
}
#frontend_messages .message .warning_icon, #user_messages .message .warning_icon {
	place-self: stretch stretch; /*display: block; float: left; height: 20px; width: 20px;*/ padding: 10px; background: rgba(80,80,80,1);
}
#frontend_messages .message img, #user_messages .message img {filter: invert(68%);}

.error {
	color: red;
	font-weight: normal;
	display: block;
}

.success {
	color: green;
	font-weight: normal;
	display: block;
}
#frontend_messages .error, #user_messages .error {color: #333; background: rgba(255,0,0,0.3);}
#frontend_messages .user_warning, #user_messages .user_warning {color: #333; line-height: 40px; height: 40px; vertical-align: middle; padding: 0px 10px;}
#frontend_messages .success, #user_messages .success {color: #333; background: rgba(0,255,0,0.3);}

#frontend_messages .error, #user_messages span {
	font-size: 1.1em !important;
	font-weight: bold;
	place-self: stretch stretch; 
	/*display: table-cell !important;
	vertical-align: middle;*/
	/*width: calc(var(--default-content-width) - (var(--dst-m) * 4) );*/
	padding: var(--dst-s) var(--dst-m);
	/*line-height: 40px;*/
}

.warning {
	color: #ed8d14;
	color: #DA6816;
	font-weight: normal;
	display: block;
}

.fident {
	/*font-size: 1.2em;*/
	font-weight: bold;
	color: olive;
	display: block;
}

.notice {
    color: gray;
	font-weight: normal;
	display: block;
}

.devel {
	color: blue;
	font-weight: normal;
	/*font-style:italic;*/
	display:block;
}
.value {
	color: #099;
	/*font-family:"Courier New", Courier, monospace;*/
	display:block;
}
.mtime {
	color: #900;
	font-weight: normal;
	/*font-style:italic;*/
	display:block;
}
.query {
	color: #E44;
	font-weight: normal;
	/*font-style:italic;*/
	display:block;
	word-wrap: break-word;
}
.pce {
	color: #fff;
	background: #c00;
	font-weight: bold;
	font-style:italic;
	display:block;
	word-wrap: break-word;
}


.adminmenu {font-size: 10px;}

.adminmenu_cnt {z-index: 100; overflow: visible; width: 0px; height: 0px; float: left;}
.adminmenu_btns { position: relative; left: 5px; top: 30px; z-index: 100;}

.low {background: rgba(0,0,0,0.03)/*#f9f9f9;*/}
.high {background: rgba(0,0,0,0.05)/*#fcfcfc;*/}
.note {font-style: italic; font-size: 14px; font-weight: normal; letter-spacing: 0.06em;}

.i,.italic {font-style: italic !important; letter-spacing: 0.06em;}
.normal {font-style: normal !important;}
.wn, .weight_normal {font-weight: normal !important;}
.bold, .b, .wb, .weight_bold {font-weight: bold !important;}

.hidden {display: none !important;}

.uppercase {text-transform: uppercase;}

.no_mt {margin-top: 0px !important;}
.no_mb {margin-bottom: 0px !important;}
.no_mr {margin-right: 0px !important;}
.no_ml {margin-left: 0px !important;}
.no_margin, .no_m {margin: 0px !important;}

.mt {margin-top: 20px !important;}
.mt_half {margin-top: 10px !important;}
.mb {margin-bottom: 20px !important;}
.mb_half {margin-bottom: 10px !important;}
.mr {margin-right: 20px !important;}
.mr_half {margin-right: 10px !important;}
.ml {margin-left: 20px !important;}
.ml_half {margin-left: 0.5em !important;}
.margin, .m {margin: 20px !important;}
.mr_xs {margin-right: var(--dst-xs) !important;}

.pl {padding-left: 20px !important;}
.pl_half {padding-left: 10px !important;}
.pt {padding-top: 20px !important;}
.pt_half {padding-top: 10px !important;}
.pt_tiny {padding-top: 2px !important;}
.pb {padding-bottom: 20px !important;}
.pb_half {padding-bottom: 10px !important;}
.pr {padding-right: 20px !important;}
.pr_half {padding-right: 10px !important;}
.padding, .p {padding: var(--dst-m) !important;}
.p_half {padding: var(--dst-s) !important;}
.no_padding {padding: 0px !important;}

.br {border-right: 1px solid var(--theme-color);}
.bl {border-left: 1px solid var(--theme-color);}
.bt {border-top: 1px solid var(--theme-color);}
.bb {border-bottom: 1px solid var(--theme-color);}

.rc, .round_corners {border-radius: var(--border-radius);}

.cl_invert {color: #eee;}
.cl_invert:hover {text-decoration: underline; color: #fff;}
.cl_red {color: red;}
.cl_green {color: green;}

.fall_left {float: left; clear: left;}
.fall_right {float: right; clear: right;}

.to_left {float: left !important;}
.to_right {float: right !important;}
.to_top {vertical-align: top;}

.a_left {text-align: left !important;}
.a_right {text-align: right !important;}
.a_center {text-align: center !important;}

.s_inner {box-shadow: inset 0px 0px 10px 0px rgba(255,0,0,0.1);}
.s_outer {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1) !important;}

.f_10 {font-size: 10px !important; line-height: 10px !important;}
.f_11 {font-size: 11px !important;}
.f_12 {font-size: 12px !important;}
.f_13 {font-size: 13px !important;}
.f_14 {font-size: 14px !important;}
.f_15 {font-size: 15px !important;}
.f_16 {font-size: 16px !important;}
.f_20 {font-size: 20px !important;}
.f_24 {font-size: 24px !important;}

.blur {
    filter: blur(10px);

    -webkit-transition: all 5s linear;
    transition        : all 5s linear;
    -moz-transition   : all 5s linear;
    -webkit-transition: all 5s linear;
    -o-transition     : all 5s linear;
}

.divider_red {display: block; width: auto; margin: 10px auto; height: 3px; background: var(--theme-color)/*#e10915*/;}
.b_bottom_red {border-bottom: 3px solid gray /*#e10915*/;}

.bullet_r:after {
    /*content: "kkk";*/
    display: inline-block;
}

.desktop_only {display: none !important;}
.mobile_only {display: block !important;}
.desktop_only_block {display: none !important;}
.desktop_960 {display: none !important;}
.not_desktop_960 {display: inline !important;}
.not_desktop_960_block {display: block !important;}
.desktop_1280 {display: none !important;}

.shadow {box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);}

.background_none, .no_bg {background: none !important;}

/* SHAPES */
.shape_arrow_down {
	display: block;
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), calc(50% + 20px) calc(100% - 10px), 50% 100%, calc(50% - 20px) calc(100% - 10px), 0% calc(100% - 10px)) !important;
}
.divider_arrow_down {
	display: block;
	height: calc(var(--dst-m) - (var(--dst-s) / 2));
	width: 100%;
	background-color: var(--theme-color);
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), calc(50% + 20px) calc(100% - 10px), 50% 100%, calc(50% - 20px) calc(100% - 10px), 0% calc(100% - 10px)) !important;
}
.divider_arrow_down_thin {
	display: block;
	height: calc(var(--dst-m) - (var(--dst-s) / 2));
	width: 100%;
	background-color: var(--theme-color);
	clip-path: polygon(
		0% calc(0% + 4px), calc(50% - 20px) calc(0% + 4px), 50% calc(0% + 9px), calc(50% + 20px) calc(0% + 4px),  100% calc(0% + 4px),
		100% calc(100% - 10px), calc(50% + 20px) calc(100% - 10px), 50% 100%, calc(50% - 20px) calc(100% - 10px), 0% calc(100% - 10px)) !important;
}
.icon_arrow_down {
	display: block;
	height: 6px !important;
	width: 100%;
	background-color: var(--theme-color);
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 5px), calc(50% + 10px) calc(100% - 5px), 50% 100%, calc(50% - 10px) calc(100% - 5px), 0% calc(100% - 5px)) !important;
	clip-path: polygon(
		0% calc(0% + 0px), calc(50% - 9px) calc(0% + 0px), 50% calc(0% + 3px), calc(50% + 9px) calc(0% + 0px),  100% calc(0% + 0px),
		100% calc(100% - 5px), calc(50% + 10px) calc(100% - 5px), 50% 100%, calc(50% - 10px) calc(100% - 5px), 0% calc(100% - 5px)) !important;	
}

.panel_tab_bottom_right {
	display: block;
	clip-path: polygon(
		0% 0%, 100% 0%, 100% 100%, calc(60%) 100%, calc(60% - var(--dst-m)) calc(100% - var(--dst-m)), 0% calc(100% - var(--dst-m))
	);
}

/* TABLE CELLS */

#header, #content, #footer {display: block; width: 100%; margin: 0px; padding: 0px; /*min-width: 1000px;*/}
/*#header, #footer {background: url('../images/hbg.png');}*/

#header {
    /*background-image: url('../images/body_top_bg_2.png') top left repeat-x;*/
    /*border-bottom: 10px solid transparent;
    padding-bottom: 0px;*/
    /*border-bottom: 2px solid #3cf;*/
}

#header:after {
    content: "";
    display: block;
    /*height: 20px;*/
    width: 100%;
    /*background-image: url('../images/border_bottom.png');*/
    background-repeat: repeat-x;
    background-position: left bottom;
    position: relative;
    top: 0px;
}

#top {}

#panel_logo {display: block; width: calc((var(--default-content-width) * 0.4));}
#panel_logo p {display: block; width:100%;}
#panel_logo p img {width: 100%; filter: invert();}

#panel_hotline {display: none;}
#panel_hotline p {display: inline-block; color: rgba(220,220,220,1);margin: 0px; padding: 0px;}
#panel_hotline p span {margin: 0px; padding: 0px;}
#panel_hotline p #panel_hotline_phone {font-size: 1.2em; font-weight: normal;}
#panel_hotline p #panel_hotline_email {font-size: 1.2em;}

#panel_cart {display: block; width: calc(var(--default-content-width) / 2);}
#panel_cart a, #panel_cart p {/*color: white;*/ color: #333333;}
#panel_cart p {margin: 0px; padding: 0px 0px 0px 20px; text-align: right; font-size: 1.2em; color: rgba(220,220,220,1);}
#panel_cart a, #panel_hotline p, #panel_hotline a { color: #333333;}
#panel_cart a:hover {}
#panel_cart .cart_strip_xl, #panel_hotline .contact_xl{display: inline-block;}

#top, #navigation_menu, #navigation_categories {display: block; width: 100%; margin: 0 auto;}
#top {display: block; background: rgba(255,0,0,0.0); border-bottom: var(--theme-border);}
#top_panels {width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)) /*960px*/; padding: 0px var(--dst-m)/*20px*/; margin: 0 auto;}

#navigation_menu {line-height: 24px; background: rgba(255,255,255,0.5); font-size: 14px; clear: both;}
#navigation_menu a {/*color: white;*/ font-weight: bold;}
#panel_navigation {width: var(--default-content-width)/*1000px*/; margin: 0 auto;}
#panel_catalogue {display: block; width: var(--default-content-width); margin: 0 auto;}

#panel_search {display: block; width: 180px; margin: 0px 20px 0px 0px; float: right; height: 40px;}
#panel_search p {margin: 0px; padding: 5px 0px; line-height: 30px; height: 30px; vertical-align: middle;}
#panel_search p input {
	margin: 0px; 
	padding: 5px 40px 5px 15px; 
	width: 123px; 
	line-height: 20px; 
	height: 20px; 
	vertical-align: bottom;
	border: none;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
	border-radius: 3px;
	color: #333; font-size: 11px;
	overflow: hidden;
	font-style: italic;
}
#panel_search .btn_container {display: block; height: 0px; width: 0px; z-index: 10; float: right; position: absolute;}
#panel_search button.btn {display: block; position: relative; top: 5px; right: -149px; border-radius: 3px;
background-color: rgba(255,255,255,1) !important;
}

#panel_navigation {height: 24px; line-height: 24px; vertical-align: middle;}

#navigation_categories {display: block;  height: 40px; line-height: 40px; vertical-align: middle; background: rgba(255,255,255,0.75); font-size: 20px;}
#panel_catalogue {display: block; height: 40px; line-height: 40px; vertical-align: middle;}
#panel_catalogue .menu {display: block; width: calc(var(--default-content-width) - 180px - var(--dst-m)) /*800px*/; float: left;}
ul.menu {padding: 0px; margin: 0px;}
ul.menu li {display: inline-block; text-transform: uppercase;}
#panel_navigation ul.menu {padding: 0px 20px;}
#panel_navigation ul.menu li {margin-left: 10px; line-height: 24px;}
#panel_navigation ul.menu li:first-child {margin-left: 0px;}
#panel_navigation ul.menu li a {display: inline-block; padding: 0px; height: 24px; line-height: 24px; }
#panel_navigation ul.menu li button {display: inline-block; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}

#panel_catalogue ul.menu {display: block; height: 40px; float: left;}
#panel_catalogue ul.menu li {display: block; height: 40px; line-height: 40px; float: left;}
#panel_catalogue ul.menu li a {display: block; float: left; padding: 0px 20px;}
#panel_catalogue ul.menu li a:hover {}

#panel_catalogue ul.menu li a img {max-height: 26px; top: 6px; position: relative;}

#panel_navigation .round {border-radius: 8px;}
#panel_catalogue .active_path {background: rgba(255, 255, 255, 1); color: #333;}
#panel_catalogue .active_path:hover {background: rgba(255, 255, 255, 1) !important; text-decoration: underline !important;}

/* RESPONSIVE MENU */
#er_top, #er_navigation_menu, #er_navigation_categories, #er_navigation_technical {display: block; width: 100%; margin: 0 auto;}
#er_top {display: block; /*background: rgba(0,0,0,0.5);*/ background-color: var(--theme-color) ; border-bottom: var(--theme-border);}
#er_top_panels {display: flex; justify-content: space-between; align-items: center; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)) /*960px*/; padding: var(--dst-m) var(--dst-m)/*20px*/; margin: 0 auto; clear: both; color: rgba(220,220,220,1);}

#er_navigation_menu {display: block; line-height: 30px; /*height: 30px;*/ background: rgba(255,255,255,0.5); font-size: 1.1em; clear: both;}
#er_navigation_menu_toggle {display: block; line-height: 40px; /*height: 30px;*/ background: rgba(0,0,0,0.1); font-size: 1.1em; clear: both;/* position: fixed;*/}
#er_navigation_menu a {/*color: white;*/ font-weight: bold;}

#er_navigation_technical {display: block; line-height: 30px; /*height: 30px;*/ background: rgba(255,255,255,0.5); font-size: 1.1em; clear: both;}
#er_navigation_technical a {/*color: white;*/ font-weight: bold;}

#er_panel_navigation {display: block; clear: both; width: var(--default-content-width)/*1000px*/; margin: 0 auto; /*height: 30px;*/ line-height: 30px; vertical-align: middle;}
#er_panel_navigation .round {border-radius: 8px;}

#er_user_menu {display: block; line-height: 30px; /*height: 30px;*/ background: rgba(255,255,255,0.4); font-size: 1.1em; clear: both;}
#er_user_menu a {/*color: white;*/ font-weight: bold;}
#er_panel_user {display: block; clear: both; width: var(--default-content-width)/*1000px*/; margin: 0 auto; /*height: 30px;*/ line-height: 30px; vertical-align: middle;}
#er_panel_user .round {border-radius: 8px;}
#er_panel_user ul.menu {padding: 0px 20px; line-height: 30px;}
#er_panel_user ul.menu:not(:first-child) {border-top: 1px dotted #333;}
#er_panel_user ul.menu li {margin-left: 0px; height: 30px; line-height: 30px;}
/*#er_panel_user ul.menu li:first-child {margin-left: 0px;}*/
/*#er_panel_user ul.menu li:not(:first-child) {display: none;}*/
#er_panel_user ul.menu li a {display: inline-block; padding: 0px; height: 30px; line-height: 30px; }
#er_panel_user ul.menu li button {display: inline-block; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}


#er_panel_navigation_toggle {display: flex; justify-content: space-between; align-items: center;/*display: block; clear: both;*/ width: var(--default-content-width)/*1000px*/; margin: 0 auto; /*height: 30px;*/ line-height: 40px; vertical-align: middle;}
#er_panel_navigation_toggle .menu {margin-left: var(--dst-m);}
#er_panel_navigation_toggle .menu:not(:first-child) {/*margin-right: var(--dst-m);*/ margin-left: 0px;}
#er_panel_navigation_toggle button.navigation_toggle {margin: 0px !important; background-color: rgba(64,64,64,1) !important; border-radius: 3px; /* background-position: 0px -60px;*/ /*filter: brightness(0) invert(1);*/}
#er_panel_navigation_toggle a.navigation_toggle {margin: 0px !important; background-color: rgba(64,64,64,1) !important; border-radius: 3px; /* background-position: 0px -60px;*/ /*filter: brightness(0) invert(1);*/}

#er_panel_logo {}
#er_panel_logo a {/*line-height: 40px;*/}
#er_panel_logo a img {height: 20px; vertical-align: middle; padding-left: var(--dst-m);}

#er_navigation_categories {display: block;  /*height: 40px;*/ line-height: 40px; vertical-align: middle; background: rgba(255,255,255,0.75); font-size: 1.3em;}

#er_panel_catalogue {display: block; /*height: 40px;*/ line-height: 40px; vertical-align: middle; width: var(--default-content-width); margin: 0 auto;}
#er_panel_catalogue .menu {display: block; width: calc(var(--default-content-width)) /*800px*/; float: none;}
ul.menu {padding: 0px; margin: 0px;}
ul.menu li {display: block; text-transform: uppercase;}
#er_panel_navigation ul.menu {padding: 0px 20px; line-height: 30px;}
#er_panel_navigation ul.menu:not(:first-child) {border-top: 1px dotted #333;}
#er_panel_navigation ul.menu li {margin-left: 0px; height: 30px; line-height: 30px;}
/*#er_panel_navigation ul.menu li:first-child {margin-left: 0px;}*/
/*#er_panel_navigation ul.menu li:not(:first-child) {display: none;}*/
#er_panel_navigation ul.menu li a {display: inline-block; padding: 0px; height: 30px; line-height: 30px; }
#er_panel_navigation ul.menu li button {display: inline-block; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}

#er_panel_catalogue ul.menu {display: block; /*height: 40px;*/ /*float: left;*/}
#er_panel_catalogue ul#panel_dt_calculator {display: block; /*height: 40px;*/ /*float: left;*/}
#er_panel_catalogue ul#panel_catalogue_categories {display: block; /*height: 40px;*/ /*float: left;*/}
#er_panel_catalogue ul.menu {display: block; /*height: 40px;*/ /*float: left;*/}
#er_panel_catalogue ul.menu li {display: block; height: 40px; line-height: 40px; /*float: left;*/}
#er_panel_catalogue ul.menu li a {display: block; float: left; padding: 0px 20px;}
#er_panel_catalogue ul.menu li a:hover {}
#er_panel_catalogue ul.menu li a img {max-height: 26px; top: 6px; position: relative;display: none;}
#er_panel_catalogue .active_path {background: rgba(255, 255, 255, 1); color: #333;}
#er_panel_catalogue .active_path:hover {background: rgba(255, 255, 255, 1) !important; text-decoration: underline !important;}

#er_panel_search {display: block; width: calc(100% - var(--dst-m) - var(--dst-m)); margin: 0px; padding: 0px var(--dst-m); /*float: right;*/ height: 40px;/* background-color: rgba(0,0,0,0.1);*/}
#er_panel_search p {margin: 0px; padding: 5px 0px; line-height: 30px; height: 30px; vertical-align: middle;
display: flex; justify-content: space-between; align-items: center;
width: 100% /*calc(var(--default-content-width) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m))*/; }
#er_panel_search p input {
margin: 0px; 
padding: 5px 40px 5px 20px; 
width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-s)); 
line-height: 20px; 
height: 20px; 
vertical-align: bottom;
border: none;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
border-radius: 3px 0px 0px 3px;
color: #333; font-size: 11px;
overflow: hidden;
font-style: italic;
}
#er_panel_search .btn_container {display: inline-block; /*height: 0px; width: 0px; z-index: 10; float: right; position: absolute;*/}
#er_panel_search button.btn {display: inline-block; /*position: relative; top: 5px; right: calc(1px - var(--default-content-width));*/ border-radius: 0px 3px 3px 0px; background-color: rgba(255,255,255,1) !important; margin: 0px !important;}



#erd_top, #erd_navigation_menu, #erd_navigation_categories {display: block; width: 100%; margin: 0 auto;}
#erd_top {display: block; background: rgba(0,0,0,0.5); border-bottom: var(--theme-border);}
#erd_top_panels {display: flex; justify-content: space-between; align-items: center; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)) /*960px*/; padding: var(--dst-m) var(--dst-m)/*20px*/; margin: 0 auto; clear: both; color: rgba(220,220,220,1);}

#erd_navigation_menu {display: block; line-height: 30px; /*height: 30px;*/ background: rgba(255,255,255,0.5); font-size: 1.1em; clear: both;}
#erd_navigation_menu_toggle {display: block; line-height: 40px; /*height: 30px;*/ background: rgba(0,0,0,0.1); font-size: 1.1em; clear: both;}
#erd_navigation_menu a {/*color: white;*/ font-weight: bold;}

#erd_panel_navigation {display: block; clear: both; width: var(--default-content-width)/*1000px*/; margin: 0 auto; /*height: 30px;*/ line-height: 30px; vertical-align: middle;}
#erd_panel_navigation .round {border-radius: 8px;}
#erd_panel_navigation_toggle {display: flex; justify-content: space-between;/*display: block; clear: both;*/ width: var(--default-content-width)/*1000px*/; margin: 0 auto; /*height: 30px;*/ line-height: 40px; vertical-align: middle;}
#erd_panel_navigation_toggle .menu {margin-left: var(--dst-m);}
#erd_panel_navigation_toggle .menu:not(:first-child) {margin-right: var(--dst-m);}
#erd_panel_navigation_toggle button.navigation_toggle {margin: 0px !important; background-color: rgba(212,212,212,1) !important; border-radius: 3px;}

#erd_navigation_categories {display: block;  /*height: 40px;*/ line-height: 40px; vertical-align: middle; background: rgba(255,255,255,0.75); font-size: 1.3em;}

#erd_panel_catalogue {display: block; /*height: 40px;*/ line-height: 40px; vertical-align: middle; width: var(--default-content-width); margin: 0 auto;}
#erd_panel_catalogue .menu {display: block; width: calc(var(--default-content-width)) /*800px*/; float: none;}
ul.menu {padding: 0px var(--dst-m); margin: 0px;}
ul.menu li {display: block; text-transform: uppercase;}
#erd_panel_navigation ul.menu {padding: 0px 20px; line-height: 30px;}
#erd_panel_navigation ul.menu:not(:first-child) {border-top: 1px dotted #333;}
#erd_panel_navigation ul.menu li {margin-left: 0px; height: 30px; line-height: 30px;}
/*#erd_panel_navigation ul.menu li:first-child {margin-left: 0px;}*/
/*#erd_panel_navigation ul.menu li:not(:first-child) {display: none;}*/
#erd_panel_navigation ul.menu li a {display: inline-block; padding: 0px; height: 30px; line-height: 30px; }
#erd_panel_navigation ul.menu li button {display: inline-block; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}

#erd_panel_catalogue ul.menu {display: block; /*height: 40px;*/ /*float: left;*/}
#erd_panel_catalogue ul#panel_dt_calculator {display: block; /*height: 40px;*/ /*float: left;*/}
#erd_panel_catalogue ul#panel_catalogue_categories {display: block; /*height: 40px;*/ /*float: left;*/}
#erd_panel_catalogue ul.menu {display: block; /*height: 40px;*/ /*float: left;*/}
#erd_panel_catalogue ul.menu li {display: block; height: 40px; line-height: 40px; /*float: left;*/}
#erd_panel_catalogue ul.menu li a {display: block; float: left; padding: 0px 20px;}
#erd_panel_catalogue ul.menu li a:hover {}
#erd_panel_catalogue ul.menu li a img {max-height: 26px; top: 6px; position: relative;display: none;}
#erd_panel_catalogue .active_path {background: rgba(255, 255, 255, 1); color: #333;}
#erd_panel_catalogue .active_path:hover {background: rgba(255, 255, 255, 1) !important; text-decoration: underline !important;}

#erd_panel_search {display: block; width: calc(100% - var(--dst-m) - var(--dst-m)); margin: 0px; padding: 0px var(--dst-m); /*float: right;*/ height: 40px;/* background-color: rgba(0,0,0,0.1);*/}
#erd_panel_search p {margin: 0px; padding: 5px 0px; line-height: 30px; height: 30px; vertical-align: middle;
display: flex; justify-content: space-between; align-items: center;
width: 100% /*calc(var(--default-content-width) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m))*/; }
#erd_panel_search p input {
margin: 0px; 
padding: 5px 40px 5px 20px; 
width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-s)); 
line-height: 20px; 
height: 20px; 
vertical-align: bottom;
border: none;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
border-radius: 3px 0px 0px 3px;
color: #333; font-size: 11px;
overflow: hidden;
font-style: italic;
}
#erd_panel_search .btn_container {display: inline-block; /*height: 0px; width: 0px; z-index: 10; float: right; position: absolute;*/}
#erd_panel_search button.btn {display: inline-block; /*position: relative; top: 5px; right: calc(1px - var(--default-content-width));*/ border-radius: 0px 3px 3px 0px; background-color: rgba(255,255,255,1) !important; margin: 0px !important;}



#banner_index {display: block; position: relative; height: 250px; width: var(--default-content-width)/*1000px*/; overflow: hidden; margin: 0 auto; padding: 0px; clear: both;}

h1.title {margin: 0px 0px 0px 0px; padding: 0px 0px;}
p#panel_breadcrumb {margin: 0px 0px 10px 0px; padding: 0px 0px; font-size: 12px;}
p.pager {margin: 0px; padding: 0px 20px 20px 20px; clear: both; font-size: 12px;}
p.pager a {display: inline-block; margin-right: 0px; padding: 2px 8px;}
p.pager a.pager_item {background: rgba(0,0,0,0.03);}
p.pager a.pager_item_active {background: rgba(0,0,0,0.15);}
p.pager a:hover {background: rgba(0,0,0,0.4);}
#content {display:block; /*padding-top: 10px;*/ background: /*#e8cb92*/ white /*rgba(0,0,0,0)*/; padding-bottom: 20px;}

#product, #cart, #order, #orders, #order_detail, #article, #registration, #login {display: block; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m))/*960px*/; padding: 0px var(--dst-m) var(--dst-m) var(--dst-m) /*20px 20px 20px*/; margin: 0 auto;}

#cart, #order, #orders, #order_detail, #article, #registration, #login {background: var(--theme-color-brightest); padding: var(--dst-m);}

#article, #registration, #login, #cart, #order, #product {font-size: 16px;}

#registration {	box-sizing: content-box;}
#registration .regform_container_tiles {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(2,auto);
	width: 100%;	
	grid-gap: var(--dst-l);
	/*background-color: var(--theme-color-light);*/
	grid-area: regform_container;
	padding: 0px; margin: 0px;
}

#registration .regform_container_tiles .regform_tile {
	
}

#registration .regform_container_tiles .regform_tile p {

}

#registration .regform_container_tiles .regform_tile p label {
	width: 40% !important;
}

#registration .regform_container_tiles .regform_tile p input {
	width: calc(60% - var(--dst-m)) !important;
}

#registration .regform_container_tiles .regform_tile p select {
	display: inline-block;
	width: calc(60% - var(--dst-m)) !important;
	padding: var(--dst-xs) var(--dst-xs);
	border: 1px solid var(--theme-color-dark);
	box-sizing: content-box;
}

#registration .regform_container_tiles .regform_tile .note {
/*display: block;
float:right;
width: calc(60% - var(--dst-m)) !important;*/
	font-size: 0.8em;
	margin-top: 1em;
	margin-bottom: 1em;
}

#registration .regform_container_tiles .regform_tile p span.input {
	display: inline-block; width: calc(60% - var(--dst-m)) !important;
}
#registration .regform_container_tiles .regform_tile p span.input label.fi_radio {
font-size: 1rem;
font-weight: bold;
line-height: 1.1;
display: grid;
grid-template-columns: 1em auto;
gap: 0.5em;
}
#registration .regform_container_tiles .regform_tile p span.input label.fi_radio input {

}
#registration .regform_container_tiles .regform_tile p span.input label.fi_radio span {

}

#registration .regform_container_tiles .regform_tile p input#i-delivery_street, #registration .regform_container_tiles .regform_tile p input#i-street {
	width: calc(40% - var(--dst-m)) !important;
}
#registration .regform_container_tiles .regform_tile p input#i-delivery_street_no, #registration .regform_container_tiles .regform_tile p input#i-street_no {
	width: calc(20% - var(--dst-m)) !important;
	margin-left: var(--dst-xs);
}

#registration .regform_container_tiles .regform_tile fieldset {
	font-size: 16px;
	border-radius: 5px;
	padding: 0px var(--dst-m) var(--dst-s) var(--dst-m);
}
#registration .regform_container_tiles .regform_tile fieldset label img {
	max-width: 100%;
}
#registration .regform_container_tiles .regform_tile fieldset legend {
	font-weight: bold;
	padding: 0px var(--dst-s) 0px var(--dst-s);
	/*border: 1px solid gray;*/
}

#order {box-sizing: content-box;}
#order .orderform_container_tiles {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
width: 100%;	
grid-gap: var(--dst-m);
/*background-color: var(--theme-color-light);*/
grid-area: regform_container;
padding: 0px; margin: 0px;
}

#order .orderform_container_tiles .orderform_tile {

}

#order .orderform_container_tiles .orderform_tile h2 {
	margin-top: 0px;
}

#order .orderform_container_tiles .orderform_tile p {

}

#order .orderform_container_tiles .orderform_tile p label {
width: 40% !important;
}

#order .orderform_container_tiles .orderform_tile p input {
width: calc(60% - var(--dst-m)) !important;
}
#order .orderform_container_tiles .orderform_tile p input#i-delivery_street, #order .orderform_container_tiles .orderform_tile p input#i-p_street, #order .orderform_container_tiles .orderform_tile p input#i-r_street  {
width: calc(40% - var(--dst-m)) !important;
}
#order .orderform_container_tiles .orderform_tile p input#i-delivery_street_no, #order .orderform_container_tiles .orderform_tile p input#i-p_street_no, #order .orderform_container_tiles .orderform_tile p input#i-r_street_no {
width: calc(20% - var(--dst-m)) !important;
margin-left: var(--dst-xs);
}

#order .orderform_container_tiles .orderform_tile p textarea {
padding: calc(var(--dst-m) - var(--width-border) - var(--width-border));
width: calc(100% - var(--dst-m) - var(--dst-m)) !important;
}

#order .orderform_container_tiles .orderform_tile fieldset {
font-size: 16px;
border-radius: 5px;
padding: var(--dst-s) var(--dst-m);
}
#order .orderform_container_tiles .orderform_tile fieldset label img {
max-width: 100%;
}
#order .orderform_container_tiles .orderform_tile fieldset legend {
font-weight: bold;
padding: var(--dst-s);
/*border: 1px solid gray;*/
}

#order .orderform_container_tiles .orderform_tile table tr td {

}

#order .orderform_container_tiles .orderform_tile table tr:hover td {
	/*border: 1px red solid;*/
	background: var(--even-line) !important;
	cursor: pointer;
}
#orders p, #orders table td, #orders table th {font-size: 1.2em;}
#orders table#orders_list {display: block; border-spacing: 1px;	border-collapse: separate;}
#orders table#orders_list thead {display: none;}
#orders table#orders_list thead tr {background-color: var(--bg-list-header);}
#orders table#orders_list thead tr th {padding: var(--dst-s) var(--dst-m);}
#orders table#orders_list tbody {display: grid; row-gap: var(--dst-s);}
#orders table#orders_list tbody tr {
	display: grid; 
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto;
	grid-template-areas: "code price" "date status" "menu menu";
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	
}
#orders table#orders_list tbody tr:nth-child(even) {background-color: var(--even-line);}
#orders table#orders_list tbody tr:nth-child(odd) {background-color: var(--odd-line);}
#orders table#orders_list tbody tr td {padding: var(--dst-xs) var(--dst-m);}
#orders table#orders_list tbody tr td.td_code {grid-area: code; padding: var(--dst-s) var(--dst-m) 0px var(--dst-m);}
#orders table#orders_list tbody tr td.td_date {grid-area: date; padding: 0px var(--dst-m) 0px var(--dst-m);}
#orders table#orders_list tbody tr td.td_price {grid-area: price; padding: var(--dst-s) var(--dst-m) 0px var(--dst-m);}
#orders table#orders_list tbody tr td.td_status {grid-area: status; text-align: right; padding: 0px var(--dst-m) 0px var(--dst-m);}
#orders table#orders_list tbody tr td.td_menu {grid-area: menu; padding: 0px var(--dst-m) var(--dst-s) var(--dst-m);}

#order_detail, #order_detail p, #order_detail table th, #order_detail table td {font-size: 0.9rem;}
#order_detail table#order_header {display: block;}
#order_detail table#order_header tbody {display: grid;}
#order_detail table#order_header tbody tr {
	display: grid; 
	grid-template-columns: 1fr; 
	grid-template-rows: auto auto; 
	grid-template-areas: "address" "delivery_address"; 
	row-gap: var(--dst-s);
}
#order_detail table#order_header tbody tr td#address {
	padding: var(--dst-s) var(--dst-m); 
	grid-area: address; 
	border-radius: var(--border-radius); 
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
#order_detail table#order_header tbody tr td#address p {
margin: var(--dst-xs) 0px;
}
#order_detail table#order_header tbody tr td#delivery_address {
	padding: var(--dst-s) var(--dst-m);
	grid-area: delivery_address;
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
#order_detail table#order_header tbody tr td#delivery_address p {
margin: var(--dst-xs) 0px;
}

#order_detail table#order_items {
	width: var(--default-content-width);
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	grid-template-areas: "items" "totals";
	row-gap: var(--dst-s);	
}
#order_detail table#order_items thead {display: none;}
#order_detail table#order_items thead tr {}
#order_detail table#order_items thead tr td {}
#order_detail table#order_items tbody {
	display: block; 
	width: calc(var(--default-content-width));
	padding: 0px;
	margin-top: var(--dst-s);
	grid-template-columns: 1fr;
	row-gap: 0px;
	/*grid-area: items;*/
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
}
#order_detail table#order_items tbody tr:nth-child(odd) {background-color: var(--odd-line);}
#order_detail table#order_items tbody tr:nth-child(even) {background-color: var(--even-line);}
#order_detail table#order_items tbody tr:first-child {border-top: none;}
#order_detail table#order_items tbody tr:not(:first-child) {border-top: 1px dotted var(--theme-color-dark);}
#order_detail table#order_items tbody tr {
	width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m));
	display: grid;
	padding: var(--dst-m) var(--dst-m);
	grid-template-columns: 0.3fr 0.3fr 1fr 1fr;
	grid-template-rows: auto auto auto auto;
	grid-template-areas: "title title title title" "code code code code" "icon icon qty price" "icon icon taxtariff price_vat";
	row-gap: var(--dst-xs);
	column-gap: var(--dst-s);
}
#order_detail table#order_items tbody tr td {}
#order_detail table#order_items tbody tr td.td_code {grid-area: code;place-self: center right;}
#order_detail table#order_items tbody tr td.td_icon {grid-area: icon; place-self: center center;}
#order_detail table#order_items tbody tr td.td_icon img {max-width: calc(var(--default-content-width) * 0.75);}
#order_detail table#order_items tbody tr td.td_title {grid-area: title; padding: 0px;}
#order_detail table#order_items tbody tr td.td_qty {grid-area: qty; padding: 0px; text-align: center; place-self: end center;}
#order_detail table#order_items tbody tr td.td_taxtariff {grid-area: taxtariff; text-align: center; padding: 0px; place-self: start center;}
#order_detail table#order_items tbody tr td.td_price {grid-area: price; padding: 0px; text-align: right; place-self: end end;}
#order_detail table#order_items tbody tr td.td_price_vat {grid-area: price_vat; padding: 0px; text-align: right; font-size: 1.3em; font-weight: bold;}
#order_detail table#order_items tbody tr td span.note {font-size: 0.9em; font-style: normal; text-transform: none;}

#order_detail table#order_items tfoot {
	display: grid; 
	width: calc(var(--default-content-width));
	padding: 0px;
	margin-top: var(--dst-s);	
	grid-area: totals;
	grid-template-columns: 1fr;
	row-gap: 0px;
	border-radius: var(--border-radius);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);	
}
#order_detail table#order_items tfoot tr:not(:first-child) {border-top: 1px dotted var(--theme-color-dark);}
#order_detail table#order_items tfoot tr {
	display: grid;
	padding: var(--dst-m);
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto auto auto;
	grid-template-areas: "title title title" "vat total total" ". total_vat total_vat";
	row-gap: var(--dst-xs);
	column-gap: var(--dst-s);	
}
#order_detail table#order_items tfoot tr td {}
#order_detail table#order_items tfoot tr td.td_title {grid-area: title;padding: 0px;}
#order_detail table#order_items tfoot tr td.td_vat {grid-area: vat;padding: 0px;}
#order_detail table#order_items tfoot tr td.td_total {grid-area: total;padding: 0px;}
#order_detail table#order_items tfoot tr td.td_total_vat {grid-area: total_vat;padding: 0px; font-size: 1.1rem; font-weight: bold;}
#order_detail table#order_items tfoot tr.supertotal {}
#order_detail table#order_items tfoot tr.supertotal td.td_total_vat {padding: var(--dst-xs) var(--dst-s); font-size: 1.5rem; font-weight: bold; background-color: rgba(0,0,0,0.2); border-radius: 3px;}

#catalogue, #product {display: block; width: var(--default-content-width)/*1000px*/; margin: 0 auto;}
#catalogue_content {
	
	background: var(--catalogue-content-background); 
	border-radius: var(--border-radius); 
	margin-top: var(--catalogue-content-top-margin); 
	padding: var(--dst-m);

}
#index {display: block; width: 100%; margin: 0 auto; background-image: /*url('../images/body_top_bg_2.png') top left repeat-x !important;*/}
.bg_image_dt {background-image: url('../images/DTSwiss_Remote_Levers.jpg') !important; background-size: cover !important;}
.bg_image_pattern {/*background-image: url('../images/body_top_bg_2.png') top left repeat-x !important;*/}
/*#catalogue {
margin: 0 auto;
display: grid;
width: 1000px;
grid-template-columns: 25% 75%; 
grid-template-rows: 1fr;	
}*/

#categories_tree {display: block; width: calc(100% - var(--dst-m) - var(--dst-m))/*25%*/; /*height: 100%*/; margin: 0px; /*float:left;*/ padding: 0px var(--dst-m);}
#index_block_news, #index_block_top3 {display: block; width: 960px; float: left;}
#index_block_news {padding-left: 20px;}
#index_block_top3 {padding-right: 20px;}
#index_block_news h2, #index_block_top3 h2 {margin: 0px; padding: 10px 0px 10px 0px; position:relative;}
#index_last_added h2, #catalogue h2, #product_sets h2 {margin: 0px; padding: 10px 20px 10px 20px; position:relative;}
#index_block_news h2:after, #index_block_top3 h2:after, #index_last_added h2:after, #product_sets h2:after {
	/*padding:0;margin:0;display:block;
	content: "";
	width:25%;
	height:1px;
	background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 );
	position: absolute;
	left:0;
	bottom:-1px;*/	
}

#index_block_news .block_product h2, #index_block_top3 .block_product h2 {width: 210px; margin: 0px; padding: 10px 0px 0px 0px; border-top: 1px #ccc solid;font-size: 14px;}
#index_block_news .block_product_s h2, #index_block_top3 .block_product_s h2 {width: 140px; margin: 0px; padding: 10px 0px 0px 0px; /*border-top: 1px #ccc solid;*/font-size: 11px;}
#index_block_news {background: rgba(0,255,0,0);}
#index_block_top3 {background: rgba(255,0,0,0);/* border-left: 1px dotted #ddd;*/}
.index_prods_box_small {}
#index_block_news .block_product_s:nth-child(6n+6) {margin-right: 0px;}
#index_block_top3 .block_product_s:nth-child(3n+1) {margin-left: 3px;}
#index_block_top3 .block_product_s:nth-child(3n+3) {margin-right: 0px;}

.index {
		
}

.article_index {
	display: grid;
	/*width: calc(50% - var(--dst-m));*/
	/*width: 50%;		*/
	width: calc(500px - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
	grid-template-columns: 3fr 4fr;
	/*grid-template-rows: auto;*/
	grid-template-areas: "article_icon article_perex";
	/*padding: var(--dst-m);*/
}

.article_index .icon {
	grid-area: article_icon;
}

.article_index .icon a {
	display: block;
	height: 100%;
	width: 100%;
}

.article_index .icon img {
	/*width: 100%;*/
	width: 100%;
	height: 100%;
	object-fit: cover;	
}
.article_index .article_perex {
	grid-area: article_perex;
	border-left: var(--width-xs) solid var(--theme-color);	
	padding-left: var(--width-m);
}
.article_index h2 {
	/*display: block;
	clear: both;*/
	margin-top: 0px;
	font-size: 20px;
}
.article_index p {
	/*display: block;
	clear: both;*/
	margin-bottom: 0px;
	font-size: 14px;
}

.index #block_categories_flat {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr; 
	grid-template-rows: auto auto;
	/*grid-auto-rows: minmax(min-content, max-content);*/
	/*grid-auto-rows: min-content;*/
	grid-gap: 0px;
}

.index .category_flat {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "icon_container";
}
.index .flat_icon {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: "icon";	
	grid-area: icon_container;
	place-self: stretch;
}


.index .flat_icon img {
	grid-area: icon;
	max-width: 100%;
	max-height: 100%;
	place-self: center center;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	object-fit: cover;
	/*mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));	*/
}
.index .category_flat:first-child .flat_icon img {
	grid-area: icon;
	/*max-width: 100%;*/
	place-self: center center;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	object-fit: cover;
	/*mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));*/	
}


.flat_description_container {
	display: grid;
	grid-template-rows: 1fr auto auto;
	grid-template-columns: 1fr;	
	grid-template-areas: "title" "description" "subcategories";	
	grid-area: icon_container;
	place-self: start start;
	background: var(--bg-dark-image-overlay);
	width: calc(500px - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
	margin: var(--dst-m);
	padding: var(--dst-m);
	font-size: 16px;
}
.category_flat:first-child .flat_description_container {
	place-self: start end;
}


.flat_title {
	grid-area: title;
	place-self: start start;
	/*background: rgba(255,255,255,0.6);*/
	/*margin: var(--dst-m);*/
	margin: 0px;
}
.category_flat:first-child .flat_title {
	grid-area: title;
	place-self: start end;
	/*background: rgba(255,255,255,0.6);*/
}


.flat_title a {
	display: inline-block;
	padding: 0px var(--dst-m);
	width: 100%;
	color: #333;
	font-size: 18px;
	line-height: calc(18px + 40px);
	height: calc(18px + 40px);
}

.flat_title a img {
	max-height: 100%;
}

.flat_description {
	grid-area: description;
	place-self: start start;
	/*margin: var(--dst-m);
	padding: var(--dst-m);*/
	font-size: 18px;
	color: white;
}
.category_flat:first-child .flat_description {
	place-self: start end;
} 


.flat_description p {
	margin: var(--dst-m) 0px;
}
.category_flat:first-child  .flat_description p {
	text-align: right;
}


.index .flat_subcategories_container {
	display: grid;
	/*display: none;*/
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows:auto;
	grid-area: subcategories;
	grid-row-gap: var(--dst-s);
	grid-column-gap: var(--dst-s);	
}

.flat_subcategory {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "subcat_icon_container";
	place-self: stretch;
	background: white;	
}
.flat_subcategory_icon {
	/*overflow: hidden;
	height: 120px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "subcat_icon";
	grid-area: subcat_icon_container;
	place-self: stretch;
	background: white;*/
	grid-area: subcat_icon_container;
	display: flex;
	justify-content: center;
	align-items: center;	
	
}
.flat_subcategory_icon img {
	/*grid-area: subcat_icon;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	place-self: center;*/
	max-width: 80%;
	max-height: 80%;
}

.subcats_style_panels .flat_subcategory_icon {
	height: 100%;
	width: 100%;
	display: grid;
	overflow: hidden;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "icon";	
	grid-area: subcat_icon_container;
	place-self: stretch;
	/*
	grid-area: subcat_icon_container;
	display: flex;
	justify-content: center;
	align-items: center;	
	*/
}
.subcats_style_panels .flat_subcategory_icon img {
	grid-area: icon;
	/*max-width: auto;
	 max-height: auto; 
	 height: auto;
	 width: auto;*/
	min-width: 100%;
	min-height: 100%;
	place-self: center;
	object-fit: cover;
	/*max-width: 90%;
	 max-height: 90%;*/
}
.flat_subcategory_title {
	grid-area: subcat_icon_container;
	place-self: end stretch;
	margin: 0px;
	padding: var(--dst-s);
	background: var(--bg-dark-image-overlay);
	font-size: 14px;
}
.flat_subcategory_title a {
	color: white;
}

#index_block_prods .block_product_tile {
	/*background: rgba(0,0,0,0.1);*/
	width: calc(100%);
	margin: 0px;
	display: inline-grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 240px auto;
	grid-row-gap: 1px;
	grid-column-gap: 1px;
	/*grid-template-areas: "icon icon icon icon" "caption caption caption caption" "perex perex perex perex" "codes codes codes codes" "availability availability incart incart" "price price buttons buttons";*/
	grid-template-areas: "icon icon icon icon" "caption caption caption caption";
	/*align-items: stretch;*/
	/*justify-content: center;
	 a lign-content: center;*/ 
	 /*align-items: center;
	  j ustify-items: center;*/
}

#index_block_prods .block_product_tile .prod_box_icon {grid-area: icon; align-self: stretch; /*width: calc(100% - 20px); margin: 0 auto; height: calc(100% + 0px);*/}
#index_block_prods .block_product_tile a.icon {
	/*display: inline-block; width: calc(100%); margin: 0 auto; height: calc(100% + 0px);line-height: calc(100% + 0px); text-align: center;*/
	/*grid-area: subcat_icon_container;*/
	grid-area: icon;
	display: flex;
	justify-content: center;
	align-items: center;	
	background-color: var(--theme-color-brightest);
	overflow: hidden;
}
#index_block_prods .block_product_tile img {
	max-width: 130%;
	max-height: 130%;
	object-fit: cover;
	
	/*object-position: center center;*/
	/*vertical-align: middle;*/
	/*box-shadow: rgba(255,255,255,255, 1) 0px -2px 6px 0px inset;*/
	mask-image: none /*linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.97) 90%, rgba(0,0,0,0) 100%)*/;
	/*filter: drop-shadow(5px -5px 5px rgba(0,0,0,1));*/
	/*mask-image: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 10%, rgba(255,255,255,0) 100%);*/
	
}
#index_block_prods .block_product_tile h2 {grid-area: caption; font-size: 1.2em; padding: 0.5em 15px !important; margin: 0em 0em 0em 0em !important; vertical-align: middle; background: var(--theme-color-brightest);}
#index_block_prods .block_product_tile .admin_menu_container {grid-area: icon; background: var(--admin-tools); display: none;}
#index_block_prods .block_product_tile p {font-size: 1.3em; margin: 0px !important; background: rgba(0,0,0,0.01);}
#index_block_prods .block_product_tile p.prod_box_perex {display: none; grid-area: perex; font-size: 1.1em; padding: 0.5em 15px !important;}
#index_block_prods .block_product_tile .prod_box_price {grid-area: icon; align-self: end; justify-self: end; font-size: 1.6em; background: rgba(255,255,255,0.5); padding: var(--dst-s) var(--dst-m); z-index: 20;}
/*.block_product_tile .prod_box_price span {display: table-cell; text-align: center;width: 100%; height: 100%; line-height: 100%; vertical-align:middle;}*/
#index_block_prods .block_product_tile .prod_box_codes {display: none; grid-area: codes;}
#index_block_prods .block_product_tile .prod_box_availability {display: none; grid-area: availability; background: rgba(88,148,64,0.2);}
#index_block_prods .block_product_tile .prod_box_incart {display: none; grid-area: incart; background: rgba(88,148,64,0.2);}
#index_block_prods .block_product_tile .prod_box_availability,#index_block_prods .block_product_tile .prod_box_incart,#index_block_prods .block_product_tile .prod_box_codes {display: none; font-size: 12px; padding: 4px 0px 4px 15px; align-self: stretch;}
#index_block_prods .block_product_tile .prod_box_codes .prod_box_code, .block_product_tile .prod_box_codes .prod_box_pn {}
#index_block_prods .block_product_tile .prod_box_cart {display: none; grid-area: buttons; font-size: 1.3em; background: rgba(0,0,0,0.01); text-align: center;}
#index_block_prods .block_product_tile .prod_box_cart input {display: none; width:18px; height:18px; padding: 2px; font-size: 14px; margin: 3px 0px; vertical-align: middle; text-align: center;}
#index_block_prods .block_product_tile .prod_box_cart button {display: none; margin: 0px 0px; vertical-align:middle;}
#index_block_prods .block_product_tile .prod_box_cart button .caption {display: none; font-size: 11px;}
/*.block_product_semidetail .prod_box_admin_container {display: block; float: right; width: 0px; height: 0px; z-index: 10; overflow: visible;}
 . block_product_semidetail .prod_box_admin {display: block; relative; top: 0px; right: 0px; z-index: 11; background: white !importa*nt;}
 .block_product_semidetail .prod_box_admin .btn {position: absolute; top: 0px; right: 0px;}*/

#index_block_prods .block_product_tile:hover .admin_menu_container {display: none; grid-row: 2 / 5; grid-column: 1 / 5; z-index: 10; padding: 10px;}
















/* INDEX EXTENDED */

#index.index_extended {
display: grid;	
width: 100%;
grid-template-columns: 1fr 1fr; 
grid-template-rows: auto 1fr;
/*grid-auto-rows: minmax(min-content, max-content);*/
grid-template-areas: "index_categories index_articles" "index_categories index_prods";
}

.index_extended #articles_index {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	/*flex-basis: auto;*/
	/*align-items: center;	
	 *display: grid;*/
	float: right;
	width: calc(100% - var(--dst-m) - var(--dst-m));
	/*grid-template-columns: 1fr; 
	 *grid-template-rows: auto;*/
	grid-gap: var(--dst-m);
	padding: var(--dst-m);
	background-color: var(--theme-color-light);
	place-self: start start;
	
}

.index_extended #block_categories_flat {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr;
	/*grid-template-rows: auto;*/
	grid-row: 1 / span 2;	
	/*grid-auto-rows: minmax(min-content, max-content);*/
	grid-auto-rows: auto;
	grid-gap: 0px;
	background-color: var(--theme-color-dark);
	place-self: stretch;
}


.index_extended .category_flat {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: "icon_container";
}
.index_extended .flat_icon {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	/*grid-auto-rows: minmax(min-content, max-content);*/
	grid-template-areas: "icon";	
	grid-area: icon_container;
	place-self: stretch;
}

.index_extended .flat_icon img {
	grid-area: icon;
	object-fit: cover;
	/*mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));	*/
}
.index_extended .category_flat:first-child .flat_icon img {
	grid-area: icon;
	object-fit: cover;
	/*mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));*/	
}

.index_extended .flat_description_container {
	display: grid;
	grid-template-rows: 1fr auto auto;
	grid-template-columns: 1fr;	
	grid-template-areas: "title" "description" "subcategories";	
	grid-area: icon_container;
	place-self: start end;
	background: var(--bg-dark-image-overlay);
	width: calc(500px - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
	margin: var(--dst-m);
	padding: var(--dst-m);
	font-size: 16px;
}


.index_extended .flat_title {
	grid-area: title;
	place-self: start end;
	background: rgba(255,255,255,0.6);
	/*margin: var(--dst-m);*/
	margin: 0px;	
}

.index_extended .category_flat .flat_description {
	place-self: start end;
} 

.index_extended .category_flat .flat_description p {
	place-self: start end;	
}

.index_extended .flat_subcategories_container {
	/*display: grid;*/
	display: none;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	grid-area: subcategories;
	grid-row-gap: var(--dst-s);
	grid-column-gap: var(--dst-s);	
}

.index_extended #product_container_tiles {
	display: grid;
	margin: 0px;
	width: calc(500px - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));	
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	grid-row-gap: var(--dst-s);
	grid-column-gap: var(--dst-s);	
}

.index_extended #index_block_prods {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: start;
	/*float: right;*/
	width: 100%;
	/*grid-template-columns: 1fr; 
	 *grid-template-rows: auto;*/
	/*grid-gap: var(--dst-m);*/
	padding: var(--dst-m);
	background-color: var(--theme-color-light);
	/*place-self: stretch;*/
	grid-area: index_prods;
}














/* INDEX EXTENDED HORIZONTAL FOR MOBILE/BASE FOR ALL*/

#index.index_extended_horizontal {
	margin: 0 auto;
	/*width: var(--default-content-width);*/
	width: 100%;
	display: grid;
	/*
	grid-template-areas: "index_lb index_categories index_rb" "index_lb index_articles index_rb" "index_lb index_products index_rb";
	grid-template-columns: auto var(--default-content-width) auto;
	*/
	grid-template-areas: "index_warning" "index_banners" "index_categories" "index_articles" "index_products" "index_legal";
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;
}

.index_extended_horizontal #articles_index {
	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: start;
	
	
	/*
	align-items: top;
	/*width: calc(var( --default-content-width) - var(--dst-m) - var(--dst-m));*/
	width: var(--default-content-width);
	/*display: grid;
	grid-template-columns: 1fr; 
	grid-template-rows: auto;
	grid-gap: var(--dst-m);
	*/
	gap: var(--dst-m);
	padding-top: var(--dst-m);
	padding-bottom: var(--dst-m);
	padding-left: var(--dst-m);
	padding-right: var(--dst-m);
	background-color: var(--theme-color-brightest);
	place-self: start start;
	
	grid-area: index_articles;
	/*
	justify-items: center;
	align-items: start;
	*/
}

#articles #articles_index {
	padding-top: var(--dst-m);
	padding-bottom: 0px;	
	background-color: var(--theme-color-brightest);	
}

#articles #articles_header {
	padding-top: var(--dst-m);
	padding-right: var(--dst-m);	
	padding-bottom: var(--dst-m);
	padding-left: var(--dst-m);	
	background-color: var(--theme-color-brightest);
}

.index_extended_horizontal #articles_index .article_index {
	
	/*flex: 1 1 95%;*/
	/*flex: 1 0 20%;*/
	/*display: grid;*/
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: start;	
	width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
	/*width: 50%;		*/
	/*width: calc((var(--default-content-width) / 2) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));*/
	/*grid-template-columns: 3fr 4fr;*/
	/*
	grid-template-columns: 1fr;
	grid-template-rows: calc(var(--default-content-width) / 2) auto;
	grid-template-areas: "article_icon" "article_perex";
	*/
	padding: var(--dst-m);
	border-radius: var(--border-radius);
}

.index_extended_horizontal #articles_index .article_index .icon {
	grid-area: article_icon;
}

.index_extended_horizontal #articles_index .article_index .icon a {
	display: block;
	height: 100%;
	width: 100%;
}

.index_extended_horizontal #articles_index .article_index .icon img {
	/*width: 100%;*/
	width: 100%;
	height: 100%;
	object-fit: cover;	
}
.index_extended_horizontal #articles_index .article_index .article_perex {
	grid-area: article_perex;
	border-left: none;
	border-top: var(--width-xs) solid var(--theme-color);	
	padding-left: 0px;
	padding-top: var(--width-m);
}
.index_extended_horizontal #articles_index .article_index h2 {
	/*display: block;
	 *clear: both;*/
	margin-top: 0px;
	font-size: 1.3em;
}
.index_extended_horizontal #articles_index .article_index p {
	/*display: block;
	 *clear: both;*/
	margin-bottom: 0px;
	font-size: 14px;
}

.index_extended_horizontal #articles_index #youtube_index {
	background: black;
	overflow: hidden;
	border-radius: var(--border-radius);
	width: calc(100% - var(--dst-m) - var(--dst-m));
	aspect-ratio: 16/9;
}

.index_extended_horizontal #articles_index #youtube_index div#youtube_video_container {
	width: 100%;
	height: 100%;
}	

.index_extended_horizontal #articles_index #youtube_index iframe {
	width: 100%;
	height: 100%;
}

#articles #articles_support {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: var(--default-content-width);
	padding-top: var(--dst-m);
	padding-bottom: 0px;	
	background-color: var(--theme-color-brightest);	
}

.index_extended_horizontal #articles_support .article_support {
	/*flex: 1 1 95%;*/
	flex: 1 0 calc(100% - (4 * var(--dst-m)));
	
	display: grid;
	/*width: 50%;		*/
	/*width: calc((var(--default-content-width) / 2) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));*/
	/*grid-template-columns: 3fr 4fr;*/
	grid-template-columns: 1fr;
	grid-template-rows: calc(40px) auto;
	grid-template-areas: "article_icon" "article_perex";
	padding: var(--dst-m);
	margin: 0px var(--dst-m) var(--dst-m) var(--dst-m);
	background: var(--theme-color-brightest);
}

.index_extended_horizontal #articles_support .article_support .divider_arrow_down {
	display: block;
	height: calc(var(--dst-m) - (var(--dst-s) / 2));
	width: 100%;
	background-color: var(--theme-color-light);
	clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), calc(50% + 20px) calc(100% - 10px), 50% 100%, calc(50% - 20px) calc(100% - 10px), 0% calc(100% - 10px)) !important;
}

.index_extended_horizontal #articles_support .article_support .icon_logo {
	grid-area: article_icon;
	
}

.index_extended_horizontal #articles_support .article_support .icon_logo a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

.index_extended_horizontal #articles_support .article_support .icon_logo img {
	/*width: 100%;*/
	height: 40px;
}
.index_extended_horizontal #articles_support .article_support .article_perex {
	grid-area: article_perex;
	border-left: none;
	border-top: var(--width-xs) solid var(--theme-color);	
	padding: var(--dst-m) 0px 0px 0px;
}
.index_extended_horizontal #articles_support .article_support h2 {
	/*display: block;
	 *clear: both;*/
	margin-top: 0px;
	font-size: 1.3em;
}
.index_extended_horizontal #articles_support .article_support p {
	/*display: block;
	 *clear: both;*/
	margin-bottom: 0px;
	font-size: 14px;
}
.index_extended_horizontal #articles_support .article_support .article_perex ul {
	padding-left: 0px;
	list-style-position: inside;
}	

.index_extended_horizontal #articles_support .article_support .article_perex ul li {
	
}

.index_extended_horizontal #articles_support .article_support .article_date {
	grid-area: article_icon;
	justify-self: end;
	align-self: end;
	padding-bottom: var(--dst-xs);
	font-size: 0.9em;
	/*style="padding-bottom: 0px; margin-bottom: 0px; text-style: italic; font-size: 0.9em;"*/
}

.index_extended_horizontal #block_categories_flat {
	display: flex;
	flex-direction: column-reverse;
	justify-content: stretch;
	align-items: stretch;
	height: auto;
	width: calc(100% - var(--dst-m) - var(--dst-m));
	flex-wrap: wrap;
	gap: var(--gap-size);
	padding-top: var(--dst-m);
	padding-bottom: var(--dst-m);
	padding-left: var(--dst-m);
	padding-right: var(--dst-m);	
	background-color: var(--theme-color-ultradark);
	place-self: start start;
	grid-area: index_categories;
}

.index_extended_horizontal #block_categories_flat .category_flat {
	flex: 1 0 55%;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: "icon_container";
	overflow: hidden;
}
.index_extended_horizontal #block_categories_flat .flat_icon {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	grid-template-areas: "icon";	
	grid-area: icon_container;
	place-self: stretch;
	/*border: red 1px solid;*/
	background-position: center;
	background-size: cover;
}


.index_extended_horizontal #block_categories_flat .flat_icon img {
	/*grid-area: icon;*/
	/*max-width: 50%;
	max-height: 50%;*/
	/*place-self: center center;*/
	/*max-width: 50%;
	max-height: 50%;*/
	/*width: auto;
	height: auto;*/
	/*object-fit: cover;*/
	/*mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));	*/
}

.index_extended_horizontal #block_categories_flat .flat_description_container:nth-child(odd) {
	display: grid;
	grid-template-rows: 1fr auto auto;
	grid-template-columns: 1fr;	
	grid-template-areas: "title" "description" "subcategories";	
	grid-area: icon_container;
	background: var(--bg-dark-image-overlay);
	/*width: calc((var(--default-content-width) / 3) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));*/
	width: calc(100% - var(--dst-m) - var(--dst-m));
	margin: 0px;
	padding: var(--dst-m);
	font-size: 16px;
}

.index_extended_horizontal #block_categories_flat .flat_description_container:nth-child(even) {
	display: grid;
	grid-template-rows: 1fr auto auto;
	grid-template-columns: 1fr;	
	grid-template-areas: "title" "description" "subcategories";	
	grid-area: icon_container;
	background: var(--bg-dark-image-overlay);
	/*width: calc((var(--default-content-width) / 3) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));*/
	width: calc(100% - var(--dst-m) - var(--dst-m));
	margin: 0px;
	padding: var(--dst-m);
	font-size: 16px;
}

.index_extended_horizontal #block_categories_flat .category_flat:nth-child(odd) .flat_description_container{
	place-self: start center;	
}
.index_extended_horizontal #block_categories_flat .category_flat:nth-child(even) .flat_description_container{
	place-self: start center;	
}

.index_extended_horizontal #block_categories_flat .flat_title {
	grid-area: title;
	place-self: start start;
	/*background: rgba(255,255,255,0.6);*/
	/*margin: var(--dst-m);*/
	margin: 0px;
	width: 100%;
}

.index_extended_horizontal #block_categories_flat .flat_title a {
	display: flex;
	align-items: center;
	justify-content: center;
	/*display: inline-block;*/
	padding: 0px;
	margin: 0px;
	width: 100%;
	color: #333;
	/*font-size: 18px;*/
	/*line-height: calc(18px + 40px);*/
	/*height: calc(18px + 40px);*/
	/*line-height: calc(var(--default-content-width) / 30);*/
	height: calc(var(--default-content-width) / 30);
}

.index_extended_horizontal #block_categories_flat .flat_title a img {
	/*width: calc((var(--default-content-width) / 3) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));*/
	max-width: calc(100% - var(--dst-m) - var(--dst-m));
	max-height: 40px;
}

.index_extended_horizontal #block_categories_flat .flat_description {
	grid-area: description;
	place-self: start start;
	/*margin: var(--dst-m);
	 *padding: var(--dst-m);*/
	font-size: 0.8rem;
	/*color: white;*/
	color: #111111;
}

.index_extended_horizontal #block_categories_flat .category_flat .flat_description p, .index_extended_horizontal #block_categories_flat .category_flat:first-child .flat_description p {
	margin: var(--dst-m) 0px;
	text-align: left;
}

.index_extended_horizontal #block_categories_flat .flat_subcategories_container {
	/*display: grid;*/
	display: none;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows:auto;
	grid-area: subcategories;
	grid-row-gap: var(--dst-s);
	grid-column-gap: var(--dst-s);	
}

.index_extended_horizontal #block_categories_flat .flat_subcategory {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "subcat_icon_container";
	place-self: stretch;
	background: white;	
}
.index_extended_horizontal #block_categories_flat .flat_subcategory_icon {
	/*overflow: hidden;
	 * height: 120px;
	 * display: grid;
	 * grid-template-columns: 1fr;
	 * grid-template-rows: 1fr;
	 * grid-template-areas: "subcat_icon";
	 * grid-area: subcat_icon_container;
	 * place-self: stretch;
	 * background: white;*/
	grid-area: subcat_icon_container;
	display: flex;
	justify-content: center;
	align-items: center;	
	
}
.index_extended_horizontal #block_categories_flat .flat_subcategory_icon img {
	/*grid-area: subcat_icon;
	 * max-width: 100%;
	 * max-height: 100%;
	 * width: auto;
	 * height: auto;
	 * object-fit: contain;
	 * place-self: center;*/
	max-width: 80%;
	max-height: 80%;
}

.index_extended_horizontal #block_categories_flat .subcats_style_panels .flat_subcategory_icon {
	height: 100%;
	width: 100%;
	display: grid;
	overflow: hidden;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "icon";	
	grid-area: subcat_icon_container;
	place-self: stretch;
	/*
	 * grid-area: subcat_icon_container;
	 * display: flex;
	 * justify-content: center;
	 * align-items: center;	
	 */
}
.index_extended_horizontal #block_categories_flat .subcats_style_panels .flat_subcategory_icon img {
	grid-area: icon;
	/*max-width: auto;
	 * max-height: auto; 
	 * height: auto;
	 * width: auto;*/
	min-width: 100%;
	min-height: 100%;
	place-self: center;
	object-fit: cover;
	/*max-width: 90%;
	 * max-height: 90%;*/
}
.index_extended_horizontal #block_categories_flat .flat_subcategory_title {
	grid-area: subcat_icon_container;
	place-self: end stretch;
	margin: 0px;
	padding: var(--dst-s);
	background: var(--bg-dark-image-overlay);
	font-size: 14px;
}
.index_extended_horizontal #block_categories_flat .flat_subcategory_title a {
	color: white;
}

.index_extended_horizontal #index_block_prods {
	display: grid;
	/*width: calc(var( --default-content-width) - var(--dst-m) - var(--dst-m));*/
	width: calc(var( --default-content-width) - var(--dst-m) - var(--dst-m));		
	grid-gap: var(--dst-m);
	/*padding: var(--dst-m);*/
	padding-top: var(--dst-m);
	padding-bottom: var(--dst-m);
	padding-left: var(--dst-m) /*calc((100% - var(--default-content-width)) / 2)*/;
	padding-right: var(--dst-m) /*calc((100% - var(--default-content-width)) / 2)*/;	
	background-color: var(--theme-color-light);
	grid-area: index_products;
	grid-template-areas: "index_products_title" "index_products_container";
	grid-template-columns: 100%;
	grid-template-rows: auto auto;	
}

.index_extended_horizontal #index_block_prods h2 {
	/*place-self: start left;
	grid-area: index_products_title;	*/
	margin: 0px;
}

.index_extended_horizontal #index_block_prods #product_container_tiles {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	width: calc(var( --default-content-width));	
	grid-gap: var(--dst-m);
	background-color: var(--theme-color-light);
	grid-area: index_products_container;
	padding: 0px; margin: 0px;
}

.index_extended_horizontal #index_block_prods #product_container_tiles .block_product_tile{
	/*width: minmax(150px, 320px);*/
}










/*
#block_categories_flat h2 {font-size: 14px; margin: 0px; padding: 0px;}
#block_categories_flat h2 a {}*/

#block_categories {display: block; padding: 10px 0px; /*height: 125px;*/}
#block_categories h2 {display: block; width: 125px; height: 125px; margin: 0px; padding: 0px;background: rgba(0,0,255,0);float: left; font-size: 12px;}
#block_categories h2 a {display: block; width: 125px; height: 125px;background: rgba(0,0,255,0);}
#block_categories h2 a span {color: #111 !important; display: block; width: 85px;padding: 20px 20px; /*background: rgba(255,255,255,0.5);*//*text-shadow: 2px 2px 8px #FFF;*/}

/*.block_category {display: inline-block; background: white; width: 150px; height: 180px;}
.block_category .icon_container {display: inline-block; line-height: 150px; height: 150px; width: 150px; vertical-align: middle; text-align: center; overflow: hidden;}
.block_category .icon {max-width: 150px; max-height: 150px; vertical-align: middle; text-align: center;}
.block_category .title {display: block; line-height: 30px; height: 30px; background: rgba(0,0,0,0.1); text-align: center; margin: 0px;}*/

.category_details {
	/*margin: 0 auto;*/
	margin: 0px 0px var(--dst-m) 0px;
	width: calc(100% - var(--dst-m) - var(--dst-m));	
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	font-size: 0.8rem !important;
}

.category_details p {
	margin: 0px;
}

#category_details {
	margin: 0 auto;
	width: calc(100%);
	display: grid;
	grid-template-columns: 50% 50%; 
	grid-template-rows: 1fr;
	margin-bottom: 20px;
	background: var(--theme-color-brightest);
	padding: var(--dst-m) 0px;
	font-size: 0.8rem;
}

#category_details img {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
max-width: 100%/*max-content*/;
max-height: 350px;
margin: 0 auto;
}

#category_details div {
/*min-height: 30px;*/
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;	
/*font-size: 1.4em;*/
}

#category_details.cat_style_panels div {
	grid-column-start: 1;
}

.block_catalogue_categories {width: calc(100%);}
.block_catalogue_categories {
	width: calc(100%);
	display: grid;
	grid-template-rows: repeat(auto-fill, 1fr);
	grid-template-columns: 1fr 1fr;
	grid-row-gap: .5em;
	grid-column-gap: 1em;	
}

/*
.block_category {display: inline-block; background: white; width: 100%;}
.block_category .icon_container {display: inline-block;  width: 100%; vertical-align: middle; text-align: center; overflow: hidden;}
.block_category .icon {max-width: 100%; max-height: 100%; vertical-align: middle; text-align: center;}
.block_category .title {display: block; line-height: 30px; height: 30px; background: rgba(0,0,0,0.1); text-align: center; margin: 0px;}
.block_category .title a {display: inline-block; line-height: 30px; height: 30px; width: 100%;}
*/

.block_category {
	display: grid;
	overflow: hidden;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr auto;
	grid-template-areas: "block_category_container" "block_category_details";
	/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1) !important;*/
	/*border: 1px solid red;*/
	border-radius: var(--border-radius);
	background: var(--theme-color-brightest);
}
.subcats_style_panels .block_category {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "block_category_container";
}
.block_category .icon_container {
	/*height: 100%;
	width: 100%;
	display: grid;
	overflow: hidden;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "icon";	
	grid-area: block_category_container;
	place-self: stretch;*/
	grid-area: block_category_container;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.subcats_style_panels .block_category .icon_container {
	/*height: 100%;
	width: 100%;
	display: grid;
	overflow: hidden;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "icon";	
	grid-area: block_category_container;
	place-self: stretch;*/

	grid-area: block_category_container;
	display: flex;      
	justify-content: center;
	align-items: center;	
	overflow: hidden;
}

.block_category .icon.border_mode_none {
	grid-area: icon;
	/*max-width: 90%;
	max-height: 90%;
	place-self: center;*/
	/*max-width: 90%;
	max-height: 90%;*/
	flex-shrink: 1;
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
}

.block_category .icon.border_mode_add_border {
	grid-area: icon;
	/* max-width: 90%;
	 * max-height: 90%;
	 * place-self: center;*/
	/*max-width: 90%;
	 *max-height: 90%;*/
	flex-shrink: 1;
	max-height: 90%;
	max-width: 90%;
	object-fit: cover;
}

.block_category .icon.border_mode_expand {
	grid-area: icon;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.block_category .icon.border_mode_add_border_thick {
	grid-area: icon;
	/* max-width: 90%;
	 * max-height: 90%;
	 * place-self: center;*/
	/*max-width: 90%;
	 *max-height: 90%;*/
	flex-shrink: 1;
	max-height: 60%;
	max-width: 60%;
	object-fit: cover;
}

.block_category .icon.border_mode_crop {
	grid-area: icon;
	/* max-width: 90%;
	 * max-height: 90%;
	 * place-self: center;*/
	/*max-width: 90%;
	 *max-height: 90%;*/
	flex-shrink: 1;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	/*mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--dst-s)), rgba(0,0,0,0) calc(100% - var(--dst-s)), rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--dst-s)), rgba(0,0,0,0) calc(100% - var(--dst-s)), rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--dst-s)), rgba(0,0,0,0) calc(100% - var(--dst-s)), rgba(0,0,0,0) 100%);
	mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--dst-s)), rgba(0,0,0,0) calc(100% - var(--dst-s)), rgba(0,0,0,0) 100%);*/
}

.subcats_style_panels .block_category .icon.border_mode_none {
	grid-area: icon;
	/*max-width: auto;
	max-height: auto;*/
	/*height: auto;
	width: auto;*/
	/*min-width: 100%;
	min-height: 100%;
	place-self: end start;*/
	/*object-fit: cover;*/
	/*max-width: 90%;
	max-height: 90%;*/
	flex-shrink: 1;
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;	
}

.subcats_style_panels .block_category .icon.border_mode_add_border {
	grid-area: icon;
	/*max-width: auto;
	 *max-height: auto;*/
	/*height: auto;
	 *width: auto;*/
	/*min-width: 100%;
	 * min-height: 100%;
	 * place-self: end start;*/
	/*object-fit: cover;*/
	/*max-width: 90%;
	 *max-height: 90%;*/
	flex-shrink: 1;
	max-height: 90%;
	max-width: 90%;
	object-fit: cover;	
}

.subcats_style_panels .block_category .icon.border_mode_add_border_thick {
	grid-area: icon;
	/*max-width: auto;
	 *max-height: auto;*/
	/*height: auto;
	 *width: auto;*/
	/*min-width: 100%;
	 * min-height: 100%;
	 * place-self: end start;*/
	/*object-fit: cover;*/
	/*max-width: 90%;
	 *max-height: 90%;*/
	flex-shrink: 1;
	max-height: 60%;
	max-width: 60%;
	object-fit: cover;	
}

.subcats_style_panels .block_category .icon.border_mode_crop {
	grid-area: icon;
	/*max-width: auto;
	 *max-height: auto;*/
	/*height: auto;
	 *width: auto;*/
	/*min-width: 100%;
	 * min-height: 100%;
	 * place-self: end start;*/
	/*object-fit: cover;*/
	/*max-width: 90%;
	 *max-height: 90%;*/
	flex-shrink: 1;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;	
}

.block_category .title {
	grid-area: block_category_container;
	place-self: end stretch;
	background: rgba(0,0,0,0.1);
	/*background: rgba(255,255,255,0.8)*//*var(--bg-text-overlay)*/;		
	margin: 0px;
}
.subcats_style_panels .block_category .title {
	grid-area: block_category_container;
	place-self: start stretch;
	background: rgba(255,255,255,0.7)/*var(--bg-text-overlay)*/;	
	margin: 0px;
}
.block_category .title a {
	display: inline-block;
	padding: 10px var(--dst-m);
	width: calc(100% -20px);
	color: #333;
	font-size: 15px;
	line-height: 15px;
}

.block_category .subcat_details {
	grid-area: block_category_details;	
	place-self: start stretch;
	background: rgba(0,0,0,0.1);	
	margin: 0px;	
	padding: 0px var(--dst-m) var(--dst-m) var(--dst-m);
	font-size: 1.1em;
}

.subcats_style_panels .block_category .subcat_details {
	display: none;
	grid-area: block_category_container;	
	place-self: end stretch;
	background: rgba(255,255,255,0.8);	
	margin: 0px;	
	padding: var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
	font-size: 0.6rem;
	/*font-family: "Barlow Condensed";*/
	font-weight: 400;
}

.block_category .subcat_details a {
	text-decoration: none;
}

.block_category .flag_stickers {
	display: flex;
	flex-direction: column;
	gap: var(--dst-xs);
	grid-area: block_category_container;	
	place-self: start end;
	/*background: rgba(255,255,255,0.8);	*/
	margin: 0px;	
	padding: var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
	font-size: 0.8rem;
	/*font-family: "Barlow Condensed";*/
	font-weight: 400;
	align-items: flex-end;	
}

.block_category .flag_sticker {
	display: inline-block;
	padding: 3px 5px;
	background-color: var(--theme-color);
	border-radius: 2px;
	color: var(--theme-color-brightest);
	text-transform: uppercase;
}

.subcats_style_panels .block_category .flag_stickers {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	grid-area: block_category_container;	
	place-self: end start;
	/*background: rgba(255,255,255,0.8);	*/
	margin: 0px;	
	padding: var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
	font-size: 0.9rem;
	/*font-family: "Barlow Condensed";*/
	font-weight: 400;
	/*margin: var(--dst-m);*/
	/*width: calc(100% - var(--dst-m) - var(--dst-m));*/
	height: 25%;
	border-radius: 1px;
	align-items: flex-end;
}	

.subcats_style_panels .block_category .flag_stickers .flag_sticker {
	display: inline-block;
	flex-basis: 50%;
	flex-grow: 0;
	padding: 3px 5px/*var(--dst-xs) var(--dst-xs)*/;
	background-color: var(--theme-color);
	border-radius: 2px;
	font-size: 0.75rem;
	color: var(--theme-color-brightest);
	text-align: center;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px 0px;
}

#index_last_added, #product_sets {display: block; clear: both; width: var(--default-content-width)/*1000px*/; margin: 0 auto;}
.index_prods_box {}

#panel_categories, #panel_categories_hlighted, #tab_manufacturers {display: block; width: calc(100% - var(--dst-m) - var(--dst-m)); float: left;clear:left; background: var(--theme-color-brightest);}

#panel_articles_categories.collapsible,#panel_categories.collapsible, .collapsible {padding: var(--dst-m) var(--dst-m); text-align: left;}
#panel_articles_categories.collapsible ul, #panel_categories.collapsible ul,.collapsible ul {list-style-type: none; padding: 0px 0px 5px 0px; margin: 0px; list-style-position: outside; font-size: 14px; clear:both; display: block;}
#panel_articles_categories.collapsible ul li, #panel_categories.collapsible ul li, .collapsible ul li{ padding: 0px; margin: 0px 0px 5px 0px; clear:both; font-size: 14px; line-height: 14px;}
#panel_articles_categories.collapsible ul li .bullet, #panel_categories.collapsible ul li .bullet, .collapsible ul li .bullet{padding: 0px; margin: 0px; display: block; float: left; width: 15px;}
#panel_articles_categories.collapsible ul li .caption, #panel_categories.collapsible ul li .caption,.collapsible ul li .caption {padding: 0px 20px 0px 20px; margin: 0px; display: block; }
#panel_articles_categories.collapsible ul li.active, #panel_categories.collapsible ul li.active,.collapsible ul li.active {color: #333;}
#panel_articles_categories.collapsible ul li a, #panel_categories.collapsible ul li a,.collapsible ul li a {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; line-height: 14px;}
#panel_articles_categories.collapsible ul li a.active, #panel_categories.collapsible ul li a.active, .collapsible ul li a.active{color: #333; font-weight: bold; /*font-style: italic;*/}
#panel_articles_categories.collapsible ul li ul, #panel_categories.collapsible ul li ul,.collapsible ul li ul{list-style-type: none; padding: 15px 0px; margin: 0px; list-style-position: outside; font-size: 14px; clear:both; display: block; border-radius: var(--border-radius);}
#panel_articles_categories.collapsible ul li ul li, #panel_categories.collapsible ul li ul li, .collapsible ul li ul li{list-style-type: none; margin: 0px 0px 5px 0px;font-size: 14px; line-height: 14px;}
#panel_articles_categories.collapsible ul li ul li.active, #panel_categories.collapsible ul li ul li.active, .collapsible ul li ul li.active{color: #333;}
#panel_articles_categories.collapsible ul li ul li a, #panel_categories.collapsible ul li ul li a, .collapsible ul li ul li a{line-height: 14px; /*font-style: italic;*/margin: 0px 0px 0px 10px;}
#panel_articles_categories.collapsible ul li ul li a.active, #panel_categories.collapsible ul li ul li a.active, .collapsible ul li ul li a.active{font-weight: bold; /*font-style: italic;*/}
#panel_articles_categories.collapsible ul li ul li ul, #panel_categories.collapsible ul li ul /*li ul*/, .collapsible ul li ul li ul{
	border-top: 10px solid var(--theme-color)/*#e10915*/;
	clear: both; display: block; list-style-type: none; padding: 10px 10px 10px 10px; margin: 7px 0px !important; list-style-position: outside; font-size: 11px; clear:both; display: block; background: /*rgba(255,255,255,0.6)*/ rgba(0,0,0,0.02);  border-radius: var(--border-radius);;
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

/*#panel_articles_categories.collapsible ul li ul li ul:before, #panel_categories.collapsible ul li ul li ul:before, .collapsible ul li ul li ul:before{
	content: url('../images/lbl_arrow_up.png');
	display: block;
	float:left;
	height: 0;
	left: -10px;
	position: relative;
	top: -41px;
	z-index: 10;
}
*/
#product_list {

}

#panel_categories.bb_red,#panel_categories_tree_manufacturer.bb_red {border-bottom: 5px solid var(--theme-color)/*#E10915*/;}

#panel_articles_categories.collapsible ul li:before, #panel_categories.collapsible ul li:before, .collapsible ul li:before{}
#panel_articles_categories.collapsible ul li ul li ul li a, #panel_categories.collapsible ul li ul li ul li a, .collapsible ul li ul li ul li a{color: #333 !important; /*font-style: italic;*/}

.collapsible .active_category0, .collapsible .active_category1, .collapsible .active_category2, .collapsible .active_category3, .collapsible .active_category4, .collapsible .active_category5 {display: block; width: 0px; height: 0px; float: right; position: relative; z-index: 11;}
.collapsible .active_category0 img {position: absolute; z-index: 11; top: -2px; left: -20px;}
.collapsible .active_category1 img {position: absolute; z-index: 11; top: -2px; left: -20px;}
.collapsible .active_category2 img {position: absolute; z-index: 11; top: -2px; left: -20px;}
.collapsible .active_category3 img {position: absolute; z-index: 11; top: -2px; left: -20px;}
.collapsible .active_category4 img {position: absolute; z-index: 11; top: -2px; left: -20px;}
.collapsible .active_category5 img {position: absolute; z-index: 11; top: -2px; left: -20px;}

.connector_container {display: block; width: 0px; height: 0px; float: right; position: relative; z-index: 11;}
.connector_container img {position: absolute; z-index: 11; top: -2px; left: -20px;}

.collapsible .btn_subcats_cnt {display: block; width: 0px; height: 0px; float: left; position: relative; z-index: 10;}
.collapsible .btn_subcats {display: block; width: 11px; height: 11px; top: 2px; left: 0px; position: relative; z-index: 10; /*background: rgba(225, 9, 21,1) url(../images/btn_collapse_11.png);*/}
.collapsible .open {display: block; width: 11px; height: 11px; top: 2px; left: 0px; position: relative; z-index: 10;background: var(--theme-color) url('../images/btn_collapse_11.png'); /*filter: hue-rotate(40deg);*/}
.collapsible .close {display: block; width: 11px; height: 11px; top: 2px; left: 0px; position: relative; z-index: 10;background: var(--theme-color) url('../images/btn_collapse_11.png') 0px -11px no-repeat;/* filter: hue-rotate(40deg);*/}
.collapsible .btn_subcats_empty {display: block; width: 11px; height: 11px; top: 2px; left: 0px; position: relative; z-index: 10;background: rgba(170,170,170,1);}

#menu_sections {height: 100%; width: 100%;}
#menu_sections div.jqttabs ul li a {font-size: 0.7em;}
#menu_sections div.jqttabs ul li a span {display: inline-block; vertical-align: middle !important; margin-left: 0px; margin-right: 0px;}

#panel_manufacturers {padding: 10px 10px 0px 10px; color: #333;}
#panel_manufacturers h3 {font-weight: normal; color: #333; padding-bottom: 0px; font-size: 20px; text-align: right; text-transform: uppercase; border: none;}
#panel_manufacturers h3 span {}
#panel_manufacturers ul {list-style-type: none; padding: 0px 0px 15px 0px; margin: 0px; list-style-position: outside; font-size: 13px; clear:both; display: block;}
#panel_manufacturers ul li {display: inline-block; vertical-align: middle; padding: 0px;}
#panel_manufacturers ul li a {vertical-align: middle; padding: 0px; width: 24px; height: 24px; color: #333; font-weight: bold !important; text-align: center;}
#panel_manufacturers .jqtsubpanel {display: block; padding: 0px 10px;}
#panel_manufacturers .jqtsubpanel ul li {display: block; width: 100%; margin-right: 0px !important; margin-bottom: 0px; float:left;}
#panel_manufacturers .jqtsubpanel ul li a {margin-right: 0px !important; margin-bottom: 0px;}

#panel_manufacturers .caption span {display: inline-block; border-radius: 7px; height: 14px; width: 14px; background: red; vertical-align: middle; margin-left: 5px; background: rgba(255,0,0,1) url('../images/arrow_l_pink.png') -3px -2px;}
#panel_manufacturers .caption span img {vertical-align: middle;}

.content_right {display: block; width: 100%; /*float: right;*/ clear: both;}

#block_products {display: block; clear: both;}

.block_product_s {width: 135px; height: 230px; padding:10px 10px; text-align:center; float:left;margin-right: 6px; margin-bottom: 5px;}
.block_product_s .icon {display: block; width: 135px; height: 170px; line-height: 170px; vertical-align: middle;}
.block_product_s .icon img {max-height: 170px; max-width: 135px; vertical-align: middle;}
.block_product_s .prod_box_icons_cnt {display: block; opacity: 0.9; filter: alpha(opacity=90); width: 0px; height: 0px; float: right; z-index: 20; position: relative; /*right: 30px;*/ line-height: 30px !important;}
.block_product_s .prod_box_icons_cnt button,.block_product_s .prod_box_icons_cnt a {margin-bottom: 5px;/* border-radius: 15px !important;*/}
.block_product_s:hover .prod_box_icons_cnt {display: block; opacity: 1; filter: alpha(opacity=100);}
.block_product_s .icon .prod_box_price_cnt {display: block; width: 0px; height: 0px; float: right; z-index: 10; position: relative;}
.block_product_s .icon .prod_box_price_cnt .prod_box_price {display: block; /*width: 135px;*/ padding: 0px 10px; height: 20px; line-height: 20px; font-size: 12px; vertical-align: medium; text-align: right; top: 145px; /*right: -10px;*/ position: absolute; background: rgba(255,255,255,0.6);}
.block_product_s:hover .icon .prod_box_price_cnt .prod_box_price {display: block;}
.block_product_s h2 {width: 135px; margin: 0px; padding: 10px 0px 0px 0px; /*border-top: 1px #ccc solid;*/font-size: 11px;}
.block_product_s h2:before {
	padding:0;margin:0;display:block;
	content: "";
	width:135px;
	height:2px;
	/*background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 );*/

    background-image: url('../images/divider_xs.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    /*position: relative;*/
    top: 0px;

        position: absolute;
	left:0;
	top:-1px;	
}
.block_product_s h2:after {display: none !important;}

.block_product {width: 210px; height: 300px; padding: 20px 10px 10px 10px; margin-bottom: 10px; margin-right: 10px; text-align:center; float:left;}
.block_product:nth-child(3n+3) {/*background: red;*/ margin-right: 20px;}
.block_product:nth-child(3n+1) {/*background: blue;*/ margin-left: 20px;}
#index_last_added .block_product {margin-right: 0px !important; margin-left: 0px !important;}
#index_last_added .block_product:nth-child(4n+1) {margin-left: 20px !important; margin-right: 12px !important;}
#index_last_added .block_product:nth-child(4n+2) {margin-left: 0px !important; margin-right: 12px !important;}
#index_last_added .block_product:nth-child(4n+3) {margin-left: 0px !important; margin-right: 12px !important;}
#index_last_added .block_product:nth-child(4n+4) {margin-right: 20px !important;}

.block_product .icon {display: block; width: 210px; height: 190px; line-height: 190px; vertical-align: middle;}
.block_product .icon img {max-height: 190px; max-width: 210px; vertical-align: middle;
/*display:block;     box-shadow: inset 0px 3px 34px 18px rgba(232, 203, 146, 1);*/
}

.prod_box_flags_cnt {display: block; float: left; overflow: visible; width: 0px; height: 0px; position: relative; z-index: 5;}
.prod_box_flags {margin: 0px !important; padding: 0px !important; display: block; line-height: 20px; position: relative; vertical-align: middle; /*border: 1px red solid;*/top: 0px; left: 0px; z-index: 5;}
.block_product .prod_box_flags {left: 10px;}
.block_product_s .prod_box_flags {left: 3px;}
.prod_box_flags span {
	display: inline-block;
	width: auto;
	padding: 0px 7px;
	line-height: 20px;
	font-size: 11px;
	color:white;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
}

.block_product .prod_box_icons_cnt {display:block;  opacity: 0.9; filter: alpha(opacity=90); width: 0px; height: 0px; float: right; z-index: 20; position: relative; /*right: 40px; top: 0px;*/ line-height: 30px !important;}
.block_product .prod_box_icons_cnt button,.block_product .prod_box_icons_cnt a {margin-bottom: 5px;/* border-radius: 15px !important;*/}
.block_product:hover .prod_box_icons_cnt {display: block; opacity: 1; filter: alpha(opacity=100);}
.block_product .icon .prod_box_price_cnt {display: block; width: 0px; height: 0px; float: right; z-index: 10; position: relative;}
.block_product .icon .prod_box_price_cnt .prod_box_price {
        display: block;
        background: rgba(255,255,255,0.6);
        width: 90px;
        padding: 0px 10px;
        height: 24px;
        line-height: 24px;
        font-size: 16px;
        vertical-align: medium;
        text-align: right;
        top: 155px;
        /*right: 0px;*/
        position: absolute;
}

.block_product h2 {width: 210px; height: 40px; margin: 0px; padding: 10px 0px 0px 0px !important; overflow: hidden; /*border-top: 1px #ccc solid;*/font-size: 14px;}
.block_product h2:before {
	padding:0;
	margin:0;
	display:block;
	content: "";
	width:210px;
	height:5px;
	/*background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 );*/

    background-image: url('../images/divider_s.png');
    background-repeat: repeat-x;
    background-position: 0px 0px;
    /*position: relative;*/
    top: 0px;


	position: absolute;
	left:0;
	top:-1px;		
}
.block_product h2:after {display: none !important;}
.block_product .perex {font-size: 12px; text-align: left; margin: 0px 0px 5px 0px;}
.block_product .b_transport_free_cnt {display: block; position: relative; top: 140px; float: left; width: 0px; height: 0px; z-index: 10;}
.block_product .b_transport_free_cnt .b_transport_free_label {display: inline-block; width: 100px; background: rgba(32,32,32,0.8); color: white; line-height: 10px; vertical-align: middle; font-size: 10px; font-weight: bold; padding: 5px 5px;}
.block_product .variants_info {display: block; text-align: left; float: left; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

#b_transport_free_cnt {display: block; position: relative; float: left; width: 0px; height: 0px; z-index: 10;}
#b_transport_free_cnt #b_transport_free_label {display: inline-block; width: auto; background: rgba(32,32,32,0.8); color: white; line-height: 20px; vertical-align: middle; font-size: 20px; font-weight: bold; padding: 10px 10px;}

.block_product_l {width: 460px; height: 400px; padding:10px 20px; margin-bottom: 20px; text-align:center; float:left;}
.block_product_l .icon {display: block; width: 460px; height: 370px; line-height: 370px; vertical-align: bottom;}
.block_product_l .icon img {max-height: 370px; max-width: 460px; vertical-align: bottom;}
.block_product_l .prod_box_icons_cnt {display: block; width: 0px; height: 0px; float: right; z-index: 20; position: relative; right: 40px; line-height: 30px !important;}
.block_product_l .prod_box_icons_cnt button,.block_product .prod_box_icons_cnt a {margin-bottom: 5px;/* border-radius: 15px !important;*/}
.block_product_l:hover .prod_box_icons_cnt {display: block;}
.block_product_l .icon .prod_box_price_cnt {display: block; width: 0px; height: 0px; float: left; z-index: 10; position: relative;}
.block_product_l .icon .prod_box_price_cnt .prod_box_price {display: block; width: 190px; padding: 0px 10px; height: 20px; line-height: 20px; font-size: 14px; vertical-align: medium; text-align: right; top: 140px; position: absolute;}
.block_product_l h2 {width: 460px; margin: 0px; padding: 10px 0px 0px 0px !important; /*border-top: 1px #ccc solid;*/font-size: 14px;}
.block_product_l h2:before {
	padding:0;
	margin:0;
	display:block;
	content: "";
	width:460px;
	height:5px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=1 );



	position: absolute;
	left:0;
	top:-1px;		
}
.block_product_l h2:after {display: none !important;}

.block_product_simple {width: 710px; height: 60px; margin: 0px 20px 10px 20px; text-align: left; float:left; /*border: 1px solid red;*/
/*background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);*/
/*background: linear-gradient(-4deg, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 45%);*/
}
.block_product_simple .icon {display: block; float: left; clear: left; width: 90px; height: 60px; line-height: 60px; vertical-align: middle; text-align: center;}
.block_product_simple .icon img {max-height: 60px; max-width: 90px; vertical-align: middle;}
.block_product_simple .prod_box_icons_cnt {display: block;  opacity: 0.9; filter: alpha(opacity=90); width: 0px; height: 0px; float: right; z-index: 20; position: relative; right: 30px; top: 15px;line-height: 30px !important;}
.block_product_simple .prod_box_icons_cnt button,.block_product .prod_box_icons_cnt a {margin-bottom: 5px;/* border-radius: 15px !important;*/}
.block_product_simple:hover .prod_box_icons_cnt {display: block; opacity: 1; filter: alpha(opacity=100);}
.block_product_simple .icon .prod_box_price_cnt {display: block; width: 0px; height: 0px; float: left; z-index: 10; position: relative;}
.block_product_simple .icon .prod_box_price_cnt .prod_box_price {display: block; width: 80px; padding: 0px 0px; height: 20px; line-height: 20px; text-align: right; font-size: 14px; vertical-align: medium; top: 20px; left: 590px; position: absolute;}
.block_product_simple .icon .prod_box_price_cnt .prod_box_code {display: block; width: 100px; padding: 0px 0px; height: 14px; line-height: 14px; text-align: left; font-size: 12px; vertical-align: medium; top: 16px; left: 490px; position: absolute;}
.block_product_simple .icon .prod_box_price_cnt .prod_box_pn {display: block; width: 100px; padding: 0px 0px; height: 14px; line-height: 14px; text-align: left; font-size: 12px; vertical-align: medium; top: 30px; left: 490px; position: absolute;}
.block_product_simple h2 {display: block; float: left; width: 100%; margin: 0px; padding: 0px 0px 0px 10px !important; /*border: 1px #ccc solid;*/font-size: 14px;}
.block_product_simple .perex {display: block; float: left; width: 100%; padding-left: 10px; margin: 0px;}
.block_product_simple .variants_info {display: block; float: left; width: 100%; padding-left: 10px; margin: 0px;}
.block_product_simple .block_product_descriptions {display: block; float: left; width: 380px;}

.block_product_l .incart_amount,.block_product_s .incart_amount,.block_product .incart_amount {display: inline-block; font-size: 12px; color: #333; text-shadow: 0px 0px 1px #fff; background: rgba(255,255,255,0.7); font-weight: bold; text-align: center; position: relative; top: -7px; left: -19px; width: 16px; height: 16px; border-radius: 8px;/*border: 1px white solid;*/ line-height:16px; vertical-align: middle; }
.block_product_l .incart, .block_product_s .incart,.block_product .incart {background: rgba(32, 36, 41, 0.7); /*rgba(0,0,0,0.7);*/ color: white;}

.block_product_simple .incart_amount {display: inline-block; font-size: 12px; color: #333; text-shadow: 0px 0px 1px #fff; background: rgba(255,255,255,0.7); font-weight: bold; text-align: center; position: relative; top: -7px; left: -19px; width: 16px; height: 16px; border-radius: 8px;/*border: 1px white solid;*/ line-height:16px; vertical-align: middle; }
.block_product_simple .incart {background: rgba(32, 36, 41, 0.7); /*rgba(0,0,0,0.7);*/ color: white;}

#product_container, #product_container_tiles, #article_product_container_tiles {
	display: grid;
	margin: 0 auto;
	width: calc(100%);
	grid-row-gap: var(--dst-s);
	grid-column-gap: var(--dst-s);	
}

#product_container_tiles {
	grid-template-columns: repeat(1, 1fr);
}

#product_container {
	grid-template-columns: 1fr;	
}

.block_product_semidetail {
	/*background: rgba(0,0,0,0.1);*/
	width: 100%;
	margin: 0px 0px var(--dst-s) 0px;
	display: grid;
	grid-template-columns: 1.5fr 6.5fr 2fr;
	grid-template-rows: auto 20px 20px auto;
	grid-row-gap: 1px;
	grid-column-gap: 1px;
	grid-template-areas: "icon caption price" "icon codes availability" "icon perex incart" "icon perex buttons";
	/*align-items: stretch;*/
	/*justify-content: center;
	align-content: center;*/
	/*align-items: center;
	justify-items: center;*/
}

.block_product_semidetail .prod_box_codes {grid-area: codes; display: table-cell; font-size: 12px !important; background: rgba(0,0,0,0.01); padding: 4px 15px; vertical-align: middle; line-height: 12px;}
.block_product_semidetail .prod_box_codes .prod_box_code, .block_product_semidetail .prod_box_codes .prod_box_pn {display: inline-block; line-height: 12px;}
.block_product_semidetail .prod_box_icon {grid-area: icon; align-self: stretch; /*width: calc(100% - 20px); margin: 0 auto; height: calc(100% + 0px);*/}
.block_product_semidetail a.icon {display: flex;
	justify-content: center;
	align-items: center;	
	grid-area: icon;
	/*width: calc(100%); margin: 0 auto; vertical-align: middle; height: calc(100% + 0px); line-height: calc(100% + 0px);text-align: center;*/}
.block_product_semidetail img {max-width:100%; max-height: 90px; /*vertical-align: middle;*/}
.block_product_semidetail h2 {grid-area: caption; font-size: 14px; padding: 8px 15px !important; margin: 0em 0em 0em 0em !important; vertical-align: middle; line-height: 14px; background: rgba(0,0,0,0.01);}
.block_product_semidetail h2 {line-height: 14px;}
.block_product_semidetail .admin_menu_container {grid-area: perex; background: var(--admin-tools); display: none;}
.block_product_semidetail p {/*font-size: 1.3em;*/ margin: 0px !important; background: rgba(0,0,0,0.01);}
.block_product_semidetail p.prod_box_perex {grid-area: perex; font-size: 14px; padding: 4px 15px !important;}
.block_product_semidetail .prod_box_price {grid-area: price; font-size: 14px !important; padding: 8px 15px !important; margin: 0em 0em 0em 0em !important; text-align: center; vertical-align: middle; line-height: 14px;}
.block_product_semidetail .prod_box_availability {grid-area: availability; text-align: center; width: calc(100% - var(--dst-s) - var(--dst-s) - var(--dst-m));font-size:0.7rem; padding: var(--dst-xs) var(--dst-s) !important; margin: 0px;color: #fff; background: var(--theme-color); place-self: center; border-radius: 5px;}
.block_product_semidetail .prod_box_incart {grid-area: incart; font-size: 12px;  padding: 4px 15px !important; background: rgba(0,0,0,0.01); text-align: center; vertical-align: middle; line-height: 12px !important;}
.block_product_semidetail .prod_box_cart {grid-area: buttons; font-size: 1.3em; background: rgba(0,0,0,0.01); text-align: center; line-height: 30px; vertical-align: middle;}
.block_product_semidetail .prod_box_cart input {width:20px; height:20px; padding: 5px; font-size: 14px; margin: 10px 0px; vertical-align: middle; text-align: center;}
.block_product_semidetail .prod_box_cart button {margin: 10px 0px; vertical-align:middle;}
.block_product_semidetail .prod_box_cart button .caption {font-size: 0.7rem !important;}

/*.block_product_semidetail:hover h2 {display: none;}*/
.block_product_semidetail:hover .admin_menu_container {display: block; z-index: 10;}

.block_product_tile {
	/*background: rgba(0,0,0,0.1);*/
	background: var(--panel-background);
	width: calc(100%);
	margin: 0 auto;
	display: inline-grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 240px auto auto 25px auto 30px;
	grid-row-gap: 1px;
	grid-column-gap: 1px;
	grid-template-areas: "icon icon icon icon" "caption caption caption caption" "perex perex perex perex" "codes codes codes codes" "availability availability incart incart" "price price buttons buttons";
	border-radius: var(--border-radius);
	overflow: hidden;
}

.block_product_tile .prod_box_icon {grid-area: icon; align-self: stretch; /*width: calc(100% - 20px); margin: 0 auto; height: calc(100% + 0px);*/}
.block_product_tile a.icon {
	/*display: inline-block; width: calc(100%); margin: 0 auto; height: calc(100% + 0px);line-height: calc(100% + 0px); text-align: center;*/
	/*grid-area: subcat_icon_container;*/
	grid-area: icon;
	display: flex;
	justify-content: center;
	align-items: center;	
	background-color: var(--theme-color-brightest);
	overflow: hidden;
}

.block_product_tile img.border_mode_none {
	max-width:100%;
	max-height: 100%;
	/*vertical-align: middle;*/
	/*box-shadow: rgba(255,255,255,255, 1) 0px -2px 6px 0px inset;*/
	/*mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.97) 90%, rgba(0,0,0,0) 100%);*/
	/*filter: drop-shadow(5px -5px 5px rgba(0,0,0,1));*/
	/*mask-image: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 10%, rgba(255,255,255,0) 100%);*/
	
	flex-shrink: 1;
	/*min-width: 100%;
	min-height: 100%;*/
	object-fit: cover;
}

.block_product_tile img.border_mode_add_border {
	max-width:80%;
	max-height: 80%;
	/*vertical-align: middle;*/
	/*box-shadow: rgba(255,255,255,255, 1) 0px -2px 6px 0px inset;*/
	/*mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.97) 90%, rgba(0,0,0,0) 100%);*/
	/*filter: drop-shadow(5px -5px 5px rgba(0,0,0,1));*/
	/*mask-image: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 10%, rgba(255,255,255,0) 100%);*/
	/*
	flex-shrink: 1;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	*/
}

.block_product_tile img.border_mode_add_border_thick {
	max-width:60%;
	max-height: 60%;
	/*vertical-align: middle;*/
	/*box-shadow: rgba(255,255,255,255, 1) 0px -2px 6px 0px inset;*/
	/*mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.97) 90%, rgba(0,0,0,0) 100%);*/
	/*filter: drop-shadow(5px -5px 5px rgba(0,0,0,1));*/
	/*mask-image: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 10%, rgba(255,255,255,0) 100%);*/
	/*
	 * flex-shrink: 1;
	 * min-width: 100%;
	 * min-height: 100%;
	 * object-fit: cover;
	 */
}

.block_product_tile img.border_mode_crop {
	flex-shrink: 1;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.block_product_tile img.border_mode_expand {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block_product_tile h2 {grid-area: caption; font-size: 1.2em; padding: 0.5em 15px !important; margin: 0em 0em 0em 0em !important; vertical-align: middle; background: rgba(0,0,0,0.01);}
.block_product_tile .admin_menu_container {grid-area: icon; background: var(--admin-tools); display: none;}
.block_product_tile .flags_container {grid-area: icon;align-self: start; justify-self: end; z-index: 20;}
.flags_container .f_new, .flags_container .f_sale, .flags_container .f_action, .flags_container .b_reseller_discount_disallowed, .flags_container .b_status_3, .flags_container .f_order_limit, .flags_container .f_edit {
	display: inline-block; 
	height: 20px; 
	width: auto; 
	padding: 5px 10px;
	line-height: 20px; 
	font-size: 14px;
	color: white;
	font-weight: bold;
	text-transform: uppercase; z-index: 20;}
.f_new {background: #3c88d2;}
.f_sale {background: #2c3035/*#369a68;*/}
.f_action, .f_order_limit {background: #e10915;}
.f_edit {background: #f75b00;}
.b_reseller_discount_disallowed {background: #606060 !important;}
.b_status_3 {background: #f75b00;}
.b_weight {background: orange;}

.block_product_tile p {font-size: 1.3em; margin: 0px !important; background: rgba(0,0,0,0.01);}
.block_product_tile p.prod_box_perex {grid-area: perex; font-size: 1.1em; padding: 0.5em 15px !important;}
.block_product_tile .prod_box_price {grid-area: price; align-self: center; justify-self: center; font-size: 1.6em; background: none; /*padding: 0px 0px 0px 0px !important; margin: 0em 0em 0em 0em !important; text-align: center;width: 100%; height: 100%; line-height: 100%; vertical-align:middle;*/}
/*.block_product_tile .prod_box_price span {display: table-cell; text-align: center;width: 100%; height: 100%; line-height: 100%; vertical-align:middle;}*/
.block_product_tile .prod_box_codes {grid-area: codes;}
.block_product_tile .prod_box_availability {grid-area: availability; background: var(--theme-color);}
.block_product_tile .prod_box_incart {grid-area: incart; background: var(--theme-color);}
.block_product_tile .prod_box_availability, .block_product_tile .prod_box_incart {display: flex;/*font-weight: bold;*/ font-size: 0.8rem; padding: 4px 0px 4px 15px; align-self: stretch; color: #fff;}
.block_product_tile .prod_box_codes {/*font-weight: bold;*/ font-size: 13px; padding: 4px 0px 4px 15px; align-self: stretch;}
.block_product_tile .prod_box_codes .prod_box_code, .block_product_tile .prod_box_codes .prod_box_pn {}
.block_product_tile .prod_box_cart {grid-area: buttons; font-size: 1.3em; background: rgba(0,0,0,0.01); text-align: center;}
.block_product_tile .prod_box_cart input {width:18px; height:18px; padding: 2px; font-size: 14px; margin: 3px 0px; vertical-align: middle; text-align: center;}
.block_product_tile .prod_box_cart button {margin: 0px 0px; vertical-align:middle;}
.block_product_tile .prod_box_cart button .caption {font-size: 11px;}
/*.block_product_semidetail .prod_box_admin_container {display: block; float: right; width: 0px; height: 0px; z-index: 10; overflow: visible;}
.block_product_semidetail .prod_box_admin {display: block; relative; top: 0px; right: 0px; z-index: 11; background: white !important;}
.block_product_semidetail .prod_box_admin .btn {position: absolute; top: 0px; right: 0px;}*/

.block_product_tile:hover .admin_menu_container {display: block; grid-row: 2 / 5; grid-column: 1 / 5; z-index: 10; padding: 10px;}

.admin_image_menu_container {
	grid-area: icon;
	background: none;
	position: relative;
	height: 40px;
	display: block;
}
.admin_image_menu_container button {
	background: none;
}
.admin_image_menu_container button img {
	
}


#catalogue_admin_tools {
	display: grid; margin: 0 auto; width: calc(100% - var(--dst-m) - var(--dst-m));
	grid-template-columns: 1fr;
	grid-template-rows: 30px;
	grid-template-areas: "buttons";
	padding: 20px;
	margin-bottom: var(--dst-m);
	background: var(--admin-tools);
}

#catalogue_admin_tools .buttons {grid-area: buttons;}
/*#catalogue_admin_tools .info {grid-area: info;}*/


.scalable_05 {transform: scale(0.5);}
.scalable_07 {transform: scale(0.7);}

#dialog_item_edit {}


#dialog-cart-item-insert {}
#dialog-cart-item-insert table {width: 100%;}
#dialog-cart-item-insert .td_qty {font-size: 12px;}
#dialog-cart-item-insert .td_qty input.nostep {width: 30px;}
#dialog-cart-item-insert .td_qty input.step {width: 60px;}
#dialog-cart-item-insert .td_title {font-size: 12px;}

#footer {display: block; clear:both; padding: 0px; color: var(--footer-text-color) !important; /*border-top: 5px solid #111;*/}
#footer:before {
 /*   content: "";
    display: block;
    height: 20px;
    width: 100%;
    background-image: url('../images/border_top.png');
    background-repeat: repeat-x;
    background-position: left bottom;
    position: relative;
    top: -30px;*/
}
#footer_container{background: rgba(0,0,0,0.2) /*rgba(0,0,0,0.2)*/; padding: 20px 0px;}
#footer a, #footer li, #footer h4, #footer h2, #footer p {color: var(--footer-text-color) !important;
/*text-shadow: 0 0 30px #fff;*/
}
#panel_footer {display: block; clear:both; margin: 0 auto; width: var(--default-content-width)/*1000px*/;}

#panel_footer_links {display: flex; gap: var(--dst-m); flex-direction: column; justify-content: space-between; align-items: stretch;/* flex-wrap: nowrap;*/ clear:both; margin: 0 auto; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m))/*1000px*/; /*background: rgba(255,255,255,0.1); */padding: var(--dst-s) var(--dst-m);}

.menu_h {padding: 0px; margin: 0px;}

#menu_paticka {}
#menu_partners a, #menu_paticka a,#menu_social_networks a {color: var(--footer-text-color) !important;}
#menu_paticka {display: block; list-style-type: none; padding: 0px; width: 100%; float: left;}
#menu_paticka li {display: block; float: left; list-style-type: none; width: 70%;}
#menu_paticka li h4 {font-size: 20px; margin: 0px 0px var(--dst-m) 0px;}
#menu_paticka li ul {list-style-type: none; padding: 0px; font-size: 14px; font-weight: bold;}
#menu_paticka li ul li {list-style-type: none; display: block; float:none; padding-left: 0px;}

#menu_social_networks {display: block; width: 100%;float: left; padding: 0px; margin: 0px;}
#menu_social_networks li {display: block;padding: 0px; line-height: 40px; vertical-align: middle; margin-bottom: 5px;}
#menu_social_networks li a {vertical-align: middle; font-size: 13px; text-transform: uppercase; font-weight: bold;}
#menu_social_networks li a img {vertical-align: middle; margin-right: 10px; filter: drop-shadow(0px 0px 15px rgba(255,255,255,0.7)) invert(2) contrast(1.5);}
#menu_social_networks li h4 {display: block; padding: 0px; margin: 0px; vertical-align: middle; height: 40px; line-height: middle;}

#footer #panel_contact {display: block; width: 100%; float: left; font-size: 14px; font-weight: 700;}
#footer #panel_contact h2 {margin: 0px; font-size: 16px;}
#footer #panel_contact a {/*color: #fff;*/}


#menu_partners {clear:both; font-size: 12px; font-weight: bold;}
#menu_partners {padding: 0px 20px;}
#menu_partners li {display: inline-block; padding: 0px; margin: 0px;}


#panel_disclaimer {display: block; clear:both; margin: 0 auto; width: var(--default-content-width)/*1000px*/;}

#product.product_detail_standard {width: var(--default-content-width)/*1000px*/; padding: 0px 0px 20px 0px;}
/*
#article .filegallery {}
#article .filegallery .file_box .file_icon {display: block; float:left; margin-right: 20px;}
#article .filegallery .file_box .file_title {font-size: 16px !important; font-weight: bold;}
#article .filegallery .file_box .file_description {font-size: 13px !important;}
*/

#article .filegallery {
	display: grid;
	/*width: 100%;*/
	grid-template-columns: repeat(1, 1fr); 
	grid-template-areas: "file_box";
	margin: 0 auto;
	grid-gap: 10px;	
}
#article .filegallery .file_box {
	display: grid;
	grid-template-columns: 1fr 19fr;
	grid-template-rows: 14px minmax(1fr, auto);
	grid-template-areas: "icon_container title" "icon_container description";	
	place-self: stretch;	
	margin: 0px;
}
#article .filegallery .file_box .file_icon {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "icon";	
	grid-area: icon_container;
	place-self: stretch;
}
#article .filegallery .file_box .file_icon img {
	grid-area: icon;
	place-self: center start;	
}
#article .filegallery .file_box .file_title {
	grid-area: title;
	/*font-size: 15px;*/
	font-weight: bold;
	place-self: start start;
	padding: 0px var(--dst-s);	
}
#article .filegallery .file_box .file_description {
	grid-area: description;
	font-size: 14px;
	font-weight: normal;
	place-self: start start;
	padding: var(--dst-xs) var(--dst-s) 0px var(--dst-s);	
}

#article #right_box {width: var(--default-content-width)/*var(--width-right-column)*/; padding: 0px 0px var(--dst-m) 0px;}
#article #left_box {width: var(--default-content-width)/*var(--width-right-column)*/; padding: 0px 0px var(--dst-m) 0px; overflow: hidden;}
#article_text {width: 100% /*540px*/ !important; float: left;}
#article_map {width: 100% /*420px*/ !important; float: right;}


#article_map p {padding: 0px !important; border: 10px solid rgba(0,0,0,0.5);}
#article_map iframe {display: block; margin: 0px; padding: 0px; border: 0px !important; border-style: none; frameborder: none; width: var(--default-content-width);/* height: var(--default-content-width);*/}

#article #article_product_container_tiles .block_product_tile {
	/*
	width: calc(100%);
	margin: 0 auto;
	display: inline-grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 240px auto auto 25px auto 30px;
	grid-row-gap: 1px;
	grid-column-gap: 1px;
	grid-template-areas: "icon icon icon icon" "caption caption caption caption" "perex perex perex perex" "codes codes codes codes" "availability availability incart incart" "price price buttons buttons";
	*/
	width: calc(100%);
	margin: 0 auto;
	display: inline-grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 240px auto auto;
	grid-row-gap: 1px;
	grid-column-gap: 1px;
	grid-template-areas: "icon icon icon icon" "caption caption caption caption" "perex perex perex perex";	
}

#article #article_product_container_tiles .block_product_tile h2 {grid-area: caption; font-size: 0.9em; padding: 0.5em 15px !important; margin: 0em 0em 0em 0em !important; vertical-align: middle; background: rgba(0,0,0,0.01);}
#article #article_product_container_tiles .block_product_tile a.icon img {max-width: 90%; max-height: 90%;}
#article #article_product_container_tiles .block_product_tile .flags_container {grid-area: icon;align-self: start; justify-self: end; z-index: 5000;}
#article #article_product_container_tiles .block_product_tile p {font-size: 1.0em; margin: 0px !important; background: rgba(0,0,0,0.01);}
#article #article_product_container_tiles .block_product_tile p.prod_box_perex {grid-area: perex; font-size: 0.8em; padding: 0.5em 15px !important;}
#article #article_product_container_tiles .block_product_tile .prod_box_price {grid-area: icon; z-index: 5000; align-self: end; justify-self: end; background: none;}
#article #article_product_container_tiles .block_product_tile .prod_box_price span {padding: var(--dst-xs) var(--dst-s) var(--dst-xs) var(--dst-ms); background: var(--bg-text-overlay); position: relative; right: 0px; bottom: var(--dst-m);
	clip-path: polygon(5px 0, 100% 0, 100% 3px, 100% 100%,0% 100%, 0% 100%);
}
#article #article_product_container_tiles .block_product_tile .admin_menu_container,
#article #article_product_container_tiles .block_product_tile .prod_box_codes,
#article #article_product_container_tiles .block_product_tile .prod_box_availability
#article #article_product_container_tiles .block_product_tile .prod_box_incart,
#article #article_product_container_tiles .block_product_tile .prod_box_availability,
#article #article_product_container_tiles .block_product_tile .prod_box_incart,
#article #article_product_container_tiles .block_product_tile .prod_box_codes,
#article #article_product_container_tiles .block_product_tile .prod_box_codes .prod_box_code, 
#article #article_product_container_tiles .block_product_tile .prod_box_codes .prod_box_pn,
#article #article_product_container_tiles .block_product_tile .prod_box_cart,
#article #article_product_container_tiles .block_product_tile .prod_box_cart input,
#article #article_product_container_tiles .block_product_tile .prod_box_cart button,
#article #article_product_container_tiles .block_product_tile .prod_box_cart button .caption {display: none;}


/*#catalogue h1.title, #catalogue #panel_breadcrumb {padding-left: 20px;}*/
#catalogue h1.title {
	padding-top: var(--dst-m); padding-left: 0px; padding-right:  var(--dst-m); font-size: 2.5em;

}
#product.product_detail_standard h1 {
	padding-top: var(--dst-m); padding-left: 0px; padding-right:  var(--dst-m); font-size: 1.5em;
}
#product.product_detail_standard #panel_breadcrumb, #catalogue #panel_breadcrumb {
	padding-top: var(--dst-xs); padding-left: 0px; padding-right:  var(--dst-m); font-size: 1.2em;
}

#category_filter {padding: 0px 20px;}
#manufacturers_bs .checkbox {width: 140px !important;}
/*#variants_bs, #manufacturers_bs {clear: both;text-align: left; background: #fff; border: 0px solid #fff;padding: 0px; margin: 0px 0px 0px 0px;box-shadow: 0px 2px 8px #eee;}
#variants_bs h3, #manufacturers_bs h3 {padding: 5px 15px; background: rgba(225, 9, 21, 1); color: #fff; font-size: 11px;}
.btn_collapse {display:block; z-index: 10; width: 20px; height: 20px; background: rgba(96, 96, 96,1);}
#filter_active, #filter_bs {text-align: left; background: #fff; border: 1px solid #fff;padding: 10px; margin: 0px 0px 0px 0px;box-shadow: 0px 2px 8px #eee;}
#params_bs p, #filter_bs p {margin: 0px; padding: 0px; line-height: 17px; vertical-align: middle;}
#variants_bs p, #manufacturers_bs p {padding: 10px 10px 10px 10px;margin: 0px; line-height: 17px; vertical-align: middle;}*/

#product #images {display: block; float: left; width: 500px; padding: 20px; /* background: rgba(255,255,255,1);*/}
#product #images #image {display: block; /*width: 500px;*/text-align: center;}
#product #images #image a {text-align: center;}
#product #images #image #dynamic_image {max-width: 500px;}
#product #images #gallery {text-align:center;}

#product.product_detail_standard #images {display: block; float: left; width: calc(var(--default-content-width)); margin: 0px; padding: 0px; background: rgba(255,255,255,1);}
#product.product_detail_standard #images #image {display: block; /*width: 410px;*/text-align: center;}
#product.product_detail_standard #images #image a {text-align: center;}
#product.product_detail_standard #images #image #dynamic_image {max-width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)); max-height: 600px;}
#product.product_detail_standard #images #gallery {/* padding: var(--dst-s); box-shadow: 0px 0px 10px rgba(0,0,0,0.3); */margin-top: var(--dst-m);}
#product.product_detail_standard #images #gallery a {}
#product.product_detail_standard #images #gallery a img {max-width: calc(var(--default-content-width) / 6); border-radius: 3px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
#product #shopping_panel {display: block; float: right; width:  calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)); padding: var(--dst-m);}
#product.product_detail_standard #shopping_panel {width:  calc(var(--default-content-width));padding: var(--dst-m) 0px;}
#product #shopping_panel span {display: block;}
#product #subtitle {font-size: 20px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px;}
#product.product_detail_standard #subtitle {font-size: 16px;}
#product #shopping_panel span span.caption {display: inline-block; font-weight: bold; width: 100px; padding: 0px 10px 0px 0px;}
#product #stock {font-size: 13px; vertical-align: middle; line-height: 20px;}
#product #stock .caption {display: inline-block;font-size: 14px; vertical-align: middle; line-height: 20px;}
#product #stock img {vertical-align: middle; margin-right: 5px;}
/*#product #stock:before {content: url('../images/icn_check.png'); vertical-align: middle;}*/
/*#product #availability {font-size: 12px; font-style: italic; font-size: 12px; margin-top: 3px;}*/
#product #prod_price {font-size: 24px; font-weight: bold; margin-top: 0px; /*margin-bottom: var(--dst-m);*/}

#product #availability_ext {display: block; margin: 10px 0px; width: calc(100% -20px); padding: 10px; color: white; text-align: center; border-radius: 3px;}
#product #availability_ext.available {background: rgba(0,160,0,1);}
#product #availability_ext.unavailable {background: rgba(225,9,21,1);}

#product #price_panel {
	margin-top: var(--dst-s);
	/*padding: var(--dst-s);
	border-radius: 3px;
	background: rgba(225,225,225,1);
	font-size: 14px;	*/
}

#product #price_panel #price_note{
	margin-bottom: var(--dst-s);
	margin-top: 0px;
	padding: var(--dst-s);
	color: white;
	border-radius: 3px;
	background: rgba(225,9,21,1);
	font-size: 14px;
}

#variants {
width: 100%;
display: flex !important;
flex-wrap: wrap;
align-items: center;
row-gap: 1px;
column-gap: 1px;
	/*min-height: 29px;*/ margin-top: var(--dst-m);/* line-height: 29px; vertical-align: middle;*/ justify-content: space-between;}
#variants label {flex: 1;}	
#variants .variant_incart_info_cnt {z-index: 100; display: block; width: 0px; height: 0px; overflow: visible; float: right; position: relative;}
#variants .variant_incart_info_cnt .variant_incart_info {z-index: 100; font-size: 10px; display: block; padding: 3px; background: rgba(0, 160, 0, 1); position: absolute; top: -13px; right: -5px;}
#incart_info {width: calc(100% - 40px); background: var(--light-silver); margin-top: var(--dst-m);}

#prod_quantity {display: inline-block; height: 30px !important; line-height: 30px; width: calc(100% - 0px); padding: 0px; vertical-align: middle; margin: 20px 0px 0px 0px; text-align: left;
	/*background: var(--dark-silver);*/
}
#prod_quantity input {display: inline-block; border-radius: 3px; /*border: 1px solid #c00;*/ background: var(--light-silver); line-height: 20px; height: 20px !important; font-size: 14px; padding: 4px; vertical-align: middle; text-align: center;/*-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;*/ margin-right: 5px;}
#prod_quantity input {}
#prod_quantity input.step {width: 60px;}
#prod_quantity label {display: inline-block; font-size: 16px; color: #00aeff; height: 30px; line-height: 30px !important; vertical-align: middle;}

span.btn {display: inline-block !important; height: 30px; line-height: 30px; vertical-align: middle; margin-left: 5px;}
button#btn_cart_insert {display: inline-block; height: 30px; width: auto; line-height: 30px; overflow: hidden; padding: 0px 10px 0px 30px;
background: url(../images/btn_check.png) 0px -30px no-repeat; vertical-align: middle;}
button#btn_cart_insert span {display: inline-block; font-size: 15px; text-transform: uppercase !important; vertical-align: middle;}

button#btn_cart_insert_s, button#btn_cart_insert_as_new_s {display: block; height: 15px; line-height: 15px; font-size: 11px; text-transform: uppercase; color: #00aeff; padding: 0px; margin: 0px; vertical-align: middle;}
button#btn_cart_insert_s:hover, button#btn_cart_insert_as_new_s:hover {color: #111;}
button#btn_cart_insert:hover {cursor: pointer; background: /*#00aeff*/ url(../images/btn_check.png) 0px -90px no-repeat; color: #111;}
span.btn img {position: absolute; z-index:3; top: 17px; right: 16px; filter:hue-rotate(40deg);}

.has-js .label_check,
.has-js .label_radio    { cursor: pointer; font-size: 14px; display: inline-block; line-height: 20px ; width: 20px; height: 20px; padding: 5px; vertical-align: middle; text-align: center; color: #111;}
.has-js .label_radio {min-width: 20px !important; width: auto !important;}
.has-js label {line-height: 20px; vertical-align: middle;}
.has-js .label_radio    { background: #f3f3f3; /*border: 1px solid #00aeff;*/ /*url(../images/forms_controls_r_off.png) top left no-repeat; */}
.has-js .label_check    { background: #eee; /*url(../images/forms_controls_c_off.png) top left no-repeat; */}
.has-js label.c_on      { background: #00aeff; /*url(../images/forms_controls_c_on.png) top left no-repeat; */}
.has-js label.r_on      { background: #00aeff; /*url(../images/forms_controls_r_on.png) top left no-repeat; */}
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }

#product #product_details {margin-bottom: 20px;}
#product.product_detail_standard #product_details h4 {font-size: 20px;}
#product.product_detail_standard #product_details h4 #product_sheet {font-size: 13px; margin-left: 20px; line-height: 15px;}
#product.product_detail_standard #product_details h4 #product_sheet img {display: inline-block; margin-right: 5px;}
#product.product_detail_standard #product_details {width: calc(var(--default-content-width)); padding: var(--dst-m) 0px; float: right; clear: right; display: block; margin-bottom: 20px;}
#product.product_detail_standard #product_details table {font-size: 0.8rem !important; width: 100%;}
#product.product_detail_standard #product_details table tr td:nth-child(1) {}
#product.product_detail_standard #product_details table tr:nth-child(even) td {background-color: var(--even-line); padding: var(--dst-xs);}
#product.product_detail_standard #product_details table tr:nth-child(odd) td {background-color: var(--odd-line); padding: var(--dst-xs);}

#product #perex {font-size: 14px; font-style: italic;}
#product #description {font-size: 0.9rem !important; margin-top: var(--dst-m);}
#product_semidetail .cleaner {margin: 30px 0px 5px 0px;}

#product_sets_caption {padding: 0px 20px 0px 0px; width: 540px; font-size: 16px;}
.product_set_caption {padding: 0px 20px 0px 0px; width: 540px; font-size: 16px;}
#product_similar_caption {padding: 0px 20px 0px 0px; width: 540px; font-size: 16px;}
#product.product_detail_standard #product_similar_caption {padding: 0px 0px 0px 20px; width: 730px; font-size: 16px;}
#product_similar, #product_sets, #product_alts, #product_parts {/*padding: 20px 60px 20px 0px; width: 500px;*/
	width: calc(var(--default-content-width)); float: right; clear: right; display: block; margin-bottom: 20px; padding: var(--dst-m) 0px;	
}
#product.product_detail_standard #product_similar, #product.product_detail_standard #product_sets {padding: var(--dst-m) 0px; /*width: 750px;*/width: calc(var(--default-content-width)); float: right; clear: right; display: block; margin-bottom: 20px;}

#product #attributes_table, #product #description_table {width: 100%;}
#product #attributes_table tr:nth-child(even), #product #description_table tr:nth-child(even) {background: var(--even-line);}
#product #attributes_table tr:nth-child(odd), #product #description_table tr:nth-child(odd) {background: var(--odd-line);}
#product #attributes_table tr th, #product #attributes_table tr td, #product #description_table tr th, #product #description_table tr td {padding: 10px; line-height: 20px; vertical-align: middle;}
#product #attributes_table tr th, #product #description_table tr th {width: 30%;}
#product #attributes_table tr td, #product #description tr td {}
#product #attributes_table th, #product #description_table th {text-align: left;}
#product #attributes_table td, #product #description_table td {text-align: left;}
#product h4.attribute_title {margin-bottom: 0px;}

#product #attributes_table {display: none;}

#product #files_table {width: 100%; margin-top: 20px;}
#product #files_table caption {text-align: left; text-transform: uppercase; padding-bottom: 10px;}
/*#product #files_table tr:nth-child(even) {background: var(--even-line);}
#product #files_table tr:nth-child(odd) {background: var(--odd-line);}*/
#product #files_table tr th, #product #attributes_table tr td {padding: 0px; line-height: 20px; vertical-align: middle;}
#product #files_table tr th {width: 50px;}
#product #files_table tr td {}
#product #files_table th {text-align: left;}
#product #files_table td {text-align: left;}
#product #files_table td h5 {text-align: left; margin: 0px;}

#product #clips_table {width: 100%; margin-top: 20px;}
#product #clips_table caption {text-align: left; text-transform: uppercase; padding-bottom: 10px;}
/*#product #files_table tr:nth-child(even) {background: var(--even-line);}
 #product #files_table tr:nth-child(odd) {background: var(--o*dd-line);}*/
#product #clips_table tr th, #product #attributes_table tr td {padding: 0px; line-height: 20px; vertical-align: middle;}
#product #clips_table tr th {width: 50px;}
#product #clips_table tr td {}
#product #clips_table th {text-align: left;}
#product #clips_table td {text-align: left;}
#product #clips_table td h5 {text-align: left; margin: 0px;}

input.btn, button.btn, a.btn {
	background-color: rgba(0,0,0,0) !important;
	height: 30px;
	line-height:30px;
	vertical-align: middle;
	display: inline-block;
	/*border: none;*/
	color: #111;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	font-size: 16px;
	padding: 0px 0px 0px 30px;
	text-decoration: none;
	background-position: left -30px;
	text-align: left;
	text-transform: uppercase;
	/*border: 1px solid red;*/
	border-radius: 3px;
}
input.btn_r, button.btn_r, a.btn_r {
	background-color: rgba(0,0,0,0) !important;
	height: 30px;
	line-height:30px;
	vertical-align: middle;
	display: inline-block;
	/*border: none;*/
	color: #111;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	font-size: 16px;
	padding: 0px 30px 0px 0px;
	text-decoration: none;
	background-position: right -30px;
	text-align: left;
	text-transform: uppercase;
	/*border: 1px solid red;*/
	border-radius: 3px;
}
input.btn_xl, button.btn_xl, a.btn_xl {
	background-color: rgba(0,0,0,0.1) /*rgba(225, 9, 21, 0.3) #efc3c6*/ !important;
	height: 40px;
	line-height:40px;
	vertical-align: middle;
	display: inline-block;
	/*border: none;*/
	color: #111;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	font-size: 16px;
	padding: 0px 0px 0px 40px;
	text-decoration: none;
	background-position: left -40px;
	text-align: left;
	text-transform: uppercase;
	/*border: 1px solid red;*/
	border-radius: 3px;
	filter:hue-rotate(40deg) opacity(0.8);
}
input.btn_xxl, button.btn_xxl, a.btn_xxl {
	background-color: rgba(0,0,0,0.1) /*rgba(225, 9, 21, 0.3) #efc3c6*/ !important;
	height: 60px;
	line-height:60px;
	vertical-align: middle;
	display: inline-block;
	/*border: none;*/
	color: #111;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
	font-size: 16px;
	padding: 0px 0px 0px 60px;
	text-decoration: none;
	background-position: left -60px;
	text-align: left;
	text-transform: uppercase;
	/*border: 1px solid red;*/
	border-radius: 3px;
}
input.btn, button.btn {
	margin: 0px 8px 0px 0px !important;
	filter:hue-rotate(40deg);
}
a.btn {
	margin: 0px 10px 0px 0px;
	filter:hue-rotate(40deg);
}
input.btn_xxl, button.btn_xxl {
	margin: 0px 16px 0px 0px;
}
a.btn_xxl {
	margin: 0px 20px 0px 0px;
}
input.btn_xl, button.btn_xl {
	margin: 0px 12px 0px 0px;
}
a.btn_xl {
	margin: 0px 15px 0px 0px;
}
a.btn .caption {
	height: 30px;
	line-height:30px;
	padding-right: 10px;	
	vertical-align: middle;
	position: relative;
	top: -1px;
	/*display: inline-block;*/
	/*border:1px blue solid;*/
}
input.btn .caption, button.btn .caption {
	height: 30px;
	line-height:30px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	padding-right: 10px;	
	/*border:1px blue solid;*/
        width: auto !important;
}
input.btn_r .caption, button.btn_r .caption {
	height: 30px;
	line-height:30px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	padding-left: 10px;
	/*border:1px blue solid;*/
	width: auto !important;
}
a.btn_r .caption {
	height: 30px;
	line-height:30px;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	padding-left: 10px;
	/*border:1px blue solid;*/
	width: auto !important;
}
btn_s.caption {}

input.btn_s {
	height: 18px;
	border: none;
	color: #fff;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 3px 3px 18px;
	text-decoration: none;
	background-position:0px 0px;
	text-align: left;
	filter:hue-rotate(40deg);
}

input.btn_xs {
	height: 10px;
	border: none;
	color: #000;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	background-position:0px 0px;
	text-align: left;	
}

input:hover {
	color: #f00;
}
/*a.btn {
	height: 30px;
	display: inline-block !important;
	border: 1px red solid;
	color: #111;
	cursor: hand;
	font-weight: normal;
	font-size: 16px;
	padding: 0px 10px 0px 30px;
	text-decoration: none;
	line-height: 30px;
	vertical-align: middle;
	text-transform: uppercase;
}
*/
a.btn_s, button.btn_s {
        background-color: rgba(0,0,0,0.05);
        display: inline-block;
	height: 30px;
        font-size: 12px;
	/*border: 1px red solid;*/
	color: #000;
	cursor: hand;
	cursor: pointer;
	font-weight: bold;
	padding: 0px 0px 0px 30px;
	text-decoration: none;
	line-height: 30px;
        text-transform: uppercase;
        vertical-align: middle;
	filter:hue-rotate(40deg);
}

a.btn_xs, button.btn_xs  {
	display: inline-block;
	font-size: 10px;
	height: 16px;
	color: #000;
	cursor: hand;
	cursor: pointer;
	font-weight: normal;
	padding: 0px;
	width: 16px;
	text-decoration: none;
	line-height: 16px;
	vertical-align: middle;
	background-position: 3px 3px;
}
button:hover, a.btn:hover, a.btn_s:hover, a.btn_xs:hover, .btn_r:hover  {
	/*color: #f00;*/
	color:var(--theme-color);
	/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);*/
	/*border: 1px solid rgba(0,0,0,0.05);*/
}

a.ok, input.ok, button.ok {display: inline-block; background: url(../images/btn_ok.png) left -30px no-repeat; overflow: hidden;}
.btn_r.ok {display: inline-block; background: url(../images/btn_ok.png) right -30px no-repeat; overflow: hidden;}
a.back, input.back, button.back {display: inline-block; background: url(../images/btn_back.png) left -30px no-repeat; overflow: hidden;}
a.edit, input.edit, button.edit {display: inline-block; background: url(../images/btn_edit.png) left -30px no-repeat; overflow: hidden;}
a.visible, input.visible, button.visible {display: inline-block; background: url(../images/btn_visible.png) left -30px no-repeat; overflow: hidden;}
a.check, input.check, button.check {display: inline-block; background: url(../images/btn_check.png) left -30px no-repeat; overflow: hidden;}
a.check_red, input.check_red, button.check_red {display: inline-block; background: url(../images/btn_check.png) var(--theme-color)/*#e10915*/ left -30px no-repeat; overflow: hidden;}
a.question, input.question, button.question {display: inline-block; background: url(../images/btn_question.png) left -30px no-repeat; overflow: hidden;}
a.search, input.search, button.search {display: inline-block; background: #333 url(../images/btn_check.png) left -30px no-repeat; overflow: hidden;}
a.cart, input.cart, button.cart {display: inline-block; background: url(../images/btn_cart_strip.png) left -30px no-repeat; overflow: hidden;}
/*a.cart_strip, input.cart_strip, button.cart_strip {display: inline-block; background: url(../images/btn_cart_strip.png) left -30px no-repeat; overflow: hidden;}*/
a.cart_strip, input.cart_strip, button.cart_strip {display: inline-block; background-color: rgba(255,255,255,0) !important;background: url(../images/btn_cart_xl.png) left -30px no-repeat; overflow: hidden;box-shadow: none !important;}
a.cart_strip_xxl, input.cart_strip_xxl, button.cart_strip_xxl {display: inline-block; background-color: rgba(255,255,255,0) !important;background: url(../images/btn_cart_xxl.png) left -60px no-repeat; overflow: hidden;box-shadow: none !important;}
a.cart_strip_xl, input.cart_strip_xl, button.cart_strip_xl {display: inline-block; background-color: rgba(255,255,255,0) !important;background: url(../images/btn_cart_xxl3.png) left -40px no-repeat; overflow: hidden;box-shadow: none !important; filter: invert(0.8); transition: filter 0.5s;}
a.cart_strip_xl:hover, input.cart_strip_xl:hover, button.cart_strip_xl:hover {filter: invert(0.9);}
a.contact_xl, input.contact_xl, button.contact_xl {display: inline-block; background-color: rgba(255,255,255,0) !important;background: url(../images/btn_contact_xxl3.png) left -40px no-repeat; overflow: hidden;box-shadow: none !important; filter: invert(0.8); transition: filter 0.5s;}
a.contact_xl:hover, input.contact_xl:hover, button.contact_xl:hover {filter: invert(0.9);}
a.ok:hover, input.ok:hover, button.ok:hover {background-position: right 0px no-repeat !important;}
a.arrow_d, input.arrow_d, button.arrow_d { background: url(../images/btn_arrow_d.png) 0 3px no-repeat;}
a.arrow_u, input.arrow_u, button.arrow_u { background: url(../images/btn_arrow_u.png) 0 3px no-repeat;}
a.heart, input.heart, button.heart { background: url(../images/btn_heart.png) left -30px no-repeat;}
a.acrobat { background: url(../images/btn_acrobat.png) 0 3px no-repeat;}
a.web { background: url(../images/btn_web.png) 0 3px no-repeat;}
a.cancel, input.cancel, button.cancel,
a.delete, input.delete, button.delete,
a.empty, input.empty, button.empty {background: url(../images/btn_cancel.png) 0 -30px no-repeat;}
a.delete_s, input.delete_s, button.delete_s,
a.empty_s, input.empty_s, button.empty_s {background-color: rgba(0,0,0,0.05) !important; background: url(../images/btn_cancel.png) 0 -30px no-repeat;}
a.delete_xs, input.delete_xs, button.delete_xs,
a.empty_xs, input.empty_xs, button.empty_xs {background: var(--theme-color)/*#e10915*/ url(../images/btn_close_10.png) 3px 3px; background-repeat: no-repeat;}
a.edit_xs, input.edit_xs, button.edit_xs {background: var(--theme-color)/*#e10915*/ url(../images/btn_edit_10.png) 3px 3px; background-repeat: no-repeat;}
a.catalogue_list_style_1 {display: inline-block;background-color: rgba(0,0,0,0.05) !important; background: url(../images/btn_catalogue_list_style.png) 0px -30px no-repeat; }
a.catalogue_list_style_3 {display: inline-block;background-color: rgba(0,0,0,0.05) !important;background: url(../images/btn_catalogue_list_style.png) -30px -30px no-repeat; }
a.catalogue_list_style_2 {display: inline-block;background-color: rgba(0,0,0,0.05) !important;background: url(../images/btn_catalogue_list_style.png) -60px -30px no-repeat; }
a.list {display: inline-block;background: url(../images/btn_catalogue_list_style.png) -60px -30px no-repeat; }
a.tree, input.tree, button.tree {display: inline-block;background: url(../images/btn_tree.png) left -30px no-repeat; }
button.list {display: inline-block;background: url(../images/btn_list.png) 0px -30px no-repeat; }
a.list_dl, button.list_dl {display: inline-block;background: url(../images/btn_list_dl.png) left -30px no-repeat; }
a.list_ul, button.list_ul {display: inline-block;background: url(../images/btn_list_ul.png) left -30px no-repeat; }
a.re, input.re, button.re {display: inline-block; background: url(../images/btn_re.png) left -30px no-repeat; overflow: hidden;}
a.no_icon, button.no_icon, input.no_icon {padding-left: 10px !important; padding-right: 10px !important; background-image: none;}
a.user, input.user, button.user {display: inline-block; background: url(../images/icon_user.fw.png) left -30px no-repeat; overflow: hidden;}
a.folders, input.folders, button.folders {display: inline-block; background: url(../images/icon_tree.fw.png) left -30px no-repeat; overflow: hidden;}
a.basket, input.basket, button.basket {display: inline-block; background: url(../images/icon_cart.fw.png) left -30px no-repeat; overflow: hidden;}

.arrow_down {display: inline-block; height: 30px; width: 30px; background: url(../images/lbl_arr_down.png) left 0px no-repeat;  }
.arrow_horizontal {display: inline-block; height: 30px; width: 30px; background: url(../images/lbl_arr_lr.png) left -30px no-repeat;  }

.btn:hover {background-position: left -90px;}
.btn_r:hover {background-position: right -90px;}
.btn_xxl:hover {background-position: left -180px;}
.btn_xl:hover {background-position: left -120px;}
.check_red:hover {background-position: left -60px !important;}

.btn_s .caption {padding-right: 10px !important;}
.btn_s .caption_flat {padding-right: 0px !important;}

a.catalogue_list_style_1:hover {background-position: 0px -90px !important;}
a.catalogue_list_style_3:hover {background-position: -30px -90px  !important;}
a.catalogue_list_style_2:hover, a.list:hover {background-position: -60px -90px  !important;}

.btn.dark {background-position:  left 0px; color: #fff !important; text-transform: uppercase;}
.btn.dark:hover {background-position: left -30px;}
.btn.red {background-color: var(--theme-color)/*#e10915*/; background-position:  left 0px; color: #fff !important; text-transform: uppercase;}
.btn.red:hover {background-color: #f60915; background-position: left -30px;}
.btn_xs:hover {background-color: #000;}
.btn_25 {height:25px !important; width:25px; line-height: 25px !important;padding-left:25px; background-position: -2px -32px !important;}
.btn_25:hover {height:25px !important; width: 25px; line-height: 25px !important;padding-left:25px; background-position: -2px -92px !important;}

.simple-list {width: 100%;}
.simple-list th {font-size: 13px;}
.td_code {text-align: center;}
.td_icon {background: white; text-align: center;}
.td_title {font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 0px var(--dst-s);}
#cart table .td_title, #order table .td_title {text-transform: none;}
.td_order_limit {font-size: 13px; font-weight: bold; /*text-transform: uppercase;*/ padding: 5px 20px;}
.td_title .item_note {font-size: 12px; margin: 0px; padding: 0px; font-weight: normal;}
.td_qty {font-size: 14px; padding: 0px var(--dst-s); text-align: center; /*width: 70px;*/ max-width: 80px;}
.td_price {font-size: 16px; text-align:right; padding: 0px var(--dst-s);}
.td_price .per_unit {font-size: 16px; text-align:right; display: block;}
.td_price .before_discount {font-size: 12px; text-align:right; display: block;/*text-decoration: line-through; text-decoration-color: rgba(255,0,0,0.4); text-decoration-thickness: 2px;*/}
.td_totals {font-weight: bold; font-size: 18px; /* white-space: nowrap;*/}
.td_tools {padding: 0px 20px; text-align: center;}

#cart .td_icon img, #order .td_icon img {max-width: 90px; max-height: 60px;}
#cart table#cart_content {
	width: var(--default-content-width) !important;
}
#cart table#cart_content thead {
	display: none;
}
#cart table#cart_content tbody {
width: var(--default-content-width) !important;
	/*display: flex;*/
}
#cart table#cart_content tbody tr {
	display: grid;
	width: var(--default-content-width) !important;
	grid-template-columns: 0.7fr 0.3fr 0.3fr 1fr;
	grid-template-rows: auto auto auto auto auto;
	grid-template-areas: "title title title title" "code code code code" "icon quantity quantity price_perunit" "icon quantity quantity price_total" "icon quantity quantity price_total_vat";
	margin-bottom: var(--dst-s);
	/*box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);*/
}
#cart table#cart_content tbody tr td {
	display: grid-item;
	padding-top: var(--dst-xs) !important;
	padding-left: var(--dst-s) !important;
	padding-bottom: var(--dst-xs) !important;
	padding-right: var(--dst-s) !important;	
}
#cart table#cart_content tbody tr td.td_icon {grid-area: icon; place-self: center center;}
#cart table#cart_content tbody tr td.td_title {grid-area: title;}
#cart table#cart_content tbody tr td.td_code {grid-area: code; text-align: left; width: auto !important;}
#cart table#cart_content tbody tr td.td_availability {grid-area: availability;}
#cart table#cart_content tbody tr td.price_perunit {grid-area: price_perunit; place-self: center end;}
#cart table#cart_content tbody tr td span {font-size: 0.9em;}
#cart table#cart_content tbody tr td.price_total {grid-area: price_total; place-self: center end;}
#cart table#cart_content tbody tr td.price_total_vat {grid-area: price_total_vat; place-self: center end; font-weight: bold;}
#cart table#cart_content tbody tr td.price_total_vat span {font-size: 1.1em;}
#cart table#cart_content tbody tr td.price_total_vat .before_discount {font-size: 0.7em;}
#cart table#cart_content tbody tr td.td_qty {grid-area: quantity; place-self: center center;}
#cart table#cart_content tbody tr td.td_tools {grid-area: title; place-self: start end; height: 16px;}
#cart table#cart_content tbody tr td.td_tools a.btn_xs {vertical-align: top; border-top-right-radius: var(--border-radius); position: relative; right: -11px; top:-6px;}
#cart table#cart_content tbody tr td .before_discount {font-size: 0.7em;}

#cart table#cart_content tbody tr.totals {
	display: grid;
	width: var(--default-content-width) !important;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: auto auto;
	grid-template-areas: "title title title title" "icon quantity price_total price_total_vat";
	margin-bottom: var(--dst-s);
}

#cart table#cart_content tbody tr.totals td.td_title {grid-area: title; place-self: center start;}

#cart table#cart_content tbody tr.totals td.td_total {grid-area: price_total; place-self: center center; font-weight: normal;}
#cart table#cart_content tbody tr.totals td.td_total_ad {grid-area: price_total; place-self: center center; font-weight: normal;}
#cart table#cart_content tbody tr.totals td.td_total_vat {grid-area: price_total_vat; place-self: center center;}
#cart table#cart_content tbody tr.totals td.td_total_ad_vat {grid-area: price_total_vat; place-self: center center;}


#order, #login {font-size: 14px;}
#order form p {margin: 0px 0px 5px 0px;}
#order h2 {clear: both;}
#order table {margin-bottom: 20px;}
#order fieldset {width: 670px;}
#order fieldset.half {width: 310px;}
#order fieldset legend {}
#order fieldset span.shipping, #order fieldset span.payment, #order fieldset span.additional {display: block; margin-bottom: 5px;}
#order label {display: inline-block; width: 150px; vertical-align: middle;}
#order label a img { vertical-align: middle;}
#order label.required {font-weight: bold;}
#order fieldset label,#order #panel_shipping label,#order #panel_payment label, #order #panel_additionals label  {display: inline-block; font-weight: bold; font-size: 14px; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m))/*380px*/; vertical-align: middle;}
#order input {display: inline-block; width: 295px; vertical-align: middle; margin: 0px 10px 0px 0px;}
#order input#i-p_street, #order input#i-r_street {display: inline-block; width: 227px !important; margin-right: 0px;}
#order input#i-p_street_no, #order input#i-r_street_no {display: inline-block; width: 50px !important; margin-left: 3px;}
#order input[type=text] {margin: 0px;}
#order input.required {/*background: #00aeff url(../images/panel_blue_bg.jpg) top left repeat-x*/;}
#order input.required_alert {background: var(--bg-panel-dark); border: 1px solid red;}
#order input[type=radio] {width: auto;}
#order input[type=checkbox] {width: auto;}
#order textarea {display: block; width: 960px; clear: both; border: 1px solid #ccc;}
#order #panel_shipping, #order #panel_payment, #order #panel_additionals {display: block; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m))/*width: 420px*/;/*-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;*/
/*box-shadow: 0 0 5px #aaa;*/ padding: var(--dst-m); margin-bottom: var(--dst-s);
border-radius: var(--border-radius);
}
#order #panel_shipping .caption,#order #panel_payment .caption, #order #panel_additionals .caption {display: block; font-size: 16px; font-style: italic; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; border-radius: var(--border-radius);}
#order #panel_shipping span.shipping, #order #panel_shipping span.payment, #order #panel_shipping span.additional, 
#order #panel_payment span.shipping, #order #panel_payment span.payment, #order #panel_payment span.additional,
#order #panel_additionals span.shipping, #order #panel_additionals span.payment, #order #panel_additionals span.additional  
{display: block; margin-bottom: 5px;}

.shipping_description, .payment_description, .shipping_variants_suggest, #shippings_variants_suggest_container {
	display: block; margin: 5px 0px 0px 25px; 
	background: rgba(255,255,255,0.4); 
	padding: 10px; 
	border-radius: 3px 0px 3px 3px;
	/*box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	border: 1px solid rgba(255,255,255,0.2);*/
}
#shippings_variants_suggest_container {display: block; margin: 0px 0px 0px 25px; background: rgba(255,255,255,0.4); padding: 0px 10px 10px 10px; /*border-radius: 3px;box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	border: 1px solid rgba(255,255,255,0.2);*/
}
.shipping_variants_suggest input[type=text] {display: block; clear:both; box-sizing: border-box; width: 100% !important; margin: 0px 0px 2px 0px !important; padding: 10px !important; height: 30px !important; vertical-align: middle;}
.shipping_variants_suggest input[type=radio] {margin-right: 5px !important; display: inline-block; vertical-align: middle; margin-top: -2px;}
.shipping_variant {display: block; clear:both; border: 1px solid rgba(255,255,255,0.5); padding: 3px 10px; margin-bottom: 2px;}
.shipping_variant:last-child {margin-bottom: 0px;}
.shipping_variant:first-child {margin-top: 10px;}
.shipping_variant:hover {box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); background: rgba(255,255,255,0.5); background-repeat: no-repeat; cursor: pointer;}
/*.shipping_variant .balikovna_open {display: none;}*/
/*.shipping_variant:hover .balikovna_open {display: block;}*/
.shipping_variant_selected {background: rgba(255,255,255,0.5); background-image:  url('../images/check_s_green.png') !important; background-repeat: no-repeat !important; background-position: calc(100% - 15px) 50% !important;}

.f_container {
	display: inline-block;
	height:0px;
	width: auto;
	z-index: 10;
	overflow: visible;
}
.tab_hint{
	position: relative;
	top: -32px;
	right: -10px;
	/*-webkit-right: -11px;
	-moz-right: -10px;*/
	/*right: 100%;*/
	display:inline-block;
	width: auto;
	height: 12px;
	background: rgba(255,255,255,0.4);
	margin: 0px;
	padding: 5px 15px 5px 15px;
	line-height: 12px;
	color: #333;
	font-size: 12px;
	vertical-align: middle;
	clip-path: polygon(calc(0% + 10px) 0%, calc(100% - 10px) 0%, 100% 100%, 0% 100%);
}

#order .td_icon img, #order .td_icon img {max-width: 90px; max-height: 60px;}
#order table#cart_content {
width: var(--default-content-width) !important;
}
#order table#cart_content thead {
display: none;
}
#order table#cart_content tbody {
width: var(--default-content-width) !important;
/*display: flex;*/
}
#order table#cart_content tbody tr {
display: grid;
width: var(--default-content-width) !important;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: auto auto auto auto auto;
grid-template-areas: "title title title title" "code code code code" "icon quantity quantity price_perunit" "icon quantity quantity price_total" "icon quantity quantity price_total_vat";
margin-bottom: var(--dst-s);
/*box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);*/
}
#order table#cart_content tbody tr td {
	display: grid-item;
	padding-top: var(--dst-xs) !important;
	padding-left: var(--dst-s) !important;
	padding-bottom: var(--dst-xs) !important;
	padding-right: var(--dst-s) !important;	
}
#order table#cart_content tbody tr td.td_icon {grid-area: icon; place-self: center center;}
#order table#cart_content tbody tr td.td_title {grid-area: title;}
#order table#cart_content tbody tr td.td_code {grid-area: code; text-align: left; width: auto !important;}
#order table#cart_content tbody tr td.td_availability {grid-area: availability;}
#order table#cart_content tbody tr td.price_perunit {grid-area: price_perunit; place-self: center end;}
#order table#cart_content tbody tr td.price_perunit .before_discount {font-size: 0.7em;}
#order table#cart_content tbody tr td span {font-size: 0.9em;}
#order table#cart_content tbody tr td.price_total {grid-area: price_total; place-self: center end;}
#order table#cart_content tbody tr td.price_total .before_discount {font-size: 0.7em;}
#order table#cart_content tbody tr td.price_total_vat {grid-area: price_total_vat; place-self: center end; font-weight: bold;}
#order table#cart_content tbody tr td.price_total_vat span {font-size: 1.1em;}
#order table#cart_content tbody tr td.price_total_vat .before_discount {font-size: 0.7em;}
#order table#cart_content tbody tr td.td_qty {grid-area: quantity; place-self: center center;}
#order table#cart_content tbody tr td.td_tools {display: none;}
#order table#cart_content tbody tr.totals {
display: grid;
width: var(--default-content-width) !important;
grid-template-columns: 0.5fr 1fr 1fr;
grid-template-rows: auto auto;
grid-template-areas: "title title title" "quantity price_total price_total_vat";
margin-bottom: var(--dst-s);
}

#order table#cart_content tbody tr.totals td.td_title {grid-area: title; place-self: center start;}

#order table#cart_content tbody tr.totals td.td_total {grid-area: price_total; place-self: center end; font-weight: normal;}
#order table#cart_content tbody tr.totals td.td_total_ad {grid-area: price_total; place-self: center end; font-weight: normal;}
#order table#cart_content tbody tr.totals td.td_total_shipping {grid-area: price_total; place-self: center end; font-weight: normal;}
#order table#cart_content tbody tr.totals td.td_total_payment {grid-area: price_total; place-self: center end; font-weight: normal;}
#order table#cart_content tbody tr.totals td.td_total_cart_discount {grid-area: price_total; place-self: center end; font-weight: normal;}
#order table#cart_content tbody tr.totals td.td_total_after_cd {grid-area: price_total; place-self: center end; font-weight: normal;}

#order table#cart_content tbody tr.totals td.td_total_vat {grid-area: price_total_vat; place-self: center end;}
#order table#cart_content tbody tr.totals td.td_total_ad_vat {grid-area: price_total_vat; place-self: center end;}
#order table#cart_content tbody tr.totals td.td_total_shipping_vat {grid-area: price_total_vat; place-self: center end;}
#order table#cart_content tbody tr.totals td.td_total_payment_vat {grid-area: price_total_vat; place-self: center end;}
#order table#cart_content tbody tr.totals td.td_total_cart_discount_vat {grid-area: price_total_vat; place-self: center end;}
#order table#cart_content tbody tr.totals td.td_total_after_cd_vat {grid-area: price_total_vat; place-self: center end;}

#order table#cart_content tbody tr.totals td.td_supertotal {grid-area: price_total; place-self: center end; font-weight: normal;}
#order table#cart_content tbody tr.totals td.td_supertotal_vat {grid-area: price_total_vat; place-self: center end;}

/*
#order table#cart_content tbody tr#discount_note {
display: grid;
width: var(--default-content-width) !important;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-template-areas: "discount_note";
margin-bottom: var(--dst-s);
}

#order table#cart_content tbody tr#discount_note td.discount_note {grid-area: discount_note; place-self: center start;}
#order table#cart_content tbody tr#discount_note td.discount_note ul {
width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m) - var(--dst-m)) !important;
}
*/
#order table#cart_content tbody tr td.discount_note ul li{
	font-style: italic !important;
	font-weight: normal !important;
	font-size: 0.9em;
}

.bg_panel_active {background: var(--bg-semitransparent-darker) /*rgba(0, 174, 255, 1)*/;}
.bg_panel_inactive {background: var(--bg-semitransparent-dark) /*rgba(0, 174, 255, 0.5)*/;}

.panel_highlight {background-color: rgba(255,255,255,0.4); /*border: 1px solid rgba(255,255,255,0.4);*/ border-radius: var(--border-radius);}

.bg_gray {background: #606060 !important;}
/*.bg_red {background: red !important;}*/

.btn_green {background: #0c0 !important;}
.bg_silver {background: #eee !important;}
.bg_darksilver {background: #c8c8c8 !important;}

.w_60 {width: 60px !important;}
.w_90 {width: 90px !important;}
.half_almost {width: calc(50% - var(--dst-m) - var(--dst-s)) !important;}
.w_half {width: calc(50% - var(--dst-m)) !important;}
.w_300 {width: 460px;}
.w_330 {width: 460px;}
.w_460 {width: 460px;}
.w_full, .w_100 {width: 100%;}
.io {width: 30px !important;}

.o_50 {opacity: 0.5 !important; filter: alpha(opacity=50) !important; /* For IE8 and earlier */}
.o_25 {opacity: 0.25 !important; filter: alpha(opacity=25) !important; /* For IE8 and earlier */}
.o_30 {opacity: 0.3 !important; filter: alpha(opacity=30) !important; /* For IE8 and earlier */}
.o_100 {opacity: 1 !important; filter: alpha(opacity=100) !important; /* For IE8 and earlier */}

.h_menu {}

#login fieldset {}
#login fieldset legend {}
#login label {display: inline-block; width: 130px;}
#login label.required {font-weight: bold;}
#login input {display: inline-block; width: 170px;}
#login input {}
#login textarea {display: block; width: 320px; clear: both; border: 1px solid #ccc;}

#registration fieldset {}
#registration form p {margin: 0px 0px 5px 0px;}
#registration fieldset legend {}
#registration label {display: inline-block; width: 150px; font-size: 16px;}
#registration label.required {font-weight: bold;}
#registration input.required_alert {font-weight: bold; border: 1px red solid !important;}
#registration input {display: inline-block; width: 295px !important;}
#registration input#i-street, #registration input#i-delivery_street {display: inline-block; width: 226px !important; margin-right: 0px;}
#registration input#i-street_no, #registration input#i-delivery_street_no {display: inline-block; width: 50px !important; margin-left: 4px;}
#registration textarea {display: block; width: 320px; clear: both; border: 1px solid #ccc;}

#contact_form fieldset {}
#contact_form form p {margin: 0px 0px 5px 0px;}
#contact_form fieldset legend {}
#contact_form label {display: inline-block; width: 150px;}
#contact_form label.required {font-weight: bold;}
#contact_form input {display: inline-block; width: 200px;}
#contact_form input {}
#contact_form textarea {display: block; width: 370px; clear: both; border: 1px solid #ccc;}
#contact_form a, #contact_form a:visited,#contact_form a.active {color: #333; text-decoration: underline;}

#contact_form_simple_block {}
#contact_form_simple_block table {width: 100%;}
#contact_form_simple_block table tr th {}
#contact_form_simple_block table tr td {}
#contact_form_simple_block table input {width: 90%;}
#contact_form_simple_block table textarea {width: 90%; height: 90px; padding: 5px;}

.jqttabs {display: none; width: 100%; height: 22px;}
.jqttabs_w {display: block; width: 540px; height: 30px;}
.jqttabs ul {display: block; width: 100%; height: 22px;padding: 0px !important; margin: 0px !important;}
.jqttabs_w ul {display: block; width: 540px; height: 30px;padding: 0px !important; margin: 0px !important;}
.jqttabs ul li {display: block; float:left; /*width: 66px*/; height: 22px; line-height: 22px;padding: 0px !important; margin: 0px;}
.jqttabs_w ul li {display: block; float:left; /*width: 66px*/; height: 30px; line-height: 30px;padding: 0px !important; margin: 0px;}
.jqttabs ul li a, .jqttabs_w ul li a {/*background: #706033;*/ display: block; padding: 0px 20px !important; /*width: 66px;*/ text-transform: uppercase; text-align: center; vertical-align: middle;/*border-top-left-radius:3px;border-top-right-radius:3px;-moz-border-top-left-radius:3px;-moz-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;*/}
.jqttabs_w ul li a {background: #eee;}
.jqttabs ul li a:hover,.jqttabs_w ul li a:hover {text-decoration: none !important;}
.jqttabs ul li a.current,.jqttabs_w ul li a.current {background: var(--theme-color)/*#e10915*/ /*#f6f6f6 !important*/; color: #fff !important; display: block; /*width: 66px;*/ text-align: center; vertical-align: middle;/*font-weight: bold;*/text-transform: uppercase;}
li.rcl, li.rci {margin-right: 1px !important;}
.rcl a {/*background: #e0c166 !important;*/ color: #fff;}
.rcl a.current {background: var(--theme-color)/*#e10915*/ !important;}
.rci a {/*background: #706033 !important;*/ color: #fff;}
.rci a.current {background: var(--theme-color)/*#e10915*/ !important;}
.rcr a {/*background: #ff9900 !important;*/ color: #fff;}
.rcr a.current {background: var(--theme-color)/*#e10915*/ !important;}
.rcr a.bg_palegreen {background: #369a68 !important;}
.rcr a.bg_brightblue {background: #0066ca !important;}

.jqtpanel {border-bottom-left-radius: 3px;border-bottom-right-radius : 3px; /*border-top: 5px var(--theme-color) solid;*/ min-height: 100px;}
#panel_filters {

}
#panel_filters .jqtpanel {margin-bottom: 20px !important;/*border-bottom-left-radius: 3px;border-bottom-right-radius : 3px;*/ border-top: 5px var(--theme-color)/*#e10915*/ solid; min-height: auto; padding-top: 10px;}
#panel_filters .jqtpanel #filter_bs p {margin: 0px;}

.jqtsubtabs {display: block; margin-bottom: 10px;}
.jqtsubtabs ul {display: block; padding: 0px !important; margin: 0px !important;}
.jqtsubtabs ul li {display: inline-block; float: left; width: 24px; height: 24px; margin: 1px 1px 0px 0px !important; text-align: center; vertical-align: middle;}
.jqtsubtabs ul li a {display: inline-block; line-height: 24px; width: 24px; height: 24px; padding: 0px; margin: 0px !important; border-radius: 0px; text-transform: uppercase; vertical-align: middle; text-align: center;}
.jqtsubtabs ul li a.current {background: var(--theme-color)/*#e10915*/; color: #fff !important; text-decoration: none !important;}
.jqtsubtabs ul li a:hover {background: var(--theme-color)/*#e10915*/; color: #fff; text-decoration: none !important;}

#articles {
	/*display: flex;
	 * flex-direction: column;
	 * flex-wrap: nowrap;
	 * justify-content: start;
	 * align-items: top;*/
	/*width: calc(var( --default-content-width) - var(--dst-m) - var(--dst-m));*/
	width: var(--default-content-width);
	/*flex-basis: auto;*/
	/*align-items: center;	
	 * display: grid;
	 * float: right;
	 * width: calc(100% - var(--dst-m) - var(--dst-m));
	 * grid-template-columns: 1fr; 
	 * grid-template-rows: auto;*/
	grid-gap: var(--dst-m);
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: calc((100% - var(--default-content-width)) / 2);
	padding-right: calc((100% - var(--default-content-width)) / 2);
	/*background-color: var(--theme-color-light);*/
	place-self: start start;
	grid-area: index_articles;
}

}

@media (max-width: 1200px) {

	#block_categories_flat {
	}
	
	#block_categories_flat {
		display: grid;
		width: 100%;
		grid-template-columns: 1fr 1fr; 
		grid-template-rows: 0.5fr;
		grid-gap: 0px;
	}
	
	.category_flat {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "icon_container";
	}
	.flat_icon {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "icon";	
		grid-area: icon_container;
		place-self: stretch;
	}
	
	.flat_icon img {
		grid-area: icon;
		max-width: 100%;
		max-height: 100%;
		place-self: center center;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		object-fit: cover;
		/*mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));	*/
	}
	.category_flat:first-child .flat_icon img {
		grid-area: icon;
		/*max-width: 100%;*/
		place-self: center center;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		object-fit: cover;
		/*mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));*/	
	}
	
	.flat_description_container {
		display: grid;
		grid-template-rows: 1fr auto auto;
		grid-template-columns: 1fr;	
		grid-template-areas: "title" "description" "subcategories";	
		grid-area: icon_container;
		place-self: start start;
		background: var(--bg-dark-image-overlay);
		/*width: calc(500px - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));*/
		width: calc(100% - var(--dst-m) - var(--dst-m));
		margin: var(--dst-m);
		padding: var(--dst-m);
		font-size: 16px;
	}
	.category_flat:first-child .flat_description_container {
		place-self: start end;
	}
	
	.flat_title {
		grid-area: title;
		place-self: start start;
		/*background: rgba(255,255,255,0.6);*/
		/*margin: var(--dst-m);*/
		margin: 0px;
	}
	.category_flat:first-child .flat_title {
		grid-area: title;
		place-self: start end;
		/*background: rgba(255,255,255,0.6);*/
	}
	.flat_title a {
		display: inline-block;
		padding: 0px var(--dst-m);
		width: 100%;
		color: #333;
		font-size: 18px;
		line-height: calc(18px + 40px);
		height: calc(18px + 40px);
	}
	
	.flat_title a img {
		max-height: 100%;
	}
	
	.flat_description {
		grid-area: description;
		place-self: start start;
		/*margin: var(--dst-m);
		 *padding: var(--dst-m);*/
		font-size: 18px;
		color: white;
	}
	.category_flat:first-child .flat_description {
		place-self: start end;
	} 
	
	.flat_description p {
		margin: var(--dst-m) 0px;
	}
	.category_flat:first-child  .flat_description p {
		text-align: right;
	}
	
	.flat_subcategories_container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows:auto;
		grid-area: subcategories;
		grid-row-gap: var(--dst-s);
		grid-column-gap: var(--dst-s);	
	}
	.flat_subcategory {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "subcat_icon_container";
		place-self: stretch;
		background: white;	
	}
	.flat_subcategory_icon {
		/*overflow: hidden;
		 * height: 120px;
		 * display: grid;
		 * grid-template-columns: 1fr;
		 * grid-template-rows: 1fr;
		 * grid-template-areas: "subcat_icon";
		 * grid-area: subcat_icon_container;
		 * place-self: stretch;
		 * background: white;*/
		grid-area: subcat_icon_container;
		display: flex;
		justify-content: center;
		align-items: center;	
		
	}
	.flat_subcategory_icon img {
		/*grid-area: subcat_icon;
		 * max-width: 100%;
		 * max-height: 100%;
		 * width: auto;
		 * height: auto;
		 * object-fit: contain;
		 * place-self: center;*/
		max-width: 80%;
		max-height: 80%;
	}
	
	.subcats_style_panels .flat_subcategory_icon {
		height: 100%;
		width: 100%;
		display: grid;
		overflow: hidden;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "icon";	
		grid-area: subcat_icon_container;
		place-self: stretch;
		/*
		 * grid-area: subcat_icon_container;
		 * display: flex;
		 * justify-content: center;
		 * align-items: center;	
		 */
	}
	.subcats_style_panels .flat_subcategory_icon img {
		grid-area: icon;
		/*max-width: auto;
		 * max-height: auto; 
		 * height: auto;
		 * width: auto;*/
		min-width: 100%;
		min-height: 100%;
		place-self: center;
		object-fit: cover;
		/*max-width: 90%;
		 * max-height: 90%;*/
	}
	.flat_subcategory_title {
		grid-area: subcat_icon_container;
		place-self: end stretch;
		margin: 0px;
		padding: var(--dst-s);
		background: var(--bg-dark-image-overlay);
		font-size: 14px;
	}
	.flat_subcategory_title a {
		color: white;
	}	
}

@media (min-width: 600px) {

	
	.index_extended_horizontal #index_block_prods {
		display: grid;
		/*width: calc(var( --default-content-width) - var(--dst-m) - var(--dst-m));*/
		width: calc(var( --default-content-width) - var(--dst-m) - var(--dst-m));		
		grid-gap: var(--dst-m);
		/*padding: var(--dst-m);*/
		padding-top: var(--dst-m);
		padding-bottom: var(--dst-m);
		padding-left: var(--dst-m)/*calc((100% - var(--default-content-width)) / 2)*/;
		padding-right: var(--dst-m)/*calc((100% - var(--default-content-width)) / 2)*/;	
		background-color: var(--theme-color-light);
		grid-area: index_products;
		grid-template-areas: "index_products_title" "index_products_container";
		grid-template-columns: 100%;
		grid-template-rows: auto auto;	
	}
	
	.index_extended_horizontal #index_block_prods h2 {
		/*place-self: start left;
		 *	grid-area: index_products_title;	*/
		margin: 0px;
	}
	
	.index_extended_horizontal #index_block_prods #product_container_tiles {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: var( --default-content-width);	
		grid-gap: var(--dst-m);
		background-color: var(--theme-color-light);
		grid-area: index_products_container;
		padding: 0px; margin: 0px;
	}
	
	.index_extended_horizontal #index_block_prods #product_container_tiles .block_product_tile{
		/*width: minmax(150px, 320px);*/
	}
	
	
	
	
}

@media (min-width: 960px) {
	body {
		--default-content-width: 960px;
		--header-text-color: #eeeeee;
		--footer-text-color: #eeeeee;
		--theme-color: /*#eb3d00*/#c00/*#ef7c00*/;/*e10915*/
		--theme-color-brightest: #fff;
		--theme-color-light: #eee;
		--theme-color-dark: #333;
		/*--theme-color-ultradark: #191919;*/
		--theme-color-ultradark: #ffffff;
		--hue-rotate: hue-rotate(40deg);
		/*--theme-border: 5px solid var(--theme-color);*/
		--theme-border: none;
		--even-line: rgba(0,0,0,0.02);
		--odd-line: rgba(0,0,0,0.05);
		--light-silver: var(--even-line);
		--dark-silver: var(--odd-line);
		--admin-tools: rgba(191, 234, 255, 1);
		
		/*--bg-dark-image-overlay: rgba(0,0,0,0.7);*/
		--bg-dark-image-overlay: rgba(255,255,255,0.7);
		
		--dst-m: 20px;
		--dst-s: 10px;
		--dst-xs: 5px;
		
		--width-m: 20px;
		--width-s: 10px;
		--width-xs: 5px;
	}
	
	h1{ font-size:28px;}
	h2{ font-size:18px;}
	h3{ font-size:16px;}
	h4{ font-size:14px;}
	h5{ font-size:13px;}	
	
	.desktop_only, .desktop_960 {display: inline !important;}
	.desktop_only_block, .desktop_960_block {display: block !important;}
	.mobile_only, .not_desktop_960 {display: none !important;}
	.mobile_only_block, .not_desktop_960_block {display: none !important;}
	tr.desktop_only {display: table-row !important;}
	.desktop_1280 {display: none !important;}
	
	
	header {
		/*display: block;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.8);*/
	}
	
	
	.shadow {box-shadow: none /*0px 0px 10px 0px rgba(0,0,0,0.3);*/}
	
	#catalogue_content {width: calc(75% - var(--dst-m) - var(--dst-m) - var(--catalogue-content-left-margin)); float: right; clear: right; background: var(--catalogue-content-background); border-radius: var(--border-radius); margin-top: var(--catalogue-content-top-margin); padding: var(--dst-m);
		
	}
	
	#product.product_detail_standard #images {display: block; float: left; width: 620px; margin: 0px 20px 0px 20px; padding: 0px 20px 0px 0px; background: rgba(255,255,255,1);}
	#product.product_detail_standard #images #gallery {padding: var(--dst-m) 0px;}	
	
	#panel_logo {display: block; width: fit-content;}
	#panel_logo p {
		margin: 0px;
	}
	#panel_logo p img {vertical-align: bottom;}
	
	#er_supertop {
		width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m));	
		margin: 0 auto;
		display: grid !important;
		grid-template-columns: 3fr 2fr;
		padding: var(--dst-xs) 0;
		font-size: 9pt;
	}	
	
	#er_supertop #panel_hotline {
		display: flex !important;
		place-self: center start;
	}
	
	#panel_hotline {display: block; width: fit-content; text-transform: uppercase;}
	#panel_hotline p {display: inline-block;}
	#panel_hotline p span {margin: 0px; padding: 0px;}
	#panel_hotline p #panel_hotline_phone {font-weight: normal;}
	#panel_hotline p #panel_hotline_email {}	

	#er_supertop #panel_user {
		place-self: center end;
	}
	
	#panel_user {font-size: 1.1em; text-transform: uppercase;}
	#panel_user ul {
		display: flex;
		margin: 0px;
		padding: 0px;
		gap: var(--dst-s);
		width: 100;
	}
	#panel_user ul li {
		list-style-type: none;
	}
	
	#er_supertop #panel_cart {}
	
	#panel_cart {display: block; width: fit-content;}
	#panel_cart a, #panel_cart p {/*color: white;*/}
	#panel_cart p {margin: 0px; padding: 0px 0px 0px 20px; text-align: right; font-size: 1.2em;}
	#panel_cart a { color: #fff;}
	#panel_hotline p, #panel_hotline a { color: #333;}
	#panel_cart a:hover {}
	#panel_cart .cart_strip_xl, #panel_hotline .contact_xl{display: inline-block;}	
	
	/* RESPONSIVE MENU */
	#er_top, #er_navigation_menu, #er_navigation_categories, #er_navigation_technical {display: block; width: 100%; margin: 0 auto;}
	#er_top {display: block !important; /*background: rgba(0,0,0,0.5); */
	/*
	background: url('../images/bottico_header_bg_trees_neutral.png') repeat-x left bottom;
	background-size: auto;
	background-size: 40%;
	*/
	margin: 0 auto;
	/*margin-top: var(--dst-m) !important;*/
	}
	#er_top_panels {display: flex; justify-content: space-between; align-items: center; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)) /*960px*/; padding: var(--dst-m) var(--dst-m)/*20px*/; margin: 0 auto;}
	
	#er_navigation_menu {line-height: 30px; height: 30px; background: rgba(255,255,255,0.5); font-size: 1.1em; clear: both;}
	#er_navigation_menu a {/*color: white;*/ font-weight: bold;}
	
	#er_navigation_technical {line-height: 30px; height: 30px; background: rgba(255,255,255,0.5); font-size: 1.1em; clear: both;}
	#er_navigation_technical a {/*color: white;*/ font-weight: bold;}	
	
	#er_panel_navigation {width: var(--default-content-width)/*1000px*/; margin: 0 auto; height: 30px; line-height: 30px; vertical-align: middle;}
	#er_panel_navigation .round {border-radius: 8px;}
	
	#er_navigation_categories {display: block; /*height: 40px;*/ line-height: 40px; vertical-align: middle; background: rgba(255,255,255,0.75); font-size: 20px;}
	
	#er_panel_catalogue {/*display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: stretch; flex-wrap: wrap;*/ display: block; /*height: 40px;*/ line-height: 40px; vertical-align: middle; width: var(--default-content-width); margin: 0 auto;}
	#er_panel_catalogue .menu {display: block; width: calc(((var(--default-content-width) * 5) / 6) - 60px) /*800px*/; /*float: left;*/}
	ul.menu {padding: 0px; margin: 0px;}
	ul.menu li {display: inline-block; text-transform: uppercase;}
	#er_panel_navigation ul.menu {padding: 0px 20px; height: 30px; line-height: 30px;}
	#er_panel_navigation ul.menu:first-child {float: left;}
	#er_panel_navigation ul.menu:not(:first-child) {float: right; border-top: none;}
	#er_panel_navigation ul.menu li {margin-left: 10px; height: 30px; line-height: 30px;}
	#er_panel_navigation ul.menu li:first-child {margin-left: 0px;}
	/*#er_panel_navigation ul.menu li:not(:first-child) {display: none;}*/
	#er_panel_navigation ul.menu li a {display: inline-block; padding: 0px; height: 30px; line-height: 30px; }
	#er_panel_navigation ul.menu li button {display: inline-block; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}
	
	#er_panel_catalogue ul.menu {display: block; height: 40px; float: left;}
	#er_panel_catalogue ul#panel_dt_calculator {/*flex-shrink: 2; flex-grow: 1;*/ display: block; height: 40px; float: left;}
	#er_panel_catalogue ul#panel_catalogue_categories {/*flex-shrink: 1; flex-grow: 2;*/ display: block; height: 40px; float: left;}	
	#er_panel_catalogue ul.menu li {display: block; height: 40px; line-height: 40px; float: left;}
	#er_panel_catalogue ul.menu li a {display: block; float: left; padding: 0px 20px;}
	#er_panel_catalogue ul.menu li a:hover {}
	#er_panel_catalogue ul.menu li a img {display: inline-block; max-height: 26px; top: 6px; position: relative;}
	#er_panel_catalogue ul.menu li a span.category_caption {display:none; max-height: 26px; top: 6px; position: relative;}
	#er_panel_catalogue .active_path {background: rgba(255, 255, 255, 1); color: #333;}
	#er_panel_catalogue .active_path:hover {background: rgba(255, 255, 255, 1) !important; text-decoration: underline !important;}
	
	#er_panel_search {
		display: block; width: calc(var(--default-content-width) / 6); margin: 0px; padding: 0px var(--dst-m) 0px 40px; float: right; height: 40px; 
		background-color: rgba(0,0,0,0.1);
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20px 100%);
	}
	#er_panel_search p {margin: 0px; padding: 5px 0px; line-height: 30px; height: 30px; vertical-align: middle;
	display: flex; justify-content: space-between; align-items: center;
	width: 100% /*calc(var(--default-content-width) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m))*/; }
	#er_panel_search p input {
	margin: 0px; 
	padding: 5px 40px 5px 20px; 
	width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-s)); 
	line-height: 20px; 
	height: 20px; 
	vertical-align: bottom;
	border: none;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
	border-radius: 3px 0px 0px 3px;
	color: #333; font-size: 11px;
	overflow: hidden;
	font-style: italic;
	}
	#er_panel_search .btn_container {display: inline-block; /*height: 0px; width: 0px; z-index: 10; float: right; position: absolute;*/}
	#er_panel_search button.btn {display: inline-block; /*position: relative; top: 5px; right: calc(1px - var(--default-content-width));*/ border-radius: 0px 3px 3px 0px; background-color: rgba(255,255,255,1) !important; margin: 0px !important;}
	

	#erd_top, #erd_navigation_menu, #erd_navigation_categories, #erd_navigation_technical {display: block; width: 100%; margin: 0 auto;}
	#erd_top {display: block; background: rgba(0,0,0,0.5); border-bottom: var(--theme-border);}
	#erd_top_panels {display: flex; justify-content: space-between; align-items: center; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)) /*960px*/; padding: var(--dst-s) var(--dst-m)/*20px*/; margin: 0 auto;}
	
	#erd_navigation_menu {line-height: 30px; height: 30px; background: rgba(255,255,255,0.5); font-size: 1.0em; clear: both;}
	#erd_navigation_menu a {/*color: white;*/ font-weight: bold;}
	
	#erd_panel_navigation {width: var(--default-content-width)/*1000px*/; margin: 0 auto; height: 30px; line-height: 30px; vertical-align: middle;}
	#erd_panel_navigation .round {border-radius: 8px;}
	
	#erd_navigation_categories {display: block; /*height: 40px;*/ line-height: 40px; vertical-align: middle; background: rgba(255,255,255,0.75); font-size: 20px;}
	
	#erd_panel_catalogue {/*display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: stretch; flex-wrap: wrap;*/ display: block;/*height: 40px;*/ line-height: 40px; vertical-align: middle; 
		width: calc(var(--default-content-width) / 1); margin: 0 auto;
	}
	#erd_panel_catalogue .menu {display: block; width: calc(((var(--default-content-width) * 5) / 6) - 60px) /*800px*/; /*float: left;*/}
	ul.menu {padding: 0px; margin: 0px;}
	ul.menu li {display: inline-block; text-transform: uppercase;}
	#erd_panel_navigation ul.menu {padding: 0px 20px; height: 30px; line-height: 30px;}
	#erd_panel_navigation ul.menu:first-child {float: left;}
	#erd_panel_navigation ul.menu:not(:first-child) {float: right; border-top: none;}
	#erd_panel_navigation ul.menu li {margin-left: 10px; height: 30px; line-height: 30px;}
	#erd_panel_navigation ul.menu li:first-child {margin-left: 0px;}
	/*#erd_panel_navigation ul.menu li:not(:first-child) {display: none;}*/
	#erd_panel_navigation ul.menu li a {display: inline-block; padding: 0px; height: 30px; line-height: 30px; }
	#erd_panel_navigation ul.menu li button {display: inline-block; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}
	
	#erd_panel_catalogue ul.menu {display: block; height: 40px; float: left;}
	#erd_panel_catalogue ul#panel_dt_calculator {/*flex-shrink: 2; flex-grow: 1;*/ display: block; height: 40px; float: left;}
	#erd_panel_catalogue ul#panel_catalogue_categories {/*flex-shrink: 1; flex-grow: 2;*/ display: block; height: 40px; float: left;}	
	#erd_panel_catalogue ul.menu li {display: block; height: 40px; line-height: 40px; float: left;}
	#erd_panel_catalogue ul.menu li a {
		display: grid; 
		height: 40px; 
		float: left; 
		padding: 0px 20px;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 6px;
		grid-template-areas: "tab" "arrow";
		align-items: center;
		justify-items: center;
	}
	#erd_panel_catalogue ul.menu li a:hover {background: #efefef !important; text-decoration: none; border-radius: var(--border-radius);}
	#erd_panel_catalogue ul.menu li a img {display: block; grid-area: tab; position: relative; top: 3px; max-height: 26px; z-index: 10;}
	#erd_panel_catalogue ul.menu li a span.category_caption {display:none;}
	#erd_panel_catalogue ul.menu li a span.category_caption.active {display: block; grid-area: tab; position: relative; top: -5px; max-height: 26px; z-index: 10;}
	#erd_panel_catalogue ul.menu li a span.icon_arrow_down {display:none; grid-area: arrow; height: 6px; width: 100%; place-self: center end !important;}
	#erd_panel_catalogue .active_path {background: rgba(255, 255, 255, 1); color: #333;}
	#erd_panel_catalogue ul.menu li a.active_path span.icon_arrow_down {display: block;}
	#erd_panel_catalogue .active_path:hover {background: rgba(255, 255, 255, 1) !important; text-decoration: underline !important;}
	
	#erd_panel_search {
		display: flex; 
		width: calc(var(--default-content-width) / 6); 
		margin: 0px; 
		padding: 0px var(--dst-m); 
		float: right; 
		height: 40px;
		background-color: var(--theme-color);
		border-radius: var(--border-radius);
		justify-content: space-between;
		align-items: center;
	}
	#erd_panel_search form {
		display: flex; 
		flex-grow: 1;
		height: 100%;
	}	
	#erd_panel_search p {
		margin: 0px; 
		padding: 5px 0px; 
		line-height: 30px; 
		height: 30px; 
		vertical-align: middle;
		display: flex; 
		justify-content: space-between; 
		align-items: center;
		width: 100%;
		flex-grow: 1;
	}
	#erd_panel_search p input {
		margin: 0px; 
		padding: var(--dst-xs) var(--dst-s); 
		/*width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m)); */
		width: calc(100% - 30px - var(--dst-s) - var(--dst-s));
		line-height: 20px; 
		height: 20px; 
		vertical-align: bottom;
		border: none;
		background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
		border-radius: var(--border-radius) 0px 0px var(--border-radius);
		color: #333; font-size: 11px;
		overflow: hidden;
		font-style: italic;
		flex-grow: 5;
	}
	/*
	#erd_panel_search .btn_container {
		display: inline-block;
	}
	*/
	#erd_panel_search p button#btn_search {
		display: inline-block;
		border-radius: 0px var(--border-radius) var(--border-radius) 0px; 
		background-color: rgba(255,255,255,1) !important; 
		margin: 0px !important;
		width: 30px;
		height: 30px;
		flex-grow: 1;
	}	
	
	#erd_navigation_technical {line-height: 30px; height: 30px; background: var(--bg-semitransparent-lighter); font-size: 1.0em; clear: both;}
	#erd_navigation_technical a {/*color: white;*/ font-weight: bold;}	
	
	#erd_panel_technical {/*display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: stretch; flex-wrap: wrap;*/ display: block;/*height: 40px;*/ line-height: 40px; vertical-align: middle; width: var(--default-content-width); margin: 0 auto;}
	#erd_panel_technical .menu {display: block; width: calc(((var(--default-content-width) * 5) / 6) - 60px) /*800px*/; /*float: left;*/}
	ul.menu {padding: 0px; margin: 0px;}
	ul.menu li {display: inline-block; text-transform: uppercase;}
	#erd_panel_technical ul.menu {padding: 0px 20px; height: 30px; line-height: 30px;}
	#erd_panel_technical ul.menu:first-child {float: left;}
	#erd_panel_technical ul.menu:not(:first-child) {float: right; border-top: none;}
	#erd_panel_technical ul.menu li {margin-left: 10px; height: 30px; line-height: 30px;}
	#erd_panel_technical ul.menu li:first-child {margin-left: 0px;}
	/*#erd_panel_technical ul.menu li:not(:first-child) {display: none;}*/
	#erd_panel_technical ul.menu li a {display: inline-block; padding: 0px; height: 30px; line-height: 30px; }
	#erd_panel_technical ul.menu li button {display: inline-block; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}	
	
	#footer {display: block; clear:both; padding: 0px; color: var(--footer-text-color) !important; /*border-top: 5px solid #111;*/}
	#footer:before {
	/*   content: "";
	 d isplay: block;                        *
	 height: 20px;
	 width: 100%;
	 background-image: url('../images/border_top.png');
	 background-repeat: repeat-x;
	 background-position: left bottom;
	 position: relative;
	 top: -30px;*/
	}
	#footer_container{background: rgba(0,0,0,0.2) /*rgba(0,0,0,0.2)*/; padding: 20px 0px;}
	#footer a, #footer li, #footer h4, #footer h2, #footer p {color: var(--footer-text-color) !important;
	/*text-shadow: 0 0 30px #fff;*/
	}
	#panel_footer {display: block; clear:both; margin: 0 auto; width: var(--default-content-width)/*1000px*/;}
	
	#panel_footer_links {display: flex; flex-direction: row; justify-content: space-between; align-items: center; clear:both; margin: 0 auto; width: var(--default-content-width)/*1000px*/; /*background: rgba(255,255,255,0.1); */padding: 0px;}
	
	.menu_h {padding: 0px; margin: 0px;}
	
	#menu_paticka {}
	#menu_partners a, #menu_paticka a,#menu_social_networks a {color: var(--footer-text-color) !important;}
	#menu_paticka {display: block; list-style-type: none; padding: 0px 0px 20px 0px; width: 50%; float: left;}
	#menu_paticka li {display: block; float: left; list-style-type: none; width: 70%;}
	#menu_paticka li h4 {font-size: 20px; margin: 0px 20px 10px 20px;}
	#menu_paticka li ul {list-style-type: none; padding: 0px; font-size: 14px; font-weight: bold;}
	#menu_paticka li ul li {list-style-type: none; display: block; float:none; padding-left: 20px;}
	
	#menu_social_networks {display: block; width: 25%;float: left; padding: 0px; margin: 0px;}
	#menu_social_networks li {display: block;padding: 0px; line-height: 40px; vertical-align: middle; margin-bottom: 5px;}
	#menu_social_networks li a {vertical-align: middle; font-size: 13px; text-transform: uppercase; font-weight: bold;}
	#menu_social_networks li a img {vertical-align: middle; margin-right: 10px; filter: drop-shadow(0px 0px 15px rgba(255,255,255,0.7)) invert(2) contrast(1.5);}
	#menu_social_networks li h4 {display: block; padding: 0px; margin: 0px; vertical-align: middle; height: 40px; line-height: middle;}
	
	#footer #panel_contact {display: block; width: 25%; float: left; font-size: 14px; font-weight: 700;}
	#footer #panel_contact h2 {margin: 0px; font-size: 16px;}
	#footer #panel_contact a {/*color: #fff;*/}
	
	#panel_partners {width: var(--default-content-width); margin: 0 auto; clear: both; padding: 0px;}
	
	#menu_partners {clear:both; font-size: 12px; font-weight: bold;}
	#menu_partners {padding: none;}
	#menu_partners li {display: inline-block; padding: 0px; margin: 0px;}
	
	#panel_disclaimer {display: block; clear:both; margin: 0 auto; width: var(--default-content-width)/*1000px*/;}	
	
	
	
	
	
	
	/* INDEX EXTENDED HORIZONTAL */
	
	#index.index_extended_horizontal {
	margin: 0 auto;
	/*width: var(--default-content-width);*/
	width: 100%;
	display: grid;
	/*
	 *	grid-template-areas: "index_lb index_categories index_rb" "index_lb index_articles index_rb" "index_lb index_products index_rb";
	 *	grid-template-columns: auto var(--default-content-width) auto;
	 */
	grid-template-areas: "index_warning" "index_banners" "index_categories" "index_articles" "index_products" "index_legal";
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto;
	}
	
	.index_extended_horizontal #articles_index {
		display: flex;
		flex-direction: row;
		justify-content: center;
		/*justify-content: space-between;*/
		align-items: top;
		/*width: calc(var( --default-content-width) - var(--dst-m) - var(--dst-m));*/
		width: calc(var(--default-content-width));
		/*flex-basis: auto;*/
		/*align-items: center;	
		 * display: grid;
		 * float: right;
		 * width: calc(100% - var(--dst-m) - var(--dst-m));
		 * grid-template-columns: 1fr; 
		 * grid-template-rows: auto;*/
		grid-gap: var(--dst-m);
		padding-top: var(--dst-m);
		padding-bottom: var(--dst-m);
		padding-left: calc((100% - var(--default-content-width)) / 2);
		padding-right: calc((100% - var(--default-content-width)) / 2);
		background-color: var(--theme-color-light);
		place-self: start start;
		grid-area: index_articles;
		flex-wrap: wrap;
		/*filter: drop-shadow(0px 10px 4px rgba(0,0,0,0.05));*/
	}
	
	
	.index_extended_horizontal #articles_index .article_index {
		display: grid;
		/*width: calc(20% - var(--dst-m));*/
		/*width: calc(20%);*/
		/*width: 50%;		*/
		/*width: calc((var(--default-content-width) / 2) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));*/
		width: calc((var(--default-content-width)  - var(--dst-m) - var(--dst-m) - var(--dst-m)) / 4);
		/*grid-template-columns: 3fr 4fr;*/
		grid-template-columns: 1fr;
		grid-template-rows: calc(var(--default-content-width) / 6) auto;
		grid-template-areas: "article_icon" "article_perex";
		padding: 0px;
		background: #fff;
		border-radius: var(--border-radius);
		overflow: hidden;
	}
	
	.index_extended_horizontal #articles_index .article_index .icon {
		grid-area: article_icon;
	}
	
	.index_extended_horizontal #articles_index .article_index .icon a {
		/*display: block;*/
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		height: 100%;
		width: 100%;
	}
	
	.index_extended_horizontal #articles_index .article_index .icon img {
		/*width: 100%;*/
		width: 100%;
		height: 100%;
		object-fit: cover;	
	}
	
	.index_extended_horizontal #articles_index .article_index .icon img.border_mode_none {
		grid-area: icon;
		/*max-width: 90%;
		 * max-height: 90%;
		 * place-self: center;*/
		/*max-width: 90%;
		 *max-height: 90%;*/
		flex-shrink: 1;
		max-height: 100%;
		max-width: 100%;
		object-fit: contain;
	}
	
	.index_extended_horizontal #articles_index .article_index .icon img.border_mode_add_border {
		grid-area: icon;
		/* max-width: 90%;
		 * max-height: 90%;
		 * place-self: center;*/
		/*max-width: 90%;
		 *max-height: 90%;*/
		flex-shrink: 1;
		max-height: 90%;
		max-width: 90%;
		object-fit: contain;
	}
	
	.index_extended_horizontal #articles_index .article_index .icon img.border_mode_add_border_thick {
		grid-area: icon;
		/* max-width: 90%;
		 * max-height: 90%;
		 * place-self: center;*/
		/*max-width: 90%;
		 *max-height: 90%;*/
		flex-shrink: 1;
		max-height: 60%;
		max-width: 60%;
		object-fit: contain;
	}
	
	.index_extended_horizontal #articles_index .article_index .icon img.border_mode_crop {
		grid-area: icon;
		/* max-width: 90%;
		 * max-height: 90%;
		 * place-self: center;*/
		/*max-width: 90%;
		 *max-height: 90%;*/
		flex-shrink: 1;
		min-height: 100%;
		min-width: 100%;
		object-fit: cover;
		/*mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--dst-s)), rgba(0,0,0,0) calc(100% - var(--dst-s)), rgba(0,0,0,0) 100%);
		 * mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--dst-s)), rgba(0,0,0,0) calc(100% - var(--dst-s)), rgba(0,0,0,0) 100%);
		 * mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--dst-s)), rgba(0,0,0,0) calc(100% - var(--dst-s)), rgba(0,0,0,0) 100%);
		 * mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) calc(100% - var(--dst-s)), rgba(0,0,0,0) calc(100% - var(--dst-s)), rgba(0,0,0,0) 100%);*/
	}	

	
	.index_extended_horizontal #articles_index #youtube_index {
		background: black;
		overflow: hidden;
		border-radius: var(--border-radius);
		width: calc((var(--default-content-width) - var(--dst-m)) / 2);
	}
	
	.index_extended_horizontal #articles_index #youtube_index div#youtube_video_container {
		width: 100%;
		height: 100%;
	}	
	
	.index_extended_horizontal #articles_index #youtube_index iframe {
		width: 100%;
		height: 100%;
	}
	
	#articles #articles_support {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: var(--dst-m);
		width: var(--default-content-width);
		padding-top: var(--dst-m);
		padding-bottom: 0px;	
		background-color: var(--theme-color-brightest);	
	}
	
	.index_extended_horizontal #articles_support .article_support {
		flex: 1 0 25%;
		display: grid;
		/*width: calc(20% - var(--dst-m));*/
		/*width: calc(20%);*/
		/*width: 50%;		*/
		/*width: calc((var(--default-content-width) / 2) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));*/
		/*width: calc((var(--default-content-width)  - var(--dst-m) - var(--dst-m) - var(--dst-m)) / 4);*/
		/*grid-template-columns: 3fr 4fr;*/
		grid-template-columns: 1fr;
		grid-template-rows: calc(40px + var(--dst-s)) auto;
		grid-template-areas: "article_icon" "article_perex";
		padding: var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		background: #fff;
		border-radius: var(--border-radius);
		margin: 0px;
		/*overflow: hidden;*/
		/*box-shadow: var(--panel-shadow-darker);*/
		/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
		filter: drop-shadow(30px 10px 4px #4444dd);*/
	}	

	.index_extended_horizontal #articles_support .article_support:hover {
		box-shadow: var(--panel-shadow-darker);
	}	
	
	.index_extended_horizontal #articles_support .article_support .icon_logo {
		display: flex;
		grid-area: article_icon;
		height:100%;
		width: 100%;
		/*
		justify-content: start;
		align-items: end;
		*/
		justify-content: center;
		align-items: center;
	}
	
	.index_extended_horizontal #articles_support .article_support .icon_logo a {
		/*display: block;*/
		display: flex;
		justify-content: center;
		align-items: end;
		overflow: hidden;
		height: calc(100% - var(--dst-s));
		width: calc(100% - (2 * var(--dst-m)));
		max-width: 100%;
		padding: 0px var(--dst-m) var(--dst-s) var(--dst-m);
	}
	
	.index_extended_horizontal #articles_support .article_support .icon_logo img {
		/*width: 100%;*/
		/*width: 100%;*/
		height: 40px;
		object-fit: cover;
	}
	
	.index_extended_horizontal #articles_index .article_index .article_perex {
		grid-area: article_perex;
		border-left: none;
		border-top: var(--width-xs) solid var(--theme-color);	
		/*padding-left: 0px;
		padding-top: var(--width-m);*/
		padding: var(--dst-m);
	}
	
	.index_extended_horizontal #articles_support .article_support .article_perex {
		grid-area: article_perex;
		border-left: none;
		border-top: var(--width-xs) solid var(--theme-color);	
		padding-left: 0px;
		padding-right: 0px;
		padding-top: var(--width-m);
		padding-bottom: calc(var(--dst-m) + var(--dst-s));
	}	

	.index_extended_horizontal #articles_support .article_support .article_perex ul {
		padding-left: 0px;
		list-style-position: inside;
	}	
	
	.index_extended_horizontal #articles_support .article_support .article_perex ul li {

	}
	
	.index_extended_horizontal #articles_support .article_support .article_date {
		grid-area: article_perex;
		justify-self: end;
		align-self: end;
		margin: 0px;
		padding: 0px;
	}	
	
	.index_extended_horizontal #articles_index .article_index h2,.index_extended_horizontal #articles_support .article_index h2 {
		/*display: block;
		 *clear: both;*/
		margin-top: 0px;
		font-size: 20px;
	}
	.index_extended_horizontal #articles_index .article_index p, .index_extended_horizontal #articles_support .article_index p {
		/*display: block;
		 *clear: both;*/
		margin-bottom: 0px;
		font-size: 14px;
	}
	
	.index_extended_horizontal #block_categories_flat {
		display: flex;
		flex-direction: row-reverse;
		
		justify-content: center;
		align-items: top;
		width: var( --default-content-width);
		flex-wrap: wrap-reverse;
		/*flex-basis: auto;*/
		/*align-items: center;	
		 * display: grid;
		 * float: right;
		 * width: calc(100% - var(--dst-m) - var(--dst-m));
		 * grid-template-columns: 1fr; 
		 * grid-template-rows: auto;*/
		grid-gap: 20px;
		/*padding: var(--dst-m);*/
		padding-top: var(--dst-m);
		padding-bottom: var(--dst-m);
		padding-left: calc((100% - var(--default-content-width)) / 2);
		padding-right: calc((100% - var(--default-content-width)) / 2);	
		/*background-color: var(--theme-color-ultradark);*/
		/*background: var(--theme-color-ultradark);*/
		/*background: url('../images/body_bg_25.png') repeat-y center top;*/
		background-size: /*30%,*/ auto;
		/*background-size: 40%;		*/
		place-self: start start;
		grid-area: index_categories;
	}
	
	.index_extended_horizontal #block_categories_flat .category_flat {
		
		flex: 1 0 calc((var(--default-content-width) - 20px) / 2);
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-rows: calc(var(--default-content-width) / 3);
		grid-template-areas: "icon_container";
		border-radius: var(--border-radius);
		overflow: hidden;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
		transition: scale 0.2s ease-out, box-shadow 0.2s ease-out, flex 0.2s ease-out, height 0.3s ease-out;
	}
	
	.index_extended_horizontal #block_categories_flat .category_flat:hover {
		z-index: 1000;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.9);		
		scale: 105%;
		flex: 1 0 calc((var(--default-content-width) - 20px) / 2) !important;
	}	

	/*h1:has(+ a:hover) */
	/*
	.index_extended_horizontal #block_categories_flat .category_flat:hover > .category_flat:not(:hover) {
		opacity: 0.5;
	}
	*/
	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(1) {
		flex: 1 0 calc((var(--default-content-width) - 20px) / 4);;
	}	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(2) {
		flex: 1 0 calc((var(--default-content-width) - 20px) / 4);;
	}
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(3) {
		flex: 1 0 calc((var(--default-content-width) - 20px) / 4);;
	}
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(4) {
		flex: 1 0 calc((var(--default-content-width) - 20px) / 4);;		
	}	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(5) {
		
		grid-template-rows: calc(var(--default-content-width) / 2);
		height: calc(var(--default-content-width) / 2);
		
	}		
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(6) {
		
		grid-template-rows: calc(var(--default-content-width) / 2);
		height: calc(var(--default-content-width) / 2);		
		
	}		
	.index_extended_horizontal #block_categories_flat .flat_icon {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas: "icon";	
		grid-area: icon_container;
		place-self: stretch;
		/*border: red 1px solid;*/
		background-position: center;
		background-size: cover;

	}
	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(1):hover {
		flex: 1 0 calc((var(--default-content-width) - 20px) / 4) !important;
	}		
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(2):hover {
		flex: 1 0 calc((var(--default-content-width) - 20px) / 4) !important;
	}	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(3):hover {
		flex: 1 0 calc((var(--default-content-width) - 20px) / 4) !important;
	}	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(4):hover {
		flex: 1 0 calc((var(--default-content-width) - 20px) / 4) !important;
	}		
	
	.index_extended_horizontal #block_categories_flat .flat_icon:hover {

	}	
	
	.index_extended_horizontal #block_categories_flat .flat_icon img {
		/*grid-area: icon;*/
		/*max-width: 50%;
		 *	max-height: 50%;*/
		/*place-self: center center;*/
		/*max-width: 50%;
		 *	max-height: 50%;*/
		/*width: auto;
		 *	height: auto;*/
		/*object-fit: cover;*/
		/*mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));	*/
	}

	.index_extended_horizontal #block_categories_flat .flat_description_container {
		display: grid;
		grid-template-rows: 40px auto auto;
		grid-template-columns: 1fr;	
		grid-template-areas: "title" "description" "subcategories";	
		grid-area: icon_container;
		background: var(--bg-dark-image-overlay);
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		/*
		height: calc((100% - var(--default-content-width) / 5) - calc(3 * var(--dst-m)));
		margin:  calc(var(--default-content-width) / 5) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);
		*/
		height: calc(100% - calc(4 * var(--dst-m)));
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);		
		
		font-size: .55rem;
		border-radius: 3px;
		transition: height .3s ease-out, margin .3s ease-out, padding .3s ease-out;
		overflow: hidden;
		backdrop-filter: blur(5px);	
	}	
	
	.index_extended_horizontal #block_categories_flat .flat_description_container:nth-child(odd) {
		display: grid;
		grid-template-rows: 40px auto auto;
		grid-template-columns: 1fr;	
		grid-template-areas: "title" "description" "subcategories";	
		grid-area: icon_container;
		background: var(--bg-dark-image-overlay-semitransparent);
		/*
		width: calc((var(--default-content-width) / 4) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		width: calc(50% - var(--dst-m) - var(--dst-m));
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: 100%;
		height: calc((100% - var(--default-content-width) / 5) - calc(3 * var(--dst-m)));
		margin:  calc(var(--default-content-width) / 5) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);
		*/
		font-size: .50rem;
		backdrop-filter: blur(5px);		
	}
	
	.index_extended_horizontal #block_categories_flat .flat_description_container:nth-child(even) {
		display: grid;
		grid-template-rows: 40px auto auto;
		grid-template-columns: 1fr;	
		grid-template-areas: "title" "description" "subcategories";	
		grid-area: icon_container;
		background: var(--bg-dark-image-overlay-semitransparent);
		/*
		width: calc((var(--default-content-width) / 4) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		width: calc(50% - var(--dst-m) - var(--dst-m));
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: 100%;
		height: calc((100% - var(--default-content-width) / 5) - calc(3 * var(--dst-m)));
		height: calc(var(--default-content-width) / 30);
		margin:  calc(var(--default-content-width) / 5) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);
		*/
		font-size: .50rem;
		backdrop-filter: blur(5px);
	}
	
	.index_extended_horizontal #block_categories_flat .flat_description_container:hover {
		
	}	

	.index_extended_horizontal #block_categories_flat .flat_description_container:hover .flat_description {
		opacity: 1;
	}
	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(odd) .flat_description_container{
		place-self: end end;	
		width: calc(50% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: calc(60% - calc(4 * var(--dst-m)));
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);			
	}
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(even) .flat_description_container{
		place-self: end end;	
		width: calc(50% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: calc(60% - calc(4 * var(--dst-m)));
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);			
	}

	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(1) .flat_description_container{
		place-self: end end;	
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: calc(60% - calc(4 * var(--dst-m)));
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);	
	}
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(2) .flat_description_container{
		place-self: end end;	
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: calc(55% - calc(4 * var(--dst-m)));
		/*height: 40px;*/
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);	
		/*transform: rotate(11deg);		*/
		font-size: 0.5rem;
	}	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(2):hover .flat_description_container{
		place-self: end end;	
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		/*height: calc(50% - calc(4 * var(--dst-m)));*/
		height: calc(55% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);		
		/*transform: rotate(3deg);*/
		font-size: 0.5rem;
	}
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(3) .flat_description_container{
		place-self: end end;	
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: calc(55% - calc(4 * var(--dst-m)));
		/*height: 40px;*/
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);		
		/*transform: rotate(3deg);*/
		font-size: 0.5rem;
	}
	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(3):hover .flat_description_container{
		place-self: end end;	
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		/*height: calc(50% - calc(4 * var(--dst-m)));*/
		height: calc(55% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);
		/*transform: rotate(-5deg);*/
		font-size: 0.5rem;
	}
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(4) .flat_description_container{
		place-self: end end;	
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: calc(55% - calc(4 * var(--dst-m)));
		/*height: 40px;*/
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);
		/*transform: rotate(-5deg);*/
		font-size: 0.5rem;
	}	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(4):hover .flat_description_container{
		place-self: end end;	
		width: calc(100% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		/*height: calc(50% - calc(4 * var(--dst-m)));*/
		height: calc(55% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);
		/*transform: rotate(0deg);*/
		font-size: 0.5rem;
	}
	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(5) .flat_description_container{
		place-self: end end;	
		width: calc(70% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: calc(35% - calc(4 * var(--dst-m)));
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);	
		font-size: 0.5rem;
		transform: rotate(7deg);
	}
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(6) .flat_description_container{
		place-self: end end;	
		width: calc(80% - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));
		height: calc(30% - calc(4 * var(--dst-m)));
		margin:  var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		padding: var(--dst-m);			
		font-size: 0.5rem;
		transform: rotate(-7deg);
	}
	
	.index_extended_horizontal #block_categories_flat .category_flat .flat_description_container{
		transition: transform 0.2s ease-out;
	}
	
	.index_extended_horizontal #block_categories_flat .category_flat .flat_description_container:hover{
		transform: rotate(0deg);
	}	
	
	.index_extended_horizontal #block_categories_flat .flat_title {
		grid-area: title;
		place-self: start start;
		/*background: rgba(255,255,255,0.6);*/
		/*margin: var(--dst-m);*/
		margin: 0px;
		width: 100%;
	}
	
	.index_extended_horizontal #block_categories_flat .flat_title a {
		display: flex;
		align-items: center;
		justify-content: center;
		/*display: inline-block;*/
		padding: 0px;
		margin: 0px;
		width: 100%;
		color: #333;
		/*font-size: 18px;*/
		/*line-height: calc(18px + 40px);*/
		/*height: calc(18px + 40px);*/
		/*line-height: calc(var(--default-content-width) / 30);*/
		height: calc(var(--default-content-width) / 30);
	}
	
	.index_extended_horizontal #block_categories_flat .flat_title a img {
		/*width: calc((var(--default-content-width) / 3) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m));*/
		/*max-height: 100%;*/
	}
	
	.index_extended_horizontal #block_categories_flat .flat_description {
		grid-area: description;
		place-self: start start;
		/*margin: var(--dst-m);
		 *padding: var(--dst-m);*/
		padding-top: var(--dst-s);
		font-size: 1.4em /*16px*/;
		/*color: white;*/
		color: #111111;
		transition: opacity .5s ease 0.2s forwards, transform 0.3s ease-out, opacity 0s ease 0s backwards;
		opacity: 1;
	}
	
	.index_extended_horizontal #block_categories_flat a:hover {
		text-decoration: none;
	}	
	
	.index_extended_horizontal #block_categories_flat .category_flat .flat_description p, .index_extended_horizontal #block_categories_flat .category_flat:first-child .flat_description p {
		margin: var(--dst-m) 0px;
		text-align: left;
	}
	
	.index_extended_horizontal #block_categories_flat .flat_description_container .flat_subcategories_container {
		/*display: grid;*/
		/*display: none;*/
		/*
		grid-template-columns: repeat(10, 1fr);
		grid-template-rows:auto;
		grid-area: subcategories;
		grid-row-gap: var(--dst-xs);
		grid-column-gap: var(--dst-xs);		
		*/
		display: flex;
		width: calc(100%);
		/*flex-direction: row;
		flex-wrap: wrap;*/
		gap: var(--gap-size);
		place-self: end end;
		opacity: 1;
		transition: opacity 0.5s ease-out 0.2s;
	}
	
	.index_extended_horizontal #block_categories_flat .flat_description_container:hover .flat_subcategories_container {
		opacity: 1;
	}	
	
	.index_extended_horizontal #block_categories_flat .flat_subcategory {
		position: relative;
		/*flex: 0 0 calc((100% - (9 * var(--dst-xs))) / 10);*/
		/*width: 50px;*/
		/*height: calc((100% - (9 * var(--dst-xs))) / 10);*/
		flex: 1 0 calc((100% - (4 * var(--gap-size))) / 5);
		flex-wrap: wrap;
		/*width: calc(100%);*/
		aspect-ratio: 1 / 1;
		overflow: hidden;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas: "subcat_icon_container";
		place-self: start start;
		background: white;	
		border-radius: var(--border-radius);
		scale: 1;
		transition: scale 0.1s;
	}
	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(2) .flat_subcategory {
		position: relative;
		/*flex: 0 0 calc((100% - (9 * var(--dst-xs))) / 10);*/
		/*width: 50px;*/
		/*height: calc((100% - (9 * var(--dst-xs))) / 10);*/
		flex: 0 1 calc((100% - (4 * var(--gap-size))) / 4);
		flex-wrap: wrap;
		/*width: calc(100%);*/
		aspect-ratio: 1 / 1;
		overflow: hidden;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas: "subcat_icon_container";
		place-self: start start;
		background: white;	
		border-radius: var(--border-radius);
		scale: 1;
		transition: scale 0.1s;
	}	
	
	.index_extended_horizontal #block_categories_flat .flat_subcategory:hover {
		box-shadow: var(--panel-shadow-darker);
		scale: 1.1;
	}
	
	.index_extended_horizontal #block_categories_flat .category_flat:nth-child(2) .flat_subcategory:hover {
		box-shadow: var(--panel-shadow-darker);
		scale: 1.1;
	}	
	
	.index_extended_horizontal #block_categories_flat .flat_subcategory_icon {
		overflow: hidden;
		/*height: 120px;*/
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "subcat_icon";
		grid-area: subcat_icon_container;
		place-self: stretch;
		background: white;
		display: flex;
		justify-content: center;
		align-items: center;	
		
	}
	.index_extended_horizontal #block_categories_flat .flat_subcategory_icon img {
		/*grid-area: subcat_icon;*/
		/*max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;*/
		object-fit: contain;
		place-self: center;
		/*max-width: 80%;
		max-height: 80%;*/
	}
	
	.index_extended_horizontal #block_categories_flat .subcats_style_panels .flat_subcategory_icon {
		height: 100%;
		width: 100%;
		display: grid;
		overflow: visible;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "icon";	
		grid-area: subcat_icon_container;
		place-self: stretch;
		/*
		 * grid-area: subcat_icon_container;
		 * display: flex;
		 * justify-content: center;
		 * align-items: center;	
		 */
	}
	.index_extended_horizontal #block_categories_flat .subcats_style_panels .flat_subcategory_icon img {
		grid-area: icon;
		/*max-width: auto;
		 * max-height: auto; 
		 * height: auto;
		 * width: auto;*/
		min-width: 100%;
		min-height: 100%;
		place-self: center;
		object-fit: cover;
		/*max-width: 90%;
		 * max-height: 90%;*/
	}
		
	.index_extended_horizontal #block_categories_flat .flat_subcategory_title {
		display: none;
		grid-area: subcat_icon_container;
		z-index: 1000;
		height: 0px;
		width: 0px;
		margin: 0px;
		padding: var(--dst-s);
		background: var(--bg-dark-image-overlay);
		font-size: 1.2em;

	}
	.index_extended_horizontal #block_categories_flat .flat_subcategory_title .flat_subcategory_title_caption {
		display: block;
		position: absolute;
		z-index: 1000;
		top: 0px;
		left: 0px;
		padding: var(--dst-m);
		background: var(--bg-dark-image-overlay);
		/*rotate: -90deg;*/
	}
	.index_extended_horizontal #block_categories_flat .flat_subcategory_title a {
		color: #333;
	}
	
	.index_extended_horizontal #index_block_prods {
		display: grid;
		/*width: calc(var( --default-content-width) - var(--dst-m) - var(--dst-m));*/
		width: calc(var( --default-content-width));		
		grid-gap: var(--dst-m);
		/*padding: var(--dst-m);*/
		padding-top: var(--dst-m);
		padding-bottom: var(--dst-m);
		padding-left: calc((100% - var(--default-content-width)) / 2);
		padding-right: calc((100% - var(--default-content-width)) / 2);	
		background-color: var(--theme-color-light);
		grid-area: index_products;
		grid-template-areas: "index_products_title" "index_products_container";
		grid-template-columns: 100%;
		grid-template-rows: auto auto;	
	}
	
	.index_extended_horizontal #index_block_prods h2 {
		/*place-self: start left;
		 *	grid-area: index_products_title;	*/
		margin: 0px;
	}
	
	.index_extended_horizontal #index_block_prods #product_container_tiles {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		width: calc(var( --default-content-width));	
		grid-gap: var(--dst-m);
		background-color: var(--theme-color-light);
		grid-area: index_products_container;
		padding: 0px; margin: 0px;
	}
	
	.index_extended_horizontal #index_block_prods #product_container_tiles .block_product_tile{
		/*width: minmax(150px, 320px);*/
	}
	
	#article #right_box {width: var(--width-right-column); padding: 0px 0px var(--dst-m) var(--dst-m);}	
	#article #left_box {width: var(--width-left-column); padding: 0px 0px var(--dst-m) 0px; overflow: hidden;}	
	#article_text {width: 50% /* 540px*/ !important; float: left;}
	#article_map {width: 50% /*420px*/ !important; float: right;}		
	#article_map p {padding: 0px !important; border: 10px solid rgba(0,0,0,0.5);}
	#article_map iframe {display: block; margin: 0px; padding: 0px; border: 0px !important; border-style: none; frameborder: none; width: calc(100%); height: calc(var(--default-content-width) / 2);}	
	
	#categories_tree {display: block; width: 25%; height: 100%; margin: 0px; float:left; padding: 0px;}	
	.content_right {display: block; width: 100%; float: right; clear: right;}
	#product_container_tiles {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.block_category .subcat_details {
		grid-area: block_category_container;	
		place-self: start end;
		background: rgba(255,255,255,0.85);	
		margin: var(--dst-m) var(--dst-m) var(--dst-l) var(--dst-m) ;	
		padding: var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		font-size: 1.1em;
		width: 50%;
		border-radius: 3px;
		/*border: 1px solid rgba(0,0,0,0.2);*/
	}	
	
	.subcats_style_panels .block_category .subcat_details {
		display: block;
		grid-area: block_category_container;	
		place-self: end stretch;
		background: rgba(255,255,255,0.8);	
		margin: 0px;	
		padding: var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		font-size: 0.8rem;
		/*font-family: "Barlow Condensed";*/
		font-weight: 400;
		/*margin: var(--dst-m);*/
		width: calc(100% - var(--dst-m) - var(--dst-m));
		height: 25%;
		border-radius: 3px;
	}	

	.block_category .flag_stickers {
		display: flex;
		gap: var(--dst-xs);
		grid-area: block_category_container;	
		place-self: start end;
		/*background: rgba(255,255,255,0.8);	*/
		margin: 0px;	
		padding: var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		font-size: 0.8rem;
		/*font-family: "Barlow Condensed";*/
		font-weight: 400;
		align-items: flex-end;
	}
	
	.block_category .flag_sticker {
		display: inline-block;
		flex-basis: 50%;
		flex-grow: 0;
		padding: 3px 5px/*var(--dst-xs) var(--dst-xs)*/;
		background-color: var(--theme-color);
		border-radius: 2px;
		font-size: 0.75rem;
		color: var(--theme-color-brightest);
		text-align: center;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px 0px;
		width: auto;
	}
	
	.subcats_style_panels .block_category .flag_stickers {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		grid-area: block_category_container;	
		place-self: end start;
		/*background: rgba(255,255,255,0.8);	*/
		margin: 0px;	
		padding: var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		font-size: 0.9rem;
		/*font-family: "Barlow Condensed";*/
		font-weight: 400;
		/*margin: var(--dst-m);*/
		/*width: calc(100% - var(--dst-m) - var(--dst-m));*/
		height: 25%;
		border-radius: 1px;
		align-items: flex-end;
	}	

	.subcats_style_panels .block_category .flag_stickers .flag_sticker {
		display: inline-block;
		flex-basis: 50%;
		flex-grow: 0;
		padding: 3px 5px/*var(--dst-xs) var(--dst-xs)*/;
		background-color: var(--theme-color);
		border-radius: 2px;
		font-size: 0.75rem;
		color: var(--theme-color-brightest);
		text-align: center;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 5px 0px;
	}	
	
	/*
	.subcats_style_panels .block_category .subcat_details {
		grid-area: block_category_container;	
		place-self: end stretch;
		background: rgba(255,255,255,0.8);	
		margin: 0px;	
		padding: var(--dst-m) var(--dst-m) var(--dst-m) var(--dst-m);
		font-size: 0.75rem;
		font-weight: 400;
	}	
	*/
	#category_details {
	margin: 0 auto;
	width: calc(100%);
	display: grid;
	grid-template-columns: calc(50% - var(--dst-s)) calc(50% - var(--dst-s)); 
	grid-template-rows: 1fr;
	margin-bottom: 20px;
	grid-gap: var(--dst-m);
	box-shadow: var(--panel-shadow);
	padding: 0px;
	border-radius: var(--border-radius);
	overflow: hidden;
	}
	
	#category_details img {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	max-width: 100%/*max-content*/;
	max-height: 350px;
	margin: 0 auto;
	place-self: center center;
	mix-blend-mode: multiply;
	}
	
	#category_details div {
	min-height: 30px;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;	
	font-size: 1.3em;
	width: calc(100% - var(--dst-m) - var(--dst-m));
	margin: 0 auto;
	background: var(--panel-background);
	padding: var(--dst-m);	
	}
	
	.category_details {
		/*margin: 0 auto;*/
		margin: 0px 0px var(--dst-m) 0px;
		width: calc(100% - var(--dst-m) - var(--dst-m));	
		box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
		font-size: 0.9rem;
	}	
	
	
	/*#catalogue h1.title, #catalogue #panel_breadcrumb {padding-left: 20px;}*/
	#product.product_detail_standard h1, #product.product_detail_standard #panel_breadcrumb, #catalogue h1.title, #catalogue #panel_breadcrumb {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
	}
	
	#product.product_detail_standard #panel_breadcrumb, #catalogue h1.title, #catalogue #panel_breadcrumb {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 5px;
	}	
	
	/*#catalogue h1.title {font-size: 2em;}*/
	
	#category_filter {padding: 0px;}
	#manufacturers_bs .checkbox {width: 140px !important;}
	/*#variants_bs, #manufacturers_bs {clear: both;text-align: left; background: #fff; border: 0px solid #fff;padding: 0px; margin: 0px 0px 0px 0px;box-shadow: 0px 2px 8px #eee;}
	 # variants_bs h3, #manufacturers_bs h3 {padding: 5px 15px; ba*ckground: rgba(225, 9, 21, 1); color: #fff; font-size: 11px;}
	 .btn_collapse {display:block; z-index: 10; width: 20px; height: 20px; background: rgba(96, 96, 96,1);}
	 #filter_active, #filter_bs {text-align: left; background: #fff; border: 1px solid #fff;padding: 10px; margin: 0px 0px 0px 0px;box-shadow: 0px 2px 8px #eee;}
	 #params_bs p, #filter_bs p {margin: 0px; padding: 0px; line-height: 17px; vertical-align: middle;}
	 #variants_bs p, #manufacturers_bs p {padding: 10px 10px 10px 10px;margin: 0px; line-height: 17px; vertical-align: middle;}*/
	
	#product #images {display: block; float: left; width: 500px; padding: 20px; /* background: rgba(255,255,255,1);*/}
	#product #images #image {display: block; /*width: 500px;*/text-align: center;}
	#product #images #image a {text-align: center;}
	#product #images #image #dynamic_image {max-width: 500px;}
	#product #images #gallery {text-align:center;}
	
	#product.product_detail_standard #images {display: block; float: left; width: 60%; margin: 0px; padding: 0px; background: var(--theme-color-brightest);}
	#product.product_detail_standard #images #image {display: block; /*width: 410px;*/text-align: center;}
	#product.product_detail_standard #images #image a {text-align: center;}
	#product.product_detail_standard #images #image #dynamic_image {max-width: 410px; max-height: 600px;}
	#product.product_detail_standard #images #gallery {}
	
	#product #shopping_panel {display: block; float: right; width: 400px;}
	#product.product_detail_standard #shopping_panel {width: calc(40% - var(--dst-m)); padding: 0px;}
	#product #shopping_panel span {display: block;}
	#product #subtitle {font-size: 20px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px;}
	#product.product_detail_standard #subtitle {font-size: 16px;}
	#product #shopping_panel span span.caption {display: inline-block; font-weight: bold; width: 100px; padding: 0px 10px 0px 0px;}
	#product #stock {font-size: 13px; vertical-align: middle; line-height: 20px;}
	#product #stock .caption {display: inline-block;font-size: 14px; vertical-align: middle; line-height: 20px;}
	#product #stock img {vertical-align: middle; margin-right: 5px;}
	/*#product #stock:before {content: url('../images/icn_check.png'); vertical-align: middle;}*/
	/*#product #availability {font-size: 12px; font-style: italic; font-size: 12px; margin-top: 3px;}*/
	#product #prod_price {font-size: 24px; font-weight: bold; margin-top: 0px; /*margin-bottom: var(--dst-m);*/}
	
	#product #availability_ext {display: block; margin: 10px 0px; width: calc(100% -20px); padding: 10px; color: white; text-align: center; border-radius: 3px;}
	#product #availability_ext.available {background: rgba(0,160,0,1);}
	#product #availability_ext.unavailable {background: rgba(225,9,21,1);}
	
	#product #price_panel {
	margin-top: var(--dst-s);
	/*padding: var(--dst-s);
	 b order-radius: 3px;                                        *
	 background: rgba(225,225,225,1);
	 font-size: 14px;	*/
	}
	
	#product #price_panel #price_note{
	margin-bottom: var(--dst-s);
	margin-top: 0px;
	padding: var(--dst-s);
	color: white;
	border-radius: 3px;
	background: rgba(225,9,21,1);
	font-size: 14px;
	}
	
	#variants {
	width: 100%;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 1px;
	column-gap: 1px;
	/*min-height: 29px;*/ margin-top: var(--dst-m);/* line-height: 29px; vertical-align: middle;*/ justify-content: space-between;}
	#variants label {flex: 1;}	
	#variants .variant_incart_info_cnt {z-index: 100; display: block; width: 0px; height: 0px; overflow: visible; float: right; position: relative;}
	#variants .variant_incart_info_cnt .variant_incart_info {z-index: 100; font-size: 10px; display: block; padding: 3px; background: rgba(0, 160, 0, 1); position: absolute; top: -13px; right: -5px;}
	#incart_info {width: calc(100% - 40px); background: var(--light-silver); margin-top: var(--dst-m);}
	
	#prod_quantity {display: inline-block; height: 30px !important; line-height: 30px; width: calc(100% - 0px); padding: 0px; vertical-align: middle; margin: 20px 0px 0px 0px; text-align: left;
	/*background: var(--dark-silver);*/
	}
	#prod_quantity input {display: inline-block; border-radius: 3px; /*border: 1px solid #c00;*/ background: var(--light-silver); line-height: 20px; height: 20px !important; font-size: 14px; padding: 4px; vertical-align: middle; text-align: center;/*-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;*/ margin-right: 5px;}
	#prod_quantity input {}
	#prod_quantity input.step {width: 60px;}
	#prod_quantity label {display: inline-block; font-size: 16px; color: #00aeff; height: 30px; line-height: 30px !important; vertical-align: middle;}
	
	span.btn {display: inline-block !important; height: 30px; line-height: 30px; vertical-align: middle; margin-left: 5px;}
	button#btn_cart_insert {display: inline-block; height: 30px; width: auto; line-height: 30px; overflow: hidden; padding: 0px 10px 0px 30px;
	background: url(../images/btn_check.png) 0px -30px no-repeat; vertical-align: middle;}
	button#btn_cart_insert span {display: inline-block; font-size: 15px; text-transform: uppercase !important; vertical-align: middle;}
	
	button#btn_cart_insert_s, button#btn_cart_insert_as_new_s {display: block; height: 15px; line-height: 15px; font-size: 11px; text-transform: uppercase; color: #00aeff; padding: 0px; margin: 0px; vertical-align: middle;}
	button#btn_cart_insert_s:hover, button#btn_cart_insert_as_new_s:hover {color: #111;}
	button#btn_cart_insert:hover {cursor: pointer; background: /*#00aeff*/ url(../images/btn_check.png) 0px -90px no-repeat; color: #111;}
	span.btn img {position: absolute; z-index:3; top: 17px; right: 16px; filter:hue-rotate(40deg);}
	
	.has-js .label_check,
	.has-js .label_radio    { cursor: pointer; font-size: 14px; display: inline-block; line-height: 20px ; width: 20px; height: 20px; padding: 5px; vertical-align: middle; text-align: center; color: #111;}
	.has-js .label_radio {min-width: 20px !important; width: auto !important;}
	.has-js label {line-height: 20px; vertical-align: middle;}
	.has-js .label_radio    { background: #f3f3f3; /*border: 1px solid #00aeff;*/ /*url(../images/forms_controls_r_off.png) top left no-repeat; */}
	.has-js .label_check    { background: #eee; /*url(../images/forms_controls_c_off.png) top left no-repeat; */}
	.has-js label.c_on      { background: #00aeff; /*url(../images/forms_controls_c_on.png) top left no-repeat; */}
	.has-js label.r_on      { background: #00aeff; /*url(../images/forms_controls_r_on.png) top left no-repeat; */}
	.has-js .label_check input,
	.has-js .label_radio input  { position: absolute; left: -9999px; }
	
	#product #product_details {margin-bottom: 20px;}
	#product.product_detail_standard #product_details h4 {font-size: 20px;}
	#product.product_detail_standard #product_details h4 #product_sheet {font-size: 13px; margin-left: 20px; line-height: 15px;}
	#product.product_detail_standard #product_details h4 #product_sheet img {display: inline-block; margin-right: 5px;}
	#product.product_detail_standard #product_details {width: calc(100%); float: right; clear: right; display: block; margin-bottom: 20px; padding: 0px;}
	
	#product.product_detail_standard #product_details table {font-size: 1rem !important; width: 100%;}
	#product.product_detail_standard #product_details table tr td:nth-child(1) {width: 25%;}
	#product.product_detail_standard #product_details table tr:nth-child(even) td {background-color: var(--even-line); padding: var(--dst-xs);}
	#product.product_detail_standard #product_details table tr:nth-child(odd) td {background-color: var(--odd-line); padding: var(--dst-xs);}	
	
	#product #perex {font-size: 14px; font-style: italic;}
	#product #description {font-size: 16px !important; margin-top: var(--dst-m);}
	
	#product_semidetail .cleaner {margin: 30px 0px 5px 0px;}
	
	#product_sets_caption {padding: 0px 20px 0px 0px; width: 540px; font-size: 16px;}
	.product_set_caption {padding: 0px 20px 0px 0px; width: 540px; font-size: 16px;}
	#product_similar_caption {padding: 0px 20px 0px 0px; width: 540px; font-size: 16px;}
	#product.product_detail_standard #product_similar_caption {padding: 0px 0px 0px 20px; width: 730px; font-size: 16px;}
	#product_similar, #product_sets, #product_alts, #product_parts {/*padding: 20px 60px 20px 0px; width: 500px;*/
		width: calc(100%); float: right; clear: right; display: block; margin-bottom: 20px; padding: 0px;
	}
	#product.product_detail_standard #product_similar, #product.product_detail_standard #product_sets {/*padding: 0px; width: 750px;*/width: calc(100%); float: right; clear: right; display: block; margin-bottom: 20px;}
	
	#product #attributes_table, #product #description_table {width: 100%;}
	#product #attributes_table tr:nth-child(even), #product #description_table tr:nth-child(even) {background: var(--even-line);}
	#product #attributes_table tr:nth-child(odd), #product #description_table tr:nth-child(odd) {background: var(--odd-line);}
	#product #attributes_table tr th, #product #attributes_table tr td, #product #description_table tr th, #product #description_table tr td {padding: 10px; line-height: 20px; vertical-align: middle;}
	#product #attributes_table tr th, #product #description_table tr th {width: 30%;}
	#product #attributes_table tr td, #product #description tr td {}
	#product #attributes_table th, #product #description_table th {text-align: left;}
	#product #attributes_table td, #product #description_table td {text-align: left;}
	#product h4.attribute_title {margin-bottom: 0px;}
	
	#product #attributes_table {display: none;}
	
	#product_files {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "docs clips";
		gap: var(--dst-s);
	}
	
	#product #files_table {width: 100%; margin-top: 20px; grid-area: docs; justify-self: stretch; align-self: start;}
	#product #files_table caption {text-align: left; text-transform: uppercase; padding-bottom: 10px;}
	/*#product #files_table tr:nth-child(even) {background: var(--even-line);}
		#product #files_table tr:nth-child(odd) {background: var(--o*dd-line);}*/
	#product #files_table tr th, #product #attributes_table tr td {padding: 0px; line-height: 20px; vertical-align: middle;}
	#product #files_table tr th {width: 50px;}
	#product #files_table tr td {}
	#product #files_table th {text-align: left;}
	#product #files_table td {text-align: left;}
	#product #files_table td h5 {text-align: left; margin: 0px;}	

	#product #clips_table {width: 100%; margin-top: 20px; grid-area: clips; justify-self: stretch; align-self: start;}
	#product #clips_table caption {text-align: left; text-transform: uppercase; padding-bottom: 10px;}
	/*#product #files_table tr:nth-child(even) {background: var(--even-line);}
	 #product #files_table tr:nth-child(odd) {background: var(--o**dd-line);}*/
	#product #clips_table tr th, #product #attributes_table tr td {padding: 0px; line-height: 20px; vertical-align: middle;}
	#product #clips_table tr th {width: 50px;}
	#product #clips_table tr td {}
	#product #clips_table th {text-align: left;}
	#product #clips_table td {text-align: left;}
	#product #clips_table td h5 {text-align: left; margin: 0px;}	
	
	#cart .td_icon img, #order .td_icon img {max-width: 90px; max-height: 60px;}
	#cart table#cart_content {
	width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)) !important;
	}
	#cart table#cart_content thead {
		display: table-header-group;
	}
	#cart table#cart_content tbody {
		width: var(--default-content-width) !important;
		/*display: flex;*/
	}
	#cart table#cart_content tbody tr {
		display: table-row;
	}
	#cart table#cart_content tbody tr td {
		display: table-cell;
	}
	#cart table#cart_content tbody tr td.td_tools {display: table-cell;}		

	#cart table#cart_content tbody tr.totals {
		display: table-row;
	}
	/*
	#cart table#cart_content tbody tr#discount_note {
	display: table-row !important;
	}
	#cart table#cart_content tbody tr#discount_note td.discount_note{
	display: table-cell;
	}
	*/
	#cart table#cart_content tbody tr.totals td.td_title {grid-area: title; place-self: center start;}
	#cart table#cart_content tbody tr td.td_tools a.btn_xs {vertical-align: baseline; border-top-right-radius: 0px; position: relative; right: auto; top: auto;}	
	#order #panel_shipping, #order #panel_payment, #order #panel_additionals {display: block; width: calc((var(--default-content-width) / 2) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m)) /*420px*/;/*-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;*/
	/*box-shadow: 0 0 5px #aaa;*/ padding: 20px;
	}
	#order fieldset label,#order #panel_shipping label,#order #panel_payment label, #order #panel_additionals label  {display: inline-block; font-weight: bold; font-size: 14px; width: calc((var(--default-content-width) / 2) - (var(--dst-m) * 6))/*380px*/; vertical-align: middle;}	
	
	#registration .regform_container_tiles {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;	
		grid-gap: var(--dst-l);
		/*background-color: var(--theme-color-light);*/
		grid-area: regform_container;
		padding: 0px; margin: 0px;
	}	
	
	#order .orderform_container_tiles {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;	
		grid-gap: var(--dst-l);
		/*background-color: var(--theme-color-light);*/
		grid-area: regform_container;
		padding: 0px; margin: 0px;
	}
	
	#order .td_icon img, #order .td_icon img {max-width: 90px; max-height: 60px;}
	#order table#cart_content {
	width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)) !important;
	}
	#order table#cart_content thead {
	display: table-header-group;
	}
	#order table#cart_content tbody {
	width: var(--default-content-width) !important;
	/*display: flex;*/
	}
	#order table#cart_content tbody tr {
	display: table-row;
	}
	#order table#cart_content tbody tr td {
	display: table-cell;
	}
	#order table#cart_content tbody tr td.td_tools {display: table-cell;}		
	
	#order table#cart_content tbody tr.totals {
	display: table-row;
	}	
	
	#orders p, #orders table td, #orders table th {font-size: 1.2em;}
	#orders table#orders_list {display: table; border-spacing: 1px;	border-collapse: separate;}
	#orders table#orders_list thead {display: table-header-group;}
	#orders table#orders_list thead tr {display: table-row; background-color: var(--bg-list-header);}
	#orders table#orders_list thead tr th {display: table-cell; padding: var(--dst-s) var(--dst-m);}
	#orders table#orders_list tbody {display: table-row-group;}
	#orders table#orders_list tbody tr {border-radius: 0px; box-shadow: none;}
	#orders table#orders_list tbody tr:nth-child(even) {display: table-row; background-color: var(--even-line);}
	#orders table#orders_list tbody tr:nth-child(odd) {display: table-row; background-color: var(--odd-line);}
	#orders table#orders_list tbody tr td {display: table-cell; padding: var(--dst-s) var(--dst-m);}
	#orders table#orders_list tbody tr td.td_code {padding: var(--dst-s) var(--dst-m);}
	#orders table#orders_list tbody tr td.td_date {padding: var(--dst-s) var(--dst-m);}
	#orders table#orders_list tbody tr td.td_price {padding: var(--dst-s) var(--dst-m);}
	#orders table#orders_list tbody tr td.td_status {padding: var(--dst-s) var(--dst-m); text-align: center;}
	#orders table#orders_list tbody tr td.td_menu {padding: var(--dst-s) var(--dst-m);}	

	
	#order_detail, #order_detail p, #order_detail table th, #order_detail table td {font-size: 1.0rem;}
	#order_detail table#order_header {display: table;}
	#order_detail table#order_header tbody {display: table-row-group;}
	#order_detail table#order_header tbody tr {display: table-row;}
	#order_detail table#order_header tbody tr td {display: table-cell; padding: 0px;}
	#order_detail table#order_header tbody tr td.td_supplier {border-radius: 0px; box-shadow: none; padding: 0px;}
	#order_detail table#order_header tbody tr td.td_supplier p {margin: var(--dst-xs) 0px;}	
	#order_detail table#order_header tbody tr td#address {border-radius: 0px; box-shadow: none; padding: 0px;}
	#order_detail table#order_header tbody tr td#address p {margin: var(--dst-xs) 0px;}
	#order_detail table#order_header tbody tr td#delivery_address {border-radius: 0px; box-shadow: none; padding: 0px;}
	#order_detail table#order_header tbody tr td#delivery_address p {margin: var(--dst-xs) 0px;}
	
	#order_detail table#order_items {display: table; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m));}
	#order_detail table#order_items thead {display: table-header-group;}
	#order_detail table#order_items thead tr {display: table-row;}
	#order_detail table#order_items thead tr td {display: table-cell; padding: var(--dst-m);}
	#order_detail table#order_items thead tr th {display: table-cell; padding: var(--dst-s) var(--dst-m);}
	
	#order_detail table#order_items tbody {display: table-row-group; border-radius: 0px; box-shadow: none;}
	#order_detail table#order_items tbody tr {display: table-row;}
	#order_detail table#order_items tbody tr td {display: table-cell; font-size: 1.0em;}
	#order_detail table#order_items tbody tr td.td_code { padding: 0px var(--dst-s);}
	#order_detail table#order_items tbody tr td.td_icon { padding: 0px;}
	#order_detail table#order_items tbody tr td.td_icon img { padding: 0px;}
	#order_detail table#order_items tbody tr td.td_title { padding: 0px var(--dst-s);}
	#order_detail table#order_items tbody tr td.td_qty { padding: 0px var(--dst-s);}
	#order_detail table#order_items tbody tr td.td_taxtariff { padding: 0px var(--dst-s);}
	#order_detail table#order_items tbody tr td.td_price { padding: 0px var(--dst-s);}
	#order_detail table#order_items tbody tr td.td_price_vat { padding: 0px var(--dst-s); font-size: 1.1rem;}
	#order_detail table#order_items tbody tr td span.note {}
	
	#order_detail table#order_items tfoot {display: table-footer-group; border-radius: 0px; box-shadow: none;}
	#order_detail table#order_items tfoot tr {display: table-row;}
	#order_detail table#order_items tfoot tr td.td_vat {padding: 0px var(--dst-s);}
	#order_detail table#order_items tfoot tr td.td_total {padding: 0px var(--dst-s);}
	#order_detail table#order_items tfoot tr td.td_total_vat {padding: 0px var(--dst-s);}
	#order_detail table#order_items tfoot tr td.td_title {padding: 0px var(--dst-s);}
	#order_detail table#order_items tfoot tr.items_total td {padding: var(--dst-m) var(--dst-s);}
	#order_detail table#order_items tfoot tr.supertotal td {padding: var(--dst-m) var(--dst-s); font-size: 1.3rem;}
	#order_detail table#order_items tfoot tr td {display: table-cell;}
	
	#articles {display: block;}
	#articles_header {display: block;}	
	#articles_list {display: block;}
	
}

@media (min-width: 1280px) {
	body {
		--default-content-width: 1280px;
		--header-text-color: #eeeeee;
		--footer-text-color: #eeeeee;
		--theme-color: /*#eb3d00*/#c00/*#ef7c00*/;/*e10915*/
		--theme-color-brightest: #fff;
		--theme-color-light: #eee;
		--theme-color-dark: #333;
		--theme-color-ultradark: #ffffff;
		/*--theme-color-ultradark: #191919;*/
		--hue-rotate: hue-rotate(40deg);
		/*--theme-border: 5px solid var(--theme-color);*/
		--theme-border: none;
		--even-line: rgba(0,0,0,0.02);
		--odd-line: rgba(0,0,0,0.05);
		--light-silver: var(--even-line);
		--dark-silver: var(--odd-line);
		--admin-tools: rgba(191, 234, 255, 1);
		
		/*--bg-dark-image-overlay: rgba(0,0,0,0.7);*/
		--bg-dark-image-overlay: rgba(255,255,255,0.7);
		
		--dst-m: 20px;
		--dst-s: 10px;
		--dst-xs: 5px;
		
		--width-m: 20px;
		--width-s: 10px;
		--width-xs: 5px;
	}
	
	.desktop_960 {display: none !important;}
	.desktop_960_block {display: none !important;}
	.not_desktop_960 {display: inline !important;}
	.not_desktop_960_block {display: block !important;}
	.desktop_1280 {display: block !important;}
	
	.panel_tab_bottom_right {
		display: block;
		clip-path: polygon(
			0% 0%, 100% 0%, 100% 100%, calc(70%) 100%, calc(70% - var(--dst-m)) calc(100% - var(--dst-m)), 0% calc(100% - var(--dst-m))
		);
	}	
	
	#product.product_detail_standard #images {display: block; float: left; width: 60%; margin: 0px; padding: 0px; background: var(--theme-color-brightest);}
	#product.product_detail_standard #images #gallery {padding: var(--dst-m) 0px;}	
	#product_container_tiles {
		grid-template-columns: repeat(3, 1fr);
	}

	#panel_logo {display: block; width: fit-content;}
	#panel_logo p {}
	#panel_logo p img {}
	
	#panel_hotline {display: block;}
	#panel_hotline p {display: flex;}
	#panel_hotline p span {margin: 0px; padding: 0px;}
	#panel_hotline p #panel_hotline_phone { font-weight: normal;}
	#panel_hotline p #panel_hotline_email {}	
	
	#panel_cart {display: block; /*width: 320px;*/}
	#panel_cart a, #panel_cart p {/*color: white;*/}
	#panel_cart p {margin: 0px; padding: 0px 0px 0px 20px; text-align: right; font-size: 1.6em;}
	#panel_cart a, #panel_hotline p, #panel_hotline a {}
	#panel_cart a:hover {}
	#panel_cart .cart_strip_xl, #panel_hotline .contact_xl{display: inline-block;}
	
	/* RESPONSIVE MENU */
	#er_top, #er_navigation_menu, #er_navigation_categories, #er_navigation_technical {display: block; width: 100%; margin: 0 auto;}
	#er_top {display: block !important; 
		/*background: rgba(0,0,0,0.5);*/
		/*background: url('../images/bottico_header_bg_trees_neutral.png');*/
		/*background: none;*/
		/*
		background: url('../images/bottico_header_bg_trees_neutral.png') repeat-x left bottom;
		background-size: 40%;
		*/
		/*background-repeat: repeat-x;
		background-attachment: fixed;
		background-position: left bottom; */
		/*background: linear-gradient(0deg, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 100%);*/
		/*background: #ccc !important;*/
		border-bottom: var(--theme-border);
		/*border-bottom: 1px;*/
		margin: 0 auto;
		/*border: 1px solid red;*/
	}
	#er_top_panels {display: flex; justify-content: space-between; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)) /*960px*/; padding: var(--dst-m) var(--dst-m)/*20px*/; margin: 0 auto; background: none; /*url('../images/bottico_header_bg_trees_neutral.png') repeat-x left bottom; background-size: 90%;*/}
	
	#er_navigation_menu {line-height: 30px; height: 30px; background: rgba(255,255,255,0.5); font-size: 14px; clear: both;}
	#er_navigation_menu a {/*color: white;*/ font-weight: bold;}

	#er_navigation_technical {line-height: 30px; height: 30px; background: rgba(255,255,255,0.5); font-size: 14px; clear: both;}
	#er_navigation_technical a {/*color: white;*/ font-weight: bold;}	
	
	#er_panel_navigation {width: var(--default-content-width)/*1000px*/; margin: 0 auto; height: 30px; line-height: 30px; vertical-align: middle;}
	#er_panel_navigation .round {border-radius: 8px;}
	
	#er_navigation_categories {display: block;  height: 40px; line-height: 40px; vertical-align: middle; background: rgba(255,255,255,0.75); font-size: 20px;}
	
	
	#er_panel_catalogue {display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: stretch; flex-wrap: nowrap;/*display: block;*/ /*height: 40px;*/ line-height: 40px; vertical-align: middle; width: var(--default-content-width); margin: 0 auto;}
	#er_panel_catalogue .menu {display: block; width: calc(var(--default-content-width) - 180px - var(--dst-m)) /*800px*/;/* float: left;*/}
	ul.menu {padding: 0px; margin: 0px;}
	ul.menu li {display: inline-block; text-transform: uppercase;}
	#er_panel_navigation ul.menu {padding: 0px 20px; height: 30px; line-height: 30px;}
	#er_panel_navigation ul.menu:first-child {float: left;}
	#er_panel_navigation ul.menu:not(:first-child) {float: right; border-top: none;}
	#er_panel_navigation ul.menu li {margin-left: 10px; height: 30px; line-height: 30px;}
	#er_panel_navigation ul.menu li:first-child {margin-left: 0px;}
	/*#er_panel_navigation ul.menu li:not(:first-child) {display: none;}*/
	#er_panel_navigation ul.menu li a {display: inline-block; padding: 0px; height: 30px; line-height: 30px; }
	#er_panel_navigation ul.menu li button {display: inline-block; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}
	
	#er_panel_catalogue ul.menu {display: block; height: 40px;/* float: left;*/}
	#er_panel_catalogue ul#panel_dt_calculator {flex-shrink: 2; flex-grow: 1; display: block; height: 40px;/* float: left;*/}
	#er_panel_catalogue ul#panel_catalogue_categories {flex-shrink: 1; flex-grow: 2; display: block; height: 40px;/* float: left;*/}
	#er_panel_catalogue ul.menu li {display: block; height: 40px; line-height: 40px; float: left;}
	#er_panel_catalogue ul.menu li a {display: block; float: left; padding: 0px 20px;}
	#er_panel_catalogue ul.menu li a:hover {}
	#er_panel_catalogue ul.menu li a img {display: inline-block; max-height: 26px; top: 6px; position: relative;}
	#er_panel_catalogue ul.menu li a span.category_caption {display:none; max-height: 26px; top: 6px; position: relative;}
	#er_panel_catalogue .active_path {background: rgba(255, 255, 255, 1); color: #333;}
	#er_panel_catalogue .active_path:hover {background: rgba(255, 255, 255, 1) !important; text-decoration: underline !important;}
	
	#er_panel_search {
	display: block; width: calc(var(--default-content-width) / 6); margin: 0px; padding: 0px var(--dst-m) 0px 40px; float: right; height: 40px; 
	background-color: rgba(0,0,0,0.1);
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 20px 100%);
	}
	#er_panel_search p {margin: 0px; padding: 5px 0px; line-height: 30px; height: 30px; vertical-align: middle;
	display: flex; justify-content: space-between; align-items: center;
	width: 100% /*calc(var(--default-content-width) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m))*/; }
	#er_panel_search p input {
	margin: 0px; 
	padding: 5px 40px 5px 20px; 
	width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-m) - var(--dst-s));
	line-height: 20px; 
	height: 20px; 
	vertical-align: bottom;
	border: none;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
	border-radius: 3px 0px 0px 3px;
	color: #333; font-size: 11px;
	overflow: hidden;
	font-style: italic;
	}
	#er_panel_search .btn_container {display: inline-block; /*height: 0px; width: 0px; z-index: 10; float: right; position: absolute;*/}
	#er_panel_search button.btn {display: inline-block; /*position: relative; top: 5px; right: calc(1px - var(--default-content-width));*/ border-radius: 0px 3px 3px 0px; background-color: rgba(255,255,255,1) !important; margin: 0px !important;}	
	
	
	
	#erd_top, #erd_navigation_menu, #erd_navigation_categories {display: block; width: 100%; margin: 0 auto;}
	#erd_top {display: block; background: rgba(0,0,0,0.5); border-bottom: var(--theme-border);}
	#erd_top_panels {display: flex; justify-content: space-between; align-items: center; width: calc(var(--default-content-width) - var(--dst-m) - var(--dst-m)) /*960px*/; padding: var(--dst-s) var(--dst-m)/*20px*/; margin: 0 auto;}
	
	#erd_navigation_menu {line-height: 30px; height: 30px; background: var(--bg-semitransparent-lighter);/* rgb(195,195,195);*/ font-size: 1.2em; clear: both;}
	#erd_navigation_menu a {/*color: white;*/ font-weight: bold;}
	
	#erd_panel_navigation {width: var(--default-content-width)/*1000px*/; margin: 0 auto; height: 30px; line-height: 30px; vertical-align: middle;}
	#erd_panel_navigation .round {border-radius: 8px;}
	
	#erd_navigation_categories {display: block; /*height: 40px;*/ line-height: 40px; vertical-align: middle; background: var(--bg-semitransparent-lightest)/*rgb(225,225,225)*/; font-size: 20px;}
	
	#erd_panel_catalogue {/*display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: stretch; flex-wrap: wrap;*/ display: block;/*height: 40px;*/ line-height: 40px; vertical-align: middle; 
		width: calc(var(--default-content-width) / 1); margin: 0 auto;
		
	}
	#erd_panel_catalogue .menu {display: block; width: calc(((var(--default-content-width) * 5) / 6) - 60px) /*800px*/; /*float: left;*/}
	ul.menu {padding: 0px; margin: 0px;}
	ul.menu li {display: inline-block; text-transform: uppercase;}
	#erd_panel_navigation ul.menu {padding: 0px 20px; height: 30px; line-height: 30px;}
	#erd_panel_navigation ul.menu:first-child {float: left;}
	#erd_panel_navigation ul.menu:not(:first-child) {float: right; border-top: none;}
	#erd_panel_navigation ul.menu li {margin-left: 10px; height: 30px; line-height: 30px;}
	#erd_panel_navigation ul.menu li:first-child {margin-left: 0px;}
	/*#erd_panel_navigation ul.menu li:not(:first-child) {display: none;}*/
	#erd_panel_navigation ul.menu li a {display: inline-block; padding: 0px; height: 30px; line-height: 30px; }
	#erd_panel_navigation ul.menu li button {display: inline-block; margin-bottom: 2px; margin-left: 2px; vertical-align: middle;}
	
	#erd_panel_catalogue ul.menu {display: block; height: 40px; float: left;}
	#erd_panel_catalogue ul#panel_dt_calculator {/*flex-shrink: 2; flex-grow: 1;*/ display: block; height: 40px; float: left; width: calc((var(--default-content-width) / 6) * 1.5); float: right;}
	#erd_panel_catalogue ul#panel_catalogue_categories {/*flex-shrink: 1; flex-grow: 2;*/ display: block; height: 40px; float: left; width: auto;}	
	#erd_panel_catalogue ul.menu li {display: block; height: 40px; line-height: 40px; float: left;}
	/*#erd_panel_catalogue ul.menu li a {display: block; float: left; padding: 0px 20px;}*/
	/*
	#erd_panel_catalogue ul.menu li a {
		display: grid; 
		height: 40px; 
		float: left; 
		padding: 0px 20px;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "tab";
		align-items: center;
		justify-items: center;
	}
	#erd_panel_catalogue ul.menu li a:hover {}
	#erd_panel_catalogue ul.menu li a img {display: block; grid-area: tab; max-height: 26px; z-index: 10;}
	#erd_panel_catalogue ul.menu li a span.category_caption {display:none; max-height: 26px; top: 6px; position: relative;}
	#erd_panel_catalogue ul.menu li a span.icon_arrow_down {display:block; grid-area: tab; height: 6px; width: 100%;}
	*/
	#erd_panel_catalogue .active_path {background: rgba(255, 255, 255, 1); color: #333; clip-path: polygon(0% 0%, calc(100%) 0%, 100% 100%, 0% 100%);}
	#erd_panel_catalogue .active_path:hover {background: rgba(255, 255, 255, 1) !important; text-decoration: underline !important;}
	/*
	#erd_panel_search {
		display: inline-flex; 
		width: calc((var(--default-content-width) / 6) + var(--dst-m) + var(--dst-m));
		margin: 0px;
		padding: 0px var(--dst-m);
		height: 40px;
		background-color: var(--theme-color);
		border-radius: var(--border-radius);
		align-items: center;
		justify-content: flex-end;
	}
	#erd_panel_search p {
		margin: 0px;
		padding: 0px;
		line-height: 30px;
		height: 30px;
		display: flex;
		justify-content: flex-end; align-items: center;
		width: 100%;
	}
	#erd_panel_search p input {
	margin: 0px; 
	padding: 5px var(--dst-s); 
	width: calc(100% - 30px) !important;
	line-height: 20px; 
	height: 20px; 
	vertical-align: bottom;
	border: none;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
	border-radius: 3px 0px 0px 3px;
	color: #333; font-size: 11px;
	overflow: hidden;
	font-style: italic;
	}
	#erd_panel_search .btn_container {display: inline-block;}
	#erd_panel_search button#btn_search {
		display: inline-block;
		border-radius: 0px var(--border-radius) var(--border-radius) 0px; 
		background-color: rgba(255,255,255,1) !important; 
		margin: 0px !important;
		width: 30px;
		height: 30px;	
	}	
	*/
	
	#article #right_box {width: var(--width-right-column); padding: 0px 0px var(--dst-m) var(--dst-m);}	
	#article #left_box {width: var(--width-left-column); padding: 0px 0px var(--dst-m) 0px; overflow: hidden;}	
	#article_text {width: 50% /* 540px*/ !important; float: left;}
	#article_map {width: 50% /*420px*/ !important; float: right;}	
	#article_map p {padding: 0px !important; border: 10px solid rgba(0,0,0,0.5);}
	#article_map iframe {display: block; margin: 0px; padding: 0px; border: 0px !important; border-style: none; frameborder: none; width: calc(100%); height: calc(var(--default-content-width) / 2);}	
	
	#categories_tree {display: block; width: 25%; height: 100%; margin: 0px; float:left; padding: 0px;}	
	.content_right {display: block; width: calc(100%); float: right; clear: right;}
	#product_container_tiles {
		grid-template-columns: repeat(3, 1fr);
	}	
	
	.divider_arrow_down {display: block;}
	.index_extended_horizontal #block_categories_flat .flat_description {
		font-size: 1.6em /*16px*/;
	}
	.index_extended_horizontal #block_categories_flat .flat_description_container .flat_subcategories_container {
		display: flex;
		flex-wrap: wrap;
	}
	#category_details {
		margin: 0 auto;
		width: calc(100%);
		display: grid;
		grid-template-columns: calc(50% - var(--dst-s)) calc(50% - var(--dst-s)); 
		grid-template-rows: 1fr;
		margin-bottom: 20px;
		grid-gap: var(--dst-m);
	}
	
	#category_details img {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	max-width: 100%/*max-content*/;
	max-height: 350px;
	margin: 0 auto;
		mix-blend-mode: multiply;
	}
	
	#category_details div {
	min-height: 30px;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;	
	font-size: 1.3em;
	}	
	
}

@media (min-width: 1300px) {
	body {
		--default-content-width: 1300px;
		--header-text-color: #eeeeee;
		--footer-text-color: #eeeeee;
		--theme-color: var(--theme-color);
		--theme-color-brightest: #fff;
		--theme-color-light: #eee;
		--theme-color-dark: #333;
		/*--theme-color-ultradark: #191919;*/
		--theme-color-ultradark: #ffffff;
		/*--theme-color-ultradark: radial-gradient(circle, rgba(177,177,177,1) 0%, rgba(255,255,255,1) 100%);*/
		--hue-rotate: hue-rotate(40deg);
		/*--theme-border: 5px solid var(--theme-color);*/
		--theme-border: none;
		--even-line: rgba(0,0,0,0.02);
		--odd-line: rgba(0,0,0,0.05);
		--light-silver: var(--even-line);
		--dark-silver: var(--odd-line);
		--admin-tools: rgba(191, 234, 255, 1);
		
		/*--bg-dark-image-overlay: rgba(0,0,0,0.7);*/
		--bg-dark-image-overlay: rgba(255,255,255,0.7);
		
		--dst-m: 20px;
		--dst-s: 10px;
		--dst-xs: 5px;
		
		--width-m: 20px;
		--width-s: 10px;
		--width-xs: 5px;
	}
}