/* Termék ikon lista */

ul.termek_ikon_lista li
{
    display: inline-block;
    list-style-type: none;
	margin: 50px 9%;
	padding: 8px 3.2%;
	text-align: center;
	vertical-align: top;
	width: 75.6%;
}

ul.termek_ikon_lista li img
{
    border: 1px solid #f1f1f1;
}

ul.termek_ikon_lista div.termek_ikon_lista_kep_tarto
	{
	position: relative;
	}

ul.termek_ikon_lista li div.termek_ikon_lista_kep_tarto div.termek_ikon_lista_cimke_tarto
	{
	position: absolute;
	top: 15px;
	left: -15px;
	text-align: left;
	-webkit-transition: tranform 0.3s ease-out;    
	transition: transform 0.3s ease-out;
	}

ul.termek_ikon_lista li:hover div.termek_ikon_lista_kep_tarto div.termek_ikon_lista_cimke_tarto
	{
	text-align: right;
	-ms-transform: translate(-100%, 0); /* IE 9 */
    -webkit-transform: translate(-100%, 0); /* Safari */
    transform: translate(-100%, 0);
	}
	
div.termek_ikon_lista_cimke_tarto div
	{
	margin-bottom: 15px;
	}
	
div.termek_ikon_lista_cimke_tarto div span
	{
	background-color: var(--label1);
	color: #fff;
	font-size: 0.875rem;
	line-height: 150%;
	padding: 5px 10px;
	}

h3.termek_ikon_lista_cim
{
	font-weight: normal;
}
	
a.termek_ikon_lista_nev
{
	color:var(--color3);
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 1.125rem;
    display: block;
	margin-top: 10px;
	overflow: visible;
	text-decoration: none;
}

p.termek_ikon_lista_regi_ar,
p.termek_ikon_lista_regi_ar_2
{
	color:#aaaaaa;
	text-decoration:line-through;
}

p.termek_ikon_lista_regi_ar,
p.termek_ikon_lista_regi_ar_tavtarto
{
	font-size:0.75rem;
	height: 17px;
}

p.termek_ikon_lista_ar
{
	color:var(--color2);
    font-size:0.875rem;
	height: 25px;
}

p.termek_ikon_lista_regi_ar_2,
p.termek_ikon_lista_regi_ar_2_tavtarto
{
	font-size:0.625rem;
	height: 15px;
}

p.termek_ikon_lista_ar_2
{
	font-size:0.625rem;
	padding-bottom: 5px;
}

p.termek_ikon_lista_egyseg_ar,
p.termek_ikon_lista_egyseg_ar_tavtarto
{
	color:#aaaaaa;
	font-size:0.625rem;
    font-style:italic;
	height: 15px;
}

div.termek_ikon_lista_funkcio_tarto
{
	font-size: 0.875rem;
	overflow: auto;
}

div.termek_ikon_lista_kosarba_funkcio,
div.termek_ikon_lista_kosarba_funkcio_tavtarto,
a.termek_ikon_lista_reszletek_funkcio
{
	display: block;
	padding: 10px 15px;
}

div.termek_ikon_lista_kosarba_funkcio,
div.termek_ikon_lista_kosarba_funkcio_tavtarto
{
	float: left;
}

a.termek_ikon_lista_reszletek_funkcio
{
	background-color: #eaeaea;
	color: #777;
	float: right;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;    
	transition: background 0.1s ease-in;
}

a.termek_ikon_lista_reszletek_funkcio:hover
{
	background-color:#dadada;
}

div.termek_ikon_lista_kosarba_funkcio
{
	background-color: var(--color1);
	color: #fff;
	cursor: pointer;
	float: left;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;    
	transition: background 0.1s ease-in;
}

div.termek_ikon_lista_kosarba_funkcio:hover
{
	background-color: var(--btnbgc2);
}

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

	ul.termek_ikon_lista li
	{
	margin: 50px 4.375%;
	padding: 8px 1%;
	text-align: left;
	width: 39.25%;
	}

}

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

	ul.termek_ikon_lista li
	{
		box-shadow: none;
		margin: 30px 3.25884%;
		padding: 8px 0.74487%;
		width: 25.32588%;
	}

	a.termek_ikon_lista_nev
	{
		font-size: 1.25rem;
	}
	
}

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

	ul.termek_ikon_lista li
	{
		margin: 30px 1.97368%;
		padding: 8px 0.58479%;
		width: 19.88304%;
	}

}

