@font-face {
  font-family: 'raleway';
  font-style: normal;
  font-weight: normal;
  /*font-display: swap;*/
  src: url(fonts/raleway/static/Raleway-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'raleway';
  font-style: normal;
  font-weight: 300;
  /*font-display: swap;*/
  src: url(fonts/raleway/static/Raleway-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'raleway';
  font-style: normal;
  font-weight: 800;
  /*font-display: swap;*/
  src: url(fonts/raleway/static/Raleway-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'raleway';
  font-style: normal;
  font-weight: 600;
  /*font-display: swap;*/
  src: url(fonts/raleway/static/Raleway-SemiBold.ttf) format('truetype');
}

body { 
	--textcolor: #626060;
	color: var(--textcolor);
	--headheight: 95px;
	--flatheadheight: 70px;
	margin: 0; 
	padding: var(--headheight) 0 100px 0; 
	height: 100%; 
	height: 100%;
	font-family: raleway, sans-serif, Arial, Helvetica;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.4em;
}
a { color: #00c36e; text-decoration: none; font-weight: 600; }
h1 { font-size: 50px; font-weight: 800; margin: 2em 0; }
h2 { font-size: 25px; font-weight: 600; margin: 2em 0; }
ul { padding-left: 0; }
* { box-sizing: border-box; }

.alignr { text-align: right; }
.positionr { position: relative; }
.mobilhide { display: block; }
.mobilview { display: none; }
.hide-empty { display: none; }
#ismobile, #istablet { display: none; }
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#header-spacer {
	width: 100%;
	height: var(--headheight);
}
#header {
	background-color: #FFF;
	position: fixed;
	z-index: 100;
	width: 100%;
	top: 0;
}
#header .inner {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr 2fr;
	grid-column-gap: 10px;
	align-items: center;
	height: var(--headheight);
	transition: all .35s;
	-moz-transition: all .35s; 
	-webkit-transition: all .35s; 
	-o-transition: all .35s; 
}
body.scroll #header .inner {
	height: var(--flatheadheight);
}
#header a {
	text-decoration: none;
	color: var(--textcolor);
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
#header a:hover {
	text-decoration: none;
	color: #777777;
}
#logo {
	font-size: 32px;
	margin: 0;
}
#logo span {
	color: rgb(1,195,110);
}
.menu-items {
	text-align: right;
}
.menu-items {
	display: inline-grid;
	grid-auto-flow: column;
	grid-auto-columns: auto;
	grid-gap: 30px;
	width: auto;
}
.menu-items a {
	font-weight: bold;
	font-size: 18px;
}
#menu-opener {
	position: absolute;
	z-index: 200;
	right: 0;
	margin: 0 3%;
	padding: 5px 0;
	top: 50%;
	right: 5%;
	-webkit-transform: /*translateX(-50%) */translateY(-50%);
	-ms-transform: /*translateX(-50%) */translateY(-50%);
	transform: /*translateX(-50%) */translateY(-50%);
}
#menu-opener i {
	display: block;
	width: 30px;
	height: 1px;
	margin: 9px 0 4px 0;
	border-top: 2px #444 solid;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
#menu-opener i:nth-child(1) { width: 15px; }
#menu-opener i:nth-child(3) { width: 22px; }
#menu-opener div {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}
#nyitokep .lead {
    -webkit-animation: fadein 1s;
       -moz-animation: fadein 1s;
        -ms-animation: fadein 1s;
         -o-animation: fadein 1s;
            animation: fadein 1s;
}

@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

