@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,700&subset=latin-ext');

#interface {
	position: fixed;bottom: 0;right: 0;max-width:100vw; height: 90vh;z-index: 999;
	transition: all 1s;
	transform-origin: bottom right;
	-moz-animation: interfacecssAnimation 1s ease-in-out 0.5s forwards;
    -webkit-animation: interfacecssAnimation 1s ease-in-out 0.5s forwards;
    -o-animation: interfacecssAnimation 1s ease-in-out 0.5s forwards;
    animation: interfacecssAnimation 1s ease-in-out 0.5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	object-fit:contain;
	object-position: right bottom;
}

#interface img {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	object-fit:contain;
	object-position: right bottom;
}

@keyframes interfacecssAnimation {
	100% { height: 30vh; }
}
@-webkit-keyframes interfacecssAnimation {
	100% { height: 30vh; }
}

#interface:hover {
	position: fixed;bottom: 0;right: 0; max-width:100vw; width:auto; height: 30vh;z-index: 999;
	/* transform: scale(1.7); */
	transform-origin: bottom right;
	-moz-animation: interfacehovercssAnimation 1s ease-in-out 0s forwards;
    -webkit-animation: interfacehovercssAnimation 1s ease-in-out 0s forwards;
    -o-animation: interfacehovercssAnimation 1s ease-in-out 0s forwards;
    animation: interfacehovercssAnimation 1s ease-in-out 0s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	object-fit:contain;
	object-position: right bottom;
}

@keyframes interfacehovercssAnimation {
	100% { height: 50vh; }
}
@-webkit-keyframes interfacehovercssAnimation {
	100% { height: 50vh; }
}

@media (min-width: 768px) {
	#interface:hover {
		position: fixed;bottom: 0;right: 0; max-width:100vw; width:auto; height: 30vh;z-index: 999;
		/* transform: scale(1.7); */
		transform-origin: bottom right;
		-moz-animation: interfacehovercssAnimation768 1s ease-in-out 0s forwards;
		-webkit-animation: interfacehovercssAnimation768 1s ease-in-out 0s forwards;
		-o-animation: interfacehovercssAnimation768 1s ease-in-out 0s forwards;
		animation: interfacehovercssAnimation768 1s ease-in-out 0s forwards;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		object-fit:contain;
		object-position: right bottom;
	}
	
	@keyframes interfacehovercssAnimation768 {
		100% { height: 90vh; }
	}
	@-webkit-keyframes interfacehovercssAnimation768 {
		100% { height: 90vh; }
	}
}


/* SCROLLBAR */
	/* width */
	::-webkit-scrollbar {
		width: 8px;
  	}
  
	/* Track */
	::-webkit-scrollbar-track {
		background: #e8e8e8; 
	}
	
	/* Handle */
	::-webkit-scrollbar-thumb {
		background: #3e444a; 
	}
	
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #ffd54c; 
	}
/* SCROLLBAR */

/* CHOSEN */
.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
  }
  
  .chosen-container * {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
  }
  
  .chosen-container .chosen-drop {
	position: absolute;
	top: 100%;
	z-index: 1010;
	width: 100%;
	border: 1px solid #aaa;
	border-top: 0;
	background: #fff;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
			box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
	clip: rect(0, 0, 0, 0);
	-webkit-clip-path: inset(100% 100%);
			clip-path: inset(100% 100%);
  }
  
  .chosen-container.chosen-with-drop .chosen-drop {
	clip: auto;
	-webkit-clip-path: none;
			clip-path: none;
  }
  
  .chosen-container a {
	cursor: pointer;
  }
  
  .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
	margin-right: 4px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: normal;
	color: #999999;
  }
  
  .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
	content: ":";
	padding-left: 2px;
	vertical-align: top;
  }
  
  /* @end */
  /* @group Single Chosen */
  .chosen-container-single .chosen-single {
	position: relative;
	display: flex;
	overflow: hidden;
	padding: 0 0 0 8px;
	height: 42px;
	border: 1px solid #e8e8e8;
	background-color: #fff;
	background-clip: padding-box;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px;
  }
  
  .chosen-container-single .chosen-default {
	color: #999;
  }
  
  .chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin: auto 26px auto 0;
	text-overflow: ellipsis;
	white-space: nowrap;
  }
  
  .chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px;
  }
  
  .chosen-container-single .chosen-single abbr {
	position: absolute;
	top: 6px;
	right: 26px;
	display: block;
	width: 12px;
	height: 12px;
	background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
	font-size: 1px;
  }
  
  .chosen-container-single .chosen-single abbr:hover {
	background-position: -42px -10px;
  }
  
  .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px;
  }
  
  .chosen-container-single .chosen-single div {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	width: 18px;
	height: 100%;
  }
  
  .chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../images/chosen-sprite.png") no-repeat 0px 2px;
  }
  
  .chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap;
  }
  
  .chosen-container-single .chosen-search input[type="text"] {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #aaa;
	background: url("../images/chosen-sprite.png") no-repeat 100% -20px;
	font-size: 1em;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0;
  }
  
  .chosen-container-single .chosen-drop {
	margin-top: -1px;
	border-radius: 0 0 4px 4px;
	background-clip: padding-box;
  }
  
  .chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	-webkit-clip-path: inset(100% 100%);
			clip-path: inset(100% 100%);
  }
  
  /* @end */
  /* @group Results */
  .chosen-container .chosen-results {
	color: #444;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
	max-height: 240px;
	-webkit-overflow-scrolling: touch;
  }
  
  .chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 5px 6px;
	list-style: none;
	line-height: 15px;
	word-wrap: break-word;
	-webkit-touch-callout: none;
  }
  
  .chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer;
  }
  
  .chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default;
  }
  
  .chosen-container .chosen-results li.highlighted {
	background: #ffd54c;
	color: #3e444a;
  }
  
  .chosen-container .chosen-results li.no-results {
	color: #777;
	display: list-item;
	background: #f4f4f4;
  }
  
  .chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: bold;
	cursor: default;
  }
  
  .chosen-container .chosen-results li.group-option {
	padding-left: 15px;
  }
  
  .chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline;
  }
  
  /* @end */
  /* @group Multi Chosen */
  .chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 5px;
	width: 100%;
	height: auto;
	border: 1px solid #aaa;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
	background-image: linear-gradient(#eee 1%, #fff 15%);
	cursor: text;
  }
  
  .chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none;
  }
  
  .chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap;
  }
  
  .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	margin: 1px 0;
	padding: 0;
	height: 25px;
	outline: 0;
	border: 0 !important;
	background: transparent !important;
	-webkit-box-shadow: none;
			box-shadow: none;
	color: #999;
	font-size: 100%;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0;
	width: 25px;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 3px 5px 3px 0;
	padding: 3px 20px 3px 5px;
	border: 1px solid #aaa;
	max-width: 100%;
	border-radius: 3px;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-size: 100% 19px;
	background-repeat: repeat-x;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
			box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	color: #333;
	line-height: 13px;
	cursor: default;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice span {
	word-wrap: break-word;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 12px;
	height: 12px;
	background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
	font-size: 1px;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	background-position: -42px -10px;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	color: #666;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4;
  }
  
  .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
	background-position: -42px -10px;
  }
  
  .chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0;
  }
  
  .chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default;
  }
  
  /* @end */
  /* @group Active  */
  .chosen-container-active .chosen-single {
	border: 1px solid #5897fb;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  
  .chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #aaa;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
	background-image: linear-gradient(#eee 20%, #fff 80%);
	-webkit-box-shadow: 0 1px 0 #fff inset;
			box-shadow: 0 1px 0 #fff inset;
  }
  
  .chosen-container-active.chosen-with-drop .chosen-single div {
	border-left: none;
	background: transparent;
  }
  
  .chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 2px;
  }
  
  .chosen-container-active .chosen-choices {
	border: 1px solid #5897fb;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  
  .chosen-container-active .chosen-choices li.search-field input[type="text"] {
	color: #222 !important;
  }
  
  /* @end */
  /* @group Disabled Support */
  .chosen-disabled {
	opacity: 0.5 !important;
	cursor: default;
  }
  
  .chosen-disabled .chosen-single {
	cursor: default;
  }
  
  .chosen-disabled .chosen-choices .search-choice .search-choice-close {
	cursor: default;
  }
  
  /* @end */
  /* @group Right to Left */
  .chosen-rtl {
	text-align: right;
  }
  
  .chosen-rtl .chosen-single {
	overflow: visible;
	padding: 0 8px 0 0;
  }
  
  .chosen-rtl .chosen-single span {
	margin-right: 0;
	margin-left: 26px;
	direction: rtl;
  }
  
  .chosen-rtl .chosen-single-with-deselect span {
	margin-left: 38px;
  }
  
  .chosen-rtl .chosen-single div {
	right: auto;
	left: 3px;
  }
  
  .chosen-rtl .chosen-single abbr {
	right: auto;
	left: 26px;
  }
  
  .chosen-rtl .chosen-choices li {
	float: right;
  }
  
  .chosen-rtl .chosen-choices li.search-field input[type="text"] {
	direction: rtl;
  }
  
  .chosen-rtl .chosen-choices li.search-choice {
	margin: 3px 5px 3px 0;
	padding: 3px 5px 3px 19px;
  }
  
  .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
	right: auto;
	left: 4px;
  }
  
  .chosen-rtl.chosen-container-single .chosen-results {
	margin: 0 0 4px 4px;
	padding: 0 4px 0 0;
  }
  
  .chosen-rtl .chosen-results li.group-option {
	padding-right: 15px;
	padding-left: 0;
  }
  
  .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
	border-right: none;
  }
  
  .chosen-rtl .chosen-search input[type="text"] {
	padding: 4px 5px 4px 20px;
	background: url("../images/chosen-sprite.png") no-repeat -30px -20px;
	direction: rtl;
  }
  
  .chosen-rtl.chosen-container-single .chosen-single div b {
	background-position: 6px 2px;
  }
  
  .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
	background-position: -12px 2px;
  }
  
  /* @end */
  /* @group Retina compatibility */
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.chosen-rtl .chosen-search input[type="text"],
	.chosen-container-single .chosen-single abbr,
	.chosen-container-single .chosen-single div b,
	.chosen-container-single .chosen-search input[type="text"],
	.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
	.chosen-container .chosen-results-scroll-down span,
	.chosen-container .chosen-results-scroll-up span {
	  background-image: url("../images/chosen-sprite@2x.png") !important;
	  background-size: 52px 37px !important;
	  background-repeat: no-repeat !important;
	}
  }