div.termek_ikon_lista_kep_forgato_hatlap
{
	display: none;
}

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

	div.termek_ikon_lista_kep_forgato_tarto {
		perspective: 1000px;
		/* transform-style: preserve-3d; */
	}

	div.tarto_belso ul.termek_ikon_lista li div.termek_ikon_lista_kep_tarto:hover div.termek_ikon_lista_kep_forgato_hatlap {
		transform: rotateY(0deg);
	}
	
	a.termek_ikon_lista_kep_forgato_hatlap_link {
		display: block;
	}

	div.termek_ikon_lista_kep_forgato_hatlap {
		background-color: #fafafa;
		border: 1px solid #f1f1f1;
		color: var(--color2);
		display: block;
		font-size: 14px;
		line-height: 170%;
		text-align: left;
		overflow: hidden;
		width: 100%;
	}
	
	div.termek_ikon_lista_kep_forgato_hatlap_szoveg {
		padding: 10px;
	}
	
	div.tarto_belso ul.termek_ikon_lista li div.termek_ikon_lista_kep_tarto:hover div.termek_ikon_lista_kep_forgato_elolap {
	    transform: rotateY(180deg);
	}

	div.termek_ikon_lista_kep_forgato {
		transition: 0.6s;
		transform-style: preserve-3d;
		position: relative;
	}

	div.termek_ikon_lista_kep_forgato_elolap {
		backface-visibility: hidden;
		transition: 0.6s;
		transform-style: preserve-3d;
		position: absolute;
		top: 0;
		left: 0;
	}

	div.termek_ikon_lista_kep_forgato_hatlap {
		backface-visibility: hidden;
		transition: 0.6s;
		transform-style: preserve-3d;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	div.termek_ikon_lista_kep_forgato_elolap {
		z-index: 2;
		transform: rotateY(0deg);
	}

	div.termek_ikon_lista_kep_forgato_hatlap {
		transform: rotateY(-180deg);
	}

	.vertical.termek_ikon_lista_kep_forgato_tarto {
		position: relative;
	}

	.vertical .termek_ikon_lista_kep_forgato_hatlap {
		transform: rotateX(180deg);
	}

	.vertical.termek_ikon_lista_kep_forgato_tarto:hover .termek_ikon_lista_kep_forgato_hatlap {
	    transform: rotateX(0deg);
	}

	.vertical.termek_ikon_lista_kep_forgato_tarto:hover .termek_ikon_lista_kep_forgato_elolap {
	    transform: rotateX(180deg);
	}		

}

/* Termékcsoport ikon lista */

ul.termekcsoport_ikon_lista li
{
    display: inline-block;
    list-style-type: none;
	margin: 50px 9%;
	padding: 8px 3.2%;
	text-align: center;
    vertical-align: top;
	width: 75.6%;
}

ul.termekcsoport_ikon_lista li img
{
    border: 1px solid #f1f1f1;
}

ul.termekcsoport_ikon_lista div.termekcsoport_ikon_lista_kep_tarto
	{
	position: relative;
	}

ul.termekcsoport_ikon_lista li div.termekcsoport_ikon_lista_kep_tarto div.termekcsoport_ikon_lista_cimke_tarto
	{
	position: absolute;
	top: 15px;
	left: -15px;
	text-align: left;
	-webkit-transition: tranform 0.3s ease-out;    
	transition: transform 0.3s ease-out;
	}

ul.termekcsoport_ikon_lista li:hover div.termekcsoport_ikon_lista_kep_tarto div.termekcsoport_ikon_lista_cimke_tarto
	{
	text-align: right;
	-ms-transform: translate(-100%, 0); /* IE 9 */
    -webkit-transform: translate(-100%, 0); /* Safari */
    transform: translate(-100%, 0);
	}
	
div.termekcsoport_ikon_lista_cimke_tarto div
	{
	margin-bottom: 15px;
	}
	
div.termekcsoport_ikon_lista_cimke_tarto div span
	{
	background-color: var(--label1);
	color: #fff;
	font-size: 0.875rem;
	line-height: 150%;
	padding: 5px 10px;
	}

a.termekcsoport_ikon_lista_nev
{
	color:var(--color3);
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 1.125rem;
	font-weight: normal;
    display: block;
	margin-top: 10px;
	text-decoration: none;
}

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

	ul.termekcsoport_ikon_lista li
	{
	margin: 50px 4.375%;
	padding: 8px 1%;
	text-align: left;
	width: 39.25%;
	}
	
}

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

	ul.termekcsoport_ikon_lista li
	{
		box-shadow:none;
		margin: 30px 3.25884%;
		padding: 8px 0.74487%;
		width: 25.32588%;
	}
	
	a.termekcsoport_ikon_lista_nev
	{
		font-size: 1.25rem;
	}
	
}

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

	ul.termekcsoport_ikon_lista li
	{
		margin: 30px 1.97368%;
		padding: 8px 0.58479%;
		width: 19.88304%;
	}

}

