@charset "UTF-8";

section.section.container h2 {
	font-size: 1.7rem;
	text-transform: uppercase;
}

figure img {
	max-height: 250px;
	max-width: 100%;
	margin: auto;
	display: block;
}

figure > div.akciosszalag
{
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 180px;
	border: 1px solid transparent !important;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

figure > div.akciosszalag p
{
	
	margin: 45px 0 0 45px;
	padding: 5px 5px;
	line-height: 1.05em;
	font-weight: 400;
	font-size: 90%;
	width: 200%;
	color: #ffffff;
	text-align: center;
	background-color: #ff0000;
	transform: translate(-50%,-50%) rotate(-40deg);
	-ms-transform: translate(-50%,-50%) rotate(-40deg);
	-webkit-transform: translate(-50%,-50%) rotate(-40deg);
	box-shadow: 3px 3px 2px #cc000055; 

}

figure > div.akciosszalag p > span
{
	font-weight: 700;
	font-size: 120%;
}

figure p.keszlethianytext
{
	margin-top: -100px;
	background: #ffffffbb;
	text-shadow: 3px 3px 3px #00000033;
	color: red!important;
	font-weight: 800;
	z-index: 1;
	position: absolute;
	width:100%;
	text-align: center;
}

.col-6.full
{
	flex: none;
	max-width: none;
}

.text-chooser--simple > span
{
	min-height: 50px;
	
}

span.kedv_ar
{
	color: #ff0000;
}

#kosar-form .row .col-4 img
{
	display: block;
	max-height: 200px;
	margin:0px auto;
}

/**************
MODAL
**************/

aside.modal.show
{
	flex-direction: row;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	display: flex !important;
}

#top > div#modal_white_background
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff99;
	z-index: 999;
}

#top > div#modal_white_background p#modal_info_paragraph
{
	position: fixed;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 20px 50px;
	margin: -100px auto 0 auto;
	text-transform: uppercase;
	background-color: #ffffff;
	letter-spacing: 1px;
	line-height: 1.2em;
	font-weight: 700;
	font-size: 180%;
	text-align: center;
}

#top > div#modal_white_background p#modal_info_paragraph.success
{
	color: #33cc33;
}


#top > div#modal_white_background p#modal_info_paragraph.error
{
	color: #cc3333;
}

p.login_error_text
{
	color: #ff0000;
	margin-bottom: 10px;
	font-weight: 700;
}

p.login_success_text
{
	color: #00a000;
	margin-bottom: 10px;
	font-weight: 700;
}


#top aside#addressselection.custom div.modal-dialog div.modal-content
{
	background: #062F6E;
	color: #ffffff;
}

