@import 'https://fonts.googleapis.com/css?family=Bree+Serif&subset=latin-ext';
@import 'featherlight.min.css';

@font-face {
    font-family: 'bebas_neue';
    src: url('../f/bebasneue_regular-webfont.eot');
    src: url('../f/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/bebasneue_regular-webfont.woff2') format('woff2'),
         url('../f/bebasneue_regular-webfont.woff') format('woff'),
         url('../f/bebasneue_regular-webfont.ttf') format('truetype'),
         url('../f/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'bebas_neue';
    src: url('../f/bebasneue_book-webfont.eot');
    src: url('../f/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/bebasneue_book-webfont.woff2') format('woff2'),
         url('../f/bebasneue_book-webfont.woff') format('woff'),
         url('../f/bebasneue_book-webfont.ttf') format('truetype'),
         url('../f/bebasneue_book-webfont.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;

}*/	

/* GLOBAL */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
html {
	background-color:#f7f7f7;
	font-size:15px;
	line-height:1.3;

}

body,select {
	font-family:"Bree Serif", "Times New Roman", Times, serif;
	font-weight:normal;
	
	color:#231f20;
}


@media (min-width:1600px) {
body {
	font-size:112%;
}
}

@media (max-width:480px) {
body {
	*font-size:90%;
}
}


/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

nav ul, nav ul li {
	margin:0;
	padding:0;
	list-style:none;
}

p {
	vertical-align:top;
	margin-bottom:2em;
}
p span{
	vertical-align:middle;
}

img {
	max-width:100%;
	vertical-align:bottom;
	height:auto;
}

img.toleft { float:left; margin-right:20px; margin-bottom:20px; }
img.toright { float:right; margin-left:20px; margin-bottom:20px; }

@media (max-width:480px) {
img.toleft { float:none; display:block;   min-width:100%; padding:20px; }
img.toright { float:none; display:block;  min-width:100%; padding:20px; }


}

.ie8 img {	width: auto; }

a {
	color:#231f20;
	text-decoration:none;
	transition: all .3s ease 0s;

}
a:hover {
	color:#f27cb1;
	transition: all .3s ease 0s;
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

dl,dd,dt{margin:0}

small, .small {
	font-size:90%; opacity:0.6;
}
.xsmall {
	font-family:'bebas_neue', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:80%; opacity:0.4;
}

big, .big {
	font-size:120%; line-height:120%;
	*max-width:80%;
}
.tiny {
	transform: matrix(0.5, 0, 0, 0.5, 0, 0) !important;
}
.tiny:hover {
	transform: matrix(0.45, 0, 0, 0.45, 0, 0) !important;
}
.underline{
	*text-decoration:underline;
	text-shadow: .75px 0px 0px #231f20;
	vertical-align:baseline;
}

.center{
	text-align: center;
}

ol{
	padding-left:0;
}

ul{
	padding-left:17px;
}

h1,h2,h3,h4,h5,h6{
/*	font-weight:bold;*/
font-weight:normal;
}


body h1{
position:relative;
font-family:'bebas_neue', "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 3.333em;
text-align:center;
}
h6{
position:relative;
font-family:'bebas_neue', "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 3.333em;
text-align:center;
}

#ES_form h2{
text-align:center;
}
@media (min-width:480px) {
	
	html.flexbox body h1{
		display:flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items:center;
		align-content:center;
	}
	html.flexbox body h1 span:first-child, html.flexbox body h1 span:last-child  {
		display:block;
		height:6px;
		position:relative;
		width:200px;

		content:' ';
		background-repeat:no-repeat;
		background-size:contain;
		flex-grow:0;
		flex-shrink:1;
		padding:0;
	}
		
	html.flexbox body h1 span:first-child{
		background-image:url(../i/h1l.svg);
		background-position:right center;
		margin-left:10px;
		margin-right:.25em;
	}
	html.flexbox body h1 span:last-child{
		background-image:url(../i/h1r.svg);
		background-position:left center;
		margin-right:10px;
		margin-left:.25em;
	}
}


	

/* STRUCTURE START */
html{
	background-image:url(../i/bg.jpg);
}


header, #main, footer {
	text-align:center;
	position:relative;
	display:block;
	margin: 0px auto;
	width:100%;
}

.content {	
	position:relative;
	display:block;
	margin: 0px auto;
	width:100%;
	max-width:1600px;
	text-align:left;
}


header{
	background-image:url(../i/grad.png);
	background-repeat:repeat-x;
	background-position:bottom center;
	background-size:contain;
}


header .content{
	padding-top:25px;
	text-align:center;
}

.mobile { display:none; }
@media (max-width:800px) {
	.desktop { display:none; }
	.mobile { display:block; }

	header .content{
		padding-top:10px;
		position:relative;
	}
}

.mobile.logo {
	position:relative;
	width:calc(100% - 30px);
	margin-left:10px;
	height:112px;
	background-image:url(../i/header-sm.png);
	background-position:top left;
	background-origin:top left;
	background-size: auto 112px;
	z-index:60;
}

.mobile.logo a{
	position:absolute;
	display:block;

	width:195px;
	height:60px;
	left:20px;
	top:25px;
}

.mobile.logo:before {
	content:'';
	display:block;
	width:10px;
	height:112px;
	
	background-image:url(../i/header-close.png);
	position:absolute;
	top:0px;
	right:-10px;
}

@media (max-width:800px) {
	.mobile.nav{
		position:absolute;
		top:46px;
		right:27px;
		width:40px;
		height:40px;
		font-size:36px;
		line-height:32px;
		
		z-index:61;		
		text-align:center;
		padding:1px 0px 6px 0px;
	}
	
	.mobile.nav:before,.mobile.nav:after {
		content:'–';
		position:absolute;
		top:0px;
		left:0px;
		width:40px;
		height:40px;
		font-size:36px;
		padding:1px 0px 6px 0px;
	}

	.mobile.nav:before {
		line-height:18px;
	}
	.mobile.nav:after {
		line-height:46px;
	}
}

header nav ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:25px;
	display:block;
	font-family:'bebas_neue', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:0.1em;
}