/* Termékcsoport sor lista */

div.termekcsoport_sor_lista_tarto,
div.termekcsoport_sor_lista_tarto_kiemelt
{
	clear: both;
	margin: 50px 1.97368% 0;
	overflow: auto;
	padding: 8px;
    text-align: center;
	zoom: 1.0;
}

div.termekcsoport_sor_lista_kep_tarto
{
	margin: 0 0 15px 0;
	position: relative;
}

img.termekcsoport_sor_lista_kep
{
    border: 1px solid #f1f1f1;
	float:none;
}

div.termekcsoport_sor_lista_kep_tarto div.termekcsoport_sor_lista_cimke_tarto
	{
	position: absolute;
	top: 15px;
	left: auto;
	text-align: left;
	-webkit-transition: tranform 0.3s ease-out;    
	transition: transform 0.3s ease-out;
	}

div.termekcsoport_sor_lista_kep_tarto:hover div.termekcsoport_sor_lista_cimke_tarto
	{
	text-align: right;
	-ms-transform: translate(-100%, 0); /* IE 9 */
    -webkit-transform: translate(-100%, 0); /* Safari */
    transform: translate(-100%, 0);
	}
	
div.termekcsoport_sor_lista_cimke_tarto div
	{
	margin-bottom: 15px;
	}
	
div.termekcsoport_sor_lista_cimke_tarto div span
	{
	background-color: var(--label1);
	color: #fff;
	font-size: 0.875rem;
	line-height: 150%;
	padding: 5px 10px;

	}

div.termekcsoport_sor_lista_leiras_tarto
{
	overflow:hidden;
}

a.termekcsoport_sor_lista_nev
{
	color:var(--color1);
   	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 1.25rem;
    display: block;
	text-decoration: none;
}

p.termekcsoport_sor_lista_szoveg
{
	color:var(--color2);
	font-size: 0.875rem;
	line-height:200%;
	padding-top:20px;
    text-align: justify;
}

a.termekcsoport_sor_lista_tovabb_funkcio
{
	background-color: #eaeaea;
	color: #777;
	display: block;
	clear:both;
	float: right;
	font-size: 0.875rem;
   	margin: 10px 2.55847% 50px;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;    
	transition: background 0.1s ease-in;
}

a.termekcsoport_sor_lista_tovabb_funkcio:hover
{
	background-color:#dadada;
}

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

    div.termekcsoport_sor_lista_kep_tarto
    {
    	float:left;
        margin: 0 20px 0 0;
    }

    div.termekcsoport_sor_lista_tarto, div.termekcsoport_sor_lista_tarto_kiemelt
    {
        text-align: left;
    }

	div.termekcsoport_sor_lista_kep_tarto div.termekcsoport_sor_lista_cimke_tarto
	{
		left: -15px;
	}
	
	div.termekcsoport_sor_lista_kedvezmeny
	{
		margin: 15px 0 0;
	}
	
}

/* Termék sor lista */

div.termek_sor_lista_tarto,
div.termek_sor_lista_tarto_akcios
{
	clear: both;
	margin: 50px 1.97368%;
	padding: 8px;
	text-align: center;
	zoom: 1.0;
}

div.termek_sor_lista_jellemzo_tarto
{
	clear: both;
}

div.termek_sor_lista_kep_tarto
{
	float: none;
	margin: 0 auto 15px;
	max-width: 270px;
	position: relative;
}

img.termek_sor_lista_kep
{
    border: 1px solid #f1f1f1;
	float:none;
}

div.termek_sor_lista_kep_tarto div.termek_sor_lista_cimke_tarto
	{
	position: absolute;
	top: 15px;
	left: auto;
	text-align: left;
	-webkit-transition: tranform 0.3s ease-out;    
	transition: transform 0.3s ease-out;
	}

div.termek_sor_lista_kep_tarto:hover div.termek_sor_lista_cimke_tarto
	{
	text-align: right;
	-ms-transform: translate(-100%, 0); /* IE 9 */
    -webkit-transform: translate(-100%, 0); /* Safari */
    transform: translate(-100%, 0);
	}
	
div.termek_sor_lista_cimke_tarto div
	{
	margin-bottom: 15px;
	}
	
div.termek_sor_lista_cimke_tarto div span
	{
	background-color: var(--label1);
	color: #fff;
	font-size: 0.875rem;
	line-height: 150%;
	padding: 5px 10px;
	}

div.termek_sor_lista_leiras_tarto
{
	overflow: hidden;
}
	
a.termek_sor_lista_nev
{
	color:var(--color1);
   	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 1.25rem;
    display: block;
	text-decoration: none;
}

