* {background:#fbe5bb;padding:0;margin:0;}
body {width:100%;margin:0;padding:0;}
i, h1, h2, h3, h4, h5, h6, ::marker {color:#fbe5bb;font-size:0;}
ul, li {height:0;}

#fekvo, #fekvokiir, #telefon, #telefon1, #telefon2 {width:0;height:0;font-size:0;}
#menu a {color:black;text-decoration:none;}
#logo {width:25%;height: 80px; float:left;margin:0 0 0 8%;}
#menunyit {width:60%;height: 80px;float:left;margin:0;}
#menunyit #menuki, #menunyit #menube {width:0;height:0;}
#menunyit #menuki i, #menunyit #menube i{font-size:0em;}
#nev1, #nev2{width:35%;height:30px; float: left;text-align: left;font-size: 4vh;margin:20px 0;font-family: 'Dancing Script', cursive;}
#nev1{text-align: right;width:42%;}
#logo1{width:80px;height: 80px; float: left;background-image: url(logo.png);background-size: cover;}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {text-align: center;font-size: 4vh;font-family: 'Dancing Script', cursive;width:12%;height: 30px; float: left;margin:20px 0;}
#menu4 {width:21%;margin:20px;}
#menu5 {width:14%;margin:20px 30px 20px 20px;}
#logo:hover, #menu1:hover , #menu2:hover , #menu3:hover , #menu4:hover, #menu5:hover, #menu6:hover {animation :menufokus 2.5s ;}
@keyframes menufokus {
	0%, 100% {filter:none;}
	50% {filter:blur(2px);}
}
.contener {position: relative;width: 100%;height: calc(100vh - 80px);top:0;overflow: auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;}

#kozep{transition:1s;position: relative; top:3%;width:80%;height:92%;margin: 0 10% 1% 10%;overflow:hidden;}
#kozep #bal {position: relative;top:0;left:0;width:15%;height:100%;margin:0;background:transparent;float:left;z-index:1;}
#kozep #jobb {position: relative;top:0;left:71%;width:15%;height:100%;margin:0;background:transparent;float:left;z-index:1;}
#kozep i {color:black;position:relative;top:50%;left:50%;transform: translate(-50% , -50%);font-size:6vh;background:transparent;}
#kep1.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4554.jpg);float:left;}
#kep2.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4549.jpg);float:left;}
#kep3.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4525.jpg);float:left;}
#kep4.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4809.jpg);float:left;}
#kep5.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4821.jpg);float:left;}
#kep6.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3632.jpg);float:left;}
#kep7.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3654.jpg);float:left;}
#kep8.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3730.jpg);float:left;}
#kep9.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3750.jpg);float:left;}
#kep10.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3789.jpg);float:left;}
#kep11.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3835.jpg);float:left;}
#kep12.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3839.jpg);float:left;}
#kep13.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3906.jpg);float:left;}
#kep14.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3964.jpg);float:left;}
#kep15.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3967.jpg);float:left;}
#kep16.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3995.jpg);float:left;}
#kep17.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4001.jpg);float:left;}
#kep18.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4013.jpg);float:left;}
#kep19.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5110.jpg);float:left;}
#kep20.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5203.jpg);float:left;}
#kep21.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5233.jpg);float:left;}
#kep22.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5252.jpg);float:left;}
#kep23.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5259.jpg);float:left;}
#kep24.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5260.jpg);float:left;}
#kep25.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5265.jpg);float:left;}
#kep26.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5276.jpg);float:left;}
#kep27.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5293.jpg);float:left;}
#kep28.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5303.jpg);float:left;}
#kep29.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5342.jpg);float:left;}
#kep30.active {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5361.jpg);float:left;}

#kep1.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4554.jpg);float:left;}
#kep2.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4549.jpg);float:left;}
#kep3.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4525.jpg);float:left;}
#kep4.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4809.jpg);float:left;}
#kep5.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4821.jpg);float:left;}
#kep6.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3632.jpg);float:left;}
#kep7.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3654.jpg);float:left;}
#kep8.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3730.jpg);float:left;}
#kep9.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3750.jpg);float:left;}
#kep10.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3789.jpg);float:left;}
#kep11.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3835.jpg);float:left;}
#kep12.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3839.jpg);float:left;}
#kep13.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3906.jpg);float:left;}
#kep14.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3964.jpg);float:left;}
#kep15.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3967.jpg);float:left;}
#kep16.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_3995.jpg);float:left;}
#kep17.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4001.jpg);float:left;}
#kep18.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_4013.jpg);float:left;}
#kep19.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5110.jpg);float:left;}
#kep20.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5203.jpg);float:left;}
#kep21.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5233.jpg);float:left;}
#kep22.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5252.jpg);float:left;}
#kep23.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5259.jpg);float:left;}
#kep24.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5260.jpg);float:left;}
#kep25.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5265.jpg);float:left;}
#kep26.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5276.jpg);float:left;}
#kep27.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5293.jpg);float:left;}
#kep28.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5303.jpg);float:left;}
#kep29.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5342.jpg);float:left;}
#kep30.jobbra {position:absolute;left:100%;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/260523ateskuvo/_MG_5361.jpg);float:left;}

#vissza {position:absolute;top:0;left:0;width:0;height:0;font-size:0;}

#aktualis {font-size: 1.7em;text-align: center;background: transparent;position: absolute;color: white;width: 66px;bottom: 0px;margin: 0 calc(50% - 33px);}



@media only screen and (max-width: 1460px) {
	#menu {position: fixed;top:0;left:0;width: 80%;height: 80px;margin: 0 10%;z-index:1;}
	#menu a {color:black;text-decoration:none;}
	#logo {width:79%;height: 80px; float:left;margin:0 10% 0 10%;}
	#menunyit {width:99%;height:0px;margin:0;}
	#menunyit #menuki.nyitva , #menunyit #menube.nyitva {width: 48px;height: 50px;top: 20%;right:0;position: absolute;}
	#menunyit #menuki.nyitva i, #menunyit #menube.nyitva i{color:black;font-size:3em;width: 48px;height: 50px;top: 20%;right:0;position: absolute;}
	#menunyit #menuki.zarva, #menunyit #menube.zarva {font-size:0em;width: 0px;height: 0px;top: 20%;position: absolute;}
	#nev1, #nev2{width:35%;height:30px; float: left;text-align: left;font-size: 4vh;margin:20px 0;font-family: 'Dancing Script', cursive;}
	#nev1{text-align: right;width:42%;}
	#logo1{width:80px;height: 80px; float: left;background-image: url(logo.png);background-size: cover;}
	#menu1.nyitva, #menu2.nyitva, #menu3.nyitva, #menu4.nyitva, #menu5.nyitva, #menu6.nyitva {text-align: center;font-size: 4vh;font-family: 'Dancing Script', cursive;width:101%;margin:0;height: 90px;left:-3px;position:relative;transition:1s;}
	#menu1.zarva, #menu2.zarva, #menu3.zarva, #menu4.zarva, #menu5.zarva, #menu6.zarva {text-align: center;font-size: 0vh;font-family: 'Dancing Script', cursive;width:100%;margin:0;height: 0px;transition:1s;}
	#logo:hover, #menu1:hover , #menu2:hover , #menu3:hover , #menu4:hover, #menu5:hover, #menu6:hover {animation :menufokus 2.5s ;}
	@keyframes menufokus {
		0%, 100% {filter:none;}
		50% {filter:none;}
	}
}
@media only screen and (max-width: 1367px) {
	#menu1.nyitva, #menu2.nyitva, #menu3.nyitva, #menu4.nyitva, #menu5.nyitva, #menu6.nyitva {font-size: 5vh;}
}
@media (orientation: portrait) and (max-width: 600px) {
	* {background:#fbe5bb;}
	#menu {width: 100%;height: 80px;margin:0;z-index:1000;}
	#logo {height:80px;width: 90%;margin: 0 0 10% 0;}
	.contener {scroll-snap-type:none;top:80px;}
	#nev1, #nev2 {font-size:2.7vh;}
	#logo1 {margin:10px 0 0 0;width: 45px;height: 45px;}
	#menunyit #menuki.nyitva, #menunyit #menube.nyitva {font-size: 0.7em;right:5%;}
	#menunyit #menuki.nyitva i, #menunyit #menube.nyitva i {top:0;left:10px;}
	#menunyit {margin: -120px 0px;}
	#menu1.zarva, #menu2.zarva, #menu3.zarva, #menu4.zarva, #menu5.zarva, #menu6.zarva  {position: relative;top:80px;}
	#menu1.nyitva, #menu2.nyitva, #menu3.nyitva, #menu4.nyitva, #menu5.nyitva, #menu6.nyitva  {height: 50px;top:80px;z-index:100;font-size:4vh;}
	#menu2.nyitva {transform:translateY(-2px);}
	#menu3.nyitva {transform:translateY(-4px);}
	#menu4.nyitva {transform:translateY(-6px);}
	#menu5.nyitva {transform:translateY(-8px);}
	#menu6.nyitva {transform:translateY(-10px);}
	.contener {height: calc(90vh - 80px);}
	#kozep {height:90%;margin: 10% 10% 0 10%;}
	#kozep #bal, #kozep #jobb {height:50px;width:50px;top:85%;z-index:1;background:darkgray;border-radius:20%;}
	#kozep #jobb {left:62%;}
	#kep1.jobbra, #kep2.jobbra, #kep3.jobbra, #kep4.jobbra, #kep5.jobbra, #kep6.jobbra, #kep7.jobbra, #kep8.jobbra, #kep9.jobbra, #kep10.jobbra, #kep11.jobbra, #kep12.jobbra, #kep13.jobbra, #kep14.jobbra, #kep15.jobbra, #kep16.jobbra, #kep17.jobbra, #kep18.jobbra, #kep19.jobbra, #kep20.jobbra, #kep21.jobbra, #kep22.jobbra, #kep23.jobbra, #kep24.jobbra, #kep25.jobbra, #kep26.jobbra, #kep27.jobbra, #kep28.jobbra, #kep29.jobbra, #kep30.jobbra {height:78%;}
	#kep1.active, #kep2.active, #kep3.active, #kep4.active, #kep5.active, #kep6.active, #kep7.active, #kep8.active, #kep9.active, #kep10.active, #kep11.active, #kep12.active, #kep13.active, #kep14.active, #kep15.active, #kep16.active, #kep17.active, #kep18.active, #kep19.active, #kep20.active, #kep21.active, #kep22.active, #kep23.active, #kep24.active, #kep25.active, #kep26.active, #kep27.active, #kep28.active, #kep29.active, #kep30.active {height:78%;}
	#vissza {position: absolute;top: 95%;left: 50%;transform: translate(-50%);width: 65%;height: 4%;font-size: 16px;text-align: center;border: 1px solid;border-radius: 21px;}
	#vissza a {color:black;text-decoration:none;}
}