/* CHOSEN */

html * {
	font-weight: 300 !important;
	font-family: "Oswald", sans-serif;
	text-transform: initial;
}

.float-right {
    float: right!important;
}

.bg-f0 {
    background-color: #16245b10;
	border-radius: 8px;
}

#lista {
	color: #333;
}

.shop_title {
    color: #fff;
}

.select_option {
	width: 100%;
}

/* BODY */
body {
	background: #151d3d;
	color: #fff;
}

select { width: 100%; }

/* HEADER */
.logo {
	margin-bottom: 0;
}

.search-container, .header_bottom {
	display: none;
}

.header_top, .header_middle {
    background: none;
}

.follow_us ul li a, .top_right > ul > li > a {
	color: #fff;
}

.header_middle .col-lg-9.col-md-9 {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
}

.header_middle .col-lg-3.col-md-3 {
	margin-bottom: auto;
    margin-top: 9px;
}

.search_box {
	background: none;
	border-radius: unset;
}

.search_box input {
	background: #fff;
	width: calc(100% - 64px);
	height: 48px;
	padding: 8px;
	border-radius: 8px;
}

.Offcanvas_menu_wrapper .search_box input {
	width: calc(100% - 32px);
}

.Offcanvas_menu_wrapper .search_box button {
	width: 24px;
	padding: 0;
}

.offcanvas_main_menu li span.menu-expand {
	color: #aaa;
}

.canvas_close a {
	background: #151d3d;
    color: #fff !important;
	border: none;
}

.search_box button {
	width: 48px;
	border-radius: 50%;
	padding: 4px;
	text-align: center;
}

.search_box button {
	background: #0177e8;
}

.search_box button:hover {
	background: #ffcb15;
	color: #151d3d;
}

.middel_right {
	margin-top: 15px;
}

.middel_ertekesito_info {
    text-align: center;
    margin-right: 15px;
}

.middel_ertekesito_info > p span {
    display: inline-block;
}

.middel_ertekesito_info > p span:first-child {
    margin-right: 15px;
}

.middel_ertekesito_info > p > span > a {
    margin-right: 15px;
    color: #fff;
	display: inline-block;
}

.middel_ertekesito_info > p > span > a > svg {
    margin-right: 4px;
}

.middel_ertekesito_info > p > span > a:last-child {
    margin-right: 0;
}

.lnr {
    font-family: 'Linearicons-Free' !important;
}

.mini_cart_wrapper span.cart_quantity {
    background: #ffcb15;
	color: #333;
}

.mini_cart_wrapper:hover > a {
    color: #ffcb15;
}

.header_bottom {
    margin-bottom: 20px;
    background: none;
	color: #151d3d;
    box-shadow: none;
}

.sticky-header.sticky {
	box-shadow: 0 0 2px rgb(0 0 0 / 25%);
	color: #333333;
}

.main_menu.header_position > nav > ul li svg {
	margin-left: 4px;
}

.main_menu nav > ul > li:first-child > a {
	padding-left: 20px;
}

.main_menu nav > ul > li:hover > a {
	color: #fff;
}

.main_menu nav > ul > li {
    background: #16245b;
    margin: 0 8px 15px 8px;
    border-radius: 8px;
    color: #757a9f;
	transition: .5s;
}

.sticky-header.sticky .main_menu nav > ul > li {
	margin: 0 8px 0 8px;
}

.main_menu nav > ul > li:hover {
    background: #0177e8;
}

.main_menu nav > ul > li > a {
	padding: 8px 15px;
}

.sticky-header.sticky .main_menu nav > ul > li {
	background: none;
	color: #151d3d;
	border-radius: 0;
}

.sticky-header.sticky .main_menu nav > ul > li:hover {
	background: #151d3d;
}

.sticky-header.sticky .main_menu nav > ul > li:hover > a {
	color: #fff;
}

.main_menu nav > ul > li ul.sub_menu li a {
	font-weight: 500 !important;
	color: #16245b;
}

.main_menu nav > ul > li ul.sub_menu {
	left: 50%;
    transform: scale(0) translateX(-50%) !important;
	top: 130%;
	border-radius: 8px;
	transition: .75s;
}

.main_menu nav > ul > li:hover ul.sub_menu {
	transform: scale(1) translateX(-50%) !important;
}

.main_menu nav > ul > li .mega_menu {
    transform: scale(0);
	transition: .5s;
}

.main_menu nav > ul > li:hover .mega_menu {
    transform: scale(1);
}

.main_menu nav > ul > li .mega_menu {
	top: 130%;
	border-radius: 8px;
	transition: .75s;
	color: #151d3d;
}

.mega_menu_inner > li ul li a {
	text-transform: none;
}

.Offcanvas_menu_wrapper ul li a, .canvas_close a {
	color: #151d3d;
	text-transform: initial;
}

.Offcanvas_menu_wrapper ul li i {
	color: #888;
}

.Offcanvas_menu_wrapper .search_box button {
	background: none;
	color: #333;
}

.canvas_open {
	border: none;
	color: #151d3d;
	background: rgb(255 255 255 / 75%);
	border-radius: 8px;
	box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}

.Offcanvas_menu_wrapper {
	background: #ffffffe0;
}

.Offcanvas_menu_wrapper .search_box {
	border: none;
}

.Offcanvas_menu_wrapper .search_box input {
    padding: 0 15px 0 15px;
}

.offcanvas_main_menu li a {
	border-bottom: 1px solid #151d3d80;
}

.offcanvas_main_menu li a:hover {
    color: #151d3d;
	font-weight: 500 !important;
}

li.input-group.date {
    margin-bottom: 15px;
}

#filter_datum .input-group-addon {
    padding: 6px 6px 6px 8px;
    background: #3e444a;
    color: #fff !important;
}

#filter_datum .input-group-addon i {
    color: #fff !important;
}

.date input {
    position: relative !important;
    opacity: 1 !important;
    top: unset !important;
    transform: none !important;
}

#datepickerdiv {
	position: relative;
}