.invisible
{
	display: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content ,
.dropdown > input:focus + .dropdown-content 
{
  display: block;
}

div.form-group.error,
input.form-control.error,
input:focus.form-control.error,
select.form-control.error,
select:focus.form-control.error
{
	border: 3px solid red;
	border-radius: 7px;
}

section#osszegzo-section dl
{
	clear: after;
	display: block;
}

	section#osszegzo-section dl > dt
	{
		clear: both;
		float: left;
		font-weight: normal;
		white-space: nowrap;
		min-width: 80px;
		text-transform: uppercase;
	}
	
	section#osszegzo-section dl > dd
	{
		float: right;
		font-weight: 700;
		white-space: nowrap;
		min-width: 80px;
		text-align: right;
	}
	
#aszf_error
{
	color: #ff0000;
	font-weight: bold;
}

#txtKereses,
#txtSzallitasiCimKereso
{
	width: 50%;
	margin: 5px auto;
	padding: 10px 10px;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 70px 48px;
	border-radius: 25px;
	border: 3px solid #213469;
	font-weight: bold;
}

.text-chooser input + span {
  border: 3px solid transparent;
}

.text-chooser input:checked + span {
  border: 3px solid #416fb7;
}

.text-chooser.bordered input + span
{
	border: 3px solid #ff0000;
}

html body#top .first-top-offset
{
	padding-top: 130px!important;
}

.profil-cimform
{
	padding: 10px;
	border: 1px solid #e0e0e0;
	margin-top: 5px;
}

	.profil-cimform div[data-addr-contaner-id]
	{
		display: none;
	}
	
#webshop-content-text-container-mobile 
	{
        display: none;
		height: 22px;
		overflow: hidden;
    }
	
	#webshop-content-text-container-mobile.full-length
	{
		height: auto;
    }

#tartalom-tovabb-olvas-link
{
	display: none;
	font-weight: 700;
}

.text-chooser input[name="idopont"] + span {
        color: #fff;
        background: #416fb7;
		border: none;
    }
	
.text-chooser input[name="idopont"]:checked + span {
        color: #fff;
        background: #067B00;
		border: none;
    }

#szallitasi-mod-kontener
	{
		display: flex;
		flex-direction: column;
		padding-bottom: 30px;
	}
	
	
	#szallitasi-mod-kontener > div
		{
			background-color: #e0e0e0;
			margin-bottom: 10px;
			min-height: 100px;
			padding: 20px;
			font-weight: 700;
			font-size: 14pt;
		}
		
	#szallitasi-mod-kontener > div.selected
		{
			background-color: #416fb7;
			color: white;
		}
		
		#szallitasi-mod-kontener > div > label
		{
			width: 100%;
		}
		
		#szallitasi-mod-kontener > div > label > input
		{
			width: 0;
			height: 0;
			opacity: 0;
			position: fixed;
			top: -30px;
			left: -30px;
		}
	
	#szallitasi-mod-kontener > div > .progress-kontener
	{
		display: block;
		width: 100%;
		border: 1px solid white;
		height: 20px;
	}
	
	#szallitasi-mod-kontener > div > .progress-kontener > .progress-value 
	{
		display: block;
		background: white;
		height: 100%;
	}
	
#submit_mobile_button,
 #submit_mobile_button_hr
	{
        display: none !important;
    }
	
label.mk-checkbox
{
	width: auto;
	height: 25px;
	line-height: 25px;
	padding-left: 40px;
}

	label.mk-checkbox input
	{
		width: 0px;
		height: 0px;
		opacity: 0;
		position: relative;
		top: -1;
		left: -1;
	}
	
	label.mk-checkbox input ~ .checkmark
	{
		width: 25px;
		height: 25px;
		position: relative;
		top: 0;
		left: 0;
		display: inline-block;
		background-color: #f0f0f0;
		border: 3px solid #002d6d; 
		margin-left: -40px;
		margin-right: 5px;
	}
	
	label.mk-checkbox input:checked ~ .checkmark
	{
		background-color: #002d6d;
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	label.mk-checkbox input ~ .checkmark ~ span
	{
		position: relative;
		top: -5px;
		left: 5px;
	}
	
.cart__progress-kontener
{
	display: block;
	width: 100%;
	border: 1px solid white;
	height: 5px;
	background: white;
}

.cart__progress-kontener > .cart__progress-value 
{
	display: block;
	background: red;
	height: 100%;
}	

#addressselection #submit_addressselection.active
{
	background: #67bf69;
}

#mobile-cat-select-container
{
	padding: 3px 15px;
	width: 100%;
	display: none;
	max-width: 720px;
	margin: 0px auto;
}

	#mobile-cat-select-container select
	{
		width: 49%;
		margin: 5px auto;
		padding: 10px 10px;
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 21px 48px;
		border-radius: 25px;
		border: 3px solid #213469;
		font-weight: bold;
	}
	
	#mobile-cat-select-container select:nth-child(1)
	{
		float: left;
	}
	
	#mobile-cat-select-container select:nth-child(2)
	{
		float: right;
	}
	
.global-modal-background
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000d;
	z-index: 1002;
	padding: 10px;
	overflow-y: auto;
}

	.global-modal-background .global-modal-dialog
	{
		display: block;
		width: 600px;
		max-width: 100%;
		background: #ffffff;
		margin: 10px auto;
		padding: 20px;
		border-radius: 7px;
		border: 5px solid #ff9933;
	}
	
	.global-modal-background .global-modal-dialog p
	{
		font-size: 11pt;
		text-align: justify;
	}
	
	.global-modal-background .global-modal-dialog button[type="submit"]
	{
		display: block;
		font-size: 11pt;
		color: #ffffff;
		background: #213469;
		padding: 10px;
		text-align: center;
		width: 100%;
		font-weight: bold;
		border: none;
		cursor: pointer;
	}
	
p.headerme
{
	margin-bottom: 0px;
}

table#profilom_rendelesektable
{
	border-collapse: collapse;
}

	table#profilom_rendelesektable thead th
	{
		border-bottom: 4px solid #e0e0e0;
	}
	
	table#profilom_rendelesektable td
	{
		border-bottom: 1px solid #f0f0f0;
	}
	
	table#profilom_rendelesektable th,
	table#profilom_rendelesektable td
	{
		padding: 4px 20px 4px 4px;
		vertical-align: top;
	}
	
	table#profilom_rendelesektable th:nth-child(4),
	table#profilom_rendelesektable th:nth-child(5),
	table#profilom_rendelesektable td:nth-child(4),
	table#profilom_rendelesektable td:nth-child(5)
	{
		text-align: right;
	}
	
	table#profilom_rendelesektable tfoot td
	{
		border-top: 2px solid #999999;
		border-bottom: none;
	}
	
#cimlista-kontener a.cimkereses-item
{
	max-width:600px; 
	margin: 0px auto; 
	padding: 15px 20px; 
	min-height: 100px;
	display: block;
	border: solid #e0e0e0;
	border-width: 1px 1px 1px 20px;
	margin-top: 10px;
	border-radius: 9px;
	color: #666;
	text-align: left;
	padding-left: 20px;
	text-decoration: none;
}

#cimlista-kontener a.cimkereses-item:hover
{
	color: #002D6D;
	border-top-color: #002D6D;
	border-right-color: #002D6D;
	border-bottom-color: #002D6D;
}

#cimlista-kontener a.cimkereses-item > span.cimkereses-item-address
{
	/* color: #111;*/
}

#cimlista-kontener a.cimkereses-item > span.cimkereses-item-telephone
{
	font-size: 10pt;
}

#cimlista-kontener a.cimkereses-item > span.cimkereses-item-ugyfeltipus0
{
	font-size: 10pt;
	font-weight: 700;
}

#cimlista-kontener a.cimkereses-item > span.cimkereses-item-ugyfeltipus1
{
	font-size: 10pt;
	font-weight: 700;
	color: #00cc00;
}

#cimlista-kontener a.cimkereses-item > span.cimkereses-item-ugyfeltipus1n
{
	font-size: 10pt;
	font-weight: 700;
	color: #cc0000;
}

#cimlista-kontener a.cimkereses-item > span.cimkereses-item-ugyfeltipus2
{
	font-size: 10pt;
	font-weight: 700;
}

#cimlista-kontener a.cimkereses-item > span.cimkereses-item-ugyfelcimid
{
	font-size: 8pt;
}

#login_modal_body_2
{
	display: none;
}

table.content-table
{
	
}

	table.content-table th,
	table.content-table td
	{
		padding: 20px;
		border: 1px solid #e0e0e0!important;
		border-collapse: collapse;
	}

section#mapsection > #map 
{
	display:block;
	width: 100%;
	height: 500px;
}

#custom-modal-dialog-background
{
	display:block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1100;
}

.g-flex-container
{
	flex: none;
	display: flex!important;
	flex-wrap: wrap;
	gap: 10px;
	align-content: flex-start;
	padding-bottom: 20px!important;
}

	.g-flex-container.col-3 > *
	{
		width: calc( 33.33333% - 8px ); /* gap * 2 / 3 */
		display: block;
	}
				
		.g-flex-container .kategoria-flex-item > div > img
		{
			position: relative;
			width: 100%;
			object-fit: cover;
		}
		
		.g-flex-container .kategoria-flex-item > div > .kategoria-flex-item-descroption-container 
		{
			position: relative;
			margin-top: -100px;
			z-index: 10;
			background: rgba(45, 156, 219, 0.6);
			height: 100px;
		}
		
		.g-flex-container .kategoria-flex-item > div > .kategoria-flex-item-descroption-container > h3
		{
			font-size: 16pt;
			color: #fff;
			padding: 10px!important;
		}

#awarn18back
{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 1200;
	background: #003366FF;
	display: block;
}

#awarn18
{
	display: block;
	margin: 30px auto;
	width: 500px;
	max-width: 100%;
	z-index: 1201;
}

/* RESPONSIVE
================================================== */

/*
	XS PHONE
*/

@media screen and (max-width: 991px) 
{
	.g-flex-container.col-3
	{
		max-width: 100%;
	}

	html body#top .first-top-offset.webshop
	{
		padding-top: 170px!important;
	}

	#txtKereses,
	#txtSzallitasiCimKereso
	{
		width: 100%;
	}

	#mobile-cat-select-container 
	{
        display: block;
    }
}

@media screen and (min-width: 576px) {

	#mobile-cat-select-container 
	{
		max-width: 540px;
    }
	
}

@media screen and (min-width: 768px) {

	#mobile-cat-select-container 
	{
		max-width: 720px;
    }
	
}

@media screen and (max-width: 767px) {

	.g-flex-container.col-3 > *
	{
		width: calc( 100% - 21px ); /* gap * 2 / 3 */
		
	}
	
}

@media screen and (max-width: 575px) {

	figure img {
		max-height: 200px;
	}

	#webshop-content-text-container 
	{
        display: none;
    }
		
    #webshop-content-text-container-mobile 
	{
        display: block;
    }

    #tartalom-tovabb-olvas-link 
	{
        display: block;
    }
	
	.rendeles-mennyiseg-termekkep
	{
		 display: none;
	}
	
	.rendeles-mennyiseg-termekheader
	{
		font-size: 13pt;
	}
	
	#submit_pc_button 
	{
        display: none;
    }
	
	#submit_mobile_button ,
	#submit_mobile_button_hr
	{
        display: flex !important;
    }

}