header nav ul li {
	font-size: 16em;
	padding-left:10px;
	padding-right:0px;
	display:inline-block;
	position:relative;
}

header nav ul li::before {
    content: "•";
    padding-right: 10px;
}

header nav ul li:first-child::before {
    content: "";
    padding-right: 0;
}
header nav ul li:first-child {
    padding-left: 0;
}
header nav ul li:last-child {
    padding-right: 0;
}


header nav ul li:last-child a {
    color:#f17db1;
}
	
	
header nav ul li a{
	display:inline-block;
	position:relative;
}
	
header nav ul li a::before{
	content:'';
	display:block;
	position:absolute;
	bottom:-3px;
	left:0;
	width:100%;
	height:3px;
	border-bottom: rgba(35,31,32,0) solid 1px;
	transition: all .3s ease;
}

header nav ul li a:hover::before{
	border-bottom: rgba(241,125,177,1) solid 1px;
	transition: all .3s ease;

}
header nav ul li a.current::before{
	border-bottom: dashed 1px;
}

header nav ul li #header_cart {
	display:inline-block;
	position:relative;
	font-size:13px;
	top:-12px;
	left:3px;
	min-width:20px;
	background-color:#f17db1;
	color:#fff;
	padding:2px 5px 2px 4px;
	border-radius:10px
}

header nav ul li #header_cart::before {
	display:none;
}
	
	
@media (max-width:800px) {	
	header nav {
		visibility:hidden;
		opacity:0;
		transform: translate(0px, -10px);
	}
	
	header.opened nav {
		visibility:visible;
		opacity:1;
		transform: translate(0px, 0px);
		transition: transform .3s ease, opacity .3s ease ;

	}

	header nav {
	position:absolute;
	top:80px;
	right:23px;
	width:75%;
	max-width:240px;
	background-color:rgba(35,31,32,.98);
	z-index:59;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	}

header nav ul {
	margin-bottom:15px;
}	

header nav ul li {
	display:block;
	padding:8px 0 8px 0;
}

header nav ul li::before {
	display:none;
}


header nav ul li a {
	color:#FFF;
}

}

	
	
	
	
	
	
	
	
	
	
	
	
	
section {
	margin-top:2.4em;
}	

.content form, .content .keretes {
	padding-left:5%;
	padding-right:5%;
}

/* FORM */

input {
	
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}


/*
#ES_form ul {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	justify-content: center; /*space-between;/
	align-items:flex-end;
}

#ES_form li {
	width:20%;
	flex-grow:0;
	flex-shrink:0;
	min-width:200px;
	text-align:center;
}*/

#ES_form ul {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}

#ES_form dl, #ES_form dd, #ES_form dt {
	margin:0;
}

#ES_form dt {
	font-size:130%;
	text-transform:uppercase;
}

#ES_form > ul > li {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:rgba(35,31,32,0.3) dashed 1px;
}

#ES_form > ul > li:last-child {
	border-bottom:rgba(35,31,32,0.3) dashed 0px;
}


#ES_form > ul > li:nth-last-child(2) {
	border-bottom: double rgba(35,31,32,0.3) 3px;
}
#ES_form > ul.nodouble > li:nth-last-child(2) {
	border-bottom:rgba(35,31,32,0.3) dashed 1px;
}


#ES_form > ul > li > ul  {
	display:table;
	vertical-align:middle;
	width:100%;
}

#ES_form > ul > li > ul li  {
	display:table-cell;
	vertical-align:middle;
}

#ES_form > ul > li:not(:last-child) > ul li:nth-last-child(3),
#ES_form > ul > li:first-child:last-child > ul li:nth-last-child(3)
 {
	width:3.571em;
	padding-right:1em;
}
#ES_form > ul > li:not(:last-child) > ul li:nth-last-child(3) img,
#ES_form > ul > li:first-child:last-child > ul li:nth-last-child(3) img  {
	max-width:3.571em;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}

#ES_form > ul > li:not(:last-child) > ul li:nth-last-child(3) img:hover,
#ES_form > ul > li:first-child:last-child > ul li:nth-last-child(3) img:hover  {
}


#ES_form > ul > li > ul li:last-child {
	text-align:right;
	min-width:220px;
}



@media (max-width:640px) {
#ES_form > ul > li > ul  {
	display:block;
}

#ES_form > ul > li:not(:last-child) > ul li:nth-last-child(3) {
	float:left;
}
#ES_form > ul > li:not(:last-child) > ul li:nth-last-child(3) img  {
	max-width:4.7em;
}

#ES_form > ul > li > ul li, #ES_form > ul > li > ul li:last-child  {
	display:block;
	text-align:center;
}
#ES_form > ul > li > ul li:last-child {
	padding-top:1em;
}

}

/*
#ES_form dl {
	display:inline-block;
}

#ES_form p {
float:right;
margin:0;
}
*/
#ES_form input[type="number"] {
	text-align:center;
	min-height:60px;
	font-size:24px;
	width:60px;
	border:none;
	background-color:transparent;
	**vertical-align:top;
	transition: box-shadow .3s ease 0s;
}

/*
#ES_form input[type="button"] {
	position:relative;
	text-align:center;
	**vertical-align:top;
	background-color:#FFF;
	border:none;
	min-height:60px;
	min-width:60px;
	font-size:36px;
	padding:0 0 5px 0;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	border-radius:50%;
	transition: all .3s ease;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

#ES_form input[type="button"]:hover {
	background-color:#f17db1;
	box-shadow: 0px 0px 15px rgba(0,0,0,0);
	color:#FFF;
	transition: all .3s ease;
	transform: matrix(0.95, 0, 0, 0.95, 0, 0);
}
*/