/* HOME */
.active .slider_content h1, .active .slider_content h2, .active .slider_content a, .active .slider_content p, .active .slider_content img {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.slider_area, .sidebar_banner {
	border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}

.slider_content h2::before {
	background: #fff;
}

.slider_content h2, .slider_content h1, .slider_content p {
	text-shadow: 0 0 8px rgb(0 0 0 / 50%);
}

.sliderimg {
	display: none !important;
	width: 80% !important;
	margin: 0;
}

.single_slider {
	background-position: right center !important;
	background-size: cover;
	height: 256px;
}

/*
.sidebar_banner {
	height: 100vw;
	overflow: hidden;
}
*/

.sidebar_banner .banner_text {
	top: 20px;
	left: 15px;
	width: calc(100% - 30px);
	height: calc(100% - 40px);
	display: flex;
	flex-direction: column;
}

.sidebar_banner .banner_thumb > a > img {
	width: 100%;
}

/* Alapbeállítások a dobozokra az oldalsávban */
.slider_section .col-lg-3 .single_shipping {
	width: 100%;
	float: none;
	border-left: none; /* Eredeti stílus felülírása */

	/* Flexbox használata a tökéletes középre igazításhoz */
	display: flex;
	flex-direction: column; /* Elemek egymás alá rendezése */
	align-items: center;   /* Vízszintes középre igazítás */

	padding: 1.5rem 0; /* Térköz a dobozon belül, a vonal körül */
	margin: 0; /* Eltávolítjuk a felesleges külső margót */
	border-top: 1px solid rgba(255, 255, 255, 0.2); /* Halvány, sötét elválasztó vonal */
}

/* Az első dobozról eltávolítjuk a felesleges felső vonalat és a térközt */
.slider_section .col-lg-3 .single_shipping:first-child {
	border-top: none;
	padding-top: 0;
}

/* Az utolsó dobozról eltávolítjuk a felesleges alsó térközt */
.slider_section .col-lg-3 .single_shipping:last-child {
	padding-bottom: 0;
}

/* Ikon beállításai */
.slider_section .col-lg-3 .shipping_icone {
	margin-right: 0; /* Eltávolítjuk a felesleges jobb oldali margót */
	margin-bottom: 0.75rem; /* Térköz az ikon és a szöveg között */
}

/* Szöveg beállításai */
.slider_section .col-lg-3 .shipping_content {
	text-align: center; /* A szöveg is legyen középre igazítva */
}

.slider_content h1 {
   /* JAVÍTÁS: Asztali nézet stílusai */
   font-size: 2.5em;
   line-height: 1.5 !important;
   font-weight: 700;
   font-family: "Lato", sans-serif;
   max-width: none; /* Felülírja a korábbi korlátozást */
   color: #fff; /* Szín beállítása */
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .slider_content h1 {
     font-size: 2em; /* Igazítás tabletre */
     line-height: 1.4 !important;
   }
   
 }
 @media only screen and (max-width: 767px) {
   .slider_content h1 {
     /* JAVÍTÁS: Mobil nézet stílusai */
     font-size: 1.5em;
     line-height: 1.4 !important;
     margin-bottom: 18px;
   }

 }
 .slider_content h2 {
   /* JAVÍTÁS: Alcím stílusai */
   margin-bottom: 2px;
   font-family: "Lato", sans-serif;
   font-weight: 400;
   font-size: 2em;
   line-height: 1.5 !important;
   display: inline-block;
   position: relative;
   color: #fff;
 }

.banner_text h2, .banner_text h3,.banner_text h4 {
	text-transform: none;
	text-shadow: 0 0 16px rgb(0 0 0 / 40%);
}

.banner_text a {
	box-shadow: 0 0 16px rgb(0 0 0 / 40%);
	font-size: 14px;
	line-height: 40px;
	padding: 0 20px;
	color: #333;
	width: 80px;
	margin-top: auto;
}

.sidebar_banner .banner_text h4 {
	font-size: 8vw;
	line-height: 10vw;
	margin-bottom: 8px;
}

.sidebar_banner .banner_text h3 {
	font-size: 8vw;
	line-height: 10vw;
	margin-bottom: 8px;
}

.sidebar_banner .banner_text h2 {
	font-size: 12vw;
	line-height: 15vw;
	margin-bottom: 15px;
}

.shipping_content h2 {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-weight: 500 !important;
	color: #ffcb15;
}

.shipping_inner {
	background: #16245b;
    border-radius: 8px;
	border: unset;
	padding: 8px 15px;
	box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}

.single_shipping {
	flex-wrap: wrap;
    justify-content: center;
    padding: 15px 15px;
	border-bottom: 1px solid #fff;
}

.single_shipping.column2 {
	width: 100%;
}

.single_shipping.column2 h2 a {
	display: block;
}

.single_shipping:first-child {
	border-bottom: 1px solid #fff;
}

.single_shipping:last-child {
	border-bottom: none;
}

.shipping_icone {
    display: none;
}

.shipping_content {
	text-align: center;
}

.product_carousel.owl-carousel .owl-stage {
	display: flex;
}

.product_carousel.owl-carousel .single_product {
	height: calc(100% - 2px);
	padding: 8px 12px;
	display: flex;
	flex-direction: column;
	border: none;
    background: rgb(255 255 255 / 100%);
    border-radius: 8px;
    color: #151d3d;
}

.product_name h3 {
	font-size: 14px;
}
.shop_wrapper .product_name h3 {
	font-size: 21px;
}

.product_name h3 a {
	font-weight: 500 !important;
    text-transform: uppercase;
	line-height: 18px;
}

.shop_wrapper .product_name h3 a {
	line-height: 27px;
}

.product_carousel.owl-carousel .single_product > div {
	display: inline-flex;
	flex-direction: column;
}

.product_carousel.owl-carousel .single_product > div:first-child {
	margin-bottom: auto;
}

.price_box span.regular_price {
	font-weight: 600 !important;
	color: rgb(216, 0, 0);
}

.product_footer .view_more {
	color: #333;
	text-transform: uppercase;
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	float: right;
	position: relative;
	padding-right: 18px;
}

.product_footer .view_more::before {
		position: absolute;
		content: "\f362";
		font-family: "Ionicons";
		font-size: 16px;
		font-weight: 400;
		margin-left: 4px;
		display: inline-block;
		line-height: inherit;
		vertical-align: top;
		color: #ffd54c;
		right: 0;
}

.section_title h2 span {
	background: #151d3d;
}

a.headerbutton {
	position: relative;
	background: #16245b;
}

a.headerbutton:hover i {
	color: #ffcb15;
}

.featured_carousel {
	border-radius: 8px;
}

.featured_categories .section_title h2 span {
	color: #fff;
	background: #16245b;
}

.featured_categories {
	background: #16245b;
}

.featured_content h3, .sub_featured ul li a {
	color: #333;
}

.brand_container {
	background: #fff;
	border: none;
	border-radius: 8px;
	padding: 15px 0;
	box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}

.brand_container .single_brand img {
	width: auto;
	height: 48px;
}

.call_to_action {
	color: #333;
	background: #ffcb15;
	padding: 15px 0;
	margin-top: 3rem;
}

.call_text h3 {
	font-family: "Oswald", sans-serif;
	text-transform: none;
}

.call_text h3 span {
    font-weight: 500 !important;
}

.discover_now {
    margin-bottom: 15px;
}

.discover_now a {
    font-size: 18px;
}

/* ÉRTÉKESÍTŐ */
.ertekesitok {
	width: 120px;
	text-align: center;
	margin-bottom: 15px;
}
  
.ertekesito img {
	width:100%;
}
  
.ertekesito a {
	position: absolute;
	font-weight: 700;
	display: block;
	width: 100%;
	background: #2f3234;
	color: #fff;
	padding: 4px;
	bottom: 0px;
	border-radius: 8px;
}
  
.ertekesito a:hover {
	color: #ffcb15;
}

.footer_logo img {
	max-width: 80%;
}
  
.footer_contact a.googlemaps{
	font-size: 85%;
	font-weight: 700;
}
  
.footer_contact p {
	margin-bottom: unset;
}
  
.footer_contact p span {
	margin-top: 15px;
	color: #ffcb15;
	font-weight: 500 !important;
}

.footer_contact p:first-child span {
	margin-top: 0;
}

/* PRODUCTS LIST */
#filterbutton, #savepricelist {
    position: absolute;
	float: right;
    right: 12px;
    z-index: 98;
    line-height: 50px;
    cursor: pointer;
	width: 45px;
	height: 45px;
	padding: 0;
	border-radius: 50%;
	border: 2px solid #fff;
	background: #ffd54c none repeat scroll 0 0;
	text-align:center;
}

#savepricelist {
	right: 70px;
}

#filterbutton.fixed, #savepricelist.fixed {
    position: fixed;
    top: 15px;
}

#filterbutton svg, #savepricelist svg {
	width: 1.6em;
	height: 1.6em;
}

#filterbutton i, #savepricelist i {
	font-size: 24px;
}

.product_content.grid_content.add_to_cart a {
    width: 100%;
    text-align: right;
    margin-top: -36px;
}

.product_content.grid_content.add_to_cart button, .product_content.list_content .cart_links_btn button {
    background: none;
    border: none;
}

.product_content.grid_content.add_to_cart a .lnr {
    padding: 6px;
    background: #ffd54c;
    border-radius: 50%;
}

.product_content.grid_content.add_to_cart a:hover .lnr {
    color: #fff;
    background: #3e444a;
}

.single_product li.stock.szerelo {
    float: right;
}

#icon-filter {
    width: 44px;
    z-index: 9999;
    transform-origin: 50%;
    transition: all .5s;
}

.widget_list > li input {
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translatey(-50%);
    opacity: 0;
    cursor: pointer;
    z-index: 999;
}

.widget_list > li > a {
    font-size: 14px;
    display: block;
    line-height: 27px;
    margin-left: 30px;
}

.widget_list > li span.checkmark {
    height: 17px;
    width: 17px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    background: #f4f4f4;
    -webkit-transition: 0.3s;
    transition: 0.3s;
	margin-top: -4px;
}

.widget_list > li input:checked ~ .checkmark::before {
    display: block;
}

.widget_list > li span.checkmark::before {
    left: 5px;
    top: 3px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none;
}

.widget_list > li input:checked ~ .checkmark {
    background-color: #0177e8;
    border: 1px solid #0177e8;
}

#filterpanel #menu button, .submit_button {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    color: #ffffff;
    background: #0177e8;
    border: 0;
    border-radius: 30px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 15px auto 0 auto !important;
    display: block;
}

#filterpanel #menu button:hover, .submit_button:hover {
	background: #ffd54c;
	color: #333;
}

#filterpanel a.clearfilter {
	color: #151d3d;
    margin: auto;
    display: block;
    text-align: center;
    font-size: 75%;
    margin-top: 8px;
}

.offcanvas_main_menu .selected {
    text-transform: none;
    font-size: 80%;
    font-weight: 300;
    margin-right: 20px;
	float: right;
}

.shop_title h1 {
	text-transform: none;
}

.shop_toolbar_wrapper, .shop_toolbar {
	border: none;
	border-radius: 8px;
	background: #16245b;
	color: #fff;
}

.shop_toolbar_btn > button.btn-grid-3.active {
    background: url(../images/icon/bkg_grid_hover.svg) no-repeat scroll center center !important;
}

.shop_toolbar_btn > button.btn-grid-3 {
    background: url(../images/icon/bkg_grid.svg) no-repeat scroll center center;
}

.shop_toolbar_btn > button.btn-grid-4 {
    background: url(../images/icon/bkg_grid4.svg) no-repeat scroll center center;
}

.shop_toolbar_btn > button.btn-grid-4.active {
    background: url(../images/icon/bkg_grid4_hover.svg) no-repeat scroll center center !important;
}

.shop_toolbar_btn > button.btn-list {
	background: url(../images/icon/bkg_list.svg) no-repeat scroll center center;
}

.shop_toolbar_btn > button.btn-list.active {
	background: url(../images/icon/bkg_list_hover.svg) no-repeat scroll center center !important;
}

.single_product {
	border: none;
	background: rgb(255 255 255 / 100%);
	border-radius: 8px;
	color: #151d3d;
	padding: 15px;
}

strong, strong * {
	font-weight: 500 !important;
}

.product_content.grid_content .product_desc {
    width: 100%;
	margin-bottom: 0;
	margin-right: 8px;
}

