img.felsokep.kepek {
    transition: .3s;
    transform: rotate(22deg);
    z-index: -1;
    transform-origin: 57% 54%;
	animation: anim 1.7s linear infinite alternate forwards;
}
.animdoboz .kepek {
    position: absolute;
    left: 95px;
    top: 125px;
}
.animdoboz {
    position: relative;
}
.felsokep2 {
	z-index:-1;
	animation: anim2 1.7s linear infinite alternate forwards;
}

@keyframes anim {
  0%   {transform: rotate(22deg); transform-origin: 57% 54%;}
  25%  {transform: rotate(6deg); }
  50%  {transform: rotate(-8deg); }
  100% {transform: rotate(-30deg); transform-origin: 54% 57%;}
}
@keyframes anim2 {
  0%   { transform: rotate(3deg); transform-origin: 34% 50%; }
  25%  {transform: rotate(5deg); }
  50%  {transform: rotate(7deg); }
  100% {transform: rotate(9deg); transform-origin: 33% 50%;}
}
.animdoboz {
    background-image: url(../images/nyuszihatter.webp);
    display: block;
    height: 381px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 510px;
    z-index: -1;
}
.animdoboz2 .kepek {
    position: absolute;
    left: 0;
    top: 0;
}
.animdoboz2 {
    position: relative;
    width: 1000px;
    height: 562px;
}
.animdoboz2 .kepek:not(.mmalsokep) {
	animation: fall 1s linear infinite forwards;
}
@keyframes fall {
	0% {
		top: 0px;
		left: 0px;
	}
	25% {
		top: 8px;
		left: -8px;
	}
	50% {
		top: 16px;
		left: -16px;
	}
	100% {
		top: 24px;
		left: -24px;
	}
}
.keretek {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid;
    box-sizing: border-box;
    border-radius: 30px;
	border:0;
	transition: .1s;
}
.biganimdoboz {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.animdoboz3 {
    width: 570px;
    position: relative;
}
.animdoboz3 .kepek {
    position: absolute;
}
.animdoboz3 img.capaalsokep.kepek {
    position: relative;
}
img.capafelsokep {
    top: 55%;
    left: 8%;
	animation: korozes_bal 20s linear infinite forwards;
	filter: drop-shadow(0px 9px 4px #6891bd);
}
img.capafelsokep2.kepek {
    top: 82%;
    left: 42%;
	animation: korozes 20s linear infinite forwards;
	filter: drop-shadow(0px 9px 4px #6891bd);
}
img.capafelsokep3.kepek {
    top: 65%;
    left: 84%;
	animation: korozes_jobb 20s linear infinite forwards;
	transform: rotateX(9deg) rotateY(40deg) rotate(17deg);
	filter: drop-shadow(0px 9px 4px #6891bd);
}
img.capabgtopkep.kepek {
    left: 0;
    top: 0;
    z-index: 1;
    clip-path: polygon(0 0, 100% 0, 100% 74%, 0 74%);
}

@keyframes korozes {
	0% {
		left: 42%;
	}
	12% {
		left: 62%;
		top: 80%;
		transform: rotateY(0deg);
	}
	20% {
		left: 72%;
		top: 76%;
		transform: rotateY(53deg);
	}
	25% {
		left: 84%;
		top: 72%;
		transform: rotatey(105deg);
	}
	35% {
		top: 57%;
		left: 72%;
		transform: rotatey(136deg) rotate(-21deg);
	}
	50% {
		top: 54%;
		left: 45%;
		transform: rotatey(150deg) rotate(0deg);
	}
	63% {
		top: 55%;
		left: 20%;
		transform: rotatey(228deg) rotate(0deg);
	}
	75% {
		top: 63%;
		left: 4%;
		transform: rotatey(252deg) rotate(13deg);
	}
	88% {
		top: 79%;
		left: 12%;
		transform: rotatey(328deg) rotate(6deg);
	}
	100% {
		top: 82%;
		left: 42%;
		transform: rotatey(360deg) rotate(0deg)
	}
}


@keyframes korozes_bal {
	0% {
		top: 55%;
		left: 8%;
		transform:  rotate(-2deg);
	}
	12% {
		top: 66%;
		left: 5%;
		transform: rotateY(-80deg);
	}
	17% {
		top: 75%;
		left: 13%;
		transform: rotateY(-130deg)
	}
	25% {
		top: 80%;
		left: 41%;
		transform: rotateY(-180deg) rotate(12deg);
	}
	35% {
		top: 79%;
		left: 61%;
		transform: rotateY(-152deg) rotate(19deg);
	}
	50% {
		top: 70%;
		left: 84%;
		transform: rotateY(-77deg) rotate(36deg)
	}
	63% {
		top: 55%;
		left: 73%;
		transform: rotateY(-31deg) rotate(27deg);
	}
	75% {
		top: 53%;
		left: 46%;
		transform: rotateY(1deg) rotate(11deg);
	}
	88% {
		top: 53%;
		left: 28%;
		transform: rotateY(0deg) rotate(3deg);
	}
	100% {
		top: 56%;
		left: 8%;
		transform: rotateY(0deg) rotate(0deg);
	}
}

@keyframes korozes_jobb {
	0% {
		top: 65%;
		left: 84%;
		transform: rotateX(9deg) rotateY(40deg) rotate(17deg);
	}
	12% {
		top: 56%;
		left: 70%;
		transform: rotateX(9deg) rotateY(32deg) rotate(19deg);
	}
	17% {
		top: 54%;
		left: 66%;
		transform: rotateX(9deg) rotateY(18deg) rotate(14deg);
	}
	25% {
		top: 53%;
		left: 45%;
		transform: rotateX(9deg) rotateY(9deg) rotate(12deg);
	}
	35% {
		top: 55%;
		left: 25%;
		transform: rotateX(9deg) rotateY(66deg) rotate(12deg);
	}
	50% {
		top: 59%;
		left: 10%;
		transform: rotateX(1deg) rotateY(68deg) rotate(6deg);
	}
	63% {
		top: 76%;
		left: 8%;
		transform: rotateX(1deg) rotateY(102deg) rotate(4deg);
	}
	75% {
		top: 83%;
		left: 41%;
		transform: rotateX(1deg) rotateY(180deg) rotate(9deg);
	}
	88% {
		top: 81%;
		left: 67%;
		transform: rotateX(1deg) rotateY(223deg) rotate(23deg);
	}
	100% {
		top: 65%;
		left: 84%;
		transform: rotateX(9deg) rotateY(40deg) rotate(25deg);
	}
}
#rajzok .nopr {
    padding-right: 0;
}
.single-project-item.minus_margintop {
    margin-top: -110px;
	margin-bottom: 0;
}
.single-project-item.small_margin_btn {
    margin-bottom: 30px;
}
section#rajzok {
    padding-top: 30px;
}
.choose-style__content .about-style1__image1.martop0 {
    padding-bottom: 0;
}
.choose-style__content .shape2 {
    z-index: 22;
}
section#kollekcio_banner {
    padding: 130px 0;
}
section#kollekcio_banner .video-gallery-img {
    padding: 0;
    height: 305px;
}
section.slogan-area.testimonials-style1-area {
    padding-top: 0;
}
footer.footer-area {
    padding-top: 0;
}
body .header-top {
    display: none;
}
body .footer {
    border-top: 0;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}