span.label {
	display:inline-block;
	min-width:30%;
	text-align:right;
	padding-right:1em;
}
.SOR_form input[type="text"],
.SOR_form textarea,
#ES_form input[type="text"],
#ES_form input[type="tel"],
#ES_form input[type="email"],
#ES_form select {
	min-width:50%;
	min-height:40px;
	border-radius:3px;
	padding:2px 10px 3px 10px;
	box-shadow: 0px 1px 1px rgba(35,31,32,.25) inset;
	border:rgba(35,31,32,.151) solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.9em;
}

.SOR_form textarea {
	padding:10px 10px 11px 10px;
	min-height:100px;
	resize: vertical;
}

#ES_form input[type="text"][readonly="readonly"] {
	background:none;
	box-shadow:none;
	color: #231f20;
}

#ES_form input[type="text"][readonly="readonly"]:focus {
	box-shadow: 0px 0px 0px rgba(35,31,32,0) ;
}

.SOR_form input[type="text"]:focus,
.SOR_form textarea:focus,
#ES_form input[type="text"]:focus,
#ES_form input[type="tel"]:focus,
#ES_form input[type="email"]:focus,
#ES_form select:focus {
	box-shadow: 0px 0px 8px rgba(35,31,32,0.3) ;
}

#ES_form select{
	min-height:inherit;
	min-width:inherit;
	padding:7px 10px 8px 10px;
	max-height:100%;
}

@media (max-width:1024px) {

.SOR_form input[type="text"],
.SOR_form textarea,
#ES_form input[type="text"],
#ES_form input[type="tel"],
#ES_form input[type="email"],
#ES_form select {
	min-width:60%;
}
}

@media (max-width:800px) {
	
	.SOR_form label,
	#ES_form label{
		min-width:0;
	}
	
	span.label{
		display:block;
		width:100%;
		padding-right:0;
		padding-bottom:0.5em;
		text-align:left;
	}
	.SOR_form input[type="text"],
	.SOR_form textarea,
	#ES_form input[type="text"],
	#ES_form input[type="tel"],
	#ES_form input[type="email"] {
		width:100%;
	}

}




button, .button, #ES_form input[type="button"], #ES_form button, #ES_form input[type="submit"], .SOR_form input[type="submit"]  {
	position:relative;
	text-align:center;
	**vertical-align:top;
	background-color:#FFF;
	border:none;
	min-height:40px;
	min-width:40px;
	padding:2px 20px 5px 20px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	border-radius:20px;
	transition: all .3s ease;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

.button, #ES_form input[type="button"]{
	min-height:60px;
	min-width:60px;
	font-size:36px;
	padding:0 0 5px 0;
	border-radius:50%;
}

button:hover, .button:hover, #ES_form input[type="button"]:hover, #ES_form button:hover, #ES_form input[type="submit"]:hover, .SOR_form input[type="submit"]:hover {
	background-color:#f17db1;
	box-shadow: 0px 0px 15px rgba(0,0,0,0);
	color:#FFF;
	transition: all .3s ease;
}

.button:hover, #ES_form input[type="button"]:hover{
	transform: matrix(0.95, 0, 0, 0.95, 0, 0);
}
button:hover, #ES_form button:hover, #ES_form input[type="submit"]:hover, .SOR_form input[type="submit"]:hover{
	transform: matrix(0.99, 0, 0, 0.97, 0, 0);
}

button:focus, #ES_form input[type="button"]:focus, #ES_form button:focus, #ES_form input[type="submit"]:focus, .SOR_form input[type="submit"]:focus  {
	/*background-color:#f17db1;rgba(228,61,123,1)
	box-shadow: 0px 0px 15px rgba(0,0,0,0);
	color:#FFF;*/
}
button:active, .button:active,  #ES_form input[type="button"]:active, #ES_form button:active, #ES_form input[type="submit"]:active, .SOR_form input[type="submit"]:active {
	background-color:#ea5d96;
	transition: all 0.0s ease;
}

button:disabled, 
.button:disabled,
#ES_form button:disabled,
#ES_form input[type="button"]:disabled,
#ES_form input[type="submit"]:disabled,
.SOR_form input[type="submit"]:disabled,

button:disabled:hover,
.button:disabled:hover,
#ES_form button:disabled:hover,
#ES_form input[type="button"]:disabled:hover,
#ES_form input[type="submit"]:disabled:hover,
.SOR_form input[type="submit"]:disabled:hover {
	color:rgba(35,31,32,0.3);
	background-color:#fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
}

.potty {
	border:none;
	display:inline-block;
	width:60px;
	height:60px;
	position:relative;
	text-align:center;
	**vertical-align:top;
	font-size:36px;
	padding:0 0 5px 0;
	border-radius:50%;
	background-size:cover;
}

.potty.true {
	background-image:url(../i/true.svg);
	background-color:#6cbd45;
}

.potty.false {
	background-image:url(../i/false.svg);
	background-color:#ed1c24;
}


#ES_form input[type="checkbox"], #ES_form input[type="radio"],
.SOR_form input[type="checkbox"], .SOR_form input[type="radio"]
{
	min-height:60px;
	text-align:center;
	**vertical-align:top;
	display:none;
}

#ES_form input[type="checkbox"]+label.checkbox, #ES_form input[type="radio"]+label.checkbox,
.SOR_form input[type="checkbox"]+label.checkbox, .SOR_form input[type="radio"]+label.checkbox
{
	display:inline-block;
	min-width:60px;
	line-height:60px;
	height:60px;
	position:relative;
	text-align:center;
	**vertical-align:top;
	font-size:36px;
	border-radius:50%;
	background-color:#fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	cursor:pointer;
}
@media (max-width:400px) {
#ES_form input[type="checkbox"]+label.checkbox, #ES_form input[type="radio"]+label.checkbox,
.SOR_form input[type="checkbox"]+label.checkbox, .SOR_form input[type="radio"]+label.checkbox
{
	min-width:50px;
	line-height:50px;
	height:50px;
	font-size:24px;
}
}