.product_content.grid_content .text_available {
    width: 75%;
    margin-bottom: 0;
	margin-left: 8px;
}

.grid_4 .product_content.grid_content .product_footer {
    flex-wrap: wrap;
}

.grid_4 .product_content.grid_content .text_available {
	width: 100%;
	border-top: 1px solid rgb(0 0 0 / 30%);
	margin-top: 8px;
}

.grid_4 .product_content.grid_content .product_desc, .grid_4 .product_content.grid_content .text_available {
	margin-right: 0;
	margin-left: 0;
}

.grid_list .product_content.list_content {
    align-items: flex-start;
}

.grid_list .product_thumb {
    margin-bottom: 0;
    min-width: 20%;
	text-align: center;
}

.grid_list .product_content.list_content .product_name h3 {
    margin: 0 20px 0 0;
}

.product_content.list_content li.price, .product_content.list_content li.stock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.left_caption {
	margin-bottom: 8px;
}

.right_caption {
    border-top: 1px solid #ddd;
    padding-top: 8px;
}

/*
.product_content.grid_content .product_desc > ul > li.price {
    margin-top: 8px;
}

.product_content.grid_content .product_desc > ul > li.price > span:first-child, .product_content.grid_content .product_desc > ul > li.price > span:nth-child(2) > span,
.product_content.grid_content .text_available > ul > li.stock > span:first-child, .product_content.grid_content .text_available > ul > li.stock > span:nth-child(2) > span {
	font-size: 90%;
}

li.stock span:last-child {
    font-size: 120%;
}
*/

.product_footer li.stock, .product_footer li.price {
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
    margin-top: 8px;
}

.product_desc > ul > li.price span, .text_available > ul > li.stock > span {
	margin-top: auto;
	line-height: 125%;
	font-size: 13px;
}

.text_available strong, .product_desc strong, .product_name strong {
	font-size: 16px;
	margin-left: 2px;
}

.pagination {
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination li {
    display: inline-flex;
    font-weight: 300;
    margin: 8px 8px 8px 0;
    text-align: center;
}

.pagination li > a, .pagination li > span {
    background-color: #fff;
    color: #151d3d;
    border-radius: 4px;
    line-height: 30px;
    padding: 0 12px;
    text-decoration: none;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #ffcb15;
    color: #151d3d;
}

.label_div {
	position: absolute;
	bottom: -40px;
}

.label_product {
    position: relative;
	display: inline-block;
	margin: 8px 8px 0 0;
    top: initial;
    left: initial;
    height: 30px;
    padding: 6px;
    line-height: 110%;
    background: #ffd54c;
    border-radius: 5px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

.label_product span {
    transform: none;
    -webkit-transform-origin-x: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

/*
.shop_toolbar.t_bottom {
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
*/

/* TERMÉK ADATLAP */
#img-1 {
    border: none;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 16px rgb(0 0 0 / 10%);
	overflow: hidden;
}

#img-1 img {
    width: 100%;
}

.product_d_right h1 {
    line-height: 40px;
    font-size: 27px;
    font-weight: 500 !important;
	margin-bottom: 0;
    text-transform: uppercase;
}

.product_meta span a {
    color: #fff;
}

.product_d_right .price_box {
	background: #16245b;
	border-radius: 8px;
	padding: 15px;
}

.price_box li.price {
    display: flex;
    justify-content: space-between;
    font-size: 120%;
}

.product_d_right .price_box li.price span:first-child {
    margin-right: auto;
}
.product_d_right .price_box li.price span {
    padding: 0;
    margin: 0;
}

.price_box li.price .bruttonetto {
    font-size: 80%;
}
.bruttonetto {
    font-weight: 200 !important;
}

.product_d_right .price_box.price {
    background: #ffcb15;
    color: #333;
}

.price_box .current_price {
    color: #fff;
	background: #d00000;
	border-radius: 4px;
    padding: 4px;
    margin: 0 -6px;
    font-weight: 600;
    font-size: 18px;
}

.product_d_right form div.price_box:first-child {
	background: #ffcb15;
	color: #333;
}

.product_d_right .product_desc, .product-details-tab .product_desc {
    margin-bottom: 19px;
    padding-bottom: 24px;
    border-bottom: none;
    background: #16245b;
    border-radius: 8px;
    padding: 15px;
}

.product_d_right .product_desc li:nth-child(even) span, .product-details-tab .product_desc li:nth-child(even) span {
	background: #ffffff80;
}

.product_d_inner {
	color: #333;
	border-radius: 8px;
}

.product_d_info {
	background: #16245b;
}

.product_info_button ul li a {
    text-transform: none;
	font-weight: 600 !important;
}

.product_d_info .product_desc li:nth-child(even) {
    background: #eee;
}

.product_d_right .product_desc li, .product-details-tab .product_desc li, .product_d_info .product_desc li {
    display: flex;
    justify-content: space-between;
}

.product_d_right .product_desc li span, .product-details-tab .product_desc li span, .product_d_info .product_desc li span {
    padding: 2px 4px;
}

.reviews_wrapper .product_desc h5 {
	margin: 0;
}

.reviews_wrapper .product_desc h5 strong {
	font-size: 14px;
}

.bg-3e444a {
	color:#fff;
	background:#0177e8;
}

.product_d_right .product_desc h3, .product_d_right .price_box h3, .product_d_info .product_desc h3 {
    font-weight: 500 !important;
    text-transform: none;
    font-size: 18px;
    margin-bottom: 8px;
}

.single-zoom-thumb {
    width: 100%;
    background: #fff;
    padding: 8px 0;
    border-radius: 8px;
}

.single-zoom-thumb ul li {
    border: none;
}

.price_box li.stock {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}

.price_box li.stock svg {
    height: 14px;
    margin-right: 8px;
    vertical-align: initial;
}

.price_box li.stock span:last-child {
    font-size: 120%;
}

#documents .product_desc ul li:hover span a {
	font-weight: 700 !important;
	transition: all .5s;
}

.product_variant.quantity, .product_variant.lowquantity {
    padding: 15px;
    border-radius: 8px;
}

.product_variant.quantity {
    background: #ffcb15;
}

.product_variant.quantity.orderunit {
    background: #ffffff;
	padding: 8px;
}

.product_variant.quantity.orderunit input {
    background: #eee;
}

.product_variant.quantity.orderunit label {
    max-width: 30%;
}

.product_variant.lowquantity {
    background: #ffffffd0;
}

.product_variant.quantity label, .product_variant.lowquantity label {
	color: #333;
	width: 100%;
}

.product_variant.quantity button, .product_variant.lowquantity button{
    background: #333;
	width: 100%;
}

.product_variant.quantity button:hover, .product_variant.lowquantity button:hover {
    background: #0177e8;
}

.product_variant.quantity input, .product_variant.lowquantity input {
    border: none;
    background: #fff;
}

.product_variant.lowquantity {
	display: flex;
    align-items: center;
}

.product_variant.lowquantity button {
    border: 0;
    font-size: 16px;
    margin-left: 20px;
    height: 42px;
    line-height: 42px;
    text-transform: capitalize;
    min-width: inherit;
}

.product_variant.lowquantity input, .product_variant.quantity input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border-radius: 5px;
    margin-left: 15px;
}

/* MESSAGE */
#message {
	border-radius: 8px;
	color: #fff;
	font-weight: 700 !important;
	width: auto;
	max-width: 25%;
	background: linear-gradient(-45deg, #e20000, #8b0000);
	padding: 1rem; box-shadow: 0 0 8px rgba(0,0,0,.5);
	position: fixed;
	right: 2rem;
	top: 88px;
	z-index: 9999;
	overflow: hidden;
}

#message:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(-90deg,rgba(255,255,255,.2), rgba(255,255,255,.3));
	transform: skewY(-7deg) scale(1.1) translate(-50%, -50%);
	top: 100%;
	left: 50%;
	z-index: -1;
	filter: blur(1px);
}

#message {
    -moz-animation: cssAnimation .7s ease-in 5s forwards;
    -webkit-animation: cssAnimation .7s ease-in 5s forwards;
    -o-animation: cssAnimation .7s ease-in 5s forwards;
    animation: cssAnimation .7s ease-in 5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    0% { opacity: 1; overflow:hidden; }
	50% { top: 0px; opacity: .5; overflow:hidden; }
	100% { top:-88px; opacity: 0; overflow:hidden; }
}
@-webkit-keyframes cssAnimation {
    0% { opacity: 1; overflow:hidden; }
	50% { top: 0px; opacity: .5; overflow:hidden; }
	100% { top:-88px; opacity: 0; overflow:hidden; }
}
@media (max-width: 576px) {
	#message { max-width: 75%; }
}

.warning {
	color: #d80000 !important;
	font-weight: 400  !important;
}
/* MESSAGE */

/* SMS ÜZENET KÜLDÉS */

#contacts fieldset > div:not(.buttons) {
	background: #ffffff;
	color: #333;
	border-radius: 8px;
	max-height: 512px;
	overflow:auto;
}

#contacts h4 {
    color: #16245b;
    padding: 8px;
    background: #ffcb15;
    border-radius: 8px;
    font-weight: 700 !important;
    text-transform: uppercase;
}

#contacts .product_needs {
	border-bottom: 1px solid #ddd;
}

#contacts > fieldset h4 > span {
    float: right;
}

#smsmessage textarea {
    width: 100%;
    border-radius: 8px;
}

#smsmessage button, #contacts fieldset > div.buttons button {
	color: #fff;
	background: #0177e8;
	border-radius: 8px;
	border: none;
	margin: 0 8px;
	line-height: initial;
	padding: 0 8px;
}

#smsmessage button:hover, #contacts fieldset > div.buttons button:hover {
	color: #333;
	background: #ffcb15;
}