a.termek_sor_lista_gyarto
{
	color:var(--color2);
    display:block;
	font-size:0.625rem;
	font-style:italic;
	padding-top:7px;
}

div.termek_sor_lisra_ar_tarto
{
	margin-top: 15px;
}
	
p.termek_sor_lista_regi_ar,
p.termek_sor_lista_regi_ar_2
{
	color:#aaaaaa;
	text-decoration:line-through;
}

p.termek_sor_lista_regi_ar
{
	font-size:0.75rem;
}

p.termek_sor_lista_regi_ar_2
{
	font-size:0.625rem;
	margin-top: 7px;
}

p.termek_sor_lista_ar
{
	color:var(--color2);
    font-size:0.875rem;
}

p.termek_sor_lista_ar_2
{
	font-size:0.625rem;
}

p.termek_sor_lista_egyseg_ar
{
	color:#aaaaaa;
	font-size:0.625rem;
    font-style:italic;
	padding-top: 7px;
}

p.termek_sor_lista_szoveg
{
	color:var(--color2);
	font-size: 0.875rem;
	line-height:150%;
	padding-top:15px;
    text-align: justify;
}

div.termek_sor_lista_funkcio_tarto
{
	clear: both;
	margin-top: 10px;
	overflow: auto;
	text-align: right;
}

a.termek_sor_lista_reszletek_funkcio
{
	background-color: #eaeaea;
	color: #777;
	display: inline-block;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;    
	transition: background 0.1s ease-in;
}

a.termek_sor_lista_reszletek_funkcio:hover
{
	background-color:#dadada;
}

div.termek_sor_lista_kosarba_funkcio
{
	background-color: var(--color1);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 20px;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition: background 0.1s ease-in;    
	transition: background 0.1s ease-in;
}

div.termek_sor_lista_kosarba_funkcio:hover
{
	background-color: var(--btnbgc2);
}

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

    div.termek_sor_lista_kep_tarto
    {
    	float:left;
        margin: 0 20px 0 0;
    }

    div.termek_sor_lista_tarto,
	div.termek_sor_lista_tarto_akcios
    {
        text-align: left;
    }

	div.termek_sor_lista_kep_tarto div.termek_sor_lista_cimke_tarto
	{
		left: -15px;
	}
	
}

/* Listák lapozógombjai */

div.lista_lapozo
{
	clear: both;
	padding:15px 2.63157%;
}

div#lista_lapozo_1
{
    border-top:none;
}

div.lista_lapozo a
{
	color:var(--color4);
	font-size:0.875rem;
	margin-right:10px;
	text-decoration:none;
	transition: color 0.1s ease-in;
}

div.lista_lapozo a:hover,div.lista_lapozo a.lista_lapozo_funkcio_aktiv
{
    color: var(--color2);
}

div.lista_lapozo_sorrend
{
	display: none;
	float: right;
	margin-top: -25px;
	position:relative;
}


div.lista_lapozo_sorrend select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background: #f8f8f8;
    border: 1px solid #dadada;
    color:var(--color2);
    cursor:pointer;
    display: inline-block;
	font-size: 0.875rem;
    margin: 0;
    padding: 5px;
    outline:none;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    div.lista_lapozo_sorrend select
	{
		padding-right:18px;
	}
}

div.lista_lapozo_sorrend:after
{
    border-bottom:1px solid #ddd;
    content:'<>';
    color:#aaa;
    font:11px "Consolas", monospace;
    pointer-events:none;
    position:absolute;
    right:5px; top:7px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}

div.lista_lapozo_sorrend:before {
    content:'';
    display:block;
	height:20px;
    pointer-events:none;
    position:absolute;
    right:6px;
	top:0px;
    width:20px;
}

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

    div.lista_lapozo_sorrend
    {
        display: block;
    }

}

/* Listák termékcsoport útvonalai */
/* Termék- és termékcsoport listák felett megjelenő szülő termékcsoport leírások */

div#lista_ut
{
    color: var(--color2);
	font-size: 1rem;
    margin: 0 0 10px 0;
	padding: 0 15px 10px 15px;
    text-align: center;
}

div#lista_ut a
{
    color: var(--color4);
	line-height: 0;
	text-decoration: none;
	transition: color 0.1s ease-in;
}

div#lista_ut a:hover
{
    color: var(--color2);
}

div.termek_lista_szulo_tcs_leiras,
div.termekcsoport_lista_szulo_tcs_leiras
{
    display: none;
}

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

    div#lista_ut
    {
        text-align: left;
    }

    div.termek_lista_szulo_tcs_leiras,
    div.termekcsoport_lista_szulo_tcs_leiras
    {
        display: block;
    }

}