#ES_form input[type="checkbox"]+label.checkbox:before, #ES_form input[type="radio"]+label.checkbox:before,
.SOR_form input[type="checkbox"]+label.checkbox:before, .SOR_form input[type="radio"]+label.checkbox:before
 {
	display:inline-block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
	border-radius:50%;
	background-color:rgba(35,31,32,.151);
	transform: scale(0.35, 0.35);
	transition: all .3s ease;
}
@media (max-width:400px) {
#ES_form input[type="checkbox"]+label.checkbox:before, #ES_form input[type="radio"]+label.checkbox:before,
.SOR_form input[type="checkbox"]+label.checkbox:before, .SOR_form input[type="radio"]+label.checkbox:before
 {
	width:50px;
	height:50px;

}
}

#ES_form input[type="checkbox"]+label.checkbox:after, #ES_form input[type="radio"]+label.checkbox:after,
.SOR_form input[type="checkbox"]+label.checkbox:after, .SOR_form input[type="radio"]+label.checkbox:after
{
	display:inline-block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
	border-radius:50%;
	background-color:rgba(255,255,255,1);
	transform: scale(0.25, 0.25);
	transition: all .3s ease;
}
@media (max-width:400px) {
#ES_form input[type="checkbox"]+label.checkbox:after, #ES_form input[type="radio"]+label.checkbox:after,
.SOR_form input[type="checkbox"]+label.checkbox:after, .SOR_form input[type="radio"]+label.checkbox:after
{
	width:50px;
	height:50px;
}
}

#ES_form input[type="checkbox"]:hover+label:before, #ES_form input[type="radio"]:hover+label:before,
.SOR_form input[type="checkbox"]:hover+label:before, .SOR_form input[type="radio"]:hover+label:before 
{

}

#ES_form input[type="checkbox"]:hover+label.checkbox:after, #ES_form input[type="radio"]:hover+label.checkbox:after,
.SOR_form input[type="checkbox"]:hover+label.checkbox:after, .SOR_form input[type="radio"]:hover+label.checkbox:after
{
	transform: scale(0, 0);
	transition: all .3s ease;
}


#ES_form input[type="checkbox"]:checked+label.checkbox:before, #ES_form input[type="radio"]:checked+label.checkbox:before,
.SOR_form input[type="checkbox"]:checked+label.checkbox:before, .SOR_form input[type="radio"]:checked+label.checkbox:before
{
	display:inline-block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:60px;
	border-radius:50%;
	background-color:rgba(35,31,32,1);
	transform: scale(0.35, 0.35);
	transition: all .3s ease;
}

@media (max-width:400px) {
#ES_form input[type="checkbox"]:checked+label.checkbox:before, #ES_form input[type="radio"]:checked+label.checkbox:before,
.SOR_form input[type="checkbox"]:checked+label.checkbox:before, .SOR_form input[type="radio"]:checked+label.checkbox:before
{
	width:50px;
	height:50px;

}
}


#ES_form input[type="checkbox"]:checked+label.checkbox:after, #ES_form input[type="radio"]:checked+label.checkbox:after,
.SOR_form input[type="checkbox"]:checked+label.checkbox:after, .SOR_form input[type="radio"]:checked+label.checkbox:after
{
	transform: scale(0, 0);
}


#ES_form input[type="checkbox"]:checked:hover+label.checkbox:before, #ES_form input[type="radio"]:checked:hover+label.checkbox:before,
.SOR_form input[type="checkbox"]:checked:hover+label.checkbox:before, .SOR_form input[type="radio"]:checked:hover+label.checkbox:before

{
	background-color:rgba(241,125,177,1);
	transition: all .3s ease;
}

#ES_form input[type="checkbox"]+label.checkbox + *, #ES_form input[type="radio"]+label.checkbox + *,
.SOR_form input[type="checkbox"]+label.checkbox + *, .SOR_form input[type="radio"]+label.checkbox + *
{
	margin-left:1em;
	line-height:60px; vertical-align:top;
}
@media (max-width:400px) {
#ES_form input[type="checkbox"]+label.checkbox + *, #ES_form input[type="radio"]+label.checkbox + *,
.SOR_form input[type="checkbox"]+label.checkbox + *, .SOR_form input[type="radio"]+label.checkbox + *
{
	line-height:50px;
}
}


a.big, 
#ES_form .big,
input[type="button"].big,
input[type="submit"].big
{
	transform: matrix(1.25, 0, 0, 1.25, 0, 0) !important;
}

a.big:hover, 
#ES_form .big:hover,
input[type="button"].big:hover,
input[type="submit"].big:hover {
	transform: matrix(1.24, 0, 0, 1.22, 0, 0) !important;
}



.error{
	color:#ED1C24;
}

hr {
	border:none;
	border-bottom:rgba(35,31,32,0.3) dashed 1px;
  margin-bottom: 2em;
}

hr.small {
	margin-left:15%;
	margin-right:15%;
}

.button {
	display:inline-block;
	min-height:76px;
	min-width:76px;
	font-size:42px;
	line-height:66px;
	margin-top:.5em;
}
.button.disabled, .button.disabled:hover {
	color:rgba(35,31,32,0.3);
	background-color:#fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	transform: matrix(1, 0, 0, 1, 0, 0);
	cursor:default;
}

.banner {
	max-width:900px;
	margin:0 auto;
	text-align:left;
}

.banner figure img {
float:left;
max-width:30%;
margin-right:4.5%;
}

@media (max-width:1366px) and (min-width:800px) {
	.banner figure img {
		max-width:25%;
	}
}

.banner figure figcaption {
	padding-top:2em;
	font-size:3vw;
	line-height:120%;
}

@media (min-width:900px) {
	
.banner figure figcaption {
	font-size:185%;
}
}

@media (max-width:640px) {
.banner figure figcaption {
	font-size:150%;
}
}
@media (max-width:480px) {
.banner {
	text-align:center;
}
.banner figure img {
float:none;
max-height:240px;
max-width:100%;
margin-right:0;
}
.banner figure figcaption {	
	padding-top:1em;
}
}


.banner button {
	margin-top:0.5em;
	margin-left:0.3em;
	margin-right:0.3em;
}


/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

ol {
	margin:0;
	padding:0;
	list-style:none;
}