.result_inner {
	max-height: 360px;
	overflow:auto;
	background: #fff;
	color: #333;
    border-radius: 8px;
    border: unset;
    padding: 8px 15px;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}

.filter_inner label {
	height: 32px;
	font-weight: 700 !important;
	color: #333;
}

.filter_inner .chosen-container {
	height: calc(100% - 32px);
}

.filter_inner .chosen-container .chosen-choices {
	height: 100%;
	border: none;
}

.chosen-container-multi .chosen-choices {
	border-radius: 4px;
	background-image: none;
}

.chosen-container.chosen-with-drop .chosen-drop {
	top: calc(100% + 15px);
    border-radius: 4px;
    overflow: hidden;
    border: none;
    box-shadow: 0 0 16px rgb(0 0 0 / 50%);
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: none;
    max-width: 100%;
    border-radius: 3px;
    background-color: #333;
    background-image: none;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
    color: #fff;
    line-height: 13px;
    cursor: default;
}

.filter_inner {
	background: #ffcb15;
    border-radius: 8px;
	border: unset;
	padding: 8px 15px;
	box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}

.filter_inner select {
	width: 100%;
}

.filter_inner input {
	border: none;
	height: 42px;
}

.filter_inner button {
	background: #333;
}

.szumma_inner {
	background: #16245b;
    padding: 8px 15px;
    border-radius: 8px;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
    font-size: 18px;
    line-height: 175%;
}

.result_inner .row {
    padding: 4px 0;
	font-size: 14px;
}

.result_inner .row:nth-child(even) {
    background: #eee;
}

.chart-container {
	background: #fff;
	border-radius: 8px;
	padding: 15px;
	display: none;
}

section.statisztika .section_title h2 {
	line-height: 150%;
}

section.statisztika .section_title h2::before {
	height: 0;
}

section.statisztika .owl-nav {
    position: absolute;
    /* top: 50%; */
	top: 5vh;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

section.statisztika .owl-carousel .owl-nav div {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0177e8;
    color: #fff;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    margin: 8px;
    transition: all .3s;
}

/*
.owl-carousel .owl-nav div:hover {
    background: #ffcb15;
    color: #333;
    transform: scale(1.2);
}
*/

.product_carousel .owl-nav > div:hover {
    color: #0177e8;
}

.owl-carousel .owl-nav div .svg-inline--fa {
    width: 100%;
    height: auto;
    max-height: 16px;
}

.table_desc {
    border: none;
    border-radius: 8px;
    overflow: hidden;
}

.table_desc .cart_page table {
    background: #fff;
    color: #333;
	border-radius: 8px;
    overflow: hidden;
	box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}

.table-responsive table thead {
    background: #ffd54c;
}

.table_desc .cart_page table thead tr th {
	text-transform: none;
	font-weight: 500 !important;
	border-bottom: none;
}

.fa-trash-alt, .fa-minus-circle, .fa-user-times {
    color: #e00000;
}

.table_desc .cart_page table tbody tr td.product_name, .table_desc .cart_page table thead tr th.product_name {
    text-align: left;
	font-size: 16px;
}

.table_desc .cart_page table tbody tr td.product_total, .table_desc .cart_page table tbody tr td.product-price, .table_desc .cart_page table tbody tr td.product_quantity,
.table_desc .cart_page table thead tr th.product_total, .table_desc .cart_page table thead tr th.product-price, .table_desc .cart_page table thead tr th.product_quantity  {
    text-align: right;
	font-size: 16px;
}

.table_desc .cart_page table tbody tr td.product_quantity label {
	font-size: 14px;
}

.table_desc .cart_page table tbody tr td.product_name a {
	text-transform: none;
}

.table_desc .cart_page table tbody tr td.product_total, .table_desc .cart_page table tbody tr td.product-price {
	font-weight: 500 !important;
}

.cart_submit button {
    background: #16245b;
	margin-left: 15px;
	transition: all 0.3s ease 0s;
}

.cart_submit button:hover {
    background: #0177e8;
	font-weight: 500 !important;
}

.checkout_form {
    background: #16245b;
    padding: 15px;
    border-radius: 8px;
	box-shadow: 0 0 16px rgb(0 0 0 / 10%);
}

.checkout_form input, .checkout_form select, .checkout_form textarea {
	background-color: #fff;
	color: #333;
	/* border-radius: 5px; */
}

.checkout_form input {
	height: 42px;
}

.order-notes label {
	line-height: initial;
}

.checkout_form textarea {
	height: initial;
}

.nice-select {
	color: #333;
}

.nice-select .option {
	color: #333;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #ffd54c;
	color: #333;
}

.checkout_form h3 {
    color: #333;
    background: #ffd54c;
    font-weight: 500 !important;
	border-radius: 5px;
}

#szamlazas_ugyfelnek {
    padding: 0;
    border: unset;
	position: relative;
}

#szamlazas_ugyfelnek > li > * {
    margin-top: auto;
    margin-bottom: auto;
    top: unset;
    transform: unset;
}

#szamlazas_ugyfelnek > li > input[type="checkbox"] {
    position: absolute !important;
    top: 6px;
}

#szamlazas_ugyfelnek > li > span.checkmark {
    top: 4px !important;
}

.order_button button {
	color: #333;
}

.order_button button:hover {
    background: #0177e8;
	color: #fff;
}

.table_desc .cart_page table tbody tr td.product-price input {
    width: 92px;
    height: 40px;
    padding: 0 5px 0 10px;
    background: none;
    border: 1px solid #f0f0f0;
}

.shopping_cart_area h3.warning {
	margin: 15px 0 64px 0;
    color: #fff !important;
}

.profil_inner {
	padding: 20px 30px 50px;
    background: #ffffffe0;
	color: #333;
	border-radius: 8px;
}

.profil_inner .form-group {
	margin-bottom: 1rem;
}

/*
.form-control {
	border: solid 1px #e8e8e8;
}
*/

input.form-control {
	height: 42px;
}

#profil_form input.form-control, #address input.form-control {
	border: none;
}

.input-group-text {
	border-radius: 0.25rem 0 0 0.25rem;
	border: none;
	height: 42px;
}

#profil_form h4, #password h4, .col-sm-12.category h3, #order_form h4, .header {
	color: #333;
    background: #ffd54c;
    font-weight: 500 !important;
    border-radius: 5px;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.minus {
    display: inline-flex;
    justify-content: center;
	margin-left: 15px;
}

.minus a {
    display: block;
    margin: auto;
}

#profil_form .fa-2x {
    font-size: 1.25rem;
}

.hozzaad {
    color: #16245b;
    text-align: right;
    font-size: 120%;
    margin-bottom: 0.5rem;
}

#profil_form .btn-primary, #password .btn-primary, #order_form .btn-primary, #telepitesi_sorszam  .btn-primary, #telepitesiitems .btn-primary {
    color: #fff;
    background-color: #16245b;
    border: none;
}

#profil_form .btn-primary:hover, #password .btn-primary:hover, #order_form .btn-primary:hover, #telepitesi_sorszam  .btn-primary:hover, #telepitesiitems .btn-primary:hover {
    color: #fff;
    background-color: #0177e8;
    border: none;
}

#telepitesi_sorszam  .btn-primary {
    color: #333;
    background-color: #ffd54c;
    border: none;
}

#telepitesi_sorszam  .btn-primary:hover {
    color: #fff;
    background-color: #0177e8;
    border: none;
}

#login .btn-primary {
	color: #333;
    background: #ffd54c;
	border: none;
}

#login .btn-primary:hover {
	color: #fff;
    background: #0177e8;
}

.hozzaad .fa-plus {
    margin: 0 0.5rem;
}

/* ÁRLISTA */
#tableheader {
    background: #ffd54c;
	border-radius: 8px;
	display: none;
}

#tableheader th, #tablefooter th {
    border: none;
	font-weight: 500 ! important;
}

table .productPrice {
    width: 10%;
    text-align: right;
}

.productPrice span {
    display: block;
    text-align: center;
    font-size: 65%;
}

.col-sm-12.category {
    background: #fff;
	color: #333;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 8px;
}

.red {
	color: #d00000;
}

.orange {
	color: #ff9800;
}

.green {
	color: #4CAF50;
}

span.onstore.red {
    background: #d00000;
}

span.onstore.green {
    background: #4CAF50;
}

span.onstore.orange {
    background: #ff9800;
}

span.onstore {
    min-width: 8px;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 8px;
}

table.pricelist tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	border-bottom: 1px solid rgb(222,226,230);
}

table.pricelist td {
    display: inline-block;
    padding: 8px 4px;
    font-size: 1.2rem;
}

table.pricelist td.productName {
    width: 100%;
	line-height: 150%;
	border-bottom: none;
}

table.pricelist td.productPrice {
    min-width: 33%;
    width: auto;
    border: none;
	text-align: center !important;
}

.jutaleklist tfoot td.productPrice {
	width: 100% !important;
}

table.pricelist thead th {
	font-weight: 500 !important;
}

table.pricelist thead {
	display: none;
	background: #ffd54c;
}

p#storeinfo span.onstore {
    margin-right: 8px;
}

p#storeinfo span {
    margin-right: 25px;
}
/* ÁRLISTA */

div#table #thead .th, div#table #tbody .td {
    display: inline-block;
    padding: 8px;
    border-right: 1px solid #16245b30;
}

div#table #thead .th {
	font-weight: 500 !important;
}

div#table #thead {
    font-weight: 700;
    border-bottom: 2px solid #16245b30;
    border-top: 2px solid #16245b30;
}

div#tfooter {
    border-top: 3px solid #16245b30;
}

div#table #tfooter .td {
    display: inline-block;
    padding: 4px 8px;
}

