@charset "UTF-8";

/* ------------------------------------------------------------------------------------ */
/*------------------------------------- Scrollbar -------------------------------------*/
/* ------------------------------------------------------------------------------------ */

#ScrollbarStyle::-webkit-scrollbar-track{
	background-color: #00000000;
} 
#ScrollbarStyle::-webkit-scrollbar{
	width: 4px;
	background-color: #00000000;
} 
#ScrollbarStyle::-webkit-scrollbar-thumb{
	background-color: #fff;
}

/* ------------------------------------------------------------------------------------ */
/*------------------------------------- Noise Anim -------------------------------------*/
/* ------------------------------------------------------------------------------------ */

#FixedElem{
	position: fixed;
	height: 100%;
	width: 100vw;
	z-index: 0;
}

/* ------------------------------------------------------------------------------------ */
/*--------------------------------------- Content --------------------------------------*/
/* ------------------------------------------------------------------------------------ */

#MainContentProject{
	position: relative;
	z-index: -1;
	padding-left: 120px;
	padding-right: 120px;
	padding-top: 10vh;
	padding-bottom: 10vh;
	overflow: hidden;
}

.rellax{
	transition: transform 3s cubic-bezier(0, 1, 0.5, 1)
}
.rellax div img{
	display: block;
	margin: auto;
	height: 80vh;
	box-shadow: 0px 70px 150px 0px rgba(0, 0, 0, 1);
}
.rellax div:nth-child(2n+1) img{
	margin-left: 0;
}
.rellax div:nth-child(2n) img{
	margin-right: 0;
}
.rellax div:first-child{
	margin-top: 0;
}
.rellax div{
	margin-top: -20vh;
}

/* ------------------------------------------------------------------------------------ */
/*------------------------------------- Media Query ------------------------------------*/
/* ------------------------------------------------------------------------------------ */

@media (max-aspect-ratio: 1/1) {
	
}

@media screen and (max-width: 2520px) {

}

@media screen and (max-width: 2220px) {

}

@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1660px) {

}

@media screen and (max-width: 1366px) {
	
}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
	
}