.box {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	background-color:#FFF;
}


/* -------------- HOME HÍREK -------------- */

@media (min-width:800px) {
.halfbox .flexbox{
	padding-left:2%;
	padding-right:2%;
}
}
.halfbox article, .halfbox a.article {
	width:32%;
	float:left;
	display:table;
	height:300px;
	margin-right:2%;
	margin-bottom:30px;
	position:relative;
	*border-bottom-right-radius: 28px;
}

.halfbox article:nth-of-type(3n),
.halfbox a.article:nth-of-type(3n){
	margin-right:0%;
}

.halfbox article:nth-of-type(3n+1),
.halfbox a.article:nth-of-type(3n+1){
	clear:both;
}

.halfbox article div,
.halfbox a.article div{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.halfbox article.message.picture div,
.halfbox a.article.message.picture div{
	width:50%;
}
.halfbox article div.picture,
.halfbox a.article div.picture {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;

}
.halfbox article div.picture img,
.halfbox a.article div.picture img{
	width:100%;
	min-height:300px;
	max-height:300px;
	opacity:0;
}

.halfbox article div.message,
.halfbox a.article div.message {
	padding:20px;
}

.halfbox article a.button, 
.halfbox a.article a.button {
	position:absolute;
	right:-10px;
	bottom:-10px;
	box-shadow:none;
}



@media (max-width:1280px) {
	
	.halfbox article div,
	.halfbox a.article div{
		width:100%;
		display:table;
		vertical-align:middle;
		text-align:center;	
	}
	
	.halfbox article div.picture img,
	.halfbox a.article div.picture img {
		min-height:inherit;
		max-height:300px;
		opacity:0;
	}
	.halfbox article div.message {
		/* ,
	.halfbox a.article div.message */
		padding-bottom:4em;
	}
}

/* FLEXBOX */

html.flexbox .halfbox .flexbox {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:stretch;
	float:none;
}


html.flexbox .halfbox .flexbox article,
html.flexbox .halfbox .flexbox a.article{
	flex-grow:0;
	flex-shrink:0;
	height:inherit;
	min-height:300px;
	float:none;
	margin-right:0;
	
	display:flex;	
	justify-content: space-between;
	align-items:stretch;
	align-content:stretch;
	flex-wrap: nowrap;
}

html.flexbox .halfbox .flexbox article div,
html.flexbox .halfbox .flexbox a.article div{
	flex-grow:1;
	flex-shrink:1;
	align-self:stretch;
	width:50%;
}

html.flexbox .halfbox .flexbox article div.message,
html.flexbox .halfbox .flexbox a.article div.message {
	align-self:center;
}

html.flexbox .halfbox .flexbox article:nth-of-type(6n), html.flexbox .halfbox .flexbox article:nth-of-type(6n-1), html.flexbox .halfbox .flexbox article:nth-of-type(6n-2),
html.flexbox .halfbox .flexbox a.article:nth-of-type(6n), html.flexbox .halfbox .flexbox a.article:nth-of-type(6n-1), html.flexbox .halfbox .flexbox a.article:nth-of-type(6n-2){
	flex-direction:row-reverse;
}

@media (max-width:1280px) {
	
	html.flexbox .halfbox .flexbox article,
	html.flexbox .halfbox .flexbox a.article{
	flex-direction:column !important;
	}
	
	html.flexbox .halfbox .flexbox article div,
	html.flexbox .halfbox .flexbox a.article div{
		width:100%;
	}
	
	html.flexbox .halfbox .flexbox article div ,
	html.flexbox .halfbox .flexbox a.article div {
		display:block;
	}

}

@media (max-width:800px) and (min-width:480px) {
	
	.halfbox article,
	.halfbox a.article {
		margin-right:4%;

		width:48%;
	}
	.halfbox article:nth-of-type(3n),
	.halfbox a.article:nth-of-type(3n) {
		margin-right:4%;
		float:left;
	}

	.halfbox article:nth-of-type(3n+1),
	.halfbox a.article:nth-of-type(3n+1){
		clear:inherit;
	}
	
	
	.halfbox article:nth-of-type(2n),
	.halfbox a.article:nth-of-type(2n){
		margin-right:0;
	}
	.halfbox article:nth-of-type(2n+1),
	.halfbox a.article:nth-of-type(2n+1){
		clear:both;
	}
}

@media (max-width:480px) {
	
	.halfbox article,
	.halfbox a.article {
		margin-right:0;
		width:100%;
		border-bottom-right-radius: 0;
	}
	
	html.flexbox .halfbox .flexbox article,
	html.flexbox .halfbox .flexbox a.article{
		min-height:inherit;
	}
	
}



#postaPontApi-inner form button,
#postaPontApi-inner form .button,
#postaPontApi-inner form button:hover,
#postaPontApi-inner form .button:hover {
	transform:none !important;
	min-height:auto;
	min-width:auto;
}

#postaPontApi-inner form button#pp-geoloc-button,
#postaPontApi-inner form button#pp-select-button {
	width:110px;
}


#postaPontApi-inner form div#pp-select-container {
	min-height:30px !important;
}

#postaPontApi-inner form div#pp-select-container select {
min-height:19px !important;
background-color:transparent;
font-family:Arial, Helvetica, sans-serif;
font-size:13.3px;
}

.kapcsolat ul { list-style:none; margin:0; padding:0;
}


.kapcsolat ul { display:table; width:100%; }
.kapcsolat ul li { display:table-cell; width:25%; float:left; padding:0 20px 20px 20px; }

html.flexbox .kapcsolat ul { 

	display:flex;	
	justify-content: flex-start;
	align-items:stretch;
	align-content:flex-start;
	flex-wrap: wrap;


 }
html.flexbox .kapcsolat ul li { 

	flex-grow:0;
	flex-shrink:1;
	align-self:stretch;
	float:none;


 }



@media (max-width:1024px) {
.kapcsolat ul li { width:33%; }
}
@media (max-width:640px) {
.kapcsolat ul li { width:50%; }
}
@media (max-width:400px) {
.kapcsolat ul li { width:100%; padding:padding:0 0 20px 0; }
}