div#table #thead .th:last-child, div#table #tbody .td:last-child {
    border-right: unset;
}

.hidden {
    display: none !important;
}

.telepitesi.row {
    background: #fff;
    padding: 15px 0;
    font-size: 1rem;
    border-bottom: 2px solid #ffd54c;
}

.telepitesi.row h6 {
    text-transform: uppercase;
    font-weight: 500 !important;
    line-height: 150%;
}

.telepitesi.row h6, .telepitesi.row p {
    font-size: 1rem;
    margin: 0;
}

.telepitesi.row p.hutokozeg {
    font-size: .7rem;
    margin: 4px 0;
    line-height: normal;
}

.telepitesi.row div:last-child {
    border-left: 2px solid #888;
    display: flex;
    justify-content: center;
    align-items: center;
}

.telepitesi.row .action {
    text-align: center;
    font-size: 1.5rem;
}

.telepitesi.row a {
    color: unset;
}

.telepitesi.row .action i, .telepitesi.row .action svg.svg-inline--fa {
    cursor: pointer;
    margin: 0 0 8px 0;
    display: block;
}

.telepitesi.row i, .telepitesi.row svg.svg-inline--fa {
    color: rgba(128, 128,128, 1);
    margin-right: 8px;
}

.mobilonly {
    margin-right: 0.3rem;
}

.mobilonly {
		display: block;
		font-size: 80%;
		font-weight: 500 !important
}

.mobilonly.puorderitem {
	display: inline-block;
}

.desktoponly {
	display: none;
}

.chosen-container:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(
45deg);
    transform: rotate(
45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px;
}

.chosen-container .chosen-drop {
    border-radius: unset;
    border: 1px solid #999;
    box-shadow: unset;
    border-top: unset;
}

.chosen-container.chosen-with-drop:after {
    transform: rotate(
-135deg);
}

div.row.gls {
    margin: 15px 0;
    padding: 15px 0;
    border-bottom: 1px solid #fff;
}

a#csv {
	color: #333;
	background: #ffcb15;
	-webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
	margin: auto;
    display: block;
    width: 128px;
}

a#csv:hover {
	color: #fff;
	background: #0177e8;
}

/* SZERELŐK */
#lista table td:first-child a {
	display: inline-flex;
	flex-wrap: wrap;
}
#lista table a {
	text-decoration: none;
	color: unset;
	cursor: pointer;
	transform-origin: center;
	transition: all .3s;
}

table .partnerCompany {
	font-size: 80%;
	font-weight: 300;
	display: block;
}

table .partnerInfo ul {
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

div.hozzaad.ps-3.position-relative {
	background: #16245b;
	margin-bottom: 15px;
}

div.hozzaad.ps-3.position-relative .btn-primary {
	color: #333;
    background-color: #ffcb15;
    border-color: #ffcb15;
}

div.hozzaad.ps-3.position-relative .btn-primary:hover {
	color: #fff;
    background-color: #0177e8;
    border-color: #0177e8;
}

.fa-2x {
    font-size: 1.25rem;
}

table .partnerInfo ul li i, table .partnerInfo ul li svg {
    line-height: unset;
    margin: auto 0.5rem auto 0;
}

table .partnerInfo .taxmode0 {
    background: #aaa;
}

table .partnerInfo .taxmode2 {
    background: rgb(40, 167, 70);
}

table .partnerInfo .taxmode3 {
    background: rgb(208, 0, 0);
}

table .partnerInfo .taxmode4 {
    background: rgb(255, 128, 0);
}

table .partnerInfo .invoiceprinted0 {
    background: #aaa;
}

table .partnerInfo .invoiceprinted1 {
    background: rgb(24, 160, 192);
}

table .partnerInfo .statusz0 {
    background: #66b236;
}

table .partnerInfo .statusz1 {
    background: #ffd54c;
}

table .partnerInfo .statusz9 {
    background: #aaa;
}

table .partnerInfo ul li {
    display: inline-flex;
    padding: 0.25rem 0.5rem;
    margin: 0.5rem;
    color: #fff;
    min-width: 160px;
    text-align: center;
}

table .partnerInfo ul li {
    width: 100%;
}

table .partnerInfo ul li span {
	font-weight: 500 !important;
	text-transform: uppercase;
}

div.partnerInfo img {
    height: 24px;
    margin: auto;
}

td.checkbox {
    width: 20%;
}

.icon-klimaplaza {
    width: 48px;
    transform-origin: 50%;
}

td.checkbox a {
    display: block;
    margin-top: 0.5rem;
    font-size: 1.25rem;
}

#lista table tr td {
    font-size: 120%;
}

table .partnerInfo ul li span {
    margin: auto;
}

ul.list li img {
    margin: 8px 0;
}

div.nice-select span.current {
    width: 100%;
    overflow: hidden;
    display: flex;
}

/* SZERELŐK TÉRKÉP */
#szerelok_map, #rendeles_map {
    width: 100%;
    height: 100%;
    min-height: 640px;
    float: right;
    border: 1px solid #eee;
}

h1.firstHeading {
    font-size: 24px !important;
	font-weight: 500 !important;
	color: #333;
}

#bodyContent {
	color: #333;
}

#bodyContent p {
    margin-bottom: 4px;
	color: #333;
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    margin-top: 10px;
    height: 40px;
}

#pac-input {
    left: 10px !important;
    top: 50px !important;
    width: calc(100% - 20px) !important;
    margin-left: 0;
}


#nearbypartners {
    background: #fff;
}

.nearbypartner {
    box-sizing: border-box;
    margin: 0.25rem;
    background: #3e444a;
    transition: 0.3s all;
    cursor: pointer;
    width: calc(50% - 8px);
}

.nearbypartner h6, .nearbypartner p {
    margin: 0;
    line-height: 135%;
}

.nearbypartner h6 {
    font-weight: 500 !important;
    font-size: 1rem;
}

.nearbypartner p.fw-bold {
    color: #ffd54c;
}

.nearbypartner img {
    height: 16px;
}

tfoot tr td {
    background: #3e444a !important;
    color: #fff;
    font-weight: 700 !important;
    font-size: 120% !important;
    border-top: unset !important;
}

.table.jutaleklist td, .table.jutaleklist th {
    border-top: unset;
}

table.jutaleklist tbody tr:nth-child(4n+3), table.jutaleklist tbody tr:nth-child(4n+4) {
    background: #f8f8f8;
    cursor: grab;
}

table.jutaleklist tbody tr:nth-child(4n+1), table.jutaleklist tbody tr:nth-child(4n+3) {
    border-top: none;
    cursor: grab;
}

.row.jutalekheader {
    border-bottom: 1px solid #dee2e6;
    font-size: 80%;
    font-weight: 700 !important;
    margin-bottom: 0.5rem;
	display: none;
}

.row.jutalekheader > div, div.jutalekbsz > .row > div:last-child * {
    font-weight: 700 !important;
}

.row.jutalekrow {
    font-size: 90%;
    margin-bottom: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid #ddd;
}

.row.jutalekrow > div:first-child {
	text-align: left;
}

div.jutalekbsz > .row > div:last-child {
    text-align: right;
}

.red {
    color: #d00000;
}

.blue {
    color: #0177e8;
}

div.jutalekbsz div.chosen-container {
	width: auto !important;
}

div.jutalekbsz > .row > div {
    text-align: center;
}

.section_title a {
    margin-left: 15px;
}

.section_title a:first-child {
    margin-left: auto !important;
}

#rendeles_field div.chosen-container, #raktar_field div.chosen-container, #raktarkozi_field div.chosen-container {
    width: 100%;
    margin: 0 0 15px 0;
}

div#ju_vevo_select_chosen, div#jutalekosrendeles_hozzaadas_chosen {
    margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400 !important;
}

#items {
    font-size: 75%;
}

#items thead th {
    background: #ffcb15;
    color: #333;
    border-bottom: none;
	font-weight: 700 !important;
}

#items tbody tr {
    background: #fff !important;
}

#items tbody tr:last-child td {
    border-bottom: 2px solid #dee2e6;
}

.glsicon {
	height: 2.1em;
}

.label_product.brutto_price {
	background: #d00000;
	color: #fff;
	font-weight: 700 !important;
}



/* TÚRAJÁRAT */
.titleicon {
    background: #16245b;
    position: relative;
	margin-bottom: 15px;
}

.bordergreen {
	border: 2px solid #4caf50;
}

.borderred {
	border: 2px solid #f44336;
}

.borderorange {
	border: 2px solid #ff9800;
}

.nagykergyujto tr {
	background: #e91e6308 !important;
	color: #e91e63;
}

.nagykergyujto tr:hover {
	background: #e91e63 !important;
	color: #fff;
}

.nagykergyujto td {
	border-top: 1px solid #e91e6340;
	border-bottom: 1px solid #e91e6340;
}

.kiskergyujto tr {
	background: #2196f308 !important;
	color: #2196f3;
}

.kiskergyujto tr:hover {
	background: #2196f3 !important;
	color: #fff;
}

.kiskergyujto td {
	border-top: 1px solid #2196f340;
	border-bottom: 1px solid #2196f340;
}

.nagykergyujto tr:hover td, .kiskergyujto tr:hover td {
	transform: scale(1.2);
    transform-origin: left center;
}

.nagykergyujto td {
	border-top: 1px solid #e91e6340;
	border-bottom: 1px solid #e91e6340;
}

#move_address, #modify_address {
	position: fixed;
	background: #fff;
	border: 1px solid #ccc;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	box-shadow: 0 0 16px #00000020;
	padding: 15px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: 0.5;
}

button.btn, input.btn {
	border-radius: unset;
}

