body {
	margin: 0;
	position: relative;
	/*background-image: url(Ministry\ Of\ Sound\ 3D\ Gif\ GIF\ by\ Salim_Adam\ -\ Find\ &\ Share\ on\ GIPHY.gif);*/
	background-color: rgba(0,0,0, 0.3);
	background-size: 100%;
  	background-position: top center;
 	background-repeat: repeat;
	background-attachment: fixed;
 	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
	/*cursor: none;*/
	overflow-y: auto;
	overflow-x: hidden;
}

video {
position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  display: none;
}

@font-face {
	font-family: Gilroy-Light;
	src: url(Gilroy-Light.otf);
  }
  
@font-face {
	font-family: Gilroy-Extrabold;
	src: url(Gilroy-ExtraBold.otf);
  }

@font-face {
	font-family: Agency-Bold;
	src: url(AgencyFB-Bold.ttf);
  }


/* scrollbar*/
 /* body::-webkit-scrollbar {
	width: 10px;
	height: 400px;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-right: 10px;
  }
  
  body::-webkit-scrollbar-track {
	background-color: black;
  }
  
  body::-webkit-scrollbar-thumb {
	background-color: rgba(127, 127, 127, 0.5);
	border-radius: 5px;
  }
  
  body::-webkit-scrollbar-thumb:hover {
	background-color: rgba(127, 127, 127, 0.34);
  }*/

/*scrollbar end*/


/*cursor*/

/*rjs-cursor*/

.rjs-cursor {
	width: 1.5rem;
	height: 1.5rem;
	position: fixed;      /* Fixed position.. */
	top: 0;               /* at the top left.. */
	left: 0;
	z-index: 9999;      /* above everything else. */
	pointer-events: none; /* Cant't be clicked. */
	transition: none;     /* Cursor is always accurate */
	opacity: 0; /* Hidden by default */
	transform: translate(-50%, -50%);
	/*transform-origin: 100% 100%;
	transition-property: background, transform;*/
  }
  
  .rjs-cursor-icon {      /* Styling for the visible part */
	width: 100%;
	height: 100%;
	border-radius: 100%;  /* Circle */
	background-color: rgba(125,125,125,0.5); /* Backup value */
	transition: all 0.2s ease; 
	transform-origin: 50% 50%;
  }
  
  .rjs-cursor.rjs_cursor_visible { opacity: 1; }
  .rjs-cursor.rjs_cursor_hidden { opacity: 0; }
  
  /* Display the cursors at the correct time */
  * { cursor: none; }
  
  @media (pointer: none), (pointer: coarse) {
	  #rjs_cursor, #rjs_cursor .rjs-cursor-icon { display: none !important; visibility: hidden; opacity: 0; }
  
	  * { cursor: auto !important; }
  }
  
  
  /* Hover effects */
  .rjs-cursor.rjs_cursor_hover .rjs-cursor-icon { transform: scale(2); }

  /*rjs cursor end*/

  .cursor-big {
	width: 20rem;
	height: 20rem;
	border-radius: 50%;
	position: absolute;
	background-color: rgba(125,125,125,0.02);
	transform: translate(-46%, -46%);
	pointer-events: none;
	display: none;
}
  
/*cursor end*/


/*header*/

.top-header-container-outer {
	left: 10px;
	top: 10px;
	margin-top: 10px;
	z-index: 100;
	position: fixed;
	margin-right: 10px;
}

.top-header-container-outer::-webkit-scrollbar {
	display: none;
}

/*nav menü gomb*/
.nav-opener {
width: 50px;
height: 50px;
border-radius: 18px;
background-color: rgba(50,50,50, 0.6);
margin-left: 6px;
border: none;
box-shadow: none;
align-items: center;
text-align: center;
/*position: fixed;*/
}

.nav-opener-world-icon {
	height: 32px;
	/*margin: 3px;*/
}

/*menü*/

.nav-links {
	margin-top: 6px;
	/*min-width: 300px;*/
	min-height: 400px;
	max-height: 50vh;
	width: 60vw;
	max-width: 300px;
	padding: 15px;
	border-radius: 25px;
	background-color: rgba(50,50,50, 0.6);
	backdrop-filter: blur(8px);
	flex-direction: column;
  	flex-wrap: wrap;
	margin-right: 10px;
	display: none;
}