.auth-box {
	max-width: 100%;
	width: 350px;
	margin: auto;
}
.auth-box table,
.auth-box input[type=text],
.auth-box input[type=email],
.auth-box input[type=password],
.auth-box input[type=submit],
.auth-box input[type=button],
.auth-box select {
	width: 100%;
}
.auth-box input {
	padding: 10px;

}
.imagewithtext img {
	width: 100%;
	max-width: 100%;
	position: relative;
	object-fit: cover;
	object-position: right 0%;
	height: calc(100vh - var(--headheight));
}
.imagewithtext .lead {
	position: absolute;
	top: 58%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: #FFF;
	font-size: 18px;
}
.imagewithtext .lead h1 { font-size: 2.8em; letter-spacing: 0.5em; line-height: 0.3em; margin: 1em; }
.imagewithtext .lead h2,
.imagewithtext .lead h3 { font-size: 1.3em; letter-spacing: 0.5em; line-height: 2em; margin: 1em; }
.imagewithtext .lead * { color: #FFF; }
.imagewithtext .lead a { color: #FFF; text-decoration: none; }
.album .items {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 80px;
	position: relative;
}
.album .item {
	position: relative;
}
.album .item .title {
	position: absolute;
	display: block;
	-moz-opacity:.0;
	filter:alpha(opacity=0);
	opacity:.0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	background-color: rgba(10, 10, 10, 0.5);
	padding-top: 31%;
	transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	-o-transition: all .25s;
	letter-spacing: 2px;
	font-size: 120%;
}
.album .item:hover .title  {
	-moz-opacity:10;
	filter:alpha(opacity=100);
	opacity:1;
}
.album .item img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
.mmSlider1-wrap {
	display: none;
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #FFF;
}
.mmSlider1-wrap .close {
	position: absolute;
	top: 2.5%;
	right: 3%;
	font-size: 30px;
	cursor: pointer;
}
.mmSlider1 .items {
	width: 60%;
	margin: 5%;
}
.mmSlider1 .item.akt,
.mmSlider1 .item.prev,
.mmSlider1 .item.prev2,
.mmSlider1 .item.prev3,
.mmSlider1 .item.next,
.mmSlider1 .item.next2,
.mmSlider1 .item.next3,
.mmSlider1 .item,
.mmSlider1[data-effect=fade] .item.next3,
.mmSlider1[data-effect=fade] .item.next2,
.mmSlider1[data-effect=fade] .item.next,
.mmSlider1[data-effect=fade] .item.prev3,
.mmSlider1[data-effect=fade] .item.prev2,
.mmSlider1[data-effect=fade] .item.prev {
	-webkit-transform: unset;  
	-ms-transform: unset;  
	transform: unset;
}
.mmSlider1 .points {
	width: 70%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: /*translateX(-50%) */translateY(-50%);
	-ms-transform: /*translateX(-50%) */translateY(-50%);
	transform: /*translateX(-50%) */translateY(-50%);
}
.mmSlider1 .point.next, .mmSlider1 .point.prev {
	font-size: 100px;
	position: absolute;
	font-weight: 300;
	color: gray;
}
.mmSlider1 .point.prev { left: 1%; }
.mmSlider1 .point.next { right: 1%; }
#slider-outsidetext {
	position: absolute;
    left: 67.5%;
    top: 0;
}
.pagewidth {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.pagewidth.texts {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
footer.pagewidth,
.pagewidth.fullwidth {
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.content .title {
	text-align: center;
}
footer {
	position: fixed;
	background-color: #FFF;
	font-size: 80%;
	padding: 0.3em;
	left: 0px;
	bottom: 0px;
}
footer p {
	margin: 0;
}

@media (max-width: 1000px)
{
	body { font-size: 16px; }
	ul { padding-left: 20px; }
	.album .items { grid-template-columns: repeat(1, 1fr); }
	.mobilhide { display: none; }
	.mobilview { display: block; }
	.imagewithtext .lead h1 { font-size: 1.6em; }
	.imagewithtext .lead h2,
	.imagewithtext .lead h3 { font-size: 1.1em; margin-top: 50px }
	#ismobile, #istablet { display: block; position: absolute; width: 1px;  height: 1px; }
	#header .inner { grid-auto-columns: auto; }
	body.is-menu #menu-opener i:nth-child(1) {
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: 8px;
		width: 30px;
	}
	body.is-menu #menu-opener i:nth-child(2) {
		display: none;
	}
	body.is-menu #menu-opener i:nth-child(3) {
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: -6px;
		width: 30px;
	}
	body.is-menu .menu-items {
		margin-left: 0px;
	}
	.menu-items {
		display: block;
		position: fixed;
		z-index: 100;
		padding-top: 85px;
		margin-left: 100vw;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		text-align: center;
		background-color: #FFF;
		transition: margin-left 500ms cubic-bezier(0.385, 0.035, 0.035, 1.010);
		transition-timing-function: cubic-bezier(0.385, 0.035, 0.035, 1.010);
	}
	.menu-items a {
		display: block;
		padding: 20px;
		font-weight: 300;
		font-size: 1.5em;
	}
	.mmSlider1 {
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	.mmSlider1 .items {
		margin: 0;
		width: 100%;
	}
	.mmSlider1-wrap .close {
		z-index: 200;
		top: 3.5%;
		right: 5%;
		padding: 10px;
	}
	.mmSlider1 .points {
		position: relative; 
		margin: auto;
		width: 125px;
		padding: 20px;
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
	}
	.mmSlider1 .point.next, .mmSlider1 .point.prev {
		font-size: 30px;
		margin-top: -13px;
		padding: 10px;
	}
	#slider-outsidetext {
		position: absolute;
		left: 5%;
		top: -35px;
	}

	.mmSlider1-wrap {
		overflow: hidden;
	}
	.mmSlider1 {
		top: unset;
		left: unset;
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
	}
	.mmSlider1 .points {
		position: fixed;
		z-index: 200;
		margin: 0;
		bottom: 15px;
		top: unset;
		width: 100%;
		height: auto;
		padding: 8px;
	}
	.mmSlider1 .point.next, .mmSlider1 .point.prev { left: 30%; }
	.mmSlider1 .point.next { right: 30%; left: unset; }
	.mmSlider1-wrap .close {
		top: 10px;
		right: 10px;
		padding: 8px 14px;
		font-size: 18px;
	}
	#slider-outsidetext {
		position: absolute;
		width: 100%;
		left: 10px;
		top: 10px;
		padding: 8px 12px;
		z-index: 200;
	}
}
@media (orientation: landscape) and (max-width: 1000px)
{
	.mmSlider1-wrap .close, .mmSlider1 .point.next, .mmSlider1 .point.prev {
		color: #DDDDDD;
	}
	.mmSlider1 .points {
		bottom: 0;
		color: #DDDDDD;
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	}
	.mmSlider1-wrap .close {
		top: 0;
		right: 0;
	}
	#slider-outsidetext {
		top: 0;
		left: 0;
		color: #DDDDDD;
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	}
}
@media (orientation: landscape) and (max-width: 768px)
{
	.imagewithtext .lead h2, .imagewithtext .lead h3, .imagewithtext .lead p { line-height: 0.8em; margin: 0.6em; }
}
@media (max-width: 500px)
{
	.imagewithtext .lead h1 { font-size: 1.1em; }
	.imagewithtext .lead h2,
	.imagewithtext .lead h3 { font-size: 0.8em; margin-top: 50px }
}