/* 
.form-control {
	border-radius: unset;
	border: 1px solid #eee;
}
 */

.flex { display: flex; justify-content: space-between; }
.turaheader {
	padding: 15px;
	margin-bottom: 15px;
	background: #ffcb15;
	color: #3e444a;
}

#tura_adresses {
	padding: 30px 0;
}

#tura_adresses .product_d_inner {
	border-radius: unset;
}

#tura_adresses ul.startletter {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 8px;
}

#tura_adresses ul.startletter li {
	display: inline-flex;
    font-size: 18px;
    margin: 4px 8px;
	padding: 0 8px;
    background: #666;
    color: #fff;
    border-radius: 4px;
	min-width: 32px;
	height: 32px;
	justify-content: center;
}

#tura_adresses ul.startletter li.active {
	background: #0d6efd;
}

#tura_adresses ul.startletter li:hover {
	color: #3e444a;
	background: #ffcb15;
}

#tura_adresses ul.startletter li a {
	margin: auto;
	transition: none;
}

#tura_adresses ul.startletter li a:hover {
	color: initial;
}

#tura_adresses ul.startletter li span {
	font-size: 85%;
}

#map {
	position: sticky !important;
	position: -webkit-sticky !important;
	top: 66px;
	width: 100%;
	height: 100%;
	min-height: 480px;
	float: right;
	border: 1px solid #eee;
}
.route {
	position: relative;
	display: block;
	margin: 4px 4px;
	padding: 8px;
	background: #fff;
	color: #333;
	font-size: 14px;
	line-height: normal;
	transition: all .1s;
}

.route h4 {
	margin: 0;
}

.route b {
    font-weight: 700 !important;
}

#directions-panel.active .route:not([class*="ui-state-disabled"]):hover {
	background: #ffd54c;
	transition: all .1s;
	cursor: grab;
}

#directions-panel {
	background: #f6f6f6;
    padding: 8px;
	height: 75vw;
	overflow: auto;
}

#directions-panel .route:first-child { margin-top: 0; }
#directions-panel .route:last-child { margin-bottom: 0; }
#directions-panel span {
	margin: 6px 4px;
	padding: 4px;
	font-size: 85%;
	font-weight: 500;
	display: block;
	background: #3e444a;
	color: #fff;
	text-align: center;
}

#turajarat_indulas {
	margin: 0 0 15px 0;
	padding: 8px 0;
	font-weight: 500;
	background: #f6f6f6;
	color: #3e444a;
	text-align: center;
	display: flex;
}
#turajarat_indulas label, #turajarat_indulas input { margin: auto 8px; display: inline-flex; width: auto; vertical-align: initial; }
#turajarat_indulas form { margin: 0; }
#turajarat_indulas .col-sm-auto { display: inline-flex; margin: 4px auto; text-align: center; width: auto; padding: 0; }
#turajarat_indulas .col { text-align: right; margin: 4px 0; }
#turajarat_indulas button { margin: 0 0 0 15px !important; }
.infoblock { color: #333; }
.infoblock h2 { font-size: 16px; }
.infoblock p { margin: 0 0 2px 0; }
#map button { margin: 0 !important; }

#rendeles_field, #raktar_field, #egyedicim_field {
    width: 100%;
    /* margin: 0 15px 15px; */
    /* padding: 8px 10px; */
    /* border: 1px solid #ddd; */
}

#csomag.col-md-12 .row input { width: 100%; text-align: left; }

#csomag > .row > div {
    margin-bottom: 15px;
}

.flex { display: flex !important; }

#productrows div.row { margin-bottom: 8px;}

#productrows .col-md-8 .chosen-container {
	margin-bottom: 0;
}

#raktar_field label {
	margin: auto 8px auto 0;
}

#raktar_field i, #raktar_field svg {
	margin: auto 8px;
}

p.controlbutton {
	position: absolute;
	top: 4px;
	right: 4px;
	margin: 0;
	display: none;
}

#directions-panel.active .route:not([class*="ui-state-disabled"]):hover p.controlbutton {
	display: flex;
}

span.turacontrolbutton {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-flex !important;
	justify-content: center;
	opacity: .7;
    box-shadow: 0 0 12px #ffd54c;
}

span.turacontrolbutton:hover {
	transform: scale(1.2);
}

span.turacontrolbutton.delete {
	background: #d80000 !important;
}

span.turacontrolbutton.move {
    background: #28a745 !important;
}

span.turacontrolbutton svg.svg-inline--fa {
	margin: auto;
}

div.shop_title > svg {
	height: 1.125em;
	width: 1.125em;
	cursor: grab;
	color: #fff;
    background: #3e444a;
    border-radius: 50%;
	padding: 8px;
	transition: all .3s;
}

div.shop_title svg:hover {
	transform: scale(1.2);
	color: #3e444a;
	background: #ffd54c;
}

#teherautoinfo {
	background: #ffffff40;
	border: 1px solid #fff;
	border-radius: 8px;
	height: 100%;
	padding: 8px;
}

.teherauto_progressbar {
	position: relative;
	width: 100%;
	border:1px solid #3e444a;
	height:18px;
	padding: 0;
	text-align: center;
	font-weight: 700;
	background: #fff;
	margin-top: 4px;
	font-size: .5rem;
	line-height: 15px;
}

.teherauto_progressbar .progressbar {
	max-width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.progressbar_green {
	background: #4caf5088;
}

.progressbar_red {
	background: #f4433688;
}

.teherauto_progressbar p {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

#turajaratkoltseg {
    color: #fff;
    background: #3e444a;
	padding: 0 15px;
}

.varhato_kiszallitas .single_product.d-flex {
	flex-direction: column;
}

#kiszallitas_warning {
	color: #fff;
    background: #d00000;
    text-align: center;
    margin-top: 8px;
    border-radius: 8px;
    font-weight: 700 !important;
    padding: 4px;
	text-transform: uppercase;
}

.sorszam_circle {
	width: 32px !important;
	height: 32px;
	display: flex;
	justify-content: center;
	text-align: center;
	font-weight: 700 !important;
	font-size: 16px;
	color: #fff;
	background: #888;
	border-radius: 50%;
}

/* STATISZTIKA */
#chartQuarters {
    height: 30vw;
}

#chartYearMonthly, .chartYearMonthlyDaily, #chartKoltseghely, #chartQuarters, #chartErtekesito {
    display: inline-block;
    width: 100%;
    height: 80vw;
    /* margin-bottom: 16px; */
}

#chartErtekesito {
	height: 200vw;
}

.featured_categories, .product_area {
	padding: 20px 0 20px;
	margin-bottom: 15px;
}

.table_statisztika_container {
	background: #fff;
	padding: 15px;
	border-radius: 8px;
}

.table_statisztika_container table tbody tr:nth-child(even) {
    background: #f8f8f8;
}

.table_statisztika_container .table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
	font-weight: 700 !important;
}

.table_statisztika_container .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
	font-weight: 700;
}

.table_statisztika_container .table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
	font-size: 98%;
}

.table_statisztika_container .table>:not(:last-child)>:last-child>* {
    border-bottom-color: #dee2e6;
}

td span.percent {
    display: block;
    font-size: 80%;
}

.col-12.order {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 0.5rem;
    color: #333;
}

.col-12.order h4 {
	font-size: 21px;
	line-height: 150%;
}

.col-12.order .label_product {
	height: auto;
}

.orderstatus {
	display: flex;
	flex-wrap:wrap;
	margin: auto 0 auto auto;
}

div.jutalek {
	margin: auto 0;
}

.orderstatus > div {
	/* text-align: center; */
	display: flex;
	margin: auto 15px 0 0;
	padding: 0 0 0 15px;
    border-left: 2px solid #d00000;
}

.orderstatus > div:first-child {
	padding: 0;
    border-left: none;
}

.orderstatus label {
	margin: auto 0 0 8px
}

/*
.orderstatus .fa-2x {
	font-size: 24px;
}
*/

.orderstatus svg, .orderstatus i {
	margin: auto 0;
}

.opacity35 {
	opacity: .35;
}

.opacity50 {
	opacity: .50;
}

#gls fieldset {
	background: #16245b;
}

.orderitems .accordion-button {
	padding: 0 0.25rem;
	font-weight: 500 !important;
	background-color: #0177e8;
	border-radius: 4px !important;
	color: #fff;
}

.orderitems .accordion-button::after {
	background-image: url('../images/accordion-arrow.svg')
}

.orderitems .accordion-body {
	padding: 0;
}

.order > .row > .col-12 > div > div.jutalek span {
    margin-left: 15px;
    padding: 0 0 0 15px;
    border-left: 2px solid #d00000;
}

.order > .row > .col-12 > div > div.jutalek span:first-child {
    margin-left: 15px;
    padding: 0;
    border-left: none;
}

.orderitem_status {
	float: right;
    padding: 0 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: 700 !important;
}

.bg_gray {
	background-color: #666 !important;
}

.bg_green {
	background-color: #4caf50 !important;
}

.bg_red {
	background-color: #d00000 !important;
}

.bg_orange {
	background-color: #ff9800 !important;
}

.table-responsive table tbody tr td {
	text-transform: none;
}

.order .table-responsive td {
    vertical-align: middle;
}

.table-responsive table tbody tr td:last-child a {
    color: #212529;
}

.table-responsive table tbody tr td:last-child a.btn {
    color: #fff;
}

.table-responsive table tbody tr td:last-child a.btn:hover {
    color: #fff !important;
}

.orderitems input {
	width: 128px;
}

.spacer {
    height: 15px;
    padding: 0 !important;
    border: none;
}

.bg-66 {
    background-color: #666;
}

.bg-e0 {
    background-color: #e0e0e0;
}