.top-header-menu-item-outer {
	flex-basis: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

.top-header-menu-item {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	font-family: Gilroy-Light;
	font-size: 14px;
	color: rgba(200,200,200, 1);
	/*background: rgba(127, 127, 127, 0.15);*/
	text-decoration: none;
	border-radius: 20px;
	white-space: normal;
}

.top-header-menu-item:hover {
	color: white;
	background-color: rgba(127, 127, 127, 0.5);
}

.top-header-menu-item-home-outer {
	margin-bottom: 50px;
}

.top-header-menu-item-home:hover {
	background-color: rgba(127, 127, 127, 0);
}

.menu-logo{
	height: 25px;
	margin-top: 10px;
}

.top-header-container-outer:hover .nav-links {
	display: flex;
}

/*responsivity*/

/*tablet*/

@media (max-width: 1199px){

  }

/*telefon*/

@media (max-width: 768px) {

  }

/*responsivity end*/

/* ide még kell a többi főmenüpont oldalspecifikus értéke*/

/*header END*/

/* big ellipse*/

.ellipse {
	width: 10000px;
	height: 3840px;
	border-radius: 50%;
	border: 1px solid rgba(127, 127, 127, 0.34);
	position: fixed;
  	bottom: 100px;
  	left: 50%;
  	transform: translateX(-50%);
	z-index: 1000;
	box-shadow: 0 0 0px 500px #fff;
	background-color: rgba(0,0,0,0);
	display: none;
  }

  ellipse:hover {
	box-shadow: none;
  }

/* big ellipse end*/
/*triangle*/

.triangle {
	z-index: 2;
	position: fixed;
 	bottom: 0;
  	left: 50%;
  	transform: translateX(-50%);
	top: 1900px;
	/*display: none;*/
}

.line-1 {
	width: 3840px;
	height: 0;
	border-top: 1px solid rgba(127, 127, 127, 0.34);
	left: 50%;
	transform: translateX(-25%) rotate(-60deg);
}

.line-2 {
	width: 3840px;
	height: 0;
	border-top: 1px solid rgba(127, 127, 127, 0.34);
	left: 50%;
	transform: translateX(25%) rotate(60deg);
  }

/*triangle end*/

.pb-with-ellipse {
	right: 20px;
	bottom: 20px;
	width: 100px;
	height: auto;
	position: fixed;
	z-index: 1;
	/*cursor: pointer;*/
}

/*pagecontent*/

.pagecontent {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

/*slider*/

.slider {
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	position: fixed;
	z-index: -1;
   }
	
   .slider .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	animation: slider 12.5s infinite;
   }
	
   .slider .slide:nth-child(1) {
	  background-image: url(lightning-storm.gif);
	  animation-delay: 0s;
   }
   
   .slider .slide:nth-child(2) {
	  background-image: url(Ministry\ Of\ Sound\ 3D\ Gif\ GIF\ by\ Salim_Adam\ -\ Find\ &\ Share\ on\ GIPHY.gif);
	  animation-delay: -2.5s;
   }
   
   .slider .slide:nth-child(3) {
	  background-image: url(lightning.gif);
	  animation-delay: -5s;
   }
   
   .slider .slide:nth-child(4) {
	  background-image: url(1.png);
	  animation-delay: -7.5s;
   }
   
   .slider .slide:nth-child(5) {
	  background-image: url(Réteg\ 12.png);
	  animation-delay: -10s;
   }
   
   @keyframes slider {
	0%, 16%, 100% {
	  transform: translateY(0);
	  animation-timing-function: ease;
	}
	20% {
	  transform: translateY(100%);
	  animation-timing-function: step-end;
	}
	96% {
	  transform: translateY(-100%);
	  animation-timing-function: ease;
	}
   }

/*slider end*/

.logo-with-lines {
	filter: brightness(100000);
	display: block;
	margin: 0 auto;
	margin-top: 500px;
	max-width: 220px;
	opacity: 1;
	filter: invert(100%);
}

.from-2023-container {
	margin-top: 20px;
	color: white;
	font-size: 25px;
	font-family: Gilroy-light;
	margin-left: 200px;
}

.from-now {
	/*font-family: gilroy-extrabold;*/
	color: rgba(127, 127, 127, 1);
}

/*sculpture*/

.sculpture {
	margin-right: 10px;
}

.sculpture-container {
	margin-top: 100px;
	color: white;
	font-size: 40px;
	font-family: Gilroy-light;
	margin-left: 200px;
}

.sculpture-link-container {
	min-height: 64px;
	margin-top: 6px;
	border-radius: 15px;
	background-color: rgba(0,0,0, 0.3);
	/*backdrop-filter: blur(5px);*/
	max-width: fit-content;
	margin-left: -20px;
	margin-right: 10px;
}

.sculpture-link {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	font-family: Gilroy-Light;
	font-size: 16px;
	color: white;
	text-decoration: none;
	border-radius: 20px;
	white-space: normal;
	text-decoration: underline;
}

.sculpture-link:hover {
	color: white;
	background-color: rgba(127, 127, 127, 0.5);
}

/*hand made*/

.hand-made-container {
	margin-top: 100px;
	color: white;
	font-size: 30px;
	font-family: Gilroy-light;
	margin-left: 200px;
	margin-right: 10px;
}

.hand-made-text-container {
	margin-top: 20px;
	max-width: 500px;
	padding: 20px;
	border-radius: 15px;
	background-color: rgba(0,0,0, 0.3);
	line-height: 0.6;
	margin-left: -20px;
}

.hand-made-text {
	color: rgba(200,200,200, 1);
	font-size: 16px;
	font-family: Gilroy-light;
}

/*made on earth*/

.made-on-container {
	max-width: 1350px;
	margin-left: 200px;
	margin-right: 10px;
	margin-top: 200px;
}

.earth-ferde {
	max-width: 75px;
	filter: invert(100%);
}

.made-on-earth {
	color: white;
	font-size: 100px;
	font-family: Gilroy-Extrabold;
	margin-left: 20px;
}

.made-on-earth-after {
	font-size: 80px;
	font-family: Gilroy-Extrabold;
	color: rgba(127, 127, 127, 0.75);
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 50px;
	line-height: 0.95;
}

/*responsivity*/
/*tablet*/

@media (max-width: 1199px){
	.from-2023-container {
		margin-top: 20px;
		font-size: 20px;
		margin-left: 15%;
	}
	.sculpture-container {
		margin-top: 50px;
		font-size: 30px;
		margin-left: 15%;
	}
	.sculpture-link-container {
		margin-left: -10px;
	}
	.hand-made-container {
		margin-top: 70px;
		font-size: 30px;
		margin-left: 15%;
	}
	.made-on-container {
		margin-left: 15%;
		margin-top: 100px;
	}
	.earth-ferde {
		display: none;
	}
	.made-on-earth {
		font-size: 40px;
		margin-left: 5px;
	}
	.made-on-earth-after {
		font-size: 40px;
		margin-top: 20px;
		margin-left: 20px;
	}
  }

/*telefon*/

@media (max-width: 768px) {
	.from-2023-container {
		margin-top: 20px;
		font-size: 20px;
		margin-left: 20px;
	}
	.sculpture-container {
		margin-top: 50px;
		font-size: 40px;
		margin-left: 20px;
	}
	.sculpture-link-container {
		margin-left: -10px;
	}
	.hand-made-container {
		margin-top: 70px;
		font-size: 30px;
		margin-left: 20px;
	}
	.hand-made-text-container {
		margin-left: -10px;
	}
	.made-on-container {
		margin-left: 20px;
		margin-top: 100px;
	}
	.pb-with-ellipse {
		display: none;
	}
  }

  /*responsivity end*/


/*pagecontent end*/

/* footer */

.footer {
	position: absolute;
	max-width: 100%;
	background-color: rgba(0,0,0, 1);
	backdrop-filter: blur(5px);
	padding-top: 50px;
	padding-bottom: 30px;
	padding-left: 100px;
	padding-right: 100px;
	margin-top: 60px;
	z-index: 2;
	font-family: gilroy-light;
}

/*footer menus*/

.footer-main-menu {
	display: flex;
	flex-wrap: wrap;
}

.footer-title {
	color: rgba(125,125,125,0.5); 
	font-size: 16px;
	margin-bottom: 50px;
	font-family: gilroy-extrabold;
}

.footer-menu-item-outer {
	flex-basis: 100%;
	margin-bottom: 20px;
}

.footer-menu-item {
	font-family: Gilroy-Light;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	/*background: rgba(127, 127, 127, 0.15);*/
	text-decoration: none;
	border-radius: 20px;
	white-space: normal;
}

.footer-menu-item:hover {
	text-decoration: underline;
	color: rgba(255, 255, 255, 0.8);
}

/*footer rights*/
.footer-rights-container {
	min-height: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
	color: white;
	/*background-color: rgba(127, 127, 127, 0.3);*/
	display: inline-block;
}


/*footer menus end*/

.footer-logo-big-container {
	display: inline-block;
	position: relative;
	min-height: fit-content;
	pointer-events: none;
}

.footer-logo-big {
	width: 100%;
	/*filter: invert(100%);*/
	/*opacity: 0.5;*/
}

.footer-logo-big-gif-container {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100% ;
	/*background-color: rgba(125,125,125,0.3);*/
	background-image: url(lightning.gif);
	/*background-repeat:repeat-x;*/
	filter: brightness(10);
	filter: grayscale(100%);
	opacity: 1;
	background-size: contain;


}

/*.footer-logo-big-gif-container-background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(127, 127, 127, 0.7);
}*/

/*.footer-logo-big-gif {
	filter: brightness(1000);
	filter: saturate(0);
	opacity: 0.7;
	width: 100%;
}*/

.footer-bottom-rectangle {
	display: inline-block;
	width: 100%;
	background-color: black;
	height: 50px;
	margin-top: -20px;
	margin-bottom: -20px;
}

/* footer end */