:root {
	
	/* General vars */
	--width_default: 1400px;
	
  	--color_01: #272727;
  	--color_02: #a6a6a6;
	--color_03: #242f3d;
	--color_04: #f7f7f7;
	--color_05: #f26522; /* narancs */
	--color_06: #bfbfbf;
	--color_07: #009688; /* világoskék */
	--color_07_2: #0a9d8f; /* világoskék 2 */
	--color_08: #c264d2; /* lila */
	--color_09: #dedede; /*vilagosszurke*/
	
	/* General colors */
	--border_1: var(--color_02);
	--border_2: var(--color_06);
	--border_3: var(--color_09);
	
	/* Header colors */
	--header_upper_bckgrnd: var(--color_03);
	
	/* Alternative colors */
	--color_lightBlue_1: #d4e3f1;
	--color_lightBlue_2: #97c0df;
	--color_darkBlue_1: #012641;
	
}

body {
  /*background-color: none;*/
	margin: 0px;
	/*font: 15px Arial, sans-serif;*/
	/*font-family: 'Montserrat', sans-serif;*/
	/*font-family: 'Ubuntu', sans-serif;*/
	font-family: 'Red Hat Display', sans-serif;
	font-size: 15px;
	background-color: #fcfcfc;
}

h1 {
  color: navy;
  margin-left: 20px;
}

a {
	cursor: pointer !important;
	text-decoration: none;
	color: black;
}

.color_05 {
	color: var(--color_05) !important;
}

.pointer {
	cursor: pointer !important;
}