aside {
	float:right;
	padding:0.5em 2em 0 2em;
	width:25%;
	min-width:286px;
	margin-bottom:1em;
	margin-left:2em;
}

@media (max-width:600px) {
	aside {
	width:100%;
	}
}


.sorlista { position:relative; }
.sorlista * { *box-shadow: 0px 0px 1px rgba(0,0,0,0.3) inset; }

.sorlista .slider {
	padding-left:0%;
	padding-right:0%;
	display:block;
	overflow:hidden;
	width:84%;
	position:relative;
	margin-left:8%;
}

@media (max-width:1366px) {

.sorlista .slider {
}
}

@media (max-width:1280px) {
/*.sorlista .slider {
	padding-left:10%;
	padding-right:10%;
}

.sorlista .slider {
	padding-left:0%;
	padding-right:0%;
	display:block;
	overflow:hidden;
	width:100%;
	position:relative;
	margin-left:0px;
}*/
}

.sorlista .slider ul {
	list-style:none;
	margin:0;
	padding:0;
}

.sorlista .slider > ul {
	position:relative;
	display:block;
	white-space: nowrap;
	
}

.sorlista .slider > ul > li{
	width:16.6665%;
	min-width:185px;
	display:inline-block;
	padding:15px;
	font-size:1.2em;
	text-align:center;
	white-space:normal;
	vertical-align:top;
}

#soreinkSlider{
transition: left 1s ease 0s;
}
#soreinkSlider.p1{left:0%;}
#soreinkSlider.p2{left:-100%;}
#soreinkSlider.p3{left:-200%;}
#soreinkSlider.p4{left:-300%;}
#soreinkSlider.p5{left:-400%;}
#soreinkSlider.p6{left:-500%;}
#soreinkSlider.p7{left:-600%;}
#soreinkSlider.p8{left:-700%;}
#soreinkSlider.p9{left:-800%;}
#soreinkSlider.p10{left:-900%;}
#soreinkSlider.p11{left:-1000%;}
#soreinkSlider.p12{left:-1100%;}
#soreinkSlider.p13{left:-1200%;}
#soreinkSlider.p14{left:-1300%;}

@media (max-width:1366px) {
.sorlista .slider > ul > li{
	width:20%;
}
}
@media (max-width:1150px) {
.sorlista .slider > ul > li{
	width:25%;
}
}
@media (max-width:900px) {
.sorlista .slider > ul > li{
	width:33.3332%;
}
}
@media (max-width:680px) {
.sorlista .slider > ul > li{
	width:50%;
}
}
@media (max-width:480px) {
.sorlista .slider > ul > li{
	width:100%;
	min-width:185px;
}
}

.starsp {
	display:inline-block;
	
	font-size:1.2em;
	text-align:center;
	white-space:normal;
	vertical-align:top;
	margin:0;
}
.starsp span{
	vertical-align:middle;
}

.sorlista .slider a {
	display:block;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
	background-color:rgba(255,255,255,0);
	position:relative;
	transition: all .3s ease 0s;
}

.sorlista .slider a:hover {
	color:#231f20;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	background-color:rgba(255,255,255,1);
	transition: all .3s ease 0s;
  -ms-transform: translate(0px, -5px);
  -webkit-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.sorlista .slider a dl{
	padding:30px 30px 30px 30px;
	position:relative;
}

.sorlista .slider a:hover dl{
	/*padding:25px 30px 35px 30px;*/
}

.sorlista .slider a dl dt img{
	max-height:254px;
}

.sorlista .slider a dl dd{
	display:table;
	width:100%;
}

.sorlista .slider a dl dd ul{
	height:90px;
	display:table-cell;
	width:100%;
	vertical-align:middle;
}

.sorlista .slider a dl dd ul li:first-child{
	margin-top:10px;
}

.sorlista .slider a {
	overflow:hidden;
}
.sorlista .slider a > div {
	position:absolute;
	display:block;
	top:0px;
	left:0;
	width:100%;
	height:258px;
	transition: all .3s ease 0s;
	opacity:0;
	-webkit-box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.15);
	box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.15);
}

.sorlista .slider a:hover > div {
	transition: top .3s ease 0s, opacity .8s ease 0s;
	opacity:1;
	top:-5px;
	

	
	
	/*
	margin-left:-70px;
	margin-top:-100px;
	width:140px;
	height:140px;
	border-radius:300px;*/
}



.stars {
display:inline-block;
width:70px; 
height:14px;
background-image:url(../i/starsl-01.svg);
}
.stars.large {
width:140px; 
height:28px;
background-size:220%;
}

.s00 { background-position:-70px 0; opacity:0.75; }
.s0 { background-position:-70px 0; }
.s5 { background-position:-70px -14px; }
.s10 { background-position:-56px 0; }
.s15 { background-position:-56px -14px; }
.s20 { background-position:-42px 0; }
.s25 { background-position:-42px -14px; }
.s30 { background-position:-28px 0; }
.s35 { background-position:-28px -14px; }
.s40 { background-position:-14px 0; }
.s45 { background-position:-14px -14px; }
.s50 { background-position:0 0; }

.s00.large { background-position:-140px 0; opacity:0.75; }
.s0.large { background-position:-140px 0;}
.s5.large { background-position:-140px -28px; }
.s10.large { background-position: -112px 0; }
.s15.large { background-position:-112px -28px; }
.s20.large { background-position:-84px 0; }
.s25.large { background-position:-84px -28px; }
.s30.large { background-position:-56px 0; }
.s35.large { background-position:-56px -28px; }
.s40.large { background-position:-28px 0; }
.s45.large { background-position:-28px -28px; }
.s50.large { background-position:0 0; }

.sorlista .slider dd span{
	display:inline-block;
	vertical-align:middle;
}


#soreinkSliderPrev, #soreinkSliderNext{
	position:absolute;
	display:inline-block;
	bottom:40%;
}

#soreinkSliderPrev{
	left:2.2%;
}

