* {background: #fbe5bb;padding: 0;margin: 0;}
body {width:99.9%;margin:0;padding:0;}
::-webkit-scrollbar {width:12px;}
::-webkit-scrollbar-thumb {background:linear-gradient(to bottom, transparent, #00e7ff, #0003ff);border-radius: 50% 50% ;}
i, h1, h2, h3, h4, h5, h6 {color:#fbe5bb;font-size:0;}

#fekvo, #fekvokiir, #telefon, #telefon1, #telefon2 {width:0;height:0;font-size:0;}
#menu a {color:black;}
#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 {text-align: center;font-size: 4vh;font-family: 'Dancing Script', cursive;width:18%;height: 30px; float: left;margin:20px 0;}
#menu3 {width:21%;}
#logo:hover, #menu1:hover , #menu2:hover , #menu3:hover , #menu4:hover, #menu5:hover {animation :menufokus 2.5s ;}
@keyframes menufokus {
	0%, 100% {filter:none;}
	50% {filter:blur(2px);}
}
.contener {position: relative;width: 100%;height: calc(100vh - 80px);overflow: auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;}
.contener #alsosav {position:relative;bottom:0;width:100%;height:5%;background:black;}
.contener #alsosav p {position:relative;top:20%;background:black;color:white;font-size:2vh;text-align:center;}
.contener #koszonom {position:relative;width:60%;height:40%;margin:10% 20%;}
.contener #koszonom p {text-align: center;font-size: 4vh;}
#koszon {position: relative; width:80%;height:99%;margin: 0 10% 1% 10%;overflow:hidden; scroll-snap-align: start;}
#kep1 {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/240629zjeskuvo/IMG_1645.jpg);float:left;animation :portfolio1 40s infinite;}
@keyframes portfolio1 {
    99% {opacity:0;}
	100%,0%,9% {opacity:1;}
	10%,98% {opacity:0;}
}
#kep2 {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/bgeskuvo/IMG_4751.jpg);float:left;animation :portfolio2 40s infinite;}
@keyframes portfolio2 {
    0%,9% {opacity:0;}
	10%,19% {opacity:1;}
	20%,100% {opacity:0;}
}
#kep3 {position:absolute; width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/paros/IMG_5662.jpg);float:left;animation :portfolio3 40s infinite;}
@keyframes portfolio3 {
    0%,19% {opacity:0;}
	20%,29% {opacity:1;}
	30%,100% {opacity:0;}
}
#kep4 {position:absolute;width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/paros/IMG_2096.jpg);float:left;animation :portfolio4 40s infinite;}
@keyframes portfolio4 {
    0%,29% {opacity:0;}
	30%,39% {opacity:1;}
	40%,100% {opacity:0;}
}
#kep5 {position:absolute; width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/portre/IMG_1641.jpg);float:left;animation :portfolio5 40s infinite;}
@keyframes portfolio5 {
    0%,39% {opacity:0;}
	40%,49% {opacity:1;}
	50%,100% {opacity:0;}
}
#kep6 {position:absolute; width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/portre/IMG_2667.jpg);float:left;animation :portfolio6 40s infinite;}
@keyframes portfolio6 {
    0%,49% {opacity:0;}
	50%,59% {opacity:1;}
	60%,100% {opacity:0;}
}
#kep7 {position:absolute; width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position:center;background-image: url(portfolio/csaladi/IMG_2465.jpg);float:left;animation :portfolio7 40s infinite;}
@keyframes portfolio7 {
    0%,59% {opacity:0;}
	60%,69% {opacity:1;}
	70%,100% {opacity:0;}
}
#kep8 {position:absolute; width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/csaladi/IMG_2470.jpg);float:left;animation :portfolio8 40s infinite;}
@keyframes portfolio8 {
    0%,69% {opacity:0;}
	70%,79% {opacity:1;}
	80%,100% {opacity:0;}
}
#kep9 {position:absolute; width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/baba/IMG_2641.jpg);float:left;animation :portfolio9 40s infinite;}
@keyframes portfolio9 {
    0%,79% {opacity:0;}
	80%,89% {opacity:1;}
	90%,100% {opacity:0;}
}
#kep10 {position:absolute; width:100%;height:100%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/baba/IMG_2645.jpg);float:left;animation :portfolio10 40s infinite;}
@keyframes portfolio10 {
    0%,89% {opacity:0;}
	90%,99% {opacity:1;}
	100% {opacity:0;}
}
#idezet1 {position: absolute; top:calc(84% - 43px);margin: 0 calc(50% - 405px);width:810px;background: transparent;font-weight: bold;-webkit-text-fill-color: white;-webkit-text-stroke: 1px;text-align: center;font-size: 4vh;}
#idezet2 {float:left;position: absolute; top:84%;margin: 0 0 0 calc(50% - 430px);width:430px;background: transparent;font-weight: bold;-webkit-text-fill-color: white;-webkit-text-stroke: 1px;text-align: center;font-size: 4vh;}
#idezet3 {position: absolute; top:84%;margin: 0 0 0 50%;width:400px;background: transparent;font-weight: bold;-webkit-text-fill-color: white;-webkit-text-stroke: 1px;text-align: center;font-size: 4vh;}
#szerzo {position: absolute; top:calc(84% + 86px);margin: 0 calc(50% - 405px);width:810px;background: transparent;font-weight: bold;-webkit-text-fill-color: white;-webkit-text-stroke: 1px;text-align: center;font-size: 3vh;}


#rolam {position: relative;width:80%;height: 100%;margin: 0 10%;overflow:hidden; scroll-snap-align: start;}
#rolam #ajanlo1, #rolam #ajanlo2, #rolam #ajanlaskiir {width:0;height:0;font-size:0;}
#rolamleiras {position:relative;width:100%;height:69%;}
#rolam #antallaszlo {width:290px;height:438px;float:left;border-radius:10px;margin:0 20px 20px 0;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/IMG_2495.jpg);}
#rolamleiras p {text-align:center;font-size:1.7em;margin:30px 0;}
#rolamleiras p:last-child {margin:75px 0;}
#rolamleiras #rolam1 {font-size:2.5em;}
#ajanlas {position:relative;width:100%;height:25%;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;}
#ajanlas1, #ajanlas2, #ajanlas3, #ajanlas4, #ajanlas5, #ajanlas6, #ajanlas7, #ajanlas8, #ajanlas9 {position:absolute;width:100%;height:100%;scroll-snap-align: start;}
#ajanlas8 {left:0;}
#ajanlas7 {left:100%;}
#ajanlas6 {left:200%;}
#ajanlas5 {left:300%;}
#ajanlas1 {left:400%;}
#ajanlas2 {left:500%;}
#ajanlas3 {left:600%;}
#ajanlas4 {left:700%;}
#ajanlas1 #ajanlokep {width:10%;height:79%;margin:0 15px 0 0;border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok1.jpg);float:left;}
#ajanlas #ajanlo {margin:10px 0;color:black;font-size:3em;font-family: 'Dancing Script', cursive;float:none;}
#ajanlas #ajanloleir {color:black;font-size:1.6em;}
#ajanlas2 #ajanlokep {width:10%;height:79%;margin:0 15px 0 0;border-radius:50%;background-size: 133%;background-repeat: no-repeat;background-position: center;background-image: url(avatarok7.webp);float:left;}
#ajanlas3 #ajanlokep {width:10%;height:79%;margin:0 15px 0 0;border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok4.png);float:left;}
#ajanlas4 #ajanlokep {width:10%;height:79%;margin:0 15px 0 0;border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok5.png);float:left;}
#ajanlas5 #ajanlokep {width:10%;height:79%;margin:0 15px 0 0;border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok3.jpg);float:left;}
#ajanlas6 #ajanlokep {width:10%;height:79%;margin:0 15px 0 0;border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok3.jpg);float:left;}
#ajanlas7 #ajanlokep {width:10%;height:79%;margin:0 15px 0 0;border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok1.jpg);float:left;}
#ajanlas8 #ajanlokep {width:10%;height:79%;margin:0 15px 0 0;border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok6.png);float:left;}

#ajanlodb {font-size:1.3em;text-align:right;}


#galeria {position: relative;width:80%;height: 100%;margin: 0 10%;overflow:hidden; scroll-snap-align: start;}
#eskuvo.active {transition:1s;position: relative;width:20%;height: 40%;margin:2% 5% 0 10%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_4901.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}

/*galéria 0*/
#eskuvo.notactive, #eskuvo.notactive p, #bgeskuvo.notactive, #bgeskuvo.notactive p, #eskuvolista.notactive, #paros.notactive, #portre.notactive, #csaladi.notactive, #baba.notactive, #jarmuvek.notactive,
#paros.notactive p, #portre.notactive p, #csaladi.notactive p, #baba.notactive p, #jarmuvek.notactive p, #kbeskuvo.notactive, #kbeskuvo.notactive p, #azseskuvo.notactive, #azseskuvo.notactive p,
#mjeskuvo.notactive, #mjeskuvo.notactive p,#zjeskuvo.notactive, #zjeskuvo.notactive p, #zsdleskuvo.notactive, #zsdleskuvo.notactive p, #lleskuvo.notactive, #lleskuvo.notactive p, #ereskuvo.notactive, #ereskuvo.notactive p, #bbeskuvo.notactive, #bbeskuvo.notactive p, #abeskuvo.notactive, #abeskuvo.notactive p, #cjeskuvo.notactive, #cjeskuvo.notactive p{width:0;height:0;font-size:0;}




#eskuvolista.active {position: relative;width:100%;height: 99%;margin: 0;overflow:scroll;box-shadow:0 0 0 rgba(255,255,255,0), 0 0 0 rgba(0,0,0,0),inset -20px -20px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#eskuvolista.active #eskuvolistabezar {position:absolute;width:80px;height:80px;background:transparent;}
#eskuvolista.active #eskuvolistabezar i {font-size: 3em;color: black;transform: translate(20px, 20px);background:transparent;}

/*galéria*/
#cjeskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 10%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/_MG_0702.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#abeskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/_MG_0248.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#bbeskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_8819.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#ereskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 10%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_7708.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#mjeskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_6117.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#lleskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_3339.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#zsdleskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 10%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_2155.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#zjeskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_1640.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#azseskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_8905.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#kbeskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 10%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_6920.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#bgeskuvo.active {position: relative;width:20%;height: 40%;margin:2% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_4759.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}


#paros.active {transition:1s;position: relative;width:20%;height: 40%;margin:2% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_2061.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#portre.active {transition:1s;position: relative;width:20%;height: 40%;margin:2% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_1641.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#csaladi.active {transition:1s;position: relative;width:20%;height: 40%;margin:5% 5% 0 10%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/csalad.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#baba.active {transition:1s;position: relative;width:20%;height: 40%;margin:5% 5% 0 5%;float:left;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_5016.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#jarmuvek.active {transition:1s;position: relative;width:20%;height: 40%;float:left;margin:5% 5% 0 5%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(portfolio/mini/IMG_0379.jpg);box-shadow:-25px -25px 25px rgba(255,255,255,0.3), 25px 25px 25px rgba(0,0,0,0.5),inset -15px -15px 15px rgba(255,255,255,0.3), inset 15px 15px 15px rgba(0,0,0,0.1);border-radius:15px;}
#galeria a {color:black;text-decoration:none;}
#galeria p {position: absolute;left:50%;transform:translate(-50%, -13%);width:78%;top:92%;background:rgb(255 255 255 / 50%);color:black;height:auto;margin:auto;text-align: center;font-size: 2.7vh;font-family: 'Dancing Script', cursive;}
#galeria #eskuvo:hover, #galeria #paros:hover, #galeria #portre:hover, #galeria #csaladi:hover, #galeria #baba:hover, #galeria #jarmuvek:hover {transform:scale(1.15);}

#arak, #egyebarak {position: relative;width:80%;height: 100%;margin: 0 10%;overflow:hidden; scroll-snap-align: start;}
#ar1 {overflow:hidden;cursor: pointer;transition:1s;position: relative;width:40%;height: 40%;margin:4% 5% 0 5%;float:left;border-radius:15px;box-shadow:-15px -15px 15px rgba(255,255,255,0.2), 15px 15px 15px rgba(0,0,0,0.1),inset -5px -5px 5px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.1);}
#ar1kep1 {position:absolute;top:30%;left:10%;width:20%;height:60%;background-image: url(portfolio/baba/IMG_2660.jpg);float:left;background-size: contain;background-repeat: no-repeat;background-position: center;}
#ar1kep2 {position:absolute;top:30%;left:40%;width:20%;height:60%;background-image: url(portfolio/portre/IMG_2667.jpg);float:left;background-size: contain;background-repeat: no-repeat;background-position: center;}
#ar1kep3 {position:absolute;top:30%;left:70%;width:20%;height:60%;background-image: url(portfolio/csaladi/IMG_2465.jpg);float:left;background-size: contain;background-repeat: no-repeat;background-position: center;}
#ar2 {overflow:hidden;cursor: pointer;transition:1s;position: relative;width:40%;height: 40%;margin:4% 5% 0 5%;float:left;border-radius:15px;box-shadow:-15px -15px 15px rgba(255,255,255,0.2), 15px 15px 15px rgba(0,0,0,0.1),inset -5px -5px 5px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.1);}
#gyuru {transition:1s;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;height:65%;background-image: url(gyuru.png);background-size: 30%;background-repeat: no-repeat;background-position: center;opacity:.5;}
#eskuvokiiras {transition:1s;position:relative;top:-185px;width:80%;height:65%;margin:0 auto;opacity:1;z-index:1;background:transparent;}
#eskuvokiiras #arajanlat {transition:1s;text-align: center;font-size: 2.7vh;color:black;background:transparent;}
#ar1 #vegyes, #ar2 #eskuvojegyes {text-align: center;width:52%;margin:0 auto;font-size: 3vh;color:black;position:relative;top:25px;z-index:1;background:transparent;}
#piros1, #piros2 {position:absolute;width:0;height:0;top: 45%;left: -10%;transform: rotate(-28deg);}
#piros1 p, #piros2 p {color:white;font-size:0vh;text-align: center;}
#ar1:hover, #ar2:hover, #ar3:hover {transform:translate(10px, -10px);box-shadow:-25px -25px 25px rgba(255,255,255,0.2), 25px 25px 25px rgba(0,0,0,0.1),inset -15px -15px 15px rgba(255,255,255,0.2), inset 15px 15px 15px rgba(0,0,0,0.1);}
#ar2:hover #gyuru {background-size: 59%;opacity:.7;}
#ar2:hover #eskuvokiiras {opacity:.5;}
#ar2:hover #eskuvokiiras #arajanlat {font-size: 1.7vh;}
#ar2:hover #piros1 {width: 140%;height: 32px;background: red;top: 149px;left: -20%;}
#ar2:hover #piros1 p {font-size:3vh;background:transparent;}
/*kikapcsol*/
#ar1full.notactive, #ar2.notactive, #ar3.notactive, #ar1full.notactive #ar1kiiras, #ar2full.notactive p,#ar3full.notactive #ar3kiiras1, #ar3full.notactive #ar3kiiras1 p, #ar2full.active #eskuvoifotozas, #ar2full.active #eskuvoifotozaspiros, #ar2full.notactive #eskuvoifotozaspiros, #nemesemail.notactive, #ezustemail.notactive,#miniemail.notactive, #aranyemail.notactive, #nemesemail.notactive #emailbezar, #ezustemail.notactive #emailbezar, #aranyemail.notactive #emailbezar, #miniemail.notactive #emailbezar,#miniemail.notactive #gomb, #nemesemail.notactive #gomb, #ezustemail.notactive #gomb, #aranyemail.notactive #gomb,
#nemesemail.notactive #box, #nemesemail.notactive input, #nemesemail.notactive span, #nemesemail.notactive label, #ezustemail.notactive #box, #ezustemail.notactive input, #ezustemail.notactive span, #ezustemail.notactive label, #aranyemail.notactive #box, #aranyemail.notactive input, #aranyemail.notactive span, #aranyemail.notactive label, #miniemail.notactive #box, #miniemail.notactive input, #miniemail.notactive span, #miniemail.notactive label{position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;opacity:0;}

#ar1full.active, #ar2full.active, #ar3full.active {position:absolute;top:0;left:0;width:100%;height:98%;background:#fbe5bb;z-index:10;}
#ar1full.active #ar1kiiras {position:absolute;width:90%;height:90%;margin:3% 5%;border-radius:15px;box-shadow:-15px -15px 15px rgba(255,255,255,0.2), 15px 15px 15px rgba(0,0,0,0.1),inset -5px -5px 5px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.1);}
#ar1full.active #ar1kiiras #ar1kiiras0 {text-align:center;position:relative;top:4%;color:black;font-size:3vh;width:auto;max-width:80%;margin:0 auto;}
#ar1full.active #ar1kiiras1 {text-align:center;position:relative;top:10%;color:black;font-size:3vh;width:auto;max-width:80%;margin:0 auto;}
#ar1full.active #ar1kiiras1:nth-child(3) {margin:30px auto 15px auto;}
#ar2full.active #ar2kiiras1, #ar2full.active #ar2kiiras2, #ar2full.active #ar2kiiras3, #ar2full.active #ar2kiiras4 {position:relative;width:22%;height:60%;margin:1% 1.5% 0 1.5%;float:left;border-radius:15px;box-shadow:-15px -15px 15px rgba(255,255,255,0.2), 15px 15px 15px rgba(0,0,0,0.1),inset -5px -5px 5px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.1);}

#ar1full.active #ar1bezar, #ar2full.active #ar2bezar, #miniemail.active #emailbezar, #nemesemail.active #emailbezar,#ezustemail.active #emailbezar ,#aranyemail.active #emailbezar {position:relative;top:0%;left:90%;width:3%;height:5%;}
#ar1full.active #ar1bezar i, #ar2full.active #ar2bezar i, #ar3full.active #ar3bezar i,#miniemail.active #emailbezar i, #nemesemail.active #emailbezar i,#ezustemail.active #emailbezar i ,#aranyemail.active #emailbezar i {font-size: 5vh;color:black;}
#ar2full.active #arany {position:relative;top:2%;left:30%;width:40%;height:29%;background-image: url(arany.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;}
#ar2full.active #ezust {position:relative;top:2%;left:30%;width:40%;height:30%;background-image: url(ezust.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;}
#ar2full.active #nemes {position:relative;top:2%;left:34%;width:30%;height:30%;background-image: url(nemes.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;}
#ar2full.active #minikiir, #ar2full.active #aranykiir, #ar2full.active #ezustkiir, #ar2full.active #nemeskiir  {position:relative;width:80%;height:60%;margin:0 auto;}
#ar2full.active #minikiir #minicsomag, #ar2full.active #aranykiir #aranycsomag, #ar2full.active #ezustkiir #ezustcsomag, #ar2full.active #nemeskiir #nemescsomag {font-family: 'Dancing Script', cursive;text-align: center;font-size: 4vh;color:black;background:transparent;}
#ar2full.active #minikiir {top:6%;}
#ar2full.active #minidiv, #ar2full.active #aranydiv, #ar2full.active #ezustdiv, #ar2full.active #nemesdiv {width:100%;height:90%;margin:5% 0 0 0;}
#ar2full.active #minidiv p, #ar2full.active #aranydiv p, #ar2full.active #ezustdiv p, #ar2full.active #nemesdiv p {text-align: center;font-size: 1.6vh;color:black;background:transparent;}
#ar2full.active #minidiv #nagy, #ar2full.active #aranydiv #nagy, #ar2full.active #ezustdiv #nagy, #ar2full.active #nemesdiv #nagy {text-align: center;font-size: 2.2vh;color:black;background:transparent;}
#ar2full.active #ezustdiv p:nth-child(10), #ar2full.active #nemesdiv p:nth-child(10) {margin:5% 0 0 0;}
#ar2full.active #aranydiv p:nth-child(11) {margin:2% 0 0 0;}
#ar2full.active #nyeremeny, #ar2full.active #info1, #ar2full.active #info2, #ar2full.active #info3, #ar2full.active #info4 {text-align:center;color:black;font-size:1.6vh;width: 100%;margin: 1% 0 0 0;top: 2%;position: relative;max-height: 35px;float: left;background: transparent;}
#ar2full.active #nyeremeny {font-size:2.6vh;}
#ar1full.active #info1 {position:relative;top:-7%;text-align:center;color:black;font-size:2vh;width:auto;max-width:80%;margin:0 auto;}
#fullvideo { width:38%;height:40%;margin:6% 31%;}
#notfullvideo {width:0;height:0;}
#miniemail.active,#nemesemail.active, #ezustemail.active, #aranyemail.active {position:absolute;top:0;left:0;width:100%;height:98%;background:#fbe5bb;z-index:10;}
#ar2full.active #gomb {position:absolute;top:90%;left:50%;transform:translateX(-50%);width:140px;height:35px;margin:20px 0 0 0;font-size:1.1em;color: white;background: black;border-radius:5%;}
#ar2full.active #gomb:hover {animation :menufokus 2.5s ;}
#miniemail.active form,#nemesemail.active form,#ezustemail.active form,#aranyemail.active form {background-image: radial-gradient(circle, #b3e9bc 0%, #7ffd64 100%);border-radius: 10%;}
#miniemail.active #gomb,#nemesemail.active #gomb,#ezustemail.active #gomb,#aranyemail.active #gomb {position:absolute;top:80%;left:50%;transform:translateX(-50%);width:140px;height:35px;margin:20px 0 0 0;font-size:1.1em;color: white;background: black;border-radius:5%;}
#ar2full.active #minikiir #gomb {top:130%;}
#ar2full.active #gomb a {text-decoration:none;background:black;color:white;}
#miniemail.active #csomagnev,#nemesemail.active #csomagnev,#ezustemail.active #csomagnev,#aranyemail.active #csomagnev {opacity:1;width:100%;text-align: center;font-size: 4vh;color:black;background:transparent;}
#miniemail.active #bigbox1,#nemesemail.active #bigbox1,#ezustemail.active #bigbox1,#aranyemail.active #bigbox1 {margin: 5% 3% 0 0;}
#aranyemail.active #bigbox2, #miniemail.active #bigbox2,#nemesemail.active #bigbox2,#ezustemail.active #bigbox2{padding: 5% 0 0 0;}


#kapcsolat {position: relative;width:80%;height: 95%;margin: 0 10%;overflow:hidden; scroll-snap-align: start;}
#kapcsolat label {position:absolute;top:0;left:0;width:0;height:0;font-size:0;}
#email {position:absolute;top:10%;right:0;height:80%;width:80%;background-image: radial-gradient(circle, #b3e9bc 0%, #7ffd64 100%);border-radius:10%;}
#info {width:42%;height: 4%;background:transparent;transform:translate(75%, 110%);font-size:1.3em;}
form {width:70%;height: 87%;background:transparent;transform:translate(25%, 5%);}
#bigbox {position:relative;background:transparent;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
#bigbox1 {float:left;margin:0 3%;position:relative;background:transparent;width:45%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
#bigbox2 {position:relative;background:transparent;width:45%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
#box {position:relative;background:transparent;width:100%;padding:0;margin:30px 0 10px;transition:0.5s;}
#inputbox {position:relative;background:transparent;width:100%;height:40px;color:black;}
#inputbox input {position:relative;width:100%;height:100%;background:transparent;box-shadow:none;outline:none;border:none;font-size:18px;padding:0 10px;z-index:1;color:#fff;}
#text {position:absolute;background:transparent;top:0;left:0;padding:0 10px;display:block;line-height:40px;transition:0.5s;pointer-events:none;color:black;}
#inputbox input:focus + #text, #inputbox input:valid + #text, #inputboxtext textarea:focus + #text, #inputboxtext textarea:valid + #text {top:-35px;left:-10px;}
#line {position:absolute;bottom:0;display:block;width:100%;height:2px;background:black;transition:0.5s;border-radius:2px;pointer-events:none;}
#inputboxtext {position:relative;background:transparent;width:100%;height:100px;color:black;}
#inputbox input:focus ~ #line, #inputbox input:valid ~ #line, #inputboxtext textarea:focus ~ #line, #inputboxtext textarea:valid ~ #line {height:100%;}
#inputboxtext textarea {position:relative;width:100%;height:100px;padding:0;background:transparent;box-shadow:none;outline:none;border:none;font-size:18px;z-index:1;color:#fff;}
#checkdoboz {width:73%;height:35px;margin:2% 13%;background:transparent;}
#pipa {width:20px;height:20px;margin:7px;}
#checkdoboz label {background:transparent;position:relative;font-size:2vh;}
form a {background:transparent; position:relative;margin: 0 calc(50% - 135px);}
#kapcsolat #gomb {position:absolute;top:90%;left:50%;transform:translateX(-50%);width:140px;height:35px;margin:20px 0 0 0;font-size:1.1em;color: white;background: black;border-radius:5%;transition: .5s;}
#gomb:hover {animation :menufokus 2.5s ;}

#kontakt {position:absolute;top:10%;left:-20%;height:80%;width:30%;background:#00dcff;border-radius:10%;}
#kontakt #eler {position: absolute;top: 10%;left: 50%;transform: translateX(-50%);font-size: 4vh;background: #00dcff;}
#kontakt #ikon1, #kontakt #ikon2, #kontakt #ikon3, #kontakt #ikon4 {position: absolute;left: 50%;transform: translateX(-50%);color:black;font-size:3vh;background:#00dcff;}
#kontakt #ikon1 {top:23%;}
#kontakt #ikon2 {top:43%;}
#kontakt #ikon3 {top:58%;}
#kontakt #ikon4 {top:74%;}
#kontakt #kiir1, #kontakt #kiir2, #kontakt #kiir3, #kontakt #kiir4, #kontakt #kiir5  {position: absolute;left: 50%;transform: translateX(-50%);background: #00dcff;}
#kontakt #kiir1 {top:30%;font-size: 2.7vh;}
#kontakt #kiir2 {top:35%;font-size: 2.2vh;}
#kontakt #kiir3 {top:50%;font-size: 2.7vh;}
#kontakt #kiir4 {top:66%;font-size: 2.7vh;}
#kontakt #kiir5 {top:82%;font-size: 1.9vh;text-decoration:none;color:black;}


@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: 10px;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 {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 {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 {animation :menufokus 2.5s ;}
	@keyframes menufokus {
		0%, 100% {filter:none;}
		50% {filter:none;}
	}
	#kontakt #eler {font-size: 3vh;}
	#kontakt #ikon1, #kontakt #ikon2, #kontakt #ikon3 {font-size: 2vh;}
	#kontakt #kiir1 {font-size: 1.7vh;}
	#kontakt #kiir2 {font-size: 1.2vh;}
	#kontakt #kiir3 {font-size: 1.7vh;}
	#kontakt #kiir4 {font-size: 1.7vh;}
	#piros1 {position:relative;width:0;height:0;top:45%;left:0;transform: rotate(0deg);}
	#piros2 {position:relative;width:0;height:0;top:-66%;;left:0;transform: rotate(0deg);}
	#ar2 #piros2,#ar1 #piros1,#ar2:hover #piros2,#ar1:hover #piros1{width:100%;height:10%;background:red;}
	#ar2 #piros2 p, #ar1 #piros1 p{color:white;font-size:3vh;background:transparent;}
}
@media only screen and (max-width: 1367px) {
	#menu1.nyitva, #menu2.nyitva, #menu3.nyitva, #menu4.nyitva, #menu5.nyitva {font-size: 5vh;}
	#idezet1 {margin:0 calc(50% - 325px);width:650px;}
	#idezet2 {margin: 0 calc(50% - 325px);width:650px;}
	#idezet3 {margin: 0 calc(50% - 325px);width:650px;top:calc(84% + 43px);}
	#szerzo {margin: 0 calc(50% - 325px);width:650px;}
	.contener {top:80px;}
	#rolamleiras img {max-width:180px;}
	#rolamleiras #rolam1 {font-size: 2em;}
	#rolamleiras p {font-size: 1.2em;}
	#rolamleiras p:last-child {margin: 30px 0;}
	#ajanlas1 #ajanlokep, #ajanlas2 #ajanlokep, #ajanlas3 #ajanlokep, #ajanlas4 #ajanlokep {width: 6.4%;height: 60%;}
	#ajanlas #ajanlo {font-size: 1.8em;}
	#ajanlas #ajanloleir {font-size: 1.1em;}
	#ajanlodb {font-size: 1em;}
	#ar2:hover #piros2 p, #ar1:hover #piros1 p {}
	#piros1 {top:70%;}
	#piros2 {top: -50%;}
	#ar2full.active #info {font-size: 3.6vh;}
	#kontakt #eler {font-size: 3.5vh;}
	#kontakt #ikon1, #kontakt #ikon2, #kontakt #ikon3 {font-size: 4vh;}
	#kontakt #kiir1, #kontakt #kiir3, #kontakt #kiir4  {font-size: 2.7vh;}
	#kontakt #kiir2 {font-size: 2.2vh;}
	#info {width: 60%;transform: translate(40%, 25%);}
	#bigbox #box {margin: 15px 0 10px;}
	#inputbox {height: 25px;}
	#text {line-height: 25px;}
	#inputbox input:focus + #text, #inputbox input:valid + #text, #inputboxtext textarea:focus + #text, #inputboxtext textarea:valid + #text {top:-25px;left:-10px;}
	#gomb {margin: 0;}
	
}
@media (orientation: portrait) {
	#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;}
	#kep1, #kep2, #kep3, #kep4, #kep5, #kep6, #kep7, #kep8, #kep9, #kep10 {height:65%;}
	#idezet1 {top: 65%;font-size:2.6vh;font-weight: unset;-webkit-text-fill-color: unset;-webkit-text-stroke: 0px;}
	#idezet2 {top:70%;font-size:2.6vh;font-weight: unset;-webkit-text-fill-color: unset;-webkit-text-stroke: 0px;}
	#idezet3 {top:75%;font-size:2.6vh;font-weight: unset;-webkit-text-fill-color: unset;-webkit-text-stroke: 0px;}
	#szerzo {top:83%;font-size:2.3vh;font-weight: unset;-webkit-text-fill-color: unset;-webkit-text-stroke: 0px;}
	#menu1.zarva, #menu2.zarva, #menu3.zarva, #menu4.zarva, #menu5.zarva  {position: relative;top:80px;}
	#menu1.nyitva, #menu2.nyitva, #menu3.nyitva, #menu4.nyitva, #menu5.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);}
	
	#rolam {position: relative;width:80%;height: auto;margin: 0 10%;overflow:hidden; scroll-snap-align: start;}
	#rolam #antallaszlo {max-width:100%;float:left;border-radius:10px;margin:70px 0 20px 0;}
	#rolamleiras {position: relative;width: 100%;height: 71%;}
	#ajanlas {position:relative;width:100%;height:550px;margin:70px 0 0 0;}
	#ajanlas::-webkit-scrollbar {height:20px;}
	#rolamleiras #rolam1 {font-size:1.9em;}
	#rolam #ajanlaskiir {width:100%;height:20px;color:black;font-size:2em;text-align:center;margin: 0 0 15px 0;}
	#rolamleiras p {font-size:1.2em;}
	#ajanlas1, #ajanlas2, #ajanlas3, #ajanlas4, #ajanlas5, #ajanlas6, #ajanlas7, #ajanlas8, #ajanlas9{position:absolute;width:100%;height:92%;}
	#ajanlas1 #ajanlokep {width:118px;height:118px;margin:0 calc(50% - 59px);border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok1.jpg);float:none;}
	#ajanlas #ajanlo {width:0;height:0;font-size:0;}
	#ajanlas #ajanlo1, #ajanlas #ajanlo2 {width: 100%;text-align:center;height: 5%;margin:10px 0;color:black;font-size:2em;font-family: 'Dancing Script', cursive;float:none;}
	#ajanlas #ajanloleir {color:black;font-size:1.1em;text-align:center;margin: 30px 0 0 0;}
	#ajanlas2 #ajanlokep {width:118px;height:118px;margin:0 calc(50% - 59px);border-radius:50%;background-size: 133%;background-repeat: no-repeat;background-position: center;background-image: url(avatarok7.webp);float:none;}
	#ajanlas3 #ajanlokep {width:118px;height:118px;margin:0 calc(50% - 59px);border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok4.png);float:none;}
	#ajanlas4 #ajanlokep {width:118px;height:118px;margin:0 calc(50% - 59px);border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok5.png);float:none;}
	#ajanlas5 #ajanlokep {width:118px;height:118px;margin:0 calc(50% - 59px);border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok3.jpg);float:none;}
	#ajanlas6 #ajanlokep {width:118px;height:118px;margin:0 calc(50% - 59px);border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok3.jpg);float:none;}
	#ajanlas7 #ajanlokep {width:118px;height:118px;margin:0 calc(50% - 59px);border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok1.jpg);float:none;}
	#ajanlas8 #ajanlokep {width:118px;height:118px;margin:0 calc(50% - 59px);border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok6.png);float:none;}
	#ajanlas9 #ajanlokep {width:118px;height:118px;margin:0 calc(50% - 59px);border-radius:50%;background-size: contain;background-repeat: no-repeat;background-position: center;background-image: url(avatarok1.jpg);float:none;}
	#ajanlas7 #ajanloleir {font-size:1em;}
	
	#ajanlodb {bottom: 0;position: absolute;left: 50%;transform: translateX(-50%);}
	
	#galeria {height: 90%;width:99%;margin: 0;padding: 23% 0;}
	#galeria div.active p {top:86%;color:white;}
	#eskuvo.active {width: 40%;height: 25%;top:5%;left:5%;margin:2% 5% 0 5%;box-shadow:-10px -10px 10px rgba(255,255,255,0.3), 10px 10px 10px rgba(0,0,0,0.5),inset -5px -5px 5px rgba(255,255,255,0.3), inset 5px 5px 5px rgba(0,0,0,0.1);}
	#paros.active {width: 40%;height: 25%;top: 5%;left:49%;float:none;box-shadow:-10px -10px 10px rgba(255,255,255,0.3), 10px 10px 10px rgba(0,0,0,0.5),inset -5px -5px 5px rgba(255,255,255,0.3), inset 5px 5px 5px rgba(0,0,0,0.1);}
	#portre.active {width: 40%;height: 25%;top: 5%;left:5%;margin:5% 5% 0 5%;box-shadow:-10px -10px 10px rgba(255,255,255,0.3), 10px 10px 10px rgba(0,0,0,0.5),inset -5px -5px 5px rgba(255,255,255,0.3), inset 5px 5px 5px rgba(0,0,0,0.1);}
	#csaladi.active {float:none;width: 40%;height: 25%;top: 5%;left:49%;margin:5% 5% 0 5%;box-shadow:-10px -10px 10px rgba(255,255,255,0.3), 10px 10px 10px rgba(0,0,0,0.5),inset -5px -5px 5px rgba(255,255,255,0.3), inset 5px 5px 5px rgba(0,0,0,0.1);}
	#galeria #csaladi.active p {color:black;}
	#baba.active {width: 40%;height: 25%;top: 5%;left:5%;margin:5% 5% 0 5%;box-shadow:-10px -10px 10px rgba(255,255,255,0.3), 10px 10px 10px rgba(0,0,0,0.5),inset -5px -5px 5px rgba(255,255,255,0.3), inset 5px 5px 5px rgba(0,0,0,0.1);}
	#jarmuvek.active {float:none;width: 40%;height: 25%;top: 5%;left:49%;margin:5% 5% 0 5%;box-shadow:-10px -10px 10px rgba(255,255,255,0.3), 10px 10px 10px rgba(0,0,0,0.5),inset -5px -5px 5px rgba(255,255,255,0.3), inset 5px 5px 5px rgba(0,0,0,0.1);}
	
	#eskuvolista.active {width:90%;height: 90%;margin: 0 5% 0 5%;overflow:scroll;}
	#eskuvolista.active #eskuvolistabezar {width:60px;height:60px;}
	#eskuvolista.active #eskuvolistabezar i {font-size: 2em;}
	/*galéria*/#cjeskuvo.active,#abeskuvo.active, #bbeskuvo.active, #ereskuvo.active, #mjeskuvo.active, #bgeskuvo.active, #kbeskuvo.active, #azseskuvo.active, #zjeskuvo.active, #zsdleskuvo.active, #lleskuvo.active {width:60%;height: 52%;margin:5% 15% 5% 25%;float:none;}
	/*galérian név*/#galeria #cjeskuvo.active p,#galeria #abeskuvo.active p,#galeria #bbeskuvo.active p, #galeria #ereskuvo.active p, #galeria #mjeskuvo.active p, #galeria #bgeskuvo.active p, #galeria #kbeskuvo.active p, #galeria #azseskuvo.active p, #galeria #zjeskuvo.active p, #galeria #zsdleskuvo.active p, #galeria #lleskuvo.active p {color:black;}


	
	#arak {height:400%;}
	#egyebarak {height:160%;}
	#ar1, #ar2{position:absolute;top:0;left:0;width:0;height:0;font-size:0;}
	#ar2full.notactive {position:absolute;top:2%;left:0;width:100%;height:62%;background:#fbe5bb;z-index:0;}
	#ar2full.notactive #ar2kiiras4,#ar2full.notactive #ar2kiiras2, #ar2full.notactive #ar2kiiras3 {top:7%;position:relative;width:80%;height:20%;margin:1% 10% 1% 10%;float:none;border-radius:15px;box-shadow:-15px -15px 15px rgba(255,255,255,0.2), 15px 15px 15px rgba(0,0,0,0.1),inset -5px -5px 5px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.1);}
	#ar2full.notactive #ar2kiiras1{top:7%;position:relative;width:80%;height:24%;margin:1% 10% 1% 10%;float:none;border-radius:15px;box-shadow:-15px -15px 15px rgba(255,255,255,0.2), 15px 15px 15px rgba(0,0,0,0.1),inset -5px -5px 5px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.1);}
	#ar2full.notactive #arany {position:relative;top:2%;left:30%;width:40%;height:25%;background-image: url(arany.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;}
	#ar2full.notactive #ezust {position:relative;top:2%;left:30%;width:40%;height:25%;background-image: url(ezust.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;}
	#ar2full.notactive #nemes {position:relative;top:2%;left:34%;width:30%;height:25%;background-image: url(nemes.png);background-size: contain;background-repeat: no-repeat;background-position: bottom;}
	#ar2full.notactive #minikiir,#ar2full.notactive #aranykiir, #ar2full.notactive #ezustkiir, #ar2full.notactive #nemeskiir  {position:relative;width:80%;height:56%;margin:0 auto;}
	#ar2full.notactive #minikiir {top:2%;}
	#ar2full.notactive #minikiir #minicsomag,#ar2full.notactive #aranykiir #aranycsomag, #ar2full.notactive #ezustkiir #ezustcsomag, #ar2full.notactive #nemeskiir #nemescsomag {opacity:1;position:relative;font-family: 'Dancing Script', cursive;width: 100%;height: 40px;text-align: center;font-size: 3.5vh;color:black;background:transparent;}
	#ar2full.notactive #minidiv,#ar2full.notactive #aranydiv, #ar2full.notactive #ezustdiv, #ar2full.notactive #nemesdiv {width:100%;height:90%;margin:0;}
	#ar2full.notactive #minidiv p,#ar2full.notactive #aranydiv p, #ar2full.notactive #ezustdiv p, #ar2full.notactive #nemesdiv p {opacity:1;width: 100%;height:auto;position: relative;text-align: center;font-size: 2vh;color:black;background:transparent;}
	#ar2full.notactive #aranydiv p:nth-child(10), #ar2full.notactive #ezustdiv p:nth-child(10), #ar2full.notactive #nemesdiv p:nth-child(10) {margin:5% 0 0 0;}
	#ar2full.notactive #info1,#ar2full.notactive #nyeremeny, #ar2full.notactive #info2, #ar2full.notactive #info3, #ar2full.notactive #info4 {opacity:1;width: 100%;height: 3.3%;position: relative;top: 3%;text-align:center;color:black;font-size:2.3vh;margin:1% 0 0 0;}
	#ar2full.notactive #eskuvoifotozas, #ar2full.notactive #eskuvoifotozaspiros {opacity:1;width: 100%;height: 2%;position: relative;top: -85%;text-align:center;color:black;font-size:3.5vh;margin:2% 0 0 0;}
	#ar2full.notactive #eskuvoifotozaspiros, #ar2full.active #eskuvoifotozaspiros {font-size: 21px;background: red;height: 50px;}
	#ar2full.notactive #gomb {position:absolute;top:100%;left:50%;transform:translateX(-50%);width:140px;height:35px;margin:20px 0 0 0;font-size:1.1em;color: white;background: black;border-radius:5%;}
	#ar2full.notactive #gomb:hover {animation :none ;}
	#ar2full.notactive #minidiv #gomb {top:145%;}
	#ar2full.notactive #gomb a {text-decoration:none;background:black;color:white;}
	
	#ar2full.active {height:74%;}
	#ar1full.active #ar1bezar, #ar2full.active #ar2bezar, #ar3full.active #ar3bezar {position:relative;top:0%;left:0%;width:0%;height:0%;}
	#ar1full.active #ar1bezar i, #ar2full.active #ar2bezar i, #ar3full.active #ar3bezar i {font-size:0;}
	#ar2full.active #ar2kiiras4,#ar2full.active #ar2kiiras1, #ar2full.active #ar2kiiras2, #ar2full.active #ar2kiiras3 {top:11%;position:relative;width:80%;height:25%;margin:1% 10% 1% 10%;float:none;border-radius:15px;box-shadow:-15px -15px 15px rgba(255,255,255,0.2), 15px 15px 15px rgba(0,0,0,0.1),inset -5px -5px 5px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.1);}
	#ar2full.active #eskuvoifotozas, #ar2full.active #eskuvoifotozaspiros {opacity:1;width: 100%;height: 2.7%;position: relative;top: -97%;text-align:center;color:black;font-size:3.5vh;margin:2% 0 0 0;}
	#ar2full.active #nyeremeny, #ar2full.active #info1, #ar2full.active #info2, #ar2full.active #info3, #ar2full.active #info4 {max-height: 55px;opacity:1;width: 100%;height: 5%;position: relative;top: 10%;text-align:center;color:black;font-size:2.3vh;margin:2% 0 0 0;}
	#miniemail.active,#nemesemail.active, #ezustemail.active, #aranyemail.active {height:115%;}
	#miniemail.active form,#nemesemail.active form, #ezustemail.active form, #aranyemail.active form {height:50%;}
	#miniemail.active #emailbezar,#nemesemail.active #emailbezar,#ezustemail.active #emailbezar ,#aranyemail.active #emailbezar {position:relative;top:0%;left:80%;width:3%;height:2%;}
	#miniemail.active #bigbox1,#miniemail.active #bigbox2,#nemesemail.active #bigbox1, #ezustemail.active #bigbox1, #aranyemail.active #bigbox1,#nemesemail.active #bigbox2, #ezustemail.active #bigbox2, #aranyemail.active #bigbox2 {top:7%;float:none;margin:0;height:6%;}
	#miniemail.active #bigbox #box,#nemesemail.active #bigbox #box,#ezustemail.active #bigbox #box,#aranyemail.active #bigbox #box {top:70%;margin: 50px 0 10px;}
	#miniemail.active #inputboxtext,#nemesemail.active #inputboxtext,#ezustemail.active #inputboxtext,#aranyemail.active #inputboxtext {top:10%;}
	#miniemail.active #checkdoboz,#nemesemail.active #checkdoboz,#ezustemail.active #checkdoboz,#aranyemail.active #checkdoboz {position: relative;top: 18%;width: 100%;margin: 0;height: 80px;}
	#miniemail.active form a,#nemesemail.active form a,#ezustemail.active form a,#aranyemail.active form a {position:relative;top:22%;margin:0;}
	#ar2full.notactive #miniemail.active #gomb,#ar2full.notactive #nemesemail.active #gomb,#ar2full.notactive #ezustemail.active #gomb,#ar2full.notactive #aranyemail.active #gomb {position: absolute;top: 90%;left: 50%;transform: translateX(-50%);width: 140px;height: 35px;margin: 20px 0 0 0;font-size: 1.1em;color: white;background: black;border-radius: 5%;}

	
	#ar1full.notactive {opacity:1;position:absolute;top:74%;left:0;width:100%;height:26%;background:#fbe5bb;z-index:0;}
	#ar1full.notactive #ar1kiiras {opacity:1;position:absolute;width:80%;height:97%;margin:0% 10%;border-radius:15px;box-shadow:-15px -15px 15px rgba(255,255,255,0.2), 15px 15px 15px rgba(0,0,0,0.1),inset -5px -5px 5px rgba(255,255,255,0.2), inset 5px 5px 5px rgba(0,0,0,0.1);}
	#ar1full.notactive #ar1kiiras #ar1kiiras0 {opacity:1;text-align:center;position:relative;top:4%;color:black;font-size:3vh;width:auto;max-width:80%;margin:0 auto;}
	#ar1full.notactive #ar1kiiras1 {opacity:1;text-align:center;position:relative;top:4.5%;color:black;font-size:2.5vh;width:auto;max-width:80%;margin:10px auto;}
	#ar1full.notactive #info1 {text-align:center;position:relative;top:5%;color:black;font-size:2vh;width:auto;max-width:80%;margin:0 auto;}
	#fullvideo {width:80%;height:16%;margin:40% 10% 0 10%;}
	#ar1full.active #info1 {top: 3%;}
	
	

	#kapcsolat {position: relative;width:80%;height: 220%;margin:0 10%;overflow:hidden; scroll-snap-align: start;}
	#email {position:absolute;top:34%;right:0;height:60%;width:100%;background-image: radial-gradient(circle, #b3e9bc 0%, #7ffd64 100%);border-radius:10%;}
	#info {width: 67%;height: 4%;text-align: center;background: transparent;transform: translate(25%, 50%);font-size: 15px;}
	form {width:90%;height: 84%;background:transparent;margin:17% 5% 0 5%;transform:translate(0%, 0%);}
	#text {font-size:13px;width:100%;left:-4%;}
	#bigbox1 {float:none;margin:0;}
	#bigbox:nth-child(6){top:7%;}
	#bigbox:nth-child(7){top:6%;}
	#box {width:80%;margin: 18px 0 10px;}
	#text.fel1 {top:-100%;}
	#text.fel2 {top:-50%;font-size:12px;}
	#inputbox input:focus + #text, #inputbox input:valid + #text, #inputboxtext textarea:focus + #text, #inputboxtext textarea:valid + #text {top:-40px;left:-20px;}
	#inputbox input:focus + #text.fel1, #inputbox input:valid + #text.fel1, #inputboxtext textarea:focus + #text.fel1, #inputboxtext textarea:valid + #text.fel1 {top:-200%;left:-20px;}
	#inputbox input:focus + #text.fel2, #inputbox input:valid + #text.fel2, #inputboxtext textarea:focus + #text.fel2, #inputboxtext textarea:valid + #text.fel2 {font-size:0px;}
	#inputboxtext textarea:focus ~ #line, #inputboxtext textarea:valid ~ #line {height:170%;}
	#inputbox input {top:-3px;font-size:18px;}
	#checkdoboz {position:relative;top:25%;width: 100%;margin: 0;height: 80px;}
	#kontakt {position: relative;top: -144%;left: 0%;height: 50%;width: 100%;background: #00dcff;border-radius: 10%;}
	#kontakt #ikon1 {top:20%;}
	#kontakt #ikon2 {top:44%;}
	#kontakt #ikon3 {top:60%;}
	#kontakt #ikon4 {top:75%;}
	#kontakt #kiir1 {top:27%;}
	#kontakt #kiir2 {top:33%;font-size: 1.7vh;}
	#kontakt #kiir3 {top:52%;}
	#kontakt #kiir4 {top:67%;}
	#kontakt #kiir5 {top:85%;font-size: 1.6vh;text-decoration: underline;}
	#inputboxtext {top:160px;}
	#inputboxtext textarea {height: 170%;top: -70%;font-size:18px;}
	form a {position:relative;top:25%;}
	#gomb.notactive {top: 106%;width: 0px;height: 0px;font-size: 0em;border-radius: 0%;}
	#gomb.active {top: 106%;width: 180px;height: 60px;font-size: 1.3em;border-radius: 30%;color: white;background: black;}

	
	

	
	.contener #alsosav {bottom:0%;height:8%;}
}
@media (orientation:landscape) and (max-height: 500px) {
	#menu, #menunyit #menuki.nyitva, #menunyit #menube.nyitva, #menunyit #menuki.nyitva i, #menunyit #menube.nyitva i, #logo1, #nev1, #nev2, .contener {width:0;height:0;font-size:0;opacity:0;}
	#fekvo {position: absolute;width: 100%;height: 100%;opacity: 1;}
    #fekvokiir {width: 50%;height: 28%;margin:15% 0 10% 10%;float:left;}
    #fekvokiir p {color: black;text-align: center;font-size: 8vh;height:50px;}
	#telefon {width: 20%;height: 50%;margin:7% 10% 10% 10%;float: left;}
    #telefon1 {position: absolute;width: 114px;height: 200px;background: blue;border-radius: 10px;animation: mozog6 3s linear infinite; }
    @keyframes mozog6 {0%{transform:rotate(-90deg);opacity: 0;} 15%{transform:rotate(-90deg);opacity: 1;} 80%,85%{transform:rotate(0deg);opacity: 1;}100%{opacity: 0;}}
    #telefon1::before {content:'';position: absolute;top:10px;left:20px;width: 60px;height: 10px;background: black;border-radius: 5px;}
    #telefon1::after {content:'';position: absolute;top:10px;left:85px;width: 10px;height: 10px;background: black;border-radius: 5px;}
    #telefon2 {position: absolute;top:30px;left:7px;width: 100px;height: 140px;background: #cacaca;border-radius: 3px;}
    #telefon2::before {content:'';position: absolute;top:145px;left:30px;width: 40px;height: 20px;background: black;border-radius: 10px;}
}