.clear {
    clear: both !important;
    height: 0px !important;
    width: 0px !important;
    display: block !important;
    visibility: hidden !important;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.horizontal-center {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

.position_relative {
	position: relative !important;
}

.position_absolute {
	position: absolute !important;
}

.text_center { text-align: center; }

.text_align_right { text-align: right !important; }

.font_header_size {
	font-size: 1.3em !important;
}

.float_left {
	float: left !important;
}

.float_right {
	float: right !important;
}

.color_orange {
	color: var(--color_05) !important;
}

.w_100p {
	width: 100% !important;
}

.w_600px {
	width: 600px !important;
}

.h_45p {
	height: 45px;
}

.h_240p {
	height: 240px !important;
}

.margin_top_10 {
	margin-top: 10px !important;
}

.margin_top_20 {
	margin-top: 20px !important;
}

.margin_top_37 {
	margin-top: 37px !important;
}

.disp_flex {
	display: flex !important;
}

.margin_left_5px {
	margin-left: 5px !important;
}

.margin_left_10px {
	margin-left: 10px !important;
}

.margin_right_5px {
	margin-right: 5px !important;
}

.margin_right_15px {
	margin-right: 15px !important;
}

.margin_bottom_0px {
	margin-bottom: 0px !important;
}

.margin_bottom_20px {
	margin-bottom: 20px !important;
}

.padding_left_right_10px {
	padding-left: 10px !important;
	padding-right: 10p !important;
}

.border_bottom_1px_dashed_color06 {
	border-bottom: 1px dashed var(--color_06) !important;
}
.height_auto {
	height: auto !important;
}
.center {
	position: absolute !important;
	top: 50%;
	left: 50%;
}

.category_route_link {
	text-decoration: none;
	color: var(--color_03);
	font-size: 0.9rem;
}
.category_route_link:hover {
	color: var(--color_05);
}

/* ######## LOADER CSS ######## */
#body_loader {
	visibility: hidden;
	position: fixed;
}
#body_loader_spinner {
	border: 12px solid #f3f3f3;
	border-radius: 50%;
	border-top: 12px solid var(--color_05);
	width: 100px;
	height: 100px;
	animation: spin 2s linear infinite;
	visibility: hidden;
	z-index: 6000;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.center {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* ##### COLORS ##### */
.product-color--light_blue {
    background-color: rgb(30, 57, 81); }
  .product-color--dark_blue {
    background-color: rgba(6,28,80,1.00); }
  .product-color--dark_green {
    background-color: rgb(176, 215, 180); }
  .product-color--light_yellow {
    background-color: rgba(255,206,24,1.00); }
  .product-color--orange {
    background-color: rgb(223, 140, 15); }
  .product-color--silver {
    background-color: rgb(56, 56, 56); }
  .product-color--beige {
    background-color: rgb(53, 48, 32); }
  .product-color--pink {
    background-color: rgba(222,9,139,1.00); }
  .product-color--dark_red {
    background-color: rgb(225, 85, 88); }
  .product-color--light_red {
    background-color: rgb(171, 50, 33); }
  .product-color--black {
    background-color: rgb(0, 0, 0); }
  .product-color--white {
    background-color: rgb(255, 255, 255); }
  .product-color--natural {
    background-color: rgb(51, 40, 11); }
  .product-color--butter_yellow {
    background-color: rgb(72, 50, 9); }
  .product-color--blue {
    background-color: rgb(88, 139, 201); }
  .product-color--old_royal_blue {
    background-color: rgb(92, 118, 171); }
  .product-color--old_dark_blue {
    background-color: rgb(158, 155, 183); }
  .product-color--turquoise {
    background-color: rgb(67, 174, 233); }
  .product-color--old_turquoise {
    background-color: rgb(109, 196, 233); }
  .product-color--light_turquoise {
    background-color: rgb(56, 184, 233); }
  .product-color--sky_blue {
    background-color: rgb(32, 67, 111); }
  .product-color--dark_sky_blue {
    background-color: rgb(66, 175, 234); }
  .product-color--medium_blue {
    background-color: rgb(41, 77, 124); }
  .product-color--midnight_blue {
    background-color: rgb(192, 214, 220); }
  .product-color--indigo_blue {
    background-color: rgb(135, 159, 180); }
  .product-color--cobalt {
    background-color: rgb(107, 107, 205); }
  .product-color--brown {
    background-color: rgb(204, 174, 162); }
  .product-color--maroon {
    background-color: rgb(223, 181, 186); }
  .product-color--bronze {
    background-color: rgb(147, 117, 81); }
  .product-color--bronze_brown {
    background-color: rgb(162, 134, 111); }
  .product-color--medium_brown_ {
    background-color: rgb(137, 113, 75); }
  .product-color--dark_brown_ {
    background-color: rgb(226, 211, 192); }
  .product-color--russet {
    background-color: rgb(236, 202, 168); }
  .product-color--gold_yellow {
    background-color: rgb(215, 151, 2); }
  .product-color--gold {
    background-color: rgb(167, 145, 67); }
  .product-color--green {
    background-color: rgb(116, 188, 123); }
  .product-color--fluorescent_green {
    background-color: rgb(77, 193, 55); }
  .product-color--mint_green {
    background-color: rgb(65, 100, 36); }
  .product-color--lime_green {
    background-color: rgb(102, 151, 49); }
  .product-color--bright_lime_green {
    background-color: rgb(112, 187, 28); }
  .product-color--kelly_green {
    background-color: rgb(92, 237, 150); }
  .product-color--old_kelly_green {
    background-color: rgb(80, 218, 166); }
  .product-color--kiwi_green {
    background-color: rgb(165, 193, 79); }
  .product-color--apple_green {
    background-color: rgb(75, 218, 122); }
  .product-color--old_apple_green {
    background-color: rgb(81, 234, 146); }
  .product-color--khaki {
    background-color: rgb(190, 196, 166); }
  .product-color--old_khaki {
    background-color: rgb(162, 176, 162); }
  .product-color--olive {
    background-color: rgb(181, 182, 163); }
  .product-color--pistachio {
    background-color: rgb(123, 135, 39); }
  .product-color--ash_grey {
    background-color: rgb(52, 52, 52); }
  .product-color--medium_ash_grey {
    background-color: rgb(118, 121, 124); }
  .product-color--medium_grey {
    background-color: rgb(92, 92, 92); }
  .product-color--dark_ash_grey {
    background-color: rgb(159, 168, 172); }
  .product-color--dark_grey {
    background-color: rgba(103,104,105,1.00); }
  .product-color--grey {
    background-color: rgba(139,139,139,1.00); }
  .product-color--light_grey {
    background-color: rgb(36, 36, 36); }
  .product-color--old_light_orange {
    background-color: rgb(165, 193, 79); }
  .product-color--fluorescent_orange {
    background-color: rgb(224, 220, 221); }
  .product-color--light_orange {
    background-color: rgb(163, 46, 96); }
  .product-color--peach {
    background-color: rgb(172, 180, 185); }
  .product-color--mandarine {
    background-color: rgb(217, 118, 9); }
  .product-color--medium_orange {
    background-color: rgb(173, 67, 10); }
  .product-color--old_orange {
    background-color: rgb(182, 85, 48); }
  .product-color--safety_orange {
    background-color: rgb(217, 118, 9); }
  .product-color--rose {
    background-color: rgb(105, 16, 56); }
  .product-color--light_rose {
    background-color: rgb(47, 6, 23); }
  .product-color--dark_pink {
    background-color: rgb(231, 31, 111); }
  .product-color--fluorescent_pink {
    background-color: rgb(170, 0, 77); }
  .product-color--bright_pink {
    background-color: rgb(177, 16, 85); }
  .product-color--old_pink {
    background-color: rgb(163, 46, 96); }
  .product-color--purple {
    background-color: rgb(170, 96, 189); }
  .product-color--purple_27 {
    background-color: rgb(160, 133, 190); }
  .product-color--purple_13 {
    background-color: rgb(165, 121, 191); }
  .product-color--dark_purple_13A {
    background-color: rgb(211, 191, 217); }
  .product-color--dark_purple_27A {
    background-color: rgb(177, 156, 199); }
  .product-color--light_purple_13V {
    background-color: rgb(118, 103, 137); }
  .product-color--light_purple_26 {
    background-color: rgb(82, 82, 131); }
  .product-color--eggplant {
    background-color: rgb(217, 166, 225); }
  .product-color--red {
    background-color: rgb(197, 22, 39); }
  .product-color--claret {
    background-color: rgb(208, 94, 102); }
  .product-color--old_claret {
    background-color: rgb(190, 80, 102); }
  .product-color--burgundy {
    background-color: rgb(206, 151, 156); }
  .product-color--transparent {
    background-color: rgb(0, 0, 0); }
  .product-color--frosted_white {
    background-color: rgb(0, 0, 0); }
  .product-color--yellow {
    background-color: rgba(255,227,45,1.00); }
  .product-color--fluorescent_yellow {
    background-color: rgb(160, 160, 22); }
  .product-color--safety_yellow {
    background-color: rgb(164, 164, 23); }
  .product-color--dark_bold_yellow {
    background-color: rgb(171, 122, 56); }
  .product-color--light_gold_yellow {
    background-color: rgb(138, 95, 4); }
  .product-color--transparent_dark_grey {
    background-color: rgb(172, 180, 185); }
  .product-color--transparent_pink {
    background-color: rgb(167, 16, 72); }
  .product-color--transparent_yellow {
    background-color: rgb(179, 166, 15); }
  .product-color--transparent_orange {
    background-color: rgb(223, 140, 15); }
  .product-color--transparent_red {
    background-color: rgb(197, 22, 39); }
  .product-color--transparent_blue {
    background-color: rgb(88, 139, 201); }
  .product-color--transparent_green {
    background-color: rgb(116, 188, 123); }
  .product-color--transparent_black {
    background-color: rgb(224, 220, 221); }
  .product-color--multicolour {
    background-image: linear-gradient(to right, #00b3ee, #7a43b6 50%, #c3325f);
    background-repeat: no-repeat; }


/* ####### CONTENT CSS ####### */
.mainContentContainer {
	
	width: 100%;
	max-width: var(--width_default);
	margin-left: auto;
	margin-right: auto;
	border-left: 0px solid var(--border_1);
	border-right: 0px solid var(--border_1);
}

/* ### PAGE HEADER CSS ### */

.pageHeader_upper {
	width: 100%;
	height: 60px;
	background-color: var(--header_upper_bckgrnd);
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 300;
}
.pgHeader_upper_center {
	width: var(--width_default);
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.pgHeader_upper_center .content_left {
	width: 200px;
	height: 30px;
	margin-top: 5px;
	line-height: 30px;
	float: left;
	color: var(--color_02);
}

.pageHeader_logo {
		margin-top: 7px;
		cursor: pointer;
		height: 35px;
		margin-left: 20px;
	}

.pgHeader_upper_center .content_center {
	width: 600px;
	height: 50px;
	float: left;
}
.pgHeader_upper_center .content_right {
	width: 300px;
	height: 50px;
	margin-top: 15px;
	/*line-height: 30px;*/
	color: whitesmoke;
	float: right;
	text-align: right;
	font-size: 18px;
}
.content_right a {
	color: whitesmoke;
}

.basket_info_nr {
	top: -8px;
	font-size: 12px;
	color: var(--color_03);
	min-width: 15px;
	width: auto;
	height: 15px !important;
	float: right;
	position: relative;
	border-radius: 8px;
	background-color: whitesmoke;
	text-align: center;
	line-height: 12px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.pageHeader {
	width: 100%;
	height: 60px;
	background-color: #F5F5F5;
	position: fixed;
	z-index: 200;
	top: 60px;
	left: 0px;
	/*z-index: 300;*/
	border-bottom: 1px dashed #EEEDED;
}
.pageHeader_Center {
	width: var(--width_default);
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.pg_logo_container {
	width: 200px;
	height: 50px;
	float: left;
	margin-top: 5px;
}
.pg_filter_container {
	width: 750px;
	height: 50px;
	float: left;
	margin-top: 8px;
	/*margin-left: 320px;*/
	/*border: 1px solid lightgrey;*/
	position: relative;
	/*top: -58px;*/
	left: 100px;
	
}
.search_input_field {
	width: 680px !important;
	margin-top: 0px;
	height: 45px !important;
	border: 0px solid var(--color_02) !important;
	font-size: 1em;
	padding-left: 10px;
	border-radius: 10px;
	box-sizing: border-box !important;
	background-color: #F5F5F5 !important;
}
.search_button {
    width: 32px;
    height: 27px;
    /* border: 1px solid var(--color_02); */
    /* border-left: none; */
    top: 4px;
    left: -40px;
    padding-top: 10px;
    position: relative;
    font-size: 22px;
    padding-top: 7px;
    text-align: center;
	color: #f16622;
    /* background-color: white; */
}
.pg_advanced_container {
	width: 250px;
	height: 50px;
	float: right;
	margin-top: 5px;
	line-height: 50px;
	font-size: 18px;
	text-align: right;
	position: relative;
	top: -60px;
	color: white;
}
.pg_advanced_container a {
	color: white;
}

.ph_content_element {
	min-width: 100px;
	width: auto;
	height: 50px;
	float: left;
	font-size: 25px;
	color: #f26522;
	text-align: center;
	margin-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
}
.ph_content_element_float_right {
	float: right !important;
	right: 210px;
	position: relative;
}
.ph_content_element > div {
	font-size: 12px;
	text-align: center;
	color: var(--color_03);

}

.categories_placeholder {
	width: 0px;
	height: 0px;
	display: none;
}

/* *** CATEGORIES *** */

.categories_main {
	width: auto;
	min-height: 600px;
	max-height: 600px;
	background-color: whitesmoke;
	z-index: 1001;
	position: absolute;
	top: 55px;
	border: 1px dashed var(--color_02);
	text-align: left !important;
	
}

.categories_main_elements {
	width: 260px;
	min-height: 600px;
	max-height: 600px;
	float: left;
	overflow-y: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollBar_hide::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollBar_hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.cat_main_cat_element {
	width: 260px;
	height: auto;
	font-size: 13px;
	padding: 5px;
	color: var(--color_03);
	border-bottom: 1px dashed var(--color_02);
	cursor: pointer;
	line-height: 20px;
}

.cat_main_cat_element_active {
	background-color: gray !important;
}

.cat_main_cat_element_icon {
	color: #f23526;
	font-size: 14px;
	line-height: 18px;
	padding: 3px;
}

.cat_sub_placeholder {
	
	margin-bottom: 1.5rem;
	width: auto;
	max-width: 1200px;
	height: auto;
    max-height: 900px;
    float: left;
    position: relative;
	overflow-y: auto;
	border-left: 1px dashed var(--color_02);
	padding-left: 5px;
	margin-left: 0px;
}
.cat_sub_titleCont {
	width: auto;
	height: auto;
}
.cat_sub_grid {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 1px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(21, auto);
}

.category_subCat_element_container {
	float: left; 
	width: 220px; 
	height: 600px; 
	position: relative;
}


.subCat_element {
	color: var(--color_03);
	border-bottom: none !important;
	line-height: 15px;
}
.subCat_element a {
	text-decoration: none;
	color: var(--color_03);
}

.subCat_element a:hover {
	text-decoration: underline;
	color: var(--color_05);
}

.subCat_element i {
	font-size: 10px;
	margin-left: 5px;
	font-weight: bold;
}

.subCat_title {
	font-size: 17px;
	font-weight: 900;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 10px;
	color: var(--color_05);
	line-height: 17px;
}

/* ### PAGE MAIN CONTENT CSS ### */

.main {
	min-height: 850px;
	margin-top: 130px;
	height: auto !important;
	/*overflow: hidden;*/
	overflow-y: auto;
	overflow-x: hidden;
}

.main_content_row {
	min-height: 50px;
	width: 100%;
	margin-top: 0px;
	/*border: 1px solid lightgray;*/
}
.main_content_row_left {
	width: 261px;
	margin-right: 19px;
	float: left;
	height: 481px;
	border-top: 1px dashed var(--border_2) !important;
	border-right: 1px dashed var(--border_2) !important;
}

.main_flyer_left_a {
	text-decoration: none;
	color: var(--color_02);
	border-bottom: none;
}


.flyer_menu_element {
	width: 260px;
	margin-top: 0px; 
	background-color: white;
	border-left: 1px dashed var(--border_2); 
	border-bottom: 1px dashed var(--border_2); 
	height: 37px; 
	padding-left: 10px; 
	line-height: 37px;
	color: var(--color_01);
}
.flyer_menu_element:hover {
	text-decoration: none;
	background-color: var(--color_04);
	color: var(--color_05);
}

.main_content_row_content {
	width: calc(100% - 280px) !important; 
	height: 481px;
	float: right;
}

.main_content_cont_grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(3, 1fr);
}

.main_content_cont_grid_element {
	height: 405px;
	border-radius: 5px;
	border: 0px dashed var(--color_02);
}

.main_campaign_imgHeader {
	height: 200px;
	background-color: orchid;
}

.main_campaign_contentCont {
	background-image: linear-gradient(#FFFFFF, #FFFFFF);
	height: 200px;
	padding: 20px;
	border: 1px dashed var(--border_3);
}

.main_campaign_contentCont_titleCont {
	position: relative;
	top: -34px;
	padding: 7px;
	background-color: #339901;
	width: 210px;
	font-size: 12px;
	color: whitesmoke;
	font-weight: bold;
	font-style: italic;
}

.main_campaign_content_header {
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 15px;
	margin-top: -18px;
}

.main_campaign_content_content {
	font-size: 1em;
}

.mainPage_categories_container {
	display: grid;
    gap: 0rem;
    grid-template-columns: repeat(2, 1fr);
}

.mainPage_categories_title {
	font-size: 1.3em;
	padding: 8px;
	font-weight: bold;
	margin-top: 15px;
	text-transform: uppercase;
	font-style: italic;
}

.mp_cc_categories_cont {
	background-image: linear-gradient(#F4F4F4, #FBFBFB);
	border: 0px dashed var(--color_02);
	padding: 0px;
}
.mp_cc_categories_cont_grid {
	display: grid;
    gap: 0rem;
    grid-template-columns: repeat(2, 1fr);
}

.mp_cc_categories_l {
	padding: 15px;
	border-right: 1px dashed #e5e5e5;
}

.mp_cc_categories_r {
	padding: 15px;
}

.mp_cc_cat_element {
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;
}
.mp_cc_cat_element:hover {
	color: var(--color_05);
}

.mp_cc_categories_flyer {
	background-color: burlywood;
	height: 280px;
}

.mp_700x200_flyer {
	height: 200px;
}


/* ### PAGE FOOTER CSS ### */
.pageFooter_upper {
	width: 100%;
	height: 100px;;
	background-color: #f5f5f5;
	border-top: 1px dashed #E5E5E5;
}
.pageFooter_upper_main {
	/*width: var(--width_default);*/
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	height: 70px;
	margin-top: 20px;
	text-align: center;
}

.pf_upper_content_element {
	width: 180px;
	height: 80px;
	float: left;
	position: relative;
	text-align: center;
	cursor: pointer;
}

.icon_footer_size {
	font-size: 30px !important;
	color: #F26522;
	margin-bottom: 10px;
}

.pf_upper_element_title {
	font-size: 1em;
	color: var(--color_03);
}

.pageFooter {
	width: 100%;
	height: auto;
	background-color: var(--color_03);
}

.pageFooter_main {
	width: var(--width_default);
	margin-left: auto;
	margin-right: auto;
	height: auto;
}

.pg_footer_logo_cont {
	width: 350px;
	float: left;
	height: auto;
	min-height: 300px;
	position: relative;
	color: whitesmoke;
	padding-top: 50px;
}

.pageFooter_logo {
    margin-top: 7px;
    cursor: pointer;
    height: 50px;
    margin-left: 10px;
}

.pg_footer_content_main {
	width: calc(100% - 350px) !important;
	height: 350px;
	color: var(--color_04);
	/*margin-left: auto;
	margin-right: auto;*/
	float: left;
	position: relative;
	color: whitesmoke;
	padding-top: 40px;
}

.pg_footer_content_cont {
	width: 300px;
	float: left;
	height: 300px;
	color: whitesmoke;
	position: relative;
	padding-top: 40px;
}

.pg_footer_list_title {
	font-size: 1.5em;
	color: lightblue;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.pg_footer_list_element {
	font-size: 1em;
	line-height: 30px;
}
.pg_footer_list_element a {
	color: whitesmoke;
	text-decoration: none;
	cursor: pointer;
}

.pg_footer_bottom {
	width: 100%;
	height: 30px;
	color: whitesmoke;
	text-align: center;
}


/* ##### COOKIE WALL CSS ####### */
.cookie_wall_main {
	position: fixed;
	z-index: 8000;
	bottom: 0px;
	height: 130px;
	width: 100%;
	background-color: #FFC107;
	/*border-top: 1px solid var(--color_04);*/
	color: black; 
	display: block;
}

.cookie_wall_main_content_cont {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	margin-top: 30px;
	font-size: 1rem !important;
}

.cookie_wall_text_cont {
	width: 800px;
	float: left;
	margin-top: 5px;
	line-height: 1.7rem;
}

.cookie_wall_bottom {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	height: 40px;
	float: left;
}

.cookie_wall_act_cont {
	width: 200px;
	height: 30px;
	float: left;
	text-align: center;
}
.cookie_wall_act_cont button {
	height: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1rem;
	margin-top: -20px;
	position: relative;
	border: 1px dotted black;
	background-color: black;
	color: whitesmoke;
	cursor: pointer;
}

.cookie_wall_act_cont a {
	color: black;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px dotted whitesmoke;
	padding-bottom: 5px;
}

.cookie_wall_act_cont a:hover {
	color: white;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid white;
	padding-bottom: 5px;
}

/* ##### STATIC CONTENTS ###### */
.st_cont_h1 {
	font-size: 1rem;
	font-weight: bold;
}
.st_cont_ttitle_1 {
	font-weight: bold;
}
.st_cont_ttitle {
	width: 180px;
	font-weight: bold;
}
.st_cont_tcont {
	font-weight: normal;
}

.static_content_title {
	height: auto !important;
	line-height: 60px !important;
}


/* ### PRODLIST ### */
.prodList_filter_switcher {
	visibility: hidden;
}

.prodList_filter_mainCont {
	width: 25%;
	height: auto;
	float: left;
}
.prodList_filter_cont {
	background-color: var(--color_04);
	width: calc(100% - 25px) !important;
	/*margin-top: 15px;*/
	height: 400px;
	border: 1px solid #E5E5E5;
	height: auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.prodList_filter_cont div {
	margin-left: 5px;
	margin-top: 5px;
}

.prodList_filter_title_cont {
	font-size: 1.4em;
	color: var(--color_03);
}

.filter_group_list_element {
	font-size: 0.85rem;
}

.prodList_filter_value {
	width: 240px;
	/*float: right;*/
	text-align: left;
	height: auto;
	position: relative;
}
.prodList_filter_checkbox_value {
	left: 25px;
	top: 4px;
}

.prodList_pageNum_main {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
}

.prodList_pageNum_element {
	width: 20px;
	height: auto;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px dotted var(--color_02);
	padding: 8px;
	cursor: pointer;
}

.prodList_pageNum_element:hover {
	border-color: var(--color_05);
}

.prodList_pageNum_element_selected {
	background-color: var(--color_05);	
}

/*Price Range CSS mods*/
.ui-widget-header {
	background-color: #f16622 !important;	
}
.ui-slider-horizontal .ui-slider-range {
	top: -5px !important;
}

.filter_group_label {
	font-size: 1em;
	padding-left: 0px;
	/*position: relative;*/
	border-top: 1px dotted var(--color_02);
	margin-top: 30px !important;
	margin-left: 20px !important;
	margin-right: 20px !important;
	padding-top: 10px !important;
	font-weight: bold;
}

.filter_group_contents {
	height: auto;
	max-height: 420px !important;
	overflow: auto !important;
	/*display: contents;*/
}
.scrollcucc::-webkit-scrollbar {
	width: 5px;
}
.scrollcucc::-webkit-scrollbar-track {
	background-color: darkgrey;
}
.scrollcucc::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.prodlist_result_cont {
	width: 75%;
	height: auto;
	float: left;
}

.prodList_header_cont {
	width: 100%;
	height: 35px;
	line-height: 35px;
}

.prodList_result_nr_cont {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 1.5rem;
	padding-left: 10px;
}

.prodList_grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 1.5rem;
}

.prodList_grid_element {
	border: 1px dashed var(--border_3);
	/*padding: 1.5rem;*/
	padding-top: 1.5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 0.5rem;
	background-color: #ffffff;
}

.prodList_img {
	width: 220px;
	height: 220px;
	margin-bottom: 10px;
	object-fit: contain;
}

.prodList_prodName_cont {
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	margin-bottom: 10px;
	font-size: 16px;
}

.prodList_prodName_link {
	font-weight: 900;
	color: black;
	text-decoration: none;
}

.prodList_prodShortContent_cont {
	font-weight: normal;
	font-size: 13px;
	height: 90px;
	overflow:hidden;
	line-height: 18px;
	/*white-space:nowrap;*/ 
  	text-overflow:ellipsis;
	margin-bottom: 20px;
	max-width: 250px;
}

.prodList_gridElement_info_icon_container {
	position: inherit;
	display: block;
	width: 30px;
	float: right;
	z-index: 300;
	height: auto;
	max-height: 150px;
	text-align: center;
}

.prodList_prodColor_stamp_container {
	width: auto;
	max-width: 250px;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	display: none !important;
}
.prodList_prodColor_stamp_icon_container {
	position: relative;
	float: right;
	width: 25px;
	height: 25px;
	font-size: 25px;
	color: orangered;
}

.prodList_minimum_order_quantity_icon_container {
	position: relative;
	float: right;
	width: 25px;
	height: 25px;
	font-size: 25px;
	color: #5da760;
	margin-top: 15px;
}
.prodList_minimum_order_quantity_number {
	font-size: 13px;
	margin-bottom: -15px;
	text-align: center;
	width: 30px;
	margin-left: 0px;
	font-weight: normal;
}

.prodList_prodColor_stamp {
	width: 20px; 
	height: 20px; 
	border-radius: 8px; 
	border: 1px solid var(--color_06); 
	float: left;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.prodList_prodPrice_BasketBtn_cont {
	height: 35px;
}

.prodList_prodPrice {
	color: var(--color_07);
	font-size: 24px;
	font-weight: 900;
	font-style: italic;
	margin-top: 10px;
	float: left;
	
	background: -webkit-linear-gradient(
    120deg,
		var(--color_07) 0%,
		var(--color_07_2) 100%
	  );
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  max-width: max-content;
}

.prodList_rating_stars {
	font-size: 11px;
	position: absolute;
	margin-top: 5px;
}

.add_to_basket_btn {
	background-color: #f26522;
	color: white;
	font-size: 20px;
	width: 55px;
	height: 55px;
	float: right;
	line-height: 55px;
	text-align: center;
	margin-right: -16px;
	cursor: pointer;
}

.prodList_offers_grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 1.5rem;
}

/* ***** PRODLIST AUTOCOMPLETE ****** */

.autoComplete_content {
	height: auto;
	width: auto;
	visibility: hidden;
}

.prodList_autoComplete_container {
	overflow-y: auto;
	width: 650px;
	height: 600px;
	border: 1px solid lightgrey;
	z-index: 1000;
	top: 150px;
	background-color: white;
}
.prodList_autoComplete_container::-webkit-scrollbar {
	display: none;
}

.prodList_autoComplete_listElement_container {
	height: 80px;
	width: 100%;
	padding: 15px;
	border-bottom: 1px dotted lightgrey;
}

.prodList_autoComplete_listElement_container > a {
	color: black;
	font-weight: bold;
}

.prodList_autoComplete_listElement_container:hover {
	background-color: #f7f7f7;
}

.autoComplete_image_cont {
	float: left;
	margin-right: 10px;
}
.autoComplete_prodName_cont {
	float: left;
	width: 420px;
}
.autoComplete_prodPrice_cont {
	color: #f26522;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	float: left;
}

.btnDiv2 {
	background-color: #f26522;
	color: white; 
	font-size: 16px; 
	width: 35px; 
	height: 35px; 
	float: right; 
	line-height: 35px; 
	text-align: center; 
	margin-right: 30px;
}

/* ### POPUP CSS ### */
.popupContainer {
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: fixed;
	top: 0px;
	left: 0px;
}
.popupFader {
	width: 100%;
	height: 100%;
	z-index: 1001;
	background-color: gray;
	opacity: 0.3;
	position: absolute;
	top: 0px;
	left: 0px;
}
.popupContent {
	width: 80%;
	max-width: 1320px;
	height: 80%;
	z-index: 1002;
	background-color: white;
	position: absolute;
	opacity: 1;
	margin: 0 auto;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	border: 0px solid #a3a3a3;
	border-radius: 5px;
	overflow: hidden;
	/*box-shadow: 10px 10px 5px #aaaaaa;*/
	/*box-shadow: 1px 1px 5px #000000; */
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.popupHead_old {
	width: 100% - 16px;
	height: 50px;
	background-color: orange;
	padding: 8px;
	border-bottom: 1px solid grey;
}
.popupHead {
	width: 100% - 16px;
	height: 50px;
	padding: 8px;
	background-color: var(--color_05);
    color: var(--color_03);
    font-size: 1.2em;
    line-height: 2.5em;
    padding-left: 20px
}

.ocHeader_blue {
	/*background-color: var(--color_03) !important;*/
	background-color: white !important;
	font-weight: 600;
}

.popupBody {
	width: 100% - 16px;
	height: calc(100% - 120px) !important;
	background-color: white;
	padding: 20px;
	overflow: auto;
}
.popupFoot {
	width: 100%-16px;
	height: 40px;
	line-height: 40px;
	text-align: right;
	/*background-color: grey;*/
	padding-right: 5px;
	padding-left: 5px;
}

/* *** POPUP IMAGE VIEWER *** */
.img_popup_body {
	height: calc(100% - 120px) !important;
}

.max_img_popUpWidth {
	width: 95%;
	max-width: 1320px !important;
	height: 95%;
	
}

.popup_img_viewer_main {
	width: 100%; 
	height: calc(100%) !important;
	display: grid; 
	gap: 0rem; 
	grid-template-columns: 180px calc(100% - 180px)
}

.popup_img_viewer_thumbs_cont {
	width: 180px;
	text-align: center;
	overflow-y: scroll;
}

.popup_imgage_thumb_list_image {
	margin-bottom: 20px;
}

.popup_img_viewer_img_cont {
	width: calc(100%) !important;
}

.popup_image {
	width: 100%;
    height: 100%;
    max-height: 600px;
    object-fit: contain;
}

.userLogin_popup {
	width: 400px;
	height: 450px;
}
.userRegistration_popup {
	width: 400px;
	height: 580px;
}
.userForgottenPwd_popup {
	width: 400px;
	height: 430px;
}
.userNameModify_popup {
	width: 400px;
	height: 290px;
}
.userPwdModify_popup {
	width: 400px;
	height: 350px;
}

.basketPopUp_head {
	font-size: 1.3rem !important;
	color: var(--color_04);
	line-height: 1.8em;
	padding-left: 30px;
	background-color: var(--color_05) !important;
}

.basket_popup_content {
	min-height: 290px !important;
	height: auto;
	/*width: auto !important;
	max-width: 800px !important;*/
	width: auto;
	max-width: 980px;
}
.basket_popup_body {
	min-height: 130px !important;
	height: auto;
}

.basket_item_row {
	width: 100%;
	min-height: 60px;
	height: auto;
	border-bottom: 1px dashed var(--border_2);
	line-height: 20px;
	padding-top: 10px;
	/*padding: 20px;*/
	display: flex;
    flex-direction: row;
    align-items: center;
}
.basket_item_input_txt {
	width: 40px;
	height: 20px;
	text-align: center;
}

.basket_item_img {
	width: 80px;
	height: 80px;
	margin-right: 10px;
	float: left;
	padding-bottom: 10px;
}
.basket_item_product_id {
	width: 90px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.basket_item_product_name {
	width: auto;
	max-width: 500px;
	min-width: 500px;
	min-height: 60px;
	height: auto;
	float: left;
	font-weight: bold;
}
.basket_item_product_price {
	width: 130px;
	float: left;
	/*left: 20px;*/
	position: relative;
	text-align: left;
}
.basket_item_product_sum_price {
	width: 160px;
	float: right;
	font-weight: bold;
	text-align: left;
	color: darkorange;
	font-size: 1.2em;
}

.basket_item_manage {
	width: 180px;
	float: right;
	position: relative;
	top: 10px;
	margin-bottom: 20px;
	margin-right: 70px;
	line-height: 30px !important;
}

.basket_btn_decrease {
	height: 30px !important;
	width: 30px !important;
	float: left;
	position: relative;
	border: 1px solid var(--border_1);
	text-align: center;
	margin-right: 5px;
	vertical-align: middle;
}

.basket_item_input_txt {
	width: 60px;
	height: 30px;
	float: left;
	position: relative;
	border: 1px solid var(--border_1);
	text-align: center;
	margin-right: 5px;
}

.basket_btn_increase {
	height: 30px !important;
	width: 30px !important;
	float: left;
	position: relative;
	border: 1px solid var(--border_1);
	text-align: center;
	margin-right: 5px;
}

.basket_item_delete {
	width: 30px !important;
	height: 30px !important;
	float: left;
	position: relative;
	border: 1px solid var(--border_1);
	text-align: center;
	margin-right: 5px;
}

.basket_technical_item_row {
	width: 100%;
	height: 55px;
	margin-bottom: 0px;
}

.basket_summary_cont {
	font-size: 18px; 
	font-weight: bold; 
	color: darkorange; 
	float: right;
	margin-right: 85px;
}


.basketPopup_btn_back_to_shopping {
	width: 300px;
	height: 50px;
	float: left;
	position: relative;
	background-color: var(--color_04);
	border: 1px dashed var(--color_02);
	color: orangered;
	text-align: center;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 10px;
	left: 7px;
    position: absolute;
    margin-right: 5px;
    margin-bottom: 10px;
    bottom: 0px;
}

.order_data_row > .basketPopup_btn_back_to_shopping {
	position: relative !important;
}


.basketPopup_btn_goto_basket {
	width: 300px;
	height: 50px;
	float: right;
	position: relative;
	background-color: var(--color_07);
	border: 0px solid var(--color_04);
	color: whitesmoke;
	text-align: center;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	margin-bottom: 10px;
	right: 0px;
    position: absolute;
    margin-right: 5px;
    margin-bottom: 10px;
    bottom: 0px;
}

.order_data_row > .basketPopup_btn_goto_basket {
	position: relative !important;
}

.basketPage_title {
	line-height: 40px;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	margin-bottom: 20px;
	width: auto;
	float: left;
	position: relative;
	color: var(--color_05);
	border-bottom: 3px solid var(--color_05);
}
.basketPage_title_small {
	line-height: 40px;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	margin-bottom: 20px;
	width: auto;
	float: left;
	position: relative;
	color: var(--color_03);
	border-bottom: 3px solid var(--color_03);
}

.od_data_group_title {
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}
.od_data_group_title i{
	font-size: 20px !important;
}

.order_type_form_container {
	/*width: 100%;*/
	height: auto;
	background-color: #F2F2F2;
	padding: 14px;
	border: 1px dashed lightgrey;
}

.order_data_row {
	/*width: 100%;*/
	min-height: 45px;
	margin-top: 5px;
	line-height: 45px;
}
.order_data_row_title {
	width: 200px;
	min-height: 40px;
	line-height: 40px;
	float: left;
}
.order_data_row_content {
	width: calc(100% - 200px);
	min-height: 40px;
	line-height: 40px;
	float: left;
}

.w_zip_code {
	width: 100px !important;
}

.w_city_title {
	width: 100px !important;
	text-align: center;
}
.w_address {
	width: calc(100% - 500px) !important;
}

.w_street {
	width: 400px !important;
}

.order_data_street_number {
	width: 200px !important;
	float: left !important;
}

.order_data_street_number_input_fiel_div {
	width: 200px !important;
}
.order_data_tax_number_div {
	display: none;
}

.delivery_address_form_container {
	margin-top: 0px;
	/*width: 100%;*/
	height: auto;
	background-color: #F2F2F2;
	padding: 14px;
	border: 1px dashed lightgrey;
}

.tr_courier_row {
		
}

.td_courier_chck {
	width: 20px;
}

.td_courier_img {
	width: 50px;
	text-align: center;
}

.td_courier_name {
	width: 400px;
}

.td_courier_price {
	width: 200px;
	text-align: right;
}

/* ### baket_order_page - courier modes */
.courier_list_element {
	margin-bottom: 0px;
}

.courier_apm_dropdown_container {
	/*float: right; 
	margin-left: 20px;*/
}

#foxpost_search_field {
	width: 660px;
}

.foxpost_apm_input_field_icon {
	position: absolute;
	margin-left: -27px;
	margin-top: 14px;
}

#foxpost_apm_list_container {
	height: 200px; 
	width: 680px; 
	overflow-y: scroll; 
	overflow-x: hidden; 
	background-color: whitesmoke; 
	border: 1px dashed #8C8C8C; 
	z-index: 5000; 
	position: absolute;
}

.courier_apm_list_element_row {
	line-height: 28px;
	font-size: 14px;
	border-bottom: 0px dashed #8c8c8c;
	width: 100%;
}

.courier_apm_list_element_row > input[type='checkbox'] {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	position: relative; 
	top: 3px; 
	cursor: pointer;
}

/* ### basket order summary ### */
.basket_order_summary_content_title {
	width: 100%;
	min-height: 35px;
	line-height: 35px;
}

.basket_order_summary_content_container {
	width: 100%;
	min-height: 100px;
}

.order_summary_container1 {
	width: 45%;
	padding: 20px;
	float: left;
	min-height: 100px;
	border: 1px dashed lightgrey;
	margin: 5px;
	background-color: #f7f7f7;
}

.os_cont_title {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: 10px;
	color: var(--color_03);
}

.os_cont_content {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
}
.os_cont_content_title {
	float: left;
	width: 150px;
	position: relative;
	height: 30px;
}
.os_cont_content_name {
	width: 350px;
	float: left;
	position: relative;
	height: 30px;
	font-weight: normal;
}
.os_cont_content_price {
	float: right;
	position: relative;
	height: 30px;
	width: 200px;
	text-align: right;
	padding-right: 0px !important;
	color: #ff4500;
}

.basket_order_summary_delivery_mode_container {
	width: 100%;
	/*padding: 10px;*/
	/*border: 1px dotted #fe4501;*/
	font-size: 1.2em;
	/*line-height: 1.5em;*/
	margin-top: 20px;
}
.os_delivery_mode_title {
	/*width: 200px;*/
	padding: 10px;
	float: left;
	font-weight: bold;
	line-height: 1.2em;
}

.os_delivery_mode_content {
	/*width: 400px;*/
	padding: 10px;
	float: left;
	font-weight: normal;
	line-height: 1.2em;
}

.basket_order_summary_payment_mode_container {
	width: 100%;
	padding: 10px;
}

.basket_order_summary_prodList_container {
	width: 100%;
	min-height: 80px;
	margin-top: 30px;
	/*border-top: 1px dotted var(--color_02);*/
	padding-top: 10px;
}
.os_prodList_title {
	font-size: 1.2em;
	padding-left: 10px;
	margin-bottom: 30px;
}

.os_sum_price_cont {
	line-height: 50px; 
	width: 100%; 
	text-align: right; 
	font-size: 18px; 
	color: var(--color_05); 
	padding-right: 20px;
}

.basket_order_summary_accept_cont {
	width: 100%;
	height: 30px;
	margin-top: 15px;
	margin-bottom: 40px;
	text-align: left;
	line-height: 30px;
	font-size: 1em;
}
.os_accept_check {
	width: 30px;
	height: 30px;
}
.oc_accept_content {
	top: -10px;
	position: relative;
	margin-left: 10px;
}

.basket_order_summary_btns_cont {
	height: 80px !important;
	margin-bottom: 50px !important;
	text-align: center !important;
}

/* ORDER SENT Page */
.orderSent_maniContent {
	width: 100%;
	text-align: center;
	padding: 20px;
}
.orderSent_mainCont_title {
	font-size: 1.7em;
	font-weight: bold;
	color: #f16622;
	padding: 20px;
}
.orderSent_mainCont_order_number {
	width: 450px;
	padding: 20px;
	font-size: 1.5em;
	border: 1px dashed var(--color_02);
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.orderSent_mainCont_content {
	width: 800px;
	padding: 20px;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}


/* ### Product Page CSS ### */
.pp_headerLine_cont {
	width: 100%;
	height: 55px;
	line-height: 55px;
}

.pp_prodMain_cont {
	/*width: 100%;*/
	min-height: 450px;
	height: auto;
	margin-bottom: 15px;
	border: 1px dashed var(--border_3);
	position: relative;
	display: flex;
	background-color: #ffffff;
}

.pp_prodImg_mainCont {
	width: 638px;
	height: 450px;
	float: left;
	display: contents;
}


.pp_prodImg_thmbCont {
	width: 130px;
	float: left;
	height: 450px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid lightgrey;
	overflow-y: scroll;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar_hide::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar_hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.pp_product_image_thnbList {
	width: 100px;
	height: 100px;
	object-fit: contain;
}

.pp_prodImg_imgCont {
	width: 500px;
	float: left;
	text-align: center;
}
.pp_product_image {
	width: 420px;
	height: 420px;
	object-fit: contain;
	margin-top: 20px;
}

.pp_prodName_mainCont {
	width: 760px;
	min-height: 450px;
	height: auto;
	margin-left: -1px;
	float: right;
	text-align: left;
	border-left: 1px dashed var(--border_3);
	position: relative;
	/*padding-left: 20px;
	padding-right: 20px;*/
}
.pp_prodName_content {
	padding: 20px;
}
.pp_prodName_content h2 {
	color: black;
	margin-top: -5px;
	font-size: 25px;
	font-weight: 900;
}

.pp_prodName_content h4 {
	margin-top: -15px;
	font-size: 14px;
	font-weight: lighter;
	float: left; 
	width: 200px;
}

.pp_manufacturer_cont {
	margin-top: -15px !important; 
	font-size: 14px !important; 
	font-weight: lighter !important; 
	float: right !important; 
	width: 200px!important; 
	text-align: right !important;
}

.pp_prodName_priceCont {
	padding-left: 20px;
	padding-right: 20px;
	height: 60px;
}

.pp_priceCont_Cont {
	width: 50%;
	float: left;
}

.pp_prodName_priceCont h2 {
	margin-top: 0px;
	color: var(--color_07);
	font-size: 30px;
	font-weight: 900;
	font-style: italic;
	
	background: -webkit-linear-gradient(
    120deg,
		var(--color_07) 0%,
		var(--color_07_2) 100%
	  );
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	  max-width: max-content;
}

.pp_prodName_priceCont h4 {
	margin-top: -30px;
	color: var(--color_03);
	font-weight: normal;
	font-size: 14px;
}

.pp_prodName_basketBtnCont {
	width: 50%;
	height: 45px;
	/*padding-left: 40px;*/
	margin-bottom: 20px;
	float: right;
}
.pp_prodName_basketBtnCont input {
	width: 45px;
	height: 40px;
	border: 1px solid lightgrey;
	float: left;
	text-align: center;
	font-size: 16px;
}
.pp_prodName_basketBtnCont .btnDiv {
	width: 168px;
	height: 45px;
	float: left;
	background-color: #f26522;
	line-height: 45px;
	font-size: 16px;
	text-align: center;
	color: white;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

.pp_prod_rating_login {
	border-bottom: 1px dashed;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 100%;
	background-color: #f7f7f7;
	padding: 10px;
	color: #009688;
}

.pp_prod_rating_form_cont {
	border-bottom: 1px dashed var(--color_06);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	background-color: #f7f7f7;
}

.pp_product_rating_form_grid {
	width: 100%; 
	display: grid; 
	gap: 1.2rem; 
	grid-template-columns: repeat(3, 1fr);
}

.pp_product_rating_radio_cont {
	width: 180px;
	display: grid;
	gap: 1.2rem;
	grid-template-columns: repeat(5, 1fr);
}

.pp_prod_rating_noRate_cont {
	padding: 10px; 
	border-bottom: 1px dashed var(--color_06);
}

.pp_prod_rating_content_row {
	border-bottom: 1px dashed var(--color_06);
	padding-top: 10px; 
	width: 100%;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(2, 1fr);
}

.pp_prod_rating_user {
	padding-left: 10px;
}

.pp_prod_rating_stars {
	text-align: right;
	padding-right: 20px;
}

.pp_prod_rating_comment_cont {
	padding-left: 10px;
	margin-bottom: 10px;
}

.pp_prodName_deliveryCont {
	border-top: 1px dashed var(--border_3); 
	padding: 15px;
}

.pp_property_short_desc {
	font-size: 14px;
	padding-top: 10px;
	border-top: 1px dashed var(--border_3);
	width: 100%;
	color: #515151;
    font-style: italic;
}

.prodProperties_grid {
	display: grid;
	gap: 0rem;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 20px;
}

.prodProperties_grid_element {
	border: 1px dashed #E5E5E5;
	/*padding: 1.5rem;*/
	padding-top: 0.5rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
}

.prodProp_element_grid {
	display: grid;
	gap: 0rem;
	grid-template-columns: repeat(2, 1fr);
}

.prodProp_element_grid_element {
	margin: 0px;
}

.pp_productDesc_mainCont {
	margin-bottom: 20px !important;
	overflow: hidden;
}

.prodPage_productRoot_listElement_container {
	width: 100%;
	height: 80px;
	padding: 15px;
	border-bottom: 1px dotted lightgrey;
	margin-left: 10px;
	margin-right: auto;
}

.productRoot_image_cont {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 10px;
}

.productRoot_image_cont img {
	width: 80px;
	height: 80px;
}

.productRoot_prodName_cont {
	width: 450px;
	height: 40px;
	line-height: 40px;
	float: left;
}

.productRoot_productId_cont {
	width: 80px;
	float: left;
}

.productRoot_color_name_cont {
	width: 120px;
	float: left;
	text-align: center;
}

.productRoot_size_cont {
	width: 120px;
	float: left;
	text-align: center;
}

.productRoot_price_cont {
	width: 100px;
	float: right;
	font-size: 22px;
	color: var(--color_07);
	font-weight: bold;
}

.prodPage_productRoot_listElement_container .pp_prodName_basketBtnCont {
	float: right;
	width: 80px !important;
}





/* ###### MY ORDERS PAGE - MyOrders ######## */
.myOrders_list_element {
	width: 95%;
	min-height: 35px;
	height: auto;
	border: 1px dashed var(--color_02);
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.mo_le_dataCont {
	width: auto;
	max-width: 450px;
	float: left;
}

.mo_le_dataTitle {
	width: 140px;
	height: 30px;
	font-size: 15px;
	line-height: 15px;
	float: left;
	position: relative;
	font-weight: normal;
}

.mo_le_dataValue {
	width: 250px;
	height: 30px;
	font-size: 16px;
	line-height: 15px;
	float: left;
	position: relative;
	color: var(--color_03);
	font-weight: normal;
}

.mo_le_order_number {
	font-weight: bold;
}

.mo_le_price {
	color: #f23526 !important;
	font-size: 18px;
}

.mo_le_link {
	color: darkslateblue;
	text-decoration: underline;
}

.user_data_main {
	height: auto;
	min-height: 35px;
	border: 1px dashed var(--color_02);
	padding: 10px;
	margin-bottom: 20px;
}
.ud_le {
	height: 20px;
	padding: 10px;
	position: relative;
}
.ud_le_title {
	width: 50px;
	font-size: 17px;
	line-height: 17px;
	position: relative;
}
.ud_le_title i {
	font-size: 1.4em !important;
	margin-right: 10px;
}
.ud_le_content {
	width: 300px;
	font-size: 17px;
	line-height: 17px;
	color: var(--color_03);
	position: relative;
}

.ud_le_content i {
	font-size: 1.4em !important;
	margin-left: 10px;
	color: #f23526;
	cursor: pointer;
}


/* ### INPUT TYPES CSS ### */
input[type='text'], input[type='password'] {
	height: 30px;
	width: 200px;
	border: 1px dashed var(--color_02);
	font-size: 1em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

input[type='checkbox'] {
	height: 20px;
	width: 20px;
	margin-left: 20px;
}

.prodFilter_chck {
	margin-left: 0px !important;
	/*height: 18px; float: left; line-height: 20px; width: 20px;*/
}

input.w_400px {
	width: 400px !important;
}
input.w_600px {
	width: 600px !important;
}
input.w_800px {
	width: 800px !important;
}
input.usr_name {
	width: 330px;
	font-size: 18px;
	border-style: solid !important;
}
input.input_order_email_field {
	width: 800px !important;
}
input.input_order_name_field {
	width: 800px !important;
}
select.country_code_field {
	width: 300px !important;
	height: 40px;
	line-height: 40px;
	border: 1px dashed var(--border_1);
	font-weight: normal !important;
}
input.zip_code_field {
	width: 80px !important;
}

input[type='radio'] {
  box-sizing: border-box;
  appearance: none;
  background: white;
  outline: 1px solid var(--color_03);
  border: 3px solid white;
  width: 15px !important;
  height: 15px !important;
	
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

input[type='radio']:checked {
  background: var(--color_05);
	outline: 1px solid var(--color_05);
}

.select_nr1 {
		border: 1px dashed;
    	height: 40px;
	}

/* ##### ERROR MSG CSS ##### */
.errormsg {
	z-index: 10;
	position: absolute;
	margin-top: -8px;
	background-color: lightcoral;
	color: whitesmoke;
	border: 1px dotted #770404;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	width: auto;
	max-width: 550px;
	visibility: hidden;
	
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.errormsg_up_arrow { 
	width: 0;
    height: 0;
    border-left: 10px dotted transparent;
    border-right: 10px dotted transparent;
    border-bottom: 10px dotted #780404;
    /* margin: 2rem; */
    position: absolute;
    margin-top: -15px;
	visibility: hidden;
} 


/* ################# FORM CSS ################ */

/* #### SELECT - OPTIONS CSS ###### */

.dropdown-container {
      width: 250px;
      /*margin: 100px auto;*/
      position: relative;
    }

    select {
      width: auto;
		min-width: 80px;
      height: 28px;
      font-size: 16px;
		line-height: 35px;
      font-weight: bold;
      cursor: pointer;
      border-radius: 0;
      /*background-color: #c0392b;*/
      border: 1px dashed color(--var_04);
      /*border-bottom: 2px solid #962d22;*/
      /*color: white;*/
      appearance: none;
      padding-left: 8px;
      padding-right: 38px;
      -webkit-appearance: none;
      -moz-appearance: none;
      transition: color 0.3s ease, background-color 0.3s ease, border-bottom-color 0.3s ease;
    }

    /* For IE <= 11 */
    select::-ms-expand {
      display: none; 
    }

    .select-icon {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 30px;
      height: 36px;
      pointer-events: none;
      border: 2px solid #962d22;
      padding-left: 5px;
      transition: background-color 0.3s ease, border-color 0.3s ease;
    }
    .select-icon svg.icon {
      transition: fill 0.3s ease;
      fill: white;
    }

    select:hover,
    select:focus {
      color: #c0392b;
      background-color: white;
      border-bottom-color: #DCDCDC;
    }
    select:hover ~ .select-icon,
    select:focus ~ .select-icon {
      background-color: white;
      border-color: #DCDCDC;
    }
    select:hover ~ .select-icon svg.icon,
    select:focus ~ .select-icon svg.icon {
      fill: #c0392b;
    }


.static_content_cont {
	text-align: justify;
	line-height: 22px; 
	margin-bottom: 50px;
}

.warranty_prodList_row {
	width: 100%;
	height: 80px;
	display: block;
	border-bottom: 1px dashed var(--border_2);
	margin-bottom: 5px;
}
.warranty_prodList_row:hover {
	background-color: var(--color_04);
}

.warranty_prodList_row_img {
	width: 70px;
	height: 70px;
	float: left;
	padding-top: 10px;
}
.warranty_prodList_row_prodName {
	width: 850px;
	height: 80px;
	float: left;
	margin-left: 5px;
	padding-top: 0px;
	line-height: 40px;
}
.warranty_prodList_row_order_id {
	width: 180px;
	height: 80px;
	float: left;
	line-height: 80px;
}
.warranty_prodList_row_prodPrice {
	width: 120px;
	height: 80px;
	float: left;
	line-height: 80px;
	color: var(--color_07);
	font-weight: bold;
}
.warranty_prodList_select_btn {
		width: 150px;
		height: 50px;
		float: left;
		position: relative;
		background-color: orangered;
		border: 1px dashed var(--color_04);
		color: whitesmoke;
		text-align: center;
		line-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 10px;
	}


/*
@media (min-width: 1281px) {
	
	.mainContentContainer {
		max-width: 1280px; !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	.prodList_grid {
		display: grid;
		gap: 1.5rem;
		grid-template-columns: repeat(3, 1fr);	
	}
	
}


@media (min-width: 901px) and (max-width: 1280px) {
	
	.body.mainContentContainer {
		max-width: 1280px; !important;
	}
	
	.prodList_grid {
		display: grid;
		gap: 1.5rem;
		grid-template-columns: repeat(2, 1fr);	
	}
	
}


@media (min-width: 481px) and (max-width: 900px) {
	
	.body.mainContentContainer {
		max-width: 900px; !important;
	}
	
	.body.pageHeader_upper {
		height: 100px !important;
	}
	
	.body.prodList_filter_mainCont {
		display: none !important;
	}
	
	.prodList_grid {
		display: grid;
		gap: 1.5rem;
		grid-template-columns: repeat(2, 1fr);	
	}
	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
		
	.prodList_filter_mainCont {
		display: none !important;
	}
	
	.prodList_grid {
		display: grid;
		gap: 1.5rem;
		grid-template-columns: repeat(1, 1fr);	
	}
}

*/




/* ***** Iphone X - smartphone ***** */
/* #### ez nem jó --- @media only screen and (min-device-width: 375px) and (max-device-width: 844px) {*/
/*@media only screen and (min-device-width: 360px) and (max-device-width: 896px) {*/
@media only screen and (min-device-width:1px) and (max-device-width: 760px)   {
	
	:root {
	
	/* General vars */
	--width_default: 100% !important;
	
	}
	
	body {
		/*font: 2.5em Arial, sans-serif !important;*/
		font-size: 2.2em !important;
	}
	
	.main {
		width: 100%;
		padding: 8px !important;
		margin-top: 200px;
		position: relative;
	}
	
	.h_45p {
		height: 70px;
	}
	
	.h_240p {
		height: 340px !important;
	}
	
	.m_hidden {
		display: none !important;
	}
	
	.mainContentContainer {
		max-width: 100% !important;
	}
	
	.pageHeader_upper {
		height: 100px !important;
	}
	
	.pgHeader_upper_center {
		
	}
	.pgHeader_upper_center .content_right {
		width: auto;
		height: 80px !important;
		margin-top: 50px;
		line-height: 30px;
		color: whitesmoke;
		float: right;
		text-align: right;
		font-size: 35px;
		position: relative;
		top: 75px;
		right: 40px;
	}
	
	.content_right i {
		font-size: 35px;
		color: var(--color_05);
	}
	
	.basket_info_nr {
		top: -8px;
		font-size: 28px;
		color: #f5f5f5;
		min-width: 15px;
		width: auto;
		height: 35px !important;
		float: right;
		position: relative;
		border-radius: 18px;
		background-color: #f26522;
		text-align: center;
		line-height: 28px;
		padding-top: 8px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.pageHeader_logo {
		margin-top: 18px;
		cursor: pointer;
		height: 50px;
		margin-left: 20px;
	}
	
	.pageHeader {
		height: 100px;
		top: 100px;
		position: fixed;
		z-index: 200;
	}
	
	.ph_content_element {
		min-width: 70px;
		width: auto;
		height: 100px;
		float: left;
		font-size: 50px;
		color: #f26522;
		text-align: center;
		margin-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.ph_content_element div{
		font-size: 25px !important;
		display: none;
	}
	
	.categories_main {
		height: 100% !important;
		max-height: 100%;
		position: fixed;
		display: flex;
		width: 100%;
		margin-top: 130px;
	}
	
	.categories_main_elements {
		width: 50%;
		float: left;
		height: 100% !important;
		max-height: 100%;
	}
	
	.cat_main_cat_element {
		width: 100%;
		height: auto;
		font-size: 1.2em;
		padding: 5px;
		color: var(--color_03);
		border-bottom: 1px dashed var(--color_02);
		cursor: pointer;
		display: block;
		line-height: 1.5em
	}
	
	.cat_main_cat_element_icon {
		color: #f23526;
		font-size: 35px;
		line-height: 18px;
		padding: 8px;
	}
	
	.cat_sub_placeholder {
		width: 50%;
		max-height: 100% !important;
		float: left;
		position: absolute;
		overflow-y: auto!important;
		border-left: 1px dashed var(--border_3);
		padding-left: 20px;
		margin-left: 10px;
		left: 400px;
		background-color: whitesmoke;
		/*font-size: 35px;*/
		margin-left: 50px;
	}
	
	.cat_sub_grid {
		display: grid;
		grid-auto-flow: column;
		grid-gap: 1px;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(70, auto);
		overflow-y: scroll;
	}
	
	.category_subCat_element_container {
		float: none !important; 
		width: 420px; 
		height: auto; 
		position: relative;
	}
	
	.subCat_element {
		color: var(--color_03);
		border-bottom: none !important;
		line-height: 1.2em;
		padding-bottom: 10px !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.subCat_element a {
		text-decoration: none;
		color: var(--color_03);
	}

	.pg_filter_container {
		width: 800px;
		height: 0px;
		float: left;
		margin-top: 5px;
		margin-left: 0px;
		/* border: 1px solid lightgrey; */
		position: absolute;
	}
	
	.search_input_field {
		width: 595px !important;
		height: 70px !important;
		margin-left: 260px !important;
		margin-top: 5px;
		font-size: 0.97em;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box !important;
	}
	
	.search_button {
        width: 32px;
    height: 27px;
    /* border: 1px solid var(--color_02); */
    /* border-left: none; */
    top: 10px;
    left: 800px;
    padding-top: 10px;
    position: absolute;
    font-size: 1.3em;
    padding-top: 7px;
    text-align: center;
}
	
	.pg_advanced_container {
		width: 250px;
		height: 60px;
		float: right;
		margin-top: 15px;
		margin-right: 20px;
		line-height: 60px;
		font-size: 0.9em;
		text-align: right;
		position: relative;
		top: -100px;
		color: white;
	}
	
	
	/* MAIN PAGE CSS */
	.m_inv {
		visibility: hidden !important;
		display: none !important;
	}
	
	.m_vis {
		visibility: visible !important;
	}
	
	.m_width_100percent {
		width: 100% !important;
	}
	
	.main_content_row_left {
		display: none !important;
	}
	
	.main_content_row_content {
		width: 100% !important;
		height: auto;
	}
	
	.main_content_cont_grid {
		display: grid;
    	gap: 1.5rem;
    	grid-template-columns: repeat(1, 1fr);
	}
	
	.main_content_cont_grid_element {
		height: auto !important;
		border-radius: 5px;
		border: 0px dashed var(--color_02);
	}

	.main_campaign_imgHeader {
		height: auto !important;
		background-color: orchid;
	}

	.main_campaign_contentCont {
		background-image: linear-gradient(#F4F4F4, #FFFFFF);
		height: auto !important;
		padding: 20px;
		border: 1px dashed var(--color_06);
	}

	.main_campaign_contentCont_titleCont {
		position: relative;
		top: -45px;
		padding: 7px;
		background-color: #339901;
		width: 650px;
		font-size: 0.85em;
		color: whitesmoke;
		font-weight: bold;
		font-style: italic;
	}

	.main_campaign_content_header {
		font-size: 1.2em;
		font-weight: bold;
		font-style: italic;
		margin-bottom: 15px;
		margin-top: -18px;
	}
	
	.main_campaign_content_content {
		font-size: 1em;
		line-height: 2.2em;
	}
	
	.mainPage_categories_container {
		display: grid;
		gap: 0rem;
		grid-template-columns: repeat(1, 1fr);
	}

	.mainPage_categories_title {
		font-size: 1.3em;
		padding: 8px;
		font-weight: bold;
		margin-top: 15px;
		text-transform: uppercase;
		font-style: italic;
		margin-top: 1em;
	}

	.mp_cc_categories_cont {
		background-image: linear-gradient(#F4F4F4, #FBFBFB);
		border: 0px dashed var(--color_02);
		padding: 0px;
	}
	.mp_cc_categories_cont_grid {
		display: grid;
		gap: 0rem;
		grid-template-columns: repeat(2, 1fr);
	}

	.mp_cc_categories_l {
		padding: 15px;
		border-right: 1px dashed #e5e5e5;
	}

	.mp_cc_categories_r {
		padding: 15px;
	}

	.mp_cc_cat_element {
		padding-top: 3px;
		padding-bottom: 3px;
		cursor: pointer;
		font-size: 1.1em;
		line-height: 2em;
	}
	.mp_cc_cat_element:hover {
		color: var(--color_05);
	}

	.mp_cc_categories_flyer {
		background-color: burlywood;
		height: 280px;
		display: contents;
	}

	.mp_700x200_flyer {
		height: 200px;
		display: contents;
	}

	
	.prodList_sorter_container {
		width: 650px !important;
		float: right;
		text-align: right;
		margin-right: 30px;
		padding-top: 10px;
		margin-top: 40px;
		color: var(--color_03);
		font-size: 0.8em;
		margin-right: 65px !important;
		margin-top: -40px !important;
	}
	
	#sortBy {
		font-size: 0.85em !important;
		line-height: 40px !important;
		height: 40px !important;
	}
	
	.prodList_result_category_route {
		
		width: 100% !important;
		height: 70px;
		line-height: 30px;
		display: contents;
		max-height: 50px !important;
		overflow-x: hidden;
		display: block;
	}
	
	.category_route_link {
		font-size: 1.5rem !important;
	}
	
	.prodList_filter_switcher {
		visibility: visible!important;
		height: 50px;
		/* line-height: 50px; */
		/* margin-top: 30px; */
		text-align: left;
		width: 100%;
		padding-left: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
		background-color: var(--color_07);
		color: var(--color_04);
	}
	
	.prodList_filter_mainCont {
		display: none;
		width: 100%;
	}
	
	.prodList_filter_title_cont {
		visibility: hidden;
	}
	
	.filter_group_contents {
		display: grid;
	}
	
	.filter_group_list_element {
		height: 40px !important;
		margin-bottom: 20px !important;
		width: 100% !important;
		font-size: 0.85em;
	}
	
	.filter_group_label {
		font-size: 0.85em;
	}
	
	.prodList_filter_value {
		width: calc(100% - 90px) !important;
	}
	
	.prodlist_result_cont {
		width: 100% !important;
	}
	
	.prodList_result_nr_cont {
		margin-top: 30px;
		margin-left: 25px;
		border-bottom: none;
		height: 90px !important;
	}

	.prodList_grid {
		display: grid;
		gap: 1.5rem;
		grid-template-columns: repeat(1, 1fr);	
	}
	
	.prodList_grid_element {
		margin: 25px !important;
		border-color: var(--color_03) !important;
	}
	
	
	
	.prodList_img {
		width: 480px;
		height: 480px;
	}
	
	
	.prodList_prodName_cont {
		height: auto !important;
		line-height: 1.5em !important;
		margin-bottom: 1em;
		font-size: 3rem;
		text-align: left;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.prodList_prodShortContent_cont {
		height: 170px !important;
		font-size: 1em !important;
		/*width: 100% !important;*/
		max-width: 100% !important;
		line-height: 1.5em;
		margin-bottom: 3rem;
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.prodList_gridElement_info_icon_container {
		margin-right: 30px;
	}
	.prodList_prodColor_stamp_icon_container {
		font-size: 1.5em;
	}
	
	.prodList_prodPrice_BasketBtn_cont {
		height: 100px;
	}
	
	.prodList_prodPrice {
		font-size: 1.6em;
		margin-left: 40px;
	}
	
	.prodList_rating_stars {
		font-size: 0.7em;
		position: absolute;
		margin-top: -15px;
		margin-left: 40px;
	}
	
	.mobile_margin_top_50px {
		margin-top: 50px !important;
	}
	
	.add_to_basket_btn {
		height: 140px;
    	width: 140px;
    	font-size: 1.1em;
    	line-height: 140px;
		margin-top: -10px;
	}
	
	/* ***** PRODLIST AUTOCOMPLETE ****** */

	.autoComplete_content {
		height: auto;
		width: auto;
		visibility: hidden;
	}

	.prodList_autoComplete_container {
		overflow-y: auto;
		width: 100% !important;
		height: 100%;
		border: 1px solid lightgrey;
		z-index: 1000;
		/*top: 150px;*/
		background-color: white;
		right: 0px;
		position: fixed;
		top: 85px;
	}

	.prodList_autoComplete_listElement_container {
		min-height: 200px;
		height: auto;
		width: 100%;
		padding: 15px;
		border-bottom: 1px dotted lightgrey;
		position: relative;
		display: flex;
		padding-top: 40px;
	}

	.prodList_autoComplete_listElement_container > a {
		color: black;
		font-weight: bold;
	}

	.prodList_autoComplete_listElement_container:hover {
		background-color: #f7f7f7;
	}

	.autoComplete_image_cont {
		float: left;
		margin-right: 10px;
	}
	.autoComplete_prodName_cont {
		float: left;
		width: 500px;
	}
	.autoComplete_prodPrice_cont {
		color: #f26522;
		font-size: 2.8rem;
		font-weight: bold;
		margin-top: 10px;
		float: right;
		width: 280px;
		display: inline-flex;
		margin-left: 20px;
	}
	
	.prodList_offers_grid {
		display: grid;
		gap: 1rem;
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 1rem;
	}

	.btnDiv2 {
		background-color: #f26522;
		color: white;
		font-size: 16px;
		width: 130px;
		height: 85px;
		float: right;
		line-height: 35px;
		text-align: center;
		margin-right: 10px;
		font-size: 1em;
		padding-top: 20px;
		top: -10px;
		position: relative;
		display: inline-block;
	}
	
	/* ### Product Page CSS ### */
	.pp_headerLine_cont {
		width: 100%;
		height: 60px;;
		line-height: 55px;
		font-size: 1.2em;
		overflow-x: auto;
	}
	.pp_headerLine_cont_prodName {
		display: none;
	}

	.pp_prodMain_cont {
		/*width: 100%;*/
		height: 650px;
		margin-bottom: 15px;
		border: 1px solid lightgrey;
		display: block;
	}

	.pp_prodImg_mainCont {
		width: 100%;
		height: 650px;
		float: left;
	}
	.pp_prodImg_thmbCont {
		width: 130px;
		float: left;
		height: 650px;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid lightgrey;
		overflow-y: scroll;
	}
	.pp_prodImg_imgCont {
		width: 800px;
		float: left;
		text-align: center;
	}
	.pp_product_image {
		width: 630px;
		height: 630px;
		object-fit: contain;
		margin-top: 20px;
	}

	.pp_prodName_mainCont {
		width: 100%;
		height: auto;
		margin-left: -1px;
		float: right;
		text-align: left;
		border-left: 1px solid lightgrey;
		/*padding-left: 20px;
		padding-right: 20px;*/
	}
	.pp_prodName_content {
		padding: 20px;
		/*font-size: 1.5em;*/
	}
	.pp_prodName_content h2 {
		color: black;
		margin-top: 10px;
		font-size: 1.8em;
		padding: 8px;
	}
	.pp_prodName_content h4 {
		margin-top: -15px;
		font-size: 1.1em;
		font-weight: lighter;
		float: left; 
		width: 50%;
	}
	
	.pp_manufacturer_cont {
		margin-top: -15px !important; 
		font-size: 1.1em !important; 
		font-weight: lighter !important; 
		float: right !important; 
		width: 50%!important; 
		text-align: right !important;
	}
	
	.pp_prodName_content h5  {
		font-size: 0.75em !important;
	}

	.pp_prodName_priceCont {
		padding: 20px;
		padding-bottom: 160px;
	}
	.pp_prodName_priceCont h2 {
		/*color: #f26522;*/
		font-size: 1.8em;
		font-weight: 900;
		text-align: center;
		margin-bottom: 25px;
	}
	.pp_prodName_priceCont h4 {
		text-align: left;
		margin-bottom: 90px;
		font-size: 2.5rem;
	}
	
	.pp_prodName_basketBtnCont {
		width: 30%;
		height: 65px;
		padding-left: 40px;
		margin-bottom: 20px;
		position: relative;
		right: 0px;
	}
	.pp_prodName_basketBtnCont input {
		width: 0px !important;
		height: 5px;
		border: 1px solid lightgrey;
		float: none;
		text-align: center;
		font-size: 0.8em;
		visibility: hidden;
	}
	.pp_prodName_basketBtnCont .btnDiv {
		width: 350px;
		height: 75px;
		float: right;
		background-color: #f26522;
		line-height: 0.8em;
		font-size: 0.8em;
		text-align: center;
		color: white;
		font-weight: bold;
		cursor: pointer;
		padding-top: 30px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.1em;
		top: 0px;
	}
	
	.rating_stars_cont > i {
		margin-right: 10px;
		font-size: 1.4em;
	}
	
	.pp_rating_counter {
		float: right;
		font-size: 1.2em;
	}
	
	.pp_prod_rating_login {
		border-bottom: 1px dashed;
		padding-top: 10px;
		padding-bottom: 0px;
		width: 100%;
		background-color: #f7f7f7;
		padding: 10px;
		color: #009688;
	}

	.pp_prod_rating_form_cont {
		border-bottom: 1px dashed var(--color_06);
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
		background-color: #f7f7f7;
		font-size: 0.8em;
	}

	.pp_product_rating_form_grid {
		width: 100%; 
		display: grid; 
		gap: 1.2rem; 
		grid-template-columns: repeat(1, 1fr);
	}

	.pp_product_rating_radio_cont {
		width: 100%;
		display: grid;
		gap: 1.2rem;
		grid-template-columns: repeat(5, 1fr);
	}
	
	textarea[name="rating_desc"] {
	  	width: 95% !important;
		height: 120px !important;
		margin-top: 40px;
	}
	
	input[name="product_rating_button"] {
		margin-top: 20px !important;
		padding: 5px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		height: 70px !important;
		width: 170px !important;
		font-size: 0.7em;
		float: right;
		margin-right: 30px !important;
		margin-bottom: 20px !important;
	}

	.pp_prod_rating_noRate_cont {
		padding: 10px; 
		border-bottom: 1px dashed var(--color_06);
	}

	.pp_prod_rating_content_row {
		border-bottom: 1px dashed var(--color_03);
		padding-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		display: grid;
		gap: 1.5rem;
		grid-template-columns: repeat(2, 1fr);
	}

	.pp_prod_rating_user {
		padding-left: 10px;
		font-size: 0.8em;
	}

	.pp_prod_rating_stars {
		text-align: right;
		padding-right: 20px;
	}

	.pp_prod_rating_comment_cont {
		padding-left: 10px;
		margin-bottom: 10px;
		font-size: 0.8em;
	}


	.pp_prodName_deliveryCont {
		border-top: 1px dashed lightgrey; 
		border-bottom: 1px dashed lightgrey;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 50px;
		padding-top: 50px;
		margin-bottom: 20px;
		
	}
	
	.pp_property_short_desc {
		padding-top: 20px;
		font-size: 2.2rem;
	}
	
	.pp_expected_delivery_date_cont {
		font-size: 2.2rem;
	}
	.pp_expected_delivery_date_date {
		font-size: 2.2rem;
		font-style: italic; 
		color: #f26522;
	}

	.pp_productDesc_mainCont {
		margin-bottom: 20px !important;
		overflow: none;
		width: calc(100% - 50px) !important; 
		top: 60px;
		position: relative;
		margin: 30px !important;
		height: auto !important;
		display: contents;
	}
	
	.prodPage_productRoot_listElement_container {
		width: 100%;
		height: 100px;
		padding: 15px;
		border-bottom: 1px dotted lightgrey;
		margin-left: 10px;
		margin-right: auto;
	}

	.productRoot_image_cont {
		width: 80px;
		height: 80px;
		float: left;
		margin-right: 10px;
		margin-top: 10px;
	}

	.productRoot_image_cont img {
		width: 80px;
		height: 80px;
	}

	.productRoot_prodName_cont {
		width: 680px;
		height: 80px;
		line-height: 80px;
		float: left;
	}

	.productRoot_productId_cont {
		width: 180px;
		float: left;
		font-size: 0.8em;
	}

	.productRoot_color_name_cont {
		width: 180px;
		float: left;
		text-align: center;
		font-size: 0.8em;
	}

	.productRoot_size_cont {
		width: 150px;
		float: left;
		text-align: center;
		font-size: 0.8em;
	}

	.productRoot_price_cont {
		width: 130px;
		float: right;
		font-size: 0.8em;
		color: var(--color_07);
		font-weight: bold;
	}

	.prodPage_productRoot_listElement_container .pp_prodName_basketBtnCont {
		float: right;
		width: 80px !important;
	}
	
	.prodProperties_grid {
		display: grid;
		gap: 0rem;
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 20px;
	}
	
	
	/* ### PAGE FOOTER CSS ### */
	.pageFooter_upper {
		width: 100%;
		height: 180px;;
		background-color: #f5f5f5;
		border-top: 1px dashed #E5E5E5;
	}
	.pageFooter_upper_main {
		/*width: var(--width_default);*/
		width: 720px;
		margin-left: auto;
		margin-right: auto;
		height: 70px;
		margin-top: 20px;
		text-align: center;
	}

	.pf_upper_content_element {
		width: 180px;
		height: 80px;
		float: left;
		position: relative;
		text-align: center;
		cursor: pointer;
		margin-top: 8px;
	}

	.icon_footer_size {
		font-size: 50px !important;
		color: #F26522;
		margin-bottom: 10px;
	}

	.pf_upper_element_title {
		font-size: 0.7em;
		color: var(--color_03);
	}

	.pageFooter {
		width: 100%;
		height: auto;
		background-color: var(--color_03);
	}

	.pageFooter_main {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}

	.pg_footer_logo_cont {
		width: 100% !important;
		float: left;
		height: auto;
		min-height: 80px !important;
		position: relative;
		color: whitesmoke;
		padding-top: 50px;
		text-align: center !important;
	}

	.pageFooter_logo {
		margin-top: 7px;
		cursor: pointer;
		height: 80px !important;
		margin-left: 10px;
	}

	.pg_footer_content_main {
		width: 100% !important;
		height: auto !important;
		color: var(--color_04);
		/*margin-left: auto;
		margin-right: auto;*/
		float: left;
		position: relative;
		color: whitesmoke;
		padding-top: 40px;
		text-align: center;
	}

	.pg_footer_content_cont {
		width: 100%;
		float: left;
		height: auto;
		color: whitesmoke;
		position: relative;
		padding-top: 40px;
	}

	.pg_footer_list_title {
		font-size: 1.4em;
		color: lightblue;
		line-height: 1.1em;
		margin-bottom: 20px;
	}

	.pg_footer_list_element {
		font-size: 1.2em;
		line-height: 2.2em;
	}
	.pg_footer_list_element a {
		color: whitesmoke;
		text-decoration: none;
		cursor: pointer;
	}

	.pg_footer_bottom {
		width: 100%;
		height: 100px;
		color: whitesmoke;
		text-align: center;
		position: relative;
		margin-top: 100px;
	}
	
	/* ### BASKET PAGE CSS ### */
	.basketPopUp_head {
		font-size: 1.8em !important;
		color: var(--color_04);
		line-height: 1.8em;
		padding-left: 30px;
		background-color: var(--color_03) !important;
	}

	.basket_popup_content {
		min-height: 290px !important;
		height: auto;
		/*width: auto !important;
		max-width: 800px !important;*/
		width: 980px;
	}
	.basket_popup_body {
		min-height: 130px !important;
		height: auto;
	}

	.basket_item_row {
		width: 100%;
		min-height: 60px;
		height: auto;
		border-bottom: 1px dotted grey;
		line-height: 60px;
		/*padding: 20px;*/
	}
	.basket_item_input_txt {
		width: 40px;
		height: 20px;
		text-align: center;
	}
	
	.basket_item_img_cont {
		width: 800px !important;
		height: 450px !important;
		text-align: center;
		display: flex; 
		justify-content: center;
		align-items: center;
	}

	.basket_item_img {
		width: 280px;
		height: 280px;
		margin-right: 10px;
		float: none !important;
		padding-bottom: 10px;
		
	}
	.basket_item_product_id {
		width: 220px;
		float: left;
		position: absolute;
		top: 50px;
		left: 10px;
		font-size: 1.2em;
		font-style: italic;
	}
	.basket_item_product_name {
		width: auto;
		max-width: 500px;
		min-width: 500px;
		min-height: 60px;
		height: auto;
		float: left;
		font-weight: bold;
	}
	.basket_item_product_price {
		width: 300px;
		float: left;
		/*left: 20px;*/
		position: absolute;
		text-align: left;
		font-size: 1.2em;
		left: 50px;
		top: 470px;
		margin-bottom: 20px;
		font-weight: 700;
	}
	.basket_item_product_sum_price {
		width: 250px;
		float: right;
		font-weight: bold;
		text-align: left;
		color: var(--color_05);;
		font-size: 1.2em;
		left: 300px;
		position: absolute;
		top: 470px;
	}
	
	.m_bi_pp {
		
	}
	.m_bi_pq {
		left: 420px;
		width: 150px;
	}
	.m_bi_ppsum {
		left: 500px;
		text-align: right !important;
		width: 380px;
	}

	.basket_item_manage {
		width: 420px;
		float: right;
		position: absolute;
		top: 450px;
		margin-bottom: 20px;
		left: 560px;
	}

	.basketPopup_btn_back_to_shopping {
		width: 300px;
		height: 50px;
		float: left;
		position: relative;
		background-color: var(--color_04);
		border: 1px dashed var(--color_02);
		color: orangered;
		text-align: center;
		line-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.basketPopup_btn_goto_basket_old {
		width: 300px;
		height: 50px;
		float: right;
		position: relative;
		background-color: var(--color_07);
		border: 1px dashed var(--color_04);
		color: whitesmoke;
		text-align: center;
		line-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.main_header_cont {
		width: 100%;
		height: 100px;
		margin-top: 30px;
		margin-bottom: 30px;
		padding-left: 30px;
		box-sizing: border-box;
		position: fixed;
		background-color: white;
		padding-top: 25px;
		top: 170px;
		z-index: 600;
		display: flex;
		justify-content: center;
	}
	.mobile_top_250 {
		margin-top: 320px !important;
	}
	.basketPage_title {
		line-height: 3px;
		font-size: 1.6em;
		font-weight: 900;
		margin-bottom: 20px;
		width: auto;
		float: left;
		position: relative;
		color: var(--color_05);
		margin-top: 20px;
		height: 60px;
		border-bottom: 8px solid var(--color_05);
	}
	.basketPage_title_small {
		line-height: 10px;
		font-size: 1.1em;
		font-weight: 700;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 2px;
		margin-bottom: 20px;
		width: auto;
		float: left;
		position: relative;
		color: var(--color_01);
		height: 60px;
		margin-top: 20px;
		border-bottom: 8px solid var(--color_01);
	}

	
	/* ### POPUP CSS ### */
	.popupContainer {
		width: 100%;
		height: 100%;
		z-index: 1000;
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.popupFader {
		width: 100%;
		height: 100%;
		z-index: 1001;
		background-color: gray;
		opacity: 0.3;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.popupContent {
		width: 80%;
		max-width: 1600px;
		height: 80%;
		z-index: 1002;
		background-color: white;
		position: absolute;
		opacity: 1;
		margin: 0 auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: 1px solid grey;
		overflow: hidden;
	}
	.popupHead_old {
		width: 100% - 16px;
		height: 50px;
		background-color: orange;
		padding: 8px;
		border-bottom: 1px solid grey;
	}
	.popupHead {
		width: 100% - 16px;
		height: 120px;
		padding: 8px;
		/*background-color: #3f4751;
		color: whitesmoke;*/
		font-size: 1.3em;
		line-height: 2em;
		padding-left: 20px
	}
	.popupBody {
		width: 100% - 16px;
		height: 100%;
		background-color: white;
		padding: 8px;
		overflow: auto;
	}
	.popupFoot {
		width: 100% - 16px;
		height: 380px;
		line-height: 40px;
		text-align: center;
		/*background-color: grey;*/
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.basket_popup_body .basket_item_row {
		border-bottom: none !important;
	}

	.userLogin_popup {
		width: 800px;
		height: 800px;
	}
	.userRegistration_popup {
		width: 800px;
		height: 970px;
	}
	.userForgottenPwd_popup {
		width: 800px;
		height: 800px;
	}
	
	.forgotten_pwd_text_content {
		display: block;
		margin-top: 30px;
		margin-bottom: 30px;
		font-size: 0.8em;
	}
	
	.userNameModify_popup {
		width: 95%;
		height: 700px;
	}
	.userPwdModify_popup {
		width: 400px;
		height: 350px;
	}
	
	.popup_link_cont {
		margin-top: 60px;
    	display: inline-block;
    	width: 100%;
	}

	.basketPopUp_head {
		font-size: 1.3em !important;
		color: var(--color_04);
		line-height: 1.8em;
		padding-left: 40px;
		background-color: var(--color_03) !important;
	}

	.basket_popup_content {
		min-height: 290px !important;
		height: auto;
		/*width: auto !important;
		max-width: 800px !important;*/
		width: 980px;
	}
	.basket_popup_body {
		min-height: 130px !important;
		height: auto;
	}

	.basket_item_row {
		width: 100%;
		min-height: 60px;
		height: auto;
		border-bottom: 1px dotted grey;
		line-height: 60px;
		/*padding: 20px;*/
		padding: 0px;
		padding-top: 50px;
		padding-bottom: 50px;
		position: relative;
	}
	.basket_item_input_txt {
		width: 40px;
		height: 20px;
		text-align: center;
	}

	.basket_item_img {
		width: 170px;
		height: 170px;
		margin-right: 10px;
		float: left;
		padding-bottom: 10px;
	}
	.basket_item_product_id {
		width: 220px;
		float: left;
	}
	.basket_item_product_name {
		width: auto;
		max-width: 500px;
		min-width: 500px;
		min-height: 60px;
		height: auto;
		float: left;
		font-weight: bold;
		margin-bottom: 90px;
	}
	
	.basket_btn_decrease {
		height: 80px !important;
		width: 80px !important;
		float: left;
		position: relative;
		border: 1px solid var(--border_1);
		text-align: center;
		margin-right: 10px;
		line-height: 80px;
	}
	
	.basket_item_input_txt {
		width: 100px;
		height: 80px;
		float: left;
		position: relative;
		border: 1px solid var(--border_1);
		text-align: center;
		margin-right: 10px;
		line-height: 80px;
	}
	
	.basket_btn_increase {
		height: 80px !important;
		width: 80px !important;
		float: left;
		position: relative;
		border: 1px solid var(--border_1);
		text-align: center;
		margin-right: 40px;
		line-height: 80px;
	}
	
	.basket_item_delete {
		width: 80px !important;
		height: 80px !important;
		float: left;
		position: relative;
		border: 1px solid var(--border_1);
		text-align: center;
		margin-right: 5px;
		line-height: 80px;
		background-color: var(--color_02);
		color: var(--color_03);
	}
	
	.basket_technical_item_row {
		width: 100%;
		height: 55px;
		margin-bottom: 50px;
	}
	
	.basket_summary_cont {
		font-size: 1.2em !important; 
		font-weight: bold;
		color: darkorange; 
		float: right;
		margin-right: 40px;
	}

	.basketPopup_btn_back_to_shopping {
		width: 100%;
		height: 90px;
		float: none !important;
		position: relative;
		background-color: var(--color_04);
		border: 1px dashed var(--color_02);
		color: orangered;
		text-align: center;
		line-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 30px;
		padding-top: 30px;
	}

	.basketPopup_btn_goto_basket {
		width: 100%;
		height: 120px;
		float: none !important;
		position: relative;
		background-color: orangered;
		border: 1px dashed var(--color_04);
		color: whitesmoke;
		text-align: center;
		line-height: 115px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 30px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	/* ### ORDER DATA CSS ### */
	.od_data_group_title {
		box-sizing: border-box;
		padding: 10px;
		font-size: 3rem;
		margin-top: 20px;
		position: relative;
		display: inline-block;
	}
	.od_data_group_title i{
		font-size: 1.4em !important;
	}
	.od_data_group_title span{
		font-size: 0.7em !important;
	}
	
	.order_type_form_container {
		/*width: 100%;*/
		height: auto;
		background-color: #F2F2F2;
		padding: 14px;
		border: 1px dashed lightgrey;
	}

	.order_data_row {
		/*width: 100%;*/
		min-height: 45px;
		margin-top: 5px;
		line-height: 45px;
	}
	.margin_30 {
		margin: 30px !important;
	}
	
	.order_data_row_title {
		width: 200px;
		min-height: 40px;
		line-height: 40px;
		float: left;
		display: none;
	}
	.order_data_row_content {
		width: 100%;
		min-height: 40px;
		line-height: 40px;
		float: none !important;
		margin-bottom: 20px;
	}
	.order_data_row_content img {
		width: 60px !important;
	}

	.w_zip_code {
		width: 100px !important;
	}

	.w_city_title {
		width: 100px !important;
		text-align: center;
	}
	.w_address {
		width: calc(100% - 500px) !important;
	}

	.w_street {
		width: 100% !important;
	}

	.order_data_street_number {
		width: 200px !important;
		float: left !important;
	}

	.order_data_street_number_input_fiel_div {
		width: 100% !important;
	}
	.order_data_tax_number_div {
		display: none;
	}

	.delivery_address_form_container {
		margin-top: 18px;
		/*width: 100%;*/
		height: auto;
		background-color: #F2F2F2;
		padding: 14px;
		border: 1px dashed lightgrey;
	}

	/* ### INPUT TYPES CSS ### */
	input[type='text'], input[type='password'] {
		height: 30px;
		width: 200px;
		border: 1px dashed var(--color_03);
		font-size: 1em;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	input[type='checkbox'] {
		height: 50px;
		width: 50px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	input.w_200px {
		/*width: 400px !important;*/
		width: 100% !important;
		height: 80px;
		border: 1px dashed var(--color_03);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.w_400px {
		/*width: 400px !important;*/
		width: 100% !important;
		height: 80px;
		border: 1px dashed var(--color_03);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.w_600px {
		width: 600px !important;
		height: 80px;
		border: 1px dashed var(--color_03);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.w_800px {
		width: 100% !important;
		height: 80px;
		border: 1px dashed var(--color_03);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.usr_name {
		width: 750px;
		height: 80px;
		font-size: 1em;
		border-color: var(--color_03);
	}
	input.input_order_email_field {
		width: 100% !important;
		height: 80px;
		border: 1px dashed var(--color_03);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.input_order_name_field {
		width: 100% !important;
		height: 80px;
		border: 1px dashed var(--color_03);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	select.country_code_field {
		width: 470px !important;
		height: 80px;
		line-height: 80px;
		border: 1px dashed var(--color_03);
		box-sizing: border-box;
		font-weight: normal !important;
		font-size: 1em;
		padding-left: 20px;
	}
	
	input.zip_code_field {
		width: 200px !important;
		height: 80px;
		border: 1px dashed var(--color_03);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input[type='radio'] {
	  box-sizing: border-box;
	  appearance: none;
	  background: white;
	  outline: 1px solid var(--color_03);
	  border: 5px solid white;
	  width: 35px !important;
	  height: 35px !important;
	}

	input[type='radio']:checked {
	  background: var(--color_05);
		outline: 1px solid var(--color_05);
	}
	
	.select_nr1 {
		border: 1px dashed var(--color_03);
    	height: 80px;
    	font-size: 1em;
    	width: 100%;
	}
	
	
	/* ### basket order summary ### */
	.basket_order_summary_content_title {
		width: 100%;
		min-height: 35px;
		line-height: 35px;
	}

	.basket_order_summary_content_container {
		width: 100%;
		min-height: 100px;
		position: relative;
		top: 100px;
	}

	.order_summary_container1 {
		width: auto !important;
		padding: 20px;
		float: none !important;
		min-height: 200px;
		border: 1px dashed lightgrey;
		margin: 5px;
		margin-bottom: 20px !important;
		background-color: #f7f7f7;
	}

	.os_cont_title {
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1em;
		padding-bottom: 10px;
		color: var(--color_03);
		margin-bottom: 30px;
	}

	.os_cont_content {
		font-size: 1em;
		font-weight: normal;
		line-height: 1.8em;
	}
	.os_cont_content_title {
		float: left;
		width: 150px;
		position: relative;
		height: 30px;
	}
	.os_cont_content_name {
		width: 680px;
		float: left;
		position: relative;
		height: 30px;
		font-weight: normal !important;
		margin-bottom: 30px;
	}
	.os_cont_content_name img {
		width: 60px !important;
	}
	
	.os_cont_content_price {
		float: right;
		position: relative;
		height: 30px;
		width: 200px;
		text-align: right;
		padding-right: 50px;
		color: #ff4500;
	}

	.basket_order_summary_delivery_mode_container {
		width: 100%;
		/*padding: 10px;*/
		/*border: 1px dotted #fe4501;*/
		font-size: 1.2em;
		/*line-height: 1.5em;*/
		margin-top: 110px;
	}
	.os_delivery_mode_title {
		/*width: 200px;*/
		padding: 10px;
		float: left;
		font-weight: bold;
		line-height: 1.2em;
	}

	.os_delivery_mode_content {
		/*width: 400px;*/
		padding: 10px;
		float: left;
		font-weight: normal;
		line-height: 1.2em;
	}
	
	.tr_courier_row {
		padding-bottom: 20px;
		height: 90px !important;
	}
	
	.td_courier_chck {
		width: 20px;
	}
	
	.td_courier_img {
		width: 80px;
		text-align: center;
	}
	.td_courier_img img {
		width: 80px !important;
		margin-right: 20px;
	}
	
	.td_courier_name {
		width: 570px;
	}
	
	.td_courier_price {
		width: 200px;
		text-align: right;
		padding-right: 10px;
	}
	
	.courier_list_element {
		margin-bottom: 2rem;
	}
	.courier_apm_dropdown_container {
		float: none; 
		/*margin-left: 70px;*/
	}

	.basket_order_summary_payment_mode_container {
		width: 100%;
		padding: 10px;
	}

	.basket_order_summary_prodList_container {
		width: 100%;
		min-height: 80px;
		margin-top: 30px;
		/*border-top: 1px dotted var(--color_02);*/
		padding-top: 10px;
	}
	.os_prodList_title {
		font-size: 1.5rem;
		padding-left: 10px;
		margin-bottom: 30px;
	}
	
	.os_sum_price_cont {
		line-height: 80px; 
		width: 100%; 
		text-align: right; 
		font-size: 1.2em; 
		color: var(--color_05); 
		padding-right: 20px;
		margin-top: 50px;
		margin-bottom: 50px;
		margin-right: 50px;
		box-sizing: border-box;
		font-weight: 700;
	}

	.basket_order_summary_accept_cont {
		width: 100%;
		height: 80px;
		margin-top: 15px;
		margin-bottom: 40px;
		text-align: center;
		line-height: 50px;
		font-size: 1em;
	}
	.os_accept_check {
		width: 30px;
		height: 30px;
	}
	.oc_accept_content {
		top: -10px;
		position: relative;
		margin-left: 10px;
	}

	.basket_order_summary_btns_cont {
		height: 80px !important;
		margin-bottom: 50px !important;
	}
	
	#foxpost_search_field {
		width: 100%;
		height: 80px;
	}
	
	.foxpost_apm_input_field_icon {
		position: absolute;
		/*margin-left: -47px;*/
		margin-top: -60px;
		right: 40px;
	}
	
	#foxpost_apm_list_container {
		height: 450px; 
		width: 820px; 
		overflow-y: scroll; 
		overflow-x: hidden; 
		background-color: whitesmoke; 
		border: 1px dashed #8C8C8C; 
		z-index: 5000; 
		position: absolute;
	}
	
	.courier_apm_list_element_row {
		line-height: 2.8rem;
		font-size: 2rem;
		border-bottom: 1px dashed #8c8c8c;
		width: 790px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		padding-right: 10px;
		font-weight: 600;
		color: black;
	}

	.courier_apm_list_element_row > input[type='checkbox'] {
		width: 15px;
		height: 15px;
		margin-right: 10px;
		position: relative; 
		top: 3px; 
		cursor: pointer;
	}

	/* ORDER SENT Page */
	.orderSent_maniContent {
		width: 100%;
		text-align: center;
		padding: 20px;
	}
	.orderSent_mainCont_title {
		font-size: 1.7em;
		font-weight: bold;
		color: #f16622;
		padding: 20px;
	}
	.orderSent_mainCont_order_number {
		width: 380px;
		padding: 20px;
		font-size: 1.5em;
		border: 1px dashed var(--color_02);
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.orderSent_mainCont_content {
		width: 800px;
		padding: 20px;
		font-size: 1.2em;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.orderSent_mainCont_content button {
		font-size: 1.6em;
		line-height: 2em;
		padding: 0.5em;
	}
	
	/* ###### MY ORDERS PAGE - MyOrders ######## */
	.myOrders_list_element {
		width: 95%;
		min-height: 35px;
		height: auto;
		border: 1px dashed var(--color_02);
		padding: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		font-size: 0.7em !important;
	}

	.mo_le_dataCont {
		width: auto;
		max-width: 450px;
		float: left;
	}

	.mo_le_dataTitle {
		width: 250px;
		height: 50px;
		font-size: 1em;
		line-height: 15px;
		float: left;
		position: relative;
		font-weight: normal;
	}

	.mo_le_dataValue {
		width: 420px;
		height: 50px;
		font-size: 1em;
		line-height: 15px;
		float: left;
		position: relative;
		color: var(--color_03);
		font-weight: normal;
	}

	.mo_le_order_number {
		font-weight: bold;
	}

	.mo_le_price {
		color: #f23526 !important;
		font-size: 1em;
	}

	.mo_le_link {
		color: darkslateblue;
		text-decoration: underline;
	}

	.user_data_main {
		height: auto;
		min-height: 35px;
		border: 1px dashed var(--color_02);
		padding: 10px;
		margin-bottom: 20px;
	}
	.ud_le {
		height: 70px;
		padding: 10px;
		position: relative;
	}
	.ud_le_title {
		width: 80px;
		font-size: 1em;
		line-height: 1em;
		position: relative;
	}
	.ud_le_title i {
		font-size: 1.4em !important;
		margin-right: 10px;
	}
	.ud_le_content {
		width: 600px;
		font-size: 1em;
		line-height: 1em;
		color: var(--color_03);
		position: relative;
	}

	.ud_le_content i {
		font-size: 1.4em !important;
		margin-left: 30px;
		color: #f23526;
		cursor: pointer;
	}


	/* ##### ERROR MSG CSS ##### */
	.errormsg {
		z-index: 10;
		position: absolute;
		margin-top: -30px;
		background-color: lightcoral;
		color: whitesmoke;
		border: 1px dotted #770404;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 60px;
		width: 100%;
		max-width: 950px;
		visibility: hidden;
	}
	
	.static_content_cont {
		text-align: justify;
		line-height: 2.8rem;
		margin-bottom: 50px;
		font-size: 2rem;
		padding: 2rem;
	}
	
	.warranty_prodList_row {
		width: 100%;
		height: 300px;
		display: block;
		border-bottom: 1px dashed var(--border_2);
		margin-bottom: 5px;
	}
	.warranty_prodList_row:hover {
		background-color: var(--color_04);
	}

	.warranty_prodList_row_img {
		width: 120px;
		height: 120px;
		float: left;
		padding-top: 10px;
	}
	.warranty_prodList_row_prodName {
		width: 850px;
		height: 170px;
		float: left;
		margin-left: 5px;
		padding-top: 0px;
		line-height: 55px;
	}
	.warranty_prodList_row_order_id {
		width: 320px;
		height: 80px;
		float: left;
		line-height: 80px;
		margin-left: 120px;
	}
	.warranty_prodList_row_prodPrice {
		width: 220px;
		height: 80px;
		float: left;
		line-height: 80px;
		color: var(--color_07);
		font-weight: bold;
	}
	.warranty_prodList_select_btn {
		width: 230px;
		height: 60px;
		float: right;
		position: relative;
		background-color: orangered;
		border: 1px dashed var(--color_04);
		color: whitesmoke;
		text-align: center;
		line-height: 60px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.cookie_wall_main {
		position: fixed;
		z-index: 8000;
		/*top: 800px;*/
		height: auto;
		width: 100%;
		/*background-color: var(--color_05);*/
		/*border: 1px solid var(--color_04);*/
		color: black;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block;
		padding: 50px;
	}
	
	.cookie_wall_main_content_cont {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		/* margin-top: 30px; */
		font-size: 0.8em !important;
		text-align: center;
		display: block;
	}
	
	.cookie_wall_text_cont {
		font-size: 0.8em;
		text-align: left;
		line-height: 2.2em;
		font-weight: bold;
	}
	
	.cookie_wall_bottom {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		height: auto;
		display: block;
	}
	
	.cookie_wall_act_cont {
		width: 300px;
		height: auto;
		float: none;
		text-align: center;
		display: contents;
	}
	
	.cookie_wall_act_cont button {
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 1.1em;
		margin-top: -20px;
		position: relative;
		border: 1px dotted var(--color_04);
		margin-top: 60px;
	}
	
	.user_order_data_form_container {
		display: block !important;
	}
	
	.user_data_delivery_addresses_main {
		display: block !important;
	}

	
}








/* ***** TABLET ***** */
@media only screen and (min-device-width: 761px) and (max-device-width: 1180px)   {
	
	:root {
	
	/* General vars */
	--width_default: 100% !important;
	
	}
	
	body {
		font: 1rem Arial, sans-serif !important;
	}
	
	.main {
		width: 100%;
		padding: 8px !important;
		margin-top: 120px !important;
		position: relative;
	}
	
	.h_45p {
		height: 70px;
	}
	
	.h_240p {
		height: 340px !important;
	}
	
	.m_hidden {
		display: none !important;
	}
	
	.cookie_wall_main {
		padding: 30px;
		height: auto !important;
		display: flex;
	}
	.cookie_wall_main_content_cont {
		width: 100%;
    	height: auto;
    	display: block;
    	margin-top: 0px;
	}
	
	.cookie_wall_text_cont {
		font-size: 1.2em;
	}
	
	.cookie_accept_div {
		right: 0;
		position: absolute;
	}
	
	.mainContentContainer {
		max-width: 100% !important;
	}
	
	.pageHeader_upper {
		height: 60px !important;
	}
	
	.pgHeader_upper_center {
		
	}
	.pgHeader_upper_center .content_right {
		width: auto;
		height: 60px !important;
		margin-top: 0px;
		line-height: 30px;
		color: whitesmoke;
		float: right;
		text-align: right;
		font-size: 1.5rem;
		position: relative;
		top: 70px;
		right: 40px;
	}
	
	.content_right i {
		font-size: 35px;
		color: var(--color_05);
	}
	
	.basket_info_nr {
		top: -8px;
		font-size: 1rem;
		color: #f5f5f5;
		min-width: 15px;
		width: auto;
		height: 25px !important;
		float: right;
		position: relative;
		border-radius: 18px;
		background-color: #f26522;
		text-align: center;
		line-height: 1rem;
		padding-top: 8px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.pageHeader_logo {
		margin-top: 5px;
		cursor: pointer;
		height: 40px;
		margin-left: 20px;
	}
	
	.pageHeader {
		height: 60px;
		top: 60px;
		position: fixed;
		z-index: 200;
	}
	
	.ph_content_element {
		min-width: 70px;
		width: auto;
		height: 60px;
		float: left;
		font-size: 2rem;
		color: #f26522;
		text-align: center;
		margin-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.ph_content_element div{
		font-size: 25px !important;
		display: none;
	}
	
	.categories_main {
		height: 700px !important;
		max-height: 700px !important;
	}
	
	.categories_main_elements {
		width: 320px;
		float: left;
		height: 700px !important;
		max-height: 700px !important;
	}
	
	.cat_main_cat_element {
		width: 320px;
		height: auto;
		font-size: 14px;
		padding: 5px;
		color: var(--color_03);
		border-bottom: 1px dashed var(--color_02);
		cursor: pointer;
	}
	
	.cat_main_cat_element_icon {
		color: #f23526;
		font-size: 16px;
		line-height: 16px;
		padding: 5px;
	}
	
	.cat_sub_placeholder {
		display: grid;
    	grid-auto-flow: column;
    	grid-gap: 1px;
    	grid-template-columns: repeat(1, 1fr);
    	grid-template-rows: repeat(18, auto);
		width: auto;
		max-width: 900px;
		max-height: 700px !important;
		float: left;
		position: absolute;
		overflow-y: auto!important;
		border-left: 1px dashed var(--color_02);
		padding-left: 5px;
		margin-left: 10px;
		left: 310px;
		background-color: whitesmoke;
		font-size: 14px;
	}
	
	.category_subCat_element_container {
		float: none !important; 
		width: 420px; 
		height: auto; 
		position: relative;
	}
	
	.subCat_element {
		color: var(--color_03);
		border-bottom: none !important;
		line-height: 10px;
		padding-bottom: 10px !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.subCat_element a {
		text-decoration: none;
		color: var(--color_03);
	}

	.pg_filter_container {
		width: 800px;
		height: 0px;
		float: left;
		margin-top: 5px;
		margin-left: 0px;
		/* border: 1px solid lightgrey; */
		position: absolute;
	}
	
	.search_input_field {
		width: 595px !important;
		height: 45px !important;
		margin-left: 260px !important;
		margin-top: 3px !important;
		font-size: 1.2rem !important;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px !important;
	}
	
	.search_button {
        width: 32px;
    height: 27px;
    /* border: 1px solid var(--color_02); */
    /* border-left: none; */
    top: 10px;
    left: 810px;
    padding-top: 10px;
    position: absolute;
    font-size: 1.8rem;
    padding-top: 2px;
    text-align: center;
}
	
	.pg_advanced_container {
		width: 250px;
		height: 60px;
		float: right;
		margin-top: 15px;
		margin-right: 20px;
		line-height: 60px;
		font-size: 0.9em;
		text-align: right;
		position: relative;
		top: -100px;
		color: white;
	}
	
	
	/* MAIN PAGE CSS */
	.main_content_row_left {
		display: none !important;
	}
	
	.main_content_row_content {
		width: 100% !important;
		height: auto;
	}
	
	.prodList_filter_mainCont {
		/*display: none !important;*/
	}
	
	.prodlist_result_cont {
		width: 74% !important;
	}
	
	.prodList_result_nr_cont {
		margin-top: 10px;
		margin-left: 0px;
		border-bottom: none;
		font-size: 17px;
	}
	

	.prodList_grid {
		display: grid;
		gap: 1.5rem;
		grid-template-columns: repeat(3, 1fr);	
	}
	
	.prodList_grid_element {
		margin: 0px !important;
		border-color: var(--color_02) !important;
		padding-bottom: 0rem !important;
	}
	
	
	
	.prodList_img {
		width: 180px;
		height: 180px;
	}
	
	
	.prodList_prodName_cont {
		height: 110px !important;
		line-height: 1.5rem !important;
		margin-bottom: 1em;
		font-size: 1rem;
		text-align: center;
	}
	
	.prodList_prodShortContent_cont {
		height: 140px !important;
		font-size: 1rem !important;
		width: 100% !important;
		/*max-width: none !important;*/
		line-height: 1.5rem;
		margin-bottom: 0.5rem;
	}
	
	.prodList_prodPrice_BasketBtn_cont {
		height: 100px;
	}
	
	.prodList_prodPrice {
		font-size: 1.5rem;
	}
	
	.prodList_rating_stars {
		font-size: 0.7em;
		position: absolute;
		margin-top: 5px;
	}
	
	.add_to_basket_btn {
		height: 70px;
    	width: 70px;
    	font-size: 1.5rem;
    	line-height: 70px;
	}
	
	.prodList_filter_cont {
		
		font-size: 1rem;
	}
	
	.prodList_filter_value {
		width: 200px !important;
		float: right;
	}
	
	/* ***** PRODLIST AUTOCOMPLETE ****** */

	.autoComplete_content {
		height: auto;
		width: auto;
		visibility: hidden;
	}

	.prodList_autoComplete_container {
		overflow-y: auto;
		width: 100% !important;
		height: 100%;
		border: 1px solid lightgrey;
		z-index: 1000;
		/*top: 150px;*/
		background-color: white;
		right: 0px;
		position: fixed;
		top: 60px;
	}

	.prodList_autoComplete_listElement_container {
		min-height: 100px;
		height: auto;
		width: 100%;
		padding: 15px;
		border-bottom: 1px dotted lightgrey;
		position: relative;
		display: flex;
		padding-top: 40px;
	}

	.prodList_autoComplete_listElement_container > a {
		color: black;
		font-weight: bold;
	}

	.prodList_autoComplete_listElement_container:hover {
		background-color: #f7f7f7;
	}

	.autoComplete_image_cont {
		float: left;
		margin-right: 10px;
	}
	.autoComplete_prodName_cont {
		float: left;
		width: 400px;
		font-size: 1.5rem;
		margin-left: 10px;
	}
	.autoComplete_prodPrice_cont {
		/*color: #f26522;*/
		color: var(--color_07);
		font-size: 2rem;
		font-weight: bold;
		margin-top: 10px;
		float: right;
		width: 280px;
		display: inline-flex;
		margin-left: 40px;
	}
	
	.prodList_offers_grid {
		display: grid;
		gap: 0.5 rem;
		grid-template-columns: repeat(3, 1fr);
		margin-bottom: 1rem;
	}

	.btnDiv2 {
		background-color: #f26522;
		color: white;
		font-size: 16px;
		width: 80px;
		height: 60px;
		float: right;
		line-height: 60px;
		text-align: center;
		margin-right: 10px;
		font-size: 1em;
		padding-top: 0px;
		top: 0px;
		position: relative;
		display: inline-block;
	}
	
	/* ### Product Page CSS ### */
	.pp_headerLine_cont {
		width: 100%;
		height: auto;
		line-height: 55px;
		font-size: 17px;
	}
	.pp_headerLine_cont_prodName {
		display: none;
	}

	.pp_prodMain_cont {
		/*width: 100%;*/
		height: 450px;
		margin-bottom: 15px;
		border: 1px solid lightgrey;
		display: block;
	}

	.pp_prodImg_mainCont {
		width: 100%;
		height: 450px;
		float: left;
	}
	.pp_prodImg_thmbCont {
		width: 130px;
		float: left;
		height: 450px;
		text-align: center;
		vertical-align: middle;
		border-right: 1px solid lightgrey;
		overflow-y: scroll;
	}
	.pp_prodImg_imgCont {
		width: 800px;
		float: left;
		text-align: center;
	}

	.pp_prodName_mainCont {
		width: 100%;
		height: auto;
		margin-left: -1px;
		float: right;
		text-align: left;
		border-left: 1px solid lightgrey;
		/*padding-left: 20px;
		padding-right: 20px;*/
	}
	.pp_prodName_content {
		padding: 20px;
		/*font-size: 1.5em;*/
	}
	.pp_prodName_content h2 {
		color: black;
		margin-top: 10px;
		font-size: 1.2em;
		padding: 8px;
	}
	.pp_prodName_content h4 {
		margin-top: -15px;
		font-size: 1.2rem;
		font-weight: lighter;
		float: left; width: 200px;
	}
	
	.pp_prodName_content h5  {
		font-size: 0.75em !important;
	}

	.pp_prodName_priceCont {
		padding: 20px;
		padding-bottom: 80px;
	}
	.pp_prodName_priceCont h2 {
		color: #f26522;
		font-size: 2.5rem;
		font-weight: 900;
		text-align: center;
		margin-bottom: 60px;
	}
	.pp_prodName_basketBtnCont {
		width: 100%;
		height: 65px;
		padding-left: 40px;
		margin-bottom: 20px;
		position: relative;
		right: 0px;
	}
	.pp_prodName_basketBtnCont input {
		width: 0px !important;
		height: 5px;
		border: 1px solid lightgrey;
		float: none;
		text-align: center;
		font-size: 0.8em;
		visibility: hidden;
	}
	.pp_prodName_basketBtnCont .btnDiv {
		width: 690px;
		height: 100px;
		float: none;
		background-color: #f26522;
		line-height: 100px;
		text-align: center;
		color: white;
		font-weight: bold;
		cursor: pointer;
		padding-top: 0px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		font-size: 2rem;
		top: -20px;
	}

	.pp_prodName_deliveryCont {
		border-top: 1px solid lightgrey; 
		padding: 15px;
	}

	.pp_productDesc_mainCont {
		margin-bottom: 20px !important;
		overflow: hidden;
		width: calc(100% - 50px) !important; 
		top: 60px;
		position: relative;
		margin: 30px !important;
	}
	
	.prodProperties_grid {
		display: grid;
		gap: 0rem;
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 20px;
	}
	
	
	/* ### PAGE FOOTER CSS ### */
	.pageFooter_upper {
		width: 100%;
		height: 180px;;
		background-color: #f5f5f5;
		border-top: 1px dashed #E5E5E5;
	}
	.pageFooter_upper_main {
		/*width: var(--width_default);*/
		width: 720px;
		margin-left: auto;
		margin-right: auto;
		height: 70px;
		margin-top: 20px;
		text-align: center;
	}

	.pf_upper_content_element {
		width: 180px;
		height: 80px;
		float: left;
		position: relative;
		text-align: center;
		cursor: pointer;
		margin-top: 8px;
	}

	.icon_footer_size {
		font-size: 50px !important;
		color: #F26522;
		margin-bottom: 10px;
	}

	.pf_upper_element_title {
		font-size: 0.7em;
		color: var(--color_03);
	}

	.pageFooter {
		width: 100%;
		height: auto;
		background-color: var(--color_03);
	}

	.pageFooter_main {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}

	.pg_footer_logo_cont {
		width: 100% !important;
		float: left;
		height: auto;
		min-height: 80px !important;
		position: relative;
		color: whitesmoke;
		padding-top: 50px;
		text-align: center !important;
	}

	.pageFooter_logo {
		margin-top: 7px;
		cursor: pointer;
		height: 80px !important;
		margin-left: 10px;
	}

	.pg_footer_content_main {
		width: 100% !important;
		height: auto !important;
		color: var(--color_04);
		/*margin-left: auto;
		margin-right: auto;*/
		float: left;
		position: relative;
		color: whitesmoke;
		padding-top: 40px;
		text-align: center;
	}

	.pg_footer_content_cont {
		width: 100%;
		float: left;
		height: auto;
		color: whitesmoke;
		position: relative;
		padding-top: 40px;
	}

	.pg_footer_list_title {
		font-size: 1.1em;
		color: lightblue;
		line-height: 1.1em;
		margin-bottom: 20px;
	}

	.pg_footer_list_element {
		font-size: 1em;
		line-height: 1.5em;
	}
	.pg_footer_list_element a {
		color: whitesmoke;
		text-decoration: none;
		cursor: pointer;
	}

	.pg_footer_bottom {
		width: 100%;
		height: 100px;
		color: whitesmoke;
		text-align: center;
		position: relative;
		margin-top: 100px;
	}
	
	/* ### BASKET PAGE CSS ### */
	.basketPopUp_head {
		font-size: 1.8em !important;
		color: var(--color_04);
		line-height: 1.8em;
		padding-left: 30px;
		background-color: var(--color_03) !important;
	}

	.basket_popup_content {
		min-height: 290px !important;
		height: auto;
		/*width: auto !important;
		max-width: 800px !important;*/
		width: 980px;
	}
	.basket_popup_body {
		min-height: 130px !important;
		height: auto;
	}

	.basket_item_row {
		width: 100%;
		min-height: 60px;
		height: auto;
		border-bottom: 1px dotted grey;
		line-height: 60px;
		/*padding: 20px;*/
	}
	.basket_item_input_txt {
		width: 40px;
		height: 20px;
		text-align: center;
	}
	
	.basket_item_img_cont {
		width: 80px !important;
		height: 80px !important;
		text-align: center;
		display: flex; 
		justify-content: center;
		align-items: center;
	}

	.basket_item_img {
		width: 80px;
		height: 80px;
		margin-right: 10px;
		float: none !important;
		padding-bottom: 10px;
		
	}
	.basket_item_product_id {
		width: 90px;
		float: left;
	}
	.basket_item_product_name {
		width: 500px;
		max-width: 500px;
		min-width: 500px;
		min-height: 60px;
		height: auto;
		float: left;
		font-weight: bold;
	}
	.basket_item_product_price {
		width: 130px;
		float: left;
		left: 0px;
		position: relative;
		text-align: left;
	}
	.basket_item_product_sum_price {
		width: 160px;
		float: right;
		font-weight: bold;
		text-align: left;
		color: darkorange;
		font-size: 1.2em;
	}
	
	/*
	.basket_item_manage {
		width: 180px;
		float: right;
	}
	*/

	.basketPopup_btn_back_to_shopping {
		width: 300px;
		height: 50px;
		float: left;
		position: relative;
		background-color: var(--color_04);
		border: 1px dashed var(--color_02);
		color: orangered;
		text-align: center;
		line-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.basketPopup_btn_goto_basket {
		width: 300px;
		height: 50px;
		float: right;
		position: relative;
		background-color: orangered;
		border: 1px dashed var(--color_04);
		color: whitesmoke;
		text-align: center;
		line-height: 50px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.main_header_cont {
		width: 100%;
		height: 50px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 10px;
		box-sizing: border-box;
		position: fixed;
		background-color: white;
		padding-top: 0px;
		top: 120px;
		z-index: 600;
	}
	.mobile_top_250 {
		margin-top: 155px !important;
	}
	.basketPage_title {
		line-height: 1.rem;
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: 20px;
		width: auto;
		float: left;
		position: relative;
		color: orangered;
	}
	.basketPage_title_small {
		line-height: 50px;
		font-size: 1rem;
		font-weight: lighter;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 2px;
		margin-bottom: 20px;
		width: auto;
		float: left;
		position: relative;
		color: var(--color_02);
	}

	
	/* ### POPUP CSS ### */
	.popupContainer {
		width: 100%;
		height: 100%;
		z-index: 1000;
		position: fixed;
		top: 0px;
		left: 0px;
	}
	.popupFader {
		width: 100%;
		height: 100%;
		z-index: 1001;
		background-color: gray;
		opacity: 0.3;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.popupContent {
		width: 80%;
		max-width: 1600px;
		height: 80%;
		z-index: 1002;
		background-color: white;
		position: absolute;
		opacity: 1;
		margin: 0 auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: 1px solid grey;
		overflow: hidden;
	}
	.popupHead_old {
		width: 100% - 16px;
		height: 50px;
		background-color: orange;
		padding: 8px;
		border-bottom: 1px solid grey;
	}
	.popupHead {
		width: 100% - 16px;
		height: 60px;
		padding: 8px;
		background-color: #3f4751;
		color: whitesmoke;
		font-size: 1.5em;
		line-height: 60px;
		padding-left: 20px
	}
	.popupBody {
		width: 100% - 16px;
		height: 100%;
		background-color: white;
		padding: 8px;
		overflow: auto;
	}
	.popupFoot {
		width: 100% - 16px;
		height: 380px;
		line-height: 40px;
		text-align: center;
		/*background-color: grey;*/
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.basket_popup_body .basket_item_row {
		border-bottom: none !important;
	}

	.userLogin_popup {
		width: 800px;
		height: 450px;
	}
	.userRegistration_popup {
		width: 400px;
		height: 520px;
	}
	.userForgottenPwd_popup {
		width: 400px;
		height: 400px;
	}
	.userNameModify_popup {
		width: 400px;
		height: 290px;
	}
	.userPwdModify_popup {
		width: 400px;
		height: 350px;
	}

	.basketPopUp_head {
		font-size: 1.8em !important;
		color: var(--color_04);
		line-height: 1.8em;
		padding-left: 30px;
		background-color: var(--color_03) !important;
	}

	.basket_popup_content {
		min-height: 290px !important;
		height: auto;
		/*width: auto !important;
		max-width: 800px !important;*/
		width: 980px;
	}
	.basket_popup_body {
		min-height: 130px !important;
		height: auto;
	}

	.basket_item_row {
		width: 100%;
		min-height: 60px;
		height: auto;
		border-bottom: 1px dotted grey;
		line-height: 60px;
		/*padding: 20px;*/
		padding: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		position: relative;
	}
	
	.basket_item_input_txt {
		width: 40px;
		height: 20px;
		text-align: center;
	}

	.basket_item_img {
		width: 80px;
		height: 80px;
		margin-right: 10px;
		float: left;
		padding-bottom: 10px;
		object-fit: contain;
		margin-top: 20px;
		margin-left: 50px;
	}
	.basket_item_product_id {
		width: 220px;
		float: left;
	}
	.basket_item_product_name {
		width: 400;
		max-width: 400px;
		min-width: 400px;
		min-height: 60px;
		height: auto;
		float: left;
		font-weight: bold;
		margin-bottom: 0px;
		line-height: 1.3rem !important;
	}
	.basket_item_product_price {
		width: 150px;
		float: left;
		/*left: 20px;*/
		position: relative;
		text-align: left;
		font-size: 1em;
		left: 10px;
		margin-top: 0px !important;
	}
	.basket_item_product_sum_price {
		width: 130px;
		float: right;
		font-weight: bold;
		text-align: left;
		color: darkorange;
		font-size: 1.2em;
		left: 330px;
		top: -60px;
		position: relative;
		text-align: right;
		display: block;
	}

	.basket_item_manage {
		width: 390px;
		float: right;
		position: relative;
		top: 0px !important;
		margin-bottom: 20px;
		margin-right: 70px;
		line-height: 30px !important;
	}
	
	.basket_btn_decrease {
		height: 30px !important;
		width: 30px !important;
		float: left;
		position: relative;
		border: 1px solid var(--border_1);
		text-align: center;
		margin-right: 5px;
	}
	
	.basket_item_input_txt {
		width: 50px;
		height: 30px;
		float: left;
		position: relative;
		border: 1px solid var(--border_1);
		text-align: center;
		margin-right: 5px;
	}
	
	.basket_btn_increase {
		height: 30px !important;
		width: 30px !important;
		float: left;
		position: relative;
		border: 1px solid var(--border_1);
		text-align: center;
		margin-right: 80px;
	}
	
	.basket_item_delete {
		width: 30px !important;
		height: 30px !important;
		float: left;
		position: relative;
		border: 1px solid var(--border_1);
		text-align: center;
		margin-right: 5px;
	}
	
	.basket_technical_item_row {
		width: 100%;
		height: 55px;
		margin-bottom: 50px;
	}
	
	.basket_summary_cont {
		font-size: 1.2em !important; 
		font-weight: bold;
		color: darkorange; 
		float: right;
		margin-right: 40px;
	}

	.basketPopup_btn_back_to_shopping {
		/*width: 100%;*/
		height: 60px;
		float: left !important;
		position: relative;
		background-color: var(--color_04);
		border: 1px dashed var(--color_02);
		color: orangered;
		text-align: center;
		line-height: 60px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 0px;
		margin-bottom: 30px;
		padding-top: 0px;
	}

	.basketPopup_btn_goto_basket {
		/*width: 100%;*/
		height: 60px;
		float: right !important;
		position: relative;
		background-color: orangered;
		border: 1px dashed var(--color_04);
		color: whitesmoke;
		text-align: center;
		line-height: 60px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1em;
		font-weight: bold;
		cursor: pointer;
		margin-top: 0px;
		margin-bottom: 30px;
		padding-top: 0px;
	}
	
	/* ### ORDER DATA CSS ### */
	.od_data_group_title {
		box-sizing: border-box;
		padding: 10px;
		font-size: 1.5rem;
		margin-top: 10px;
		position: relative;
		display: inline-block;
	}
	.od_data_group_title i{
		font-size: 1.4em !important;
	}
	.od_data_group_title span{
		font-size: 0.7em !important;
	}
	
	.order_type_form_container {
		/*width: 100%;*/
		height: auto;
		background-color: #F2F2F2;
		padding: 14px;
		border: 1px dashed lightgrey;
	}

	.order_data_row {
		/*width: 100%;*/
		min-height: 45px;
		margin-top: 5px;
		line-height: 45px;
	}
	.margin_30 {
		margin: 30px !important;
	}
	
	.order_data_row_title {
		width: 200px;
		min-height: 40px;
		line-height: 40px;
		float: left;
		display: none;
	}
	.order_data_row_content {
		width: 100%;
		min-height: 40px;
		line-height: 40px;
		float: none !important;
		margin-bottom: 20px;
	}

	.w_zip_code {
		width: 100px !important;
	}

	.w_city_title {
		width: 100px !important;
		text-align: center;
	}
	.w_address {
		width: calc(100% - 500px) !important;
	}

	.w_street {
		width: 100% !important;
	}

	.order_data_street_number {
		width: 200px !important;
		float: left !important;
	}

	.order_data_street_number_input_fiel_div {
		width: 100% !important;
	}
	.order_data_tax_number_div {
		display: none;
	}

	.delivery_address_form_container {
		margin-top: 18px;
		/*width: 100%;*/
		height: auto;
		background-color: #F2F2F2;
		padding: 14px;
		border: 1px dashed lightgrey;
	}

	/* ### INPUT TYPES CSS ### */
	input[type='text'], input[type='password'] {
		height: 30px;
		width: 200px;
		border: 1px dashed var(--color_02);
		font-size: 1em;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	input[type='checkbox'] {
		height: 20px;
		width: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}
	
	input.w_200px {
		/*width: 400px !important;*/
		width: 100% !important;
		height: 60px;
		border: 1px dashed var(--color_02);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.w_400px {
		/*width: 400px !important;*/
		width: 100% !important;
		height: 60px;
		border: 1px dashed var(--color_02);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.w_600px {
		width: 600px !important;
		height: 60px;
		border: 1px dashed var(--color_02);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.w_800px {
		width: 100% !important;
		height: 60px;
		border: 1px dashed var(--color_02);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.usr_name {
		width: 750px;
		height: 60px;
		font-size: 1em;
		border-color: var(--color_03);
	}
	input.input_order_email_field {
		width: 100% !important;
		height: 60px;
		border: 1px dashed var(--color_02);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.input_order_name_field {
		width: 100% !important;
		height: 60px;
		border: 1px dashed var(--color_02);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input.zip_code_field {
		width: 200px !important;
		height: 60px;
		border: 1px dashed var(--color_02);
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	input[type='radio'] {
	  box-sizing: border-box;
	  appearance: none;
	  background: white;
	  outline: 1px solid var(--color_03);
	  border: 5px solid white;
	  width: 35px !important;
	  height: 35px !important;
	}

	input[type='radio']:checked {
	  background: var(--color_05);
		outline: 1px solid var(--color_05);
	}
	
	
	/* ### basket order summary ### */
	.basket_order_summary_content_title {
		width: 100%;
		min-height: 35px;
		line-height: 35px;
	}

	.basket_order_summary_content_container {
		width: 100%;
		min-height: 100px;
		position: relative;
		top: 100px;
	}

	.order_summary_container1 {
		width: auto !important;
		padding: 20px;
		float: none !important;
		min-height: 200px;
		border: 1px dashed lightgrey;
		margin: 5px;
		margin-bottom: 20px !important;
		background-color: #f7f7f7;
	}

	.os_cont_title {
		font-size: 1.1em;
		font-weight: bold;
		line-height: 1em;
		padding-bottom: 10px;
		color: var(--color_03);
		margin-bottom: 30px;
	}

	.os_cont_content {
		font-size: 1em;
		font-weight: normal;
		line-height: 1.8em;
	}
	.os_cont_content_title {
		float: left;
		width: 150px;
		position: relative;
		height: 30px;
	}
	.os_cont_content_name {
		width: 380px;
		float: left;
		position: relative;
		height: 30px;
		font-weight: normal !important;
		margin-bottom: 30px;
	}
	.os_cont_content_price {
		float: right;
		position: relative;
		height: 30px;
		width: 200px;
		text-align: right;
		padding-right: 50px;
		color: #ff4500;
	}

	.basket_order_summary_delivery_mode_container {
		width: 100%;
		/*padding: 10px;*/
		/*border: 1px dotted #fe4501;*/
		font-size: 1.2em;
		/*line-height: 1.5em;*/
		margin-top: 110px;
	}
	.os_delivery_mode_title {
		/*width: 200px;*/
		padding: 10px;
		float: left;
		font-weight: bold;
		line-height: 1.2em;
	}

	.os_delivery_mode_content {
		/*width: 400px;*/
		padding: 10px;
		float: left;
		font-weight: normal;
		line-height: 1.2em;
	}
	
	.courier_list_element {
		margin-bottom: 2rem;
	}

	.basket_order_summary_payment_mode_container {
		width: 100%;
		padding: 10px;
	}

	.basket_order_summary_prodList_container {
		width: 100%;
		min-height: 80px;
		margin-top: 30px;
		/*border-top: 1px dotted var(--color_02);*/
		padding-top: 10px;
	}
	.os_prodList_title {
		font-size: 1.5rem;
		padding-left: 10px;
		margin-bottom: 30px;
	}
	
	.os_sum_price_cont {
		line-height: 50px; 
		width: 100%; 
		text-align: center; 
		font-size: 1em; 
		color: var(--color_05); 
		padding-right: 20px;
		margin-top: 50px;
		margin-bottom: 50px;
		margin-right: 50px;
		box-sizing: border-box;
	}

	.basket_order_summary_accept_cont {
		width: 100%;
		height: 80px;
		margin-top: 15px;
		margin-bottom: 40px;
		text-align: center;
		line-height: 50px;
		font-size: 1em;
	}
	.os_accept_check {
		width: 30px;
		height: 30px;
	}
	.oc_accept_content {
		top: -10px;
		position: relative;
		margin-left: 10px;
	}

	.basket_order_summary_btns_cont {
		height: 50px !important;
		margin-bottom: 50px !important;
		margin-top: 20px;
		margin-right: 10px;
	}

	/* ORDER SENT Page */
	.orderSent_maniContent {
		width: 100%;
		text-align: center;
		padding: 20px;
	}
	.orderSent_mainCont_title {
		font-size: 1.7em;
		font-weight: bold;
		color: #f16622;
		padding: 20px;
	}
	.orderSent_mainCont_order_number {
		width: 380px;
		padding: 20px;
		font-size: 1.5em;
		border: 1px dashed var(--color_02);
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.orderSent_mainCont_content {
		width: 800px;
		padding: 20px;
		font-size: 1.2em;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.user_data_main {
		height: auto;
		min-height: 35px;
		border: 1px dashed var(--color_02);
		padding: 10px;
		margin-bottom: 20px;
	}
	.ud_le {
		height: 70px;
		padding: 10px;
		position: relative;
	}
	.ud_le_title {
		width: 80px;
		font-size: 1em;
		line-height: 1em;
		position: relative;
	}
	.ud_le_title i {
		font-size: 1.4em !important;
		margin-right: 10px;
	}
	.ud_le_content {
		width: 600px;
		font-size: 1em;
		line-height: 1em;
		color: var(--color_03);
		position: relative;
	}

	.ud_le_content i {
		font-size: 1.4em !important;
		margin-left: 30px;
		color: #f23526;
		cursor: pointer;
	}


	/* ##### ERROR MSG CSS ##### */
	.errormsg {
		z-index: 10;
		position: absolute;
		margin-top: -30px;
		background-color: lightcoral;
		color: whitesmoke;
		border: 1px dotted #770404;
		padding-left: 10px;
		padding-right: 10px;
		line-height: 60px;
		width: 100%;
		max-width: 950px;
		visibility: hidden;
	}
	
	.static_content_cont {
		text-align: justify;
		line-height: 1.7rem;
		margin-bottom: 50px;
		font-size: 1rem;
		padding: 2rem;
	}
}