#soreinkSliderNext{
	right:2.2%;
}



@media (max-width:1280px) {
	
#soreinkSliderPrev{
	left:1.8%;
}

#soreinkSliderNext{
	right:1.8%;
}
/*		
#soreinkSliderPrev, #soreinkSliderNext{
	position:absolute;
	display:inline-block;
	bottom:40%;
}

#soreinkSliderPrev{
	left:3%;
}

#soreinkSliderNext{
	right:3%;
}*/
}

.halfbox.nagysorlista a.article div.picture {
	-webkit-box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.15);
	box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.15);
	background-size: auto 85%;
	transition: all .3s ease-in 0s;
}
a.article span{ color:#231f20; }
a.article:hover span{ color:#231f20; }

.halfbox.nagysorlista a.article:hover div.picture {
	background-size: auto 90%;
	transition: all .3s ease-out 0s;
}


.malatak ul, .komlok ul { list-style:none; margin:0; padding:0;}


.malatak ul, .komlok ul { display:table; width:100%; }
.malatak ul li, .komlok ul li { display:table-cell; width:25%; float:left; padding:0 20px 20px 20px; }




html.flexbox .malatak ul,
html.flexbox .komlok ul{
	display:flex;	
	justify-content: flex-start;
	align-items:stretch;
	align-content:flex-start;
	flex-wrap: wrap;
}

html.flexbox .malatak ul li,
html.flexbox .komlok ul li{
	flex-grow:0;
	flex-shrink:1;
	align-self:stretch;
	float:none;
}

@media (max-width:1280px) {
.malatak ul li, .komlok ul li { width:33%; }
}
@media (max-width:1024px) {
.malatak ul li, .komlok ul li { width:50%; }
}
@media (max-width:640px) {
.malatak ul li, .komlok ul li { width:100%; }
}
@media (max-width:400px) {
.malatak ul li, .komlok ul li { width:100%; padding:padding:0 0 20px 0; }
}


.halfbox.malatak article div,
.halfbox.komlok article div{
		vertical-align:middle;
		text-align:center;	
}

html.flexbox .halfbox.malatak .flexbox article,
html.flexbox .halfbox.komlok .flexbox article{
	min-height:inherit;
}
	
@media (max-width:1280px) {
	.halfbox.malatak article div,
	.halfbox.komlok article div{
		display:table-cell;
		padding-bottom:20px;
	}

	html.flexbox .halfbox.malatak .flexbox article,
	html.flexbox .halfbox.komlok .flexbox article {
		flex-direction:row !important;
	}

}

	



/* EGYSOR */



.egysor h1{
	text-align:left;
	margin:0;
}

html.flexbox body .egysor h1{
	justify-content: left;
	align-items:left;
	align-content:left;
}

/* NAGYOBB */
@media (min-width:800px) {
.egysor {
	padding-left:5%;
	padding-right:5%;
}
.egysor .product-image{
	background-color:transparent !important;
	padding-top:2.5em;
}
.egysor .product-image img{
	background-position:center 55%;
	background-repeat:no-repeat;
	background-size: 90% auto;
}
.egysor .banner {
	display:table;
}

.egysor .banner .product-image{
	display:table-cell;
	width:35%;
	vertical-align:top;
}


.egysor .banner .product-description{
display:table-cell;
width:65%;
vertical-align:top;

}

}
/* KISSEBB */
@media (max-width:800px) {
	
	.egysor .banner .product-description{
		padding-left:5%;
		padding-right:5%;
	}

	.egysor .product-image{
		text-align:center;
		padding-top:2em;
		-webkit-box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.15);
		box-shadow: inset 0px 0px 40px 0px rgba(0,0,0,0.15);
	}
	.egysor .product-image img{
		display:inline-block;
		float:none;
		clear:both;
		max-height:400px;
		background-image:none !important;
	}
	
	.egysor .starsp{
		margin-top:1.5em;
		text-align:center;
		display:block;
	}
	.egysor h1{
		text-align:center;
		margin-bottom:.5em;
	}
	
	html.flexbox body .egysor h1{
		justify-content: center;
		align-items:center;
		align-content:center;
	}
}

@media (max-width:480px) {
	.egysor .product-image img{
		max-height:320px;
	}
}



dl.title {
	font-family:'bebas_neue', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:1.6em;
}
dl.title dd{
	text-align:right;
}


.bebas{
	font-family:'bebas_neue', "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	text-transform:uppercase;
}

ul.adatok,
ul.ertekeles,
ul.parameterek {
	display:table;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}

ul.adatok li {
	vertical-align:top;
	margin:0em;
	padding:1em;
	display:table-cell;
	width:25%;
	text-align:center;
	font-family:'bebas_neue', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	font-size:1.3em;	
}
ul.adatok li .giant {
	font-size:250%;
}

@media (max-width:1024px) {
ul.adatok li {
	
	padding:0em 1em 1em 1em;
	}
	ul.adatok li .giant:before { content: ' '; display: block; }
}

ul.parameterek li {
	vertical-align:top;
	margin:0em;
	padding:1em;
	display:table-cell;
	width:40%;
}

ul.parameterek li:last-child {
	width:10%;
	text-align:left;
	min-width:210px;
}

ul.adatok li:last-child, ul.parameterek li:last-child {
	padding-right:0;
}

ul.adatok li:first-child, ul.parameterek li:first-child {
	padding-left:0;
}



@media (max-width:800px) {
	ul.parameterek li {
		display:inline-block;
		width:49%;
	}
	
	ul.parameterek li:last-child {
		width:100%;
		display:block;
		text-align:center;

		border-top:rgba(35,31,32,0.3) dashed 1px;
		margin-bottom: 2em;
	}
}

@media (max-width:640px) {
	ul.adatok li {
		display:inline-block;
		width:49%;
		padding:0em;
	}
}

@media (max-width:480px) {
	ul.parameterek {
		display:block;
	}
	
	ul.parameterek li {
		display:block;
		width:100%;
		padding:0;
		margin:0;
	}
	
	ul.parameterek li:last-child h2 {
		text-align:left;
	}
}


ul.ertekeles li {
	vertical-align:top;
	margin:0em;
	padding:0em;
	display:table-cell;
	width:70%;
}
ul.ertekeles li p {margin-top:0; margin-bottom:1em;	padding:0; }

ul.ertekeles li:first-child { width:30%; }

ul.ertekeles li textarea{
	width:100%;
}

@media (max-width:800px) {
	ul.ertekeles li {
		display:block;
		width:100%;
	}
	ul.ertekeles li:first-child {
		width:100%;
	}
	
	ul.ertekeles li:first-child p {
		display:inline-block;
		width:49%;
		text-align:center;
		
	}
	ul.ertekeles li:last-child {
		border-top:rgba(35,31,32,0.3) dashed 1px;
		margin-bottom: 2em;
	}
}

@media (max-width:480px) {
	ul.ertekeles li:first-child p {
		display:block;
		width:auto;
	}
}




footer {
	background: rgba(35,31,32,0.05);
	border-top:rgba(35,31,32,0.3) dashed 1px;
  padding-top: 1.5em;
	
}

footer .content {
	padding-left:15px;
	padding-right:15px;
}

footer ul {padding-left:0px; padding-right:0px; margin-left:0; margin-right:0; text-align:center;}

footer ul li {display:inline-block; padding-left:10px; padding-right:10px;}



ul.ertekelo {
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
	width:60%;
}
ul.ertekelo li{
	display:inline-block;
	margin:0;
	padding:0;
	width:17%;
	text-align:center;
} 

ul.ertekelo li br {margin:0 0 1em 0 !important;}

@media (max-width:800px) {
ul.ertekelo {
	margin-top:1em;
	display:block;
	width:100%;
	}
	ul.ertekelo li{
	width:19%;

}
}

.cimke {
	 color:#f17db1 !important;
	 font-family:'bebas_neue', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-size:65%;
	 display:block !important;
	 margin-bottom:-.5em;
}
@media (max-width:800px) {
.sor .cimke{
	text-align:center;
}

}



/*:not(#ES_form)*/
/*background-color:rgba(241,125,177,0.25);*/


/* ------ !!!!!! 2022 !!!!!! ------ */

/* ------ Látogatás fül ------ */

#lat {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.latbox, .latbox::after, #latle, #latarak {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	background-color:#FFF;
	text-align: center;
}