.row.shipmentitem {
    margin-bottom: 1rem;
}

.shipmentitemheader, .shipmentitemheader .form-group {
    margin-bottom: 0.5rem;
}
.shipmentitemheader {
    border-bottom: 2px solid #444;
}

.shipmentitemcomponent {
    padding-left: 1.5rem !important;
    font-style: italic;
    font-size: 90%;
}

.shipmentitemcomponent .form-group {
    margin-bottom: 0.5rem;
}

.shipmentitemcomponent .form-group input, .shipmentitem .form-group input {
    height: 24px;
    padding: 2px;
}

#scanEAN {
	position: fixed;
	z-index: 999;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	padding: 30px;
    box-shadow: 4px 4px 16px rgb(0 0 0 / 20%);
    background: #666;
    color: #fff;
    text-align: center;
	width: calc(100% - 30px);
}

#scanEAN label {
	font-weight: 700 !important;
	margin-bottom: 8px;
}

.puorder {
	background: #fff;
    padding: 15px 0;
    font-size: 1rem;
    border-bottom: 2px solid #ffd54c;
}

.puorderheader {
	margin: 0;
	padding: 8px 0;
}

.row.puorderitem {
	border-bottom: 1px solid #d0d0d0;
	padding: 8px 0;
	margin: 0;
}

fieldset .puorderitem.row:last-child {
	border-bottom: none;
}

.row.puorderitem input {
	width: 100%;
	text-align: right;
	border: 1px solid #ddd;
}

.addSzett {
	cursor: grab; 
}

#addSzett {
	display: none;
    position: fixed;
    background: #fff;
	color: #333;
    width: 90%;
	padding: 15px;
    min-height: 256px;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 16px rgb(1 1 1 / 20%);
}

#pucomponents .row {
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
}

.borb-1-888 {
    border-bottom: 1px solid #888;
}

.bg-ddd {
    background-color: #ddd;
}

button.visszaru {
    font-size: .8rem;
    padding: 1px 6px;
}

.product-details-tab .product_desc {
	display: none;
}

.product_d_right .product_desc {
	display: block;
}

span.circle {
	font-size: 150%;
    border: 1px solid #333;
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 8px;
}

span.circle p {
	top: 50%;
    left: 50%;
    display: block;
    position: relative;
    transform: translate(-50%, -50%);
}

h4 label.title {
	margin: auto 0;
}

@media (min-width: 576px) {
	.sidebar_banner .banner_text h4 {
		font-size: 5vw;
		line-height: 6vw;
		margin-bottom: 8px;
	}
	
	.sidebar_banner .banner_text h3 {
		font-size: 5vw;
		line-height: 6vw;
		margin-bottom: 8px;
	}
	
	.sidebar_banner .banner_text h2 {
		font-size: 8vw;
		line-height: 8vw;
		margin-bottom: 24px;
	}

	.product_content.grid_content .product_footer {
		flex-wrap: wrap;
	}

	.product_content.grid_content .text_available {
		width: 100%;
		border-top: 1px solid rgb(0 0 0 / 30%);
		margin-top: 8px;
	}

	.product_content.grid_content .product_desc, .product_content.grid_content .text_available {
		margin-right: 0;
		margin-left: 0;
	}

	div.hozzaad.ps-3.position-relative {
		margin-bottom: 0;
	}

	#pac-input {
		margin-left: 12px;
		width: 400px !important;
		left: 198px !important;
		top: 0 !important;
	}

	.nearbypartner {
		width: calc(25% - 8px);
	}

	.mobilonly {
		display: none;
		font-size: 80%;
	}

	.mobilonly.puorderitem {
		display: none;
	}

	.desktoponly {
		display: flex;
	}

	.row.jutalekheader {
		display: flex;
	}

	.row.jutalekrow > div {
		text-align: right;
	}

	table.jutaleklist tbody tr:nth-child(4n+1), table.jutaleklist tbody tr:nth-child(4n+3) {
		border-top: 1px solid #dee2e6;
		cursor: grab;
	}

	.titleicon {
		padding-left: 15px;
		padding-right: 60px;
		margin-left: auto;
		margin-bottom: 0;
	}
}

@media (min-width: 768px) {
	.header_middle .col-lg-9.col-md-9 {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	
	.search-container {
		margin-right: 0;
		display: inline-flex;
	}

	.sliderimg {
		display: none !important;
		width: 60% !important;
		margin: 0;
	}

	.sidebar_banner {
		margin-top: 0;
		height: 256px;
	}

	.sidebar_banner .banner_text h4 {
		font-size: 24px;
		line-height: 150%;
		margin-bottom: 0px;
	}
	
	.sidebar_banner .banner_text h3 {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 8px;
	}
	
	.sidebar_banner .banner_text h2 {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 24px;
	}
	
	.single_slider {
		height: 256px;
	}

	.shipping_inner {
		padding: unset;
	}

	.single_shipping {
		width: 33.3333%;
		margin: 0;
		border-bottom: none !important;
	}

	.single_shipping.column2 {
		width: 50%;
	}

	.single_shipping.column2 h2 a {
		display: initial;
	}
	
	.shipping_icone {
		display: block;
		margin: 0 15px 15px 0;
	}

	.single_shipping img {
		width: 48px;
	}
	
	.single_shipping .shipping_content {
		display: flex;
		flex-direction: column;
		max-width: calc(100% - 63px);
		text-align: left;
	}

	.ertekesitok, .discover_now {
		margin-bottom: 0;
	}

	.grid_list .product_thumb {
		margin-right: 30px;
	}

	.left_caption {
		margin-bottom: unset;
		width: 50%;
	}
	
	.right_caption {
		border-top: none;
		padding-top: unset;
	}

	.productPrice span {
		display: none;
	}

	table.pricelist thead {
		display: table-header-group;
	}

	table.pricelist tr {
		display: table-row;
	}

	table.pricelist td {
		display: table-cell;
		font-size: 100%;
	}

	table.pricelist td.productPrice {
		min-width: 33%;
		width: auto;
		border-bottom: 1px solid rgb(222, 226, 230);
		text-align: right;
	}

	table.pricelist td.productName {
		width: 50%;
		line-height: 150%;
		border-bottom: 1px solid rgb(222,226,230);
	}

	.text-left.productName {
		width: 50%;
	}

	#tableheader {
		display: block;
	}

	/* SZERELŐK */
	td.checkbox {
		width: 10%;
	}

	#lista table tr td {
		font-size: 100%;
	}

	.varhato_kiszallitas .single_product.d-flex {
		flex-direction: row;
	}

	.varhato_kiszallitas .single_product.d-flex div {
		width: 25%;
		margin-right: 15px;
	}

	.varhato_kiszallitas .single_product.d-flex div:last-child {
		width: 50%;
		margin-right: 0;
	}

	.checkout_form > .row > div.col-lg-6.col-md-6:last-child h3 {
		margin-bottom: 52px;
	}

	#chartKoltseghely, #chartErtekesito {
		max-width: 50%;
	}

	#chartKoltseghely {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	
	#chartErtekesito {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

	#chartYearMonthly, .chartYearMonthlyDaily, #chartKoltseghely, #chartQuarters, #chartErtekesito {
		height: 40vw;
	}

	section.statisztika .owl-nav {
		top: 50%;
	}

	section.statisztika .owl-carousel .owl-nav div {
		height: 64px;
    	width: 64px;
    	margin: 0 -72px;
	}

	.owl-carousel .owl-nav div .svg-inline--fa {
		max-height: 32px;
	}

	section.statisztika .section_title h2 {
		line-height: 16px;
	}

	section.statisztika .section_title h2::before {
		height: 1px;
	}

	.featured_categories, .product_area {
		padding: 50px 0 50px;
		margin-bottom: 50px;
	}

	.product_variant.lowquantity button {
		/* min-width: 270px; */
	}

	.product-details-tab .product_desc {
		display: block;
	}
	
	.product_d_right .product_desc {
		display: none;
	}
}

@media (min-width: 992px) {
	.header_middle .col-lg-9.col-md-9 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
	}

	.header_middle .col-lg-3.col-md-3 {
		margin-bottom: unset;
		margin-top: unset;
	}

	.middel_right {
		margin-top: unset;
	}

	.middel_ertekesito_info > p span:first-child {
		margin-right: unset;
	}

	.middel_ertekesito_info > p > span > a {
		margin-right: 8px;
	}

	.search-container {
		margin-right: 40px;
	}

	.header_bottom {
		display: block;
	}

	.sliderimg {
		width: 60% !important;
		display: block !important;
	}
	
	.single_slider, .sidebar_banner {
		height: 436px;
	}

	.shipping_inner {
		padding: 15px 0;
	}

	#filterbutton.fixed, #savepricelist.fixed {
		top: 92px;
	}

	.left_caption {
		width: 62%;
	}

	.titleicon {
		padding-right: 30px;
	}

	#addSzett {
		width: 60%;
	}

	#scanEAN {
		width: 640px;
	}
}

@media (min-width: 1200px) {
	.sliderimg {
		width: 80% !important;
	}
	
	.single_slider, .sidebar_banner {
		height: 520px;
	}

	#filterbutton.fixed, #savepricelist.fixed {
		top: 48px;
	}

	.product_content.grid_content .product_footer {
		flex-wrap: nowrap;
	}

	.product_content.grid_content .product_desc {
		width: 100%;
		margin-right: 8px;
	}
	
	.product_content.grid_content .text_available {
		width: 75%;
		margin-left: 8px;
		border-top: none;
		margin-top: 0;
	}

	table .partnerInfo ul li {
		width: auto;
	}

	.nearbypartner {
		width: calc(20% - 8px);
	}
}

@media (min-width: 1400px) {

}