.latbox::after {
	content: "";
	display: block;
  }
  
  @media (min-width: 768px) {
  
	.latbox {
	  width: 30%;
	  padding: 1.5rem;
	  margin: .5rem;

	/* text-align: center;
	position: relative;
	display: block;
	margin: 0px auto;
	width: 100%; */
	}
  
	.latbox::after {
	  display: none;
	}
  
  }

.latbox img {
	width: 100%;
	object-fit: cover;
  }

.latbox button {
	margin: 10px;
}

#latle {
	width: auto;
	border-radius: 10%;
}

#latarak {
	width: fit-content;
	border-radius: 10%;
	padding: inherit;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

/* Popup container */
.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
  }
  
  /* The actual popup (appears on top) */
  .popup .popuptext {
	visibility: hidden;
	width: 160px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -80px;
  }
  
  /* Popup arrow */
  .popup .popuptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
  }
  
  @keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
  }
/* ------ Látogatás fül vége ------ */

/* ------ Hírek box ------ */

#hirekbox {
	/* box-shadow: 0px 0px 15px rgba(0,0,0,0.25); */
	/* background-color:rgba(255, 255, 255, 0); */
	text-align: center;
	margin: 2%;
}

div#hirekbox div {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	/* border: solid 2px;
	border-color: rgba(0, 0, 0, 0.925); */
	padding: 2px;
	margin-bottom: 10px;
}

/* ------ Hírek box vége ------ */


/* ------ TERASZ ------ */

.float-container {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	justify-content: space-between;
}

.teraszinfo {
	display: flex;
	flex-direction: column;
	border: solid;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 2rem;
	align-items: center;
	width: 20rem;
	text-align: center;
}

.teraszinfo img {
	width: 7rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}

#clock {
	text-align: center;
}

#clock2 {
    text-align: center;
	margin-bottom: 1rem;
}

.teraszinfo h2 {
	margin-top: 0;
	padding-top: 1rem;
}

.teraszinfo p {
	margin-top: 0;
	margin-bottom: 1rem;
}

.teraszleiras {
	display: flex;
	flex-direction: column;
	width: 50rem;
}

.teraszleiras p {
	margin: 0;
	padding-bottom: 2rem;
}

.terasz1 img, .terasz3 img{
	max-height: 200px;
	float: left;
	margin-right: 2rem;
	margin-bottom: 1rem;
	border: solid;
}

.terasz2 img{
	max-height: 200px;
	float: right;
	margin-left: 2rem;
	margin-bottom: 1rem;
	border: solid;
}

/* .terasz1, .terasz2, .terasz3 {
	max-width: 600px;
	border: 2px solid black;
	padding: 1rem;
	margin: 0 0 1rem 0;
	display: flex;
	align-items: flex-start; 
  } */

/* ------ RÓLUNK ------ */

#langbtn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1rem;
}

#langbtn button {
	margin: 1rem;
}

#lang_2 {
	display: none;
}

.csapat {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	text-align: center;
}


/* ------ KAPCSOLAT ------ */

#contactbtn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1rem;
}

#contactbtn button {
	margin: 1rem;
}

.contactlist {
	display: flex;
	justify-content: center;
	max-width: 800px;
	flex-wrap: wrap;
	flex-direction: column;
}

.contactbox {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
    margin: 1rem;
    text-align: justify;
}

#show_1 {
	display: flex;
	justify-content: center;
}

#show_2 {
	display: none;
}


/* ------ CSAPATEPITO ------ */

#csptinfo{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#csptinfo p{
	text-align: center;
}

.csptleiras{
	display: flex;
	flex-direction: column;
	max-width: 800px;
}