* {
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	color: black;
}
html {
	width: 100%;
	height: 100%;
}
body{
	font-size: 22px;
	overflow: hidden;
	background-color: black;
}
/* BIO */
.overlay {
	display: none;
}
.overlay-content {
	position: fixed;
	height: 100vh;
	width: 100%;
	background: rgba(255, 255, 255, 0.43);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(9.3px);
	-webkit-backdrop-filter: blur(9.3px);
	z-index: 20;
	text-align: center;
	font-size: 2.8vw;
	color: black;
}
.overlay-content p{
	padding: 44px;
	padding-top: 88px;
}
.overlay.active {
	display: flex;
}
.nav{
	background-color:white;
	position: fixed;
	border-radius: 50px;
	right: 30px;
	bottom: 30px;
	width: fit-content;
	padding: 1%;
	cursor: pointer;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
}
.logo {
	background-color: white;
	position: fixed;
	border-radius: 50px;
	margin-left: 30px;
	margin-top: 30px;
	z-index: 40;
	width: fit-content;
	padding: 1%;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
}
/*password: Templemantra2017!*/

/*SLIDER foto*/
.immagini{
	background-color: none;
	margin: 0;
	width: 100%;
	height: 100%;
	display: flex;
	overflow-x: auto;
}
::-webkit-scrollbar {
	width: 0px;
	background: transparent;
	/* make scrollbar transparent */
}
.item img {
	height: 100vh;
	width: auto;
}
.vertical-slider {
	display: none !important;
}
.item-vertical{
	display:none;
}

/*SLIDER video*/
.container-video{
	display: flex;
	overflow-x: auto;
}
::-webkit-scrollbar {
	width: 0px;
	background: transparent;
	/* make scrollbar transparent */
}
.video-wrapper{
	background-color: none;
	width: 100vw;
	height: 100vh;
}
.video-wrapper iframe {
	height: 100vh;
	width: 100vw;
}
.container-video-mobile {
	display: none;
}

@media only screen and (max-width: 767px) {
	.immagini{
		display: none !important;
	}
    .item{
		display: none;
	}
	.item img{
		display: none;
	}
	.vertical-slider {
		display: block !important;
        margin: 0 auto;
	}
	.item-vertical{
		display: block;
		width: 100%;
		height: auto;
        margin-top: -10px;
	}
	.item-vertical img{
		width: 100%;
        height: auto;
        margin: 0 auto;
	}
	body{
		font-size: 18px;
		overflow: auto !important;
	}
	.logo {
		z-index: 40;
		margin-left: 20px;
		margin-top: 20px;
		width: fit-content;
		padding: 3%;
		cursor: pointer;
		-webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
	}
	.overlay-content {
		position: fixed;
		width: 100%;
		background-color: rgba(253, 253, 253, 0.9);
		backdrop-filter: blur(100px);
		z-index: 20;
		text-align: center;
		font-size: 22px;
		color: black;
		height: 100vh;
	}
	.overlay-content p{
		padding: 22px;
		padding-top: 66px;
	}
	.nav{
		background-color:white;
		position: fixed;
		right: 20px;
		bottom: 20px;
		width: fit-content;
		padding: 3%;
		cursor: pointer;
		z-index: 10;
		-webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);
	}

	/*SLIDER video*/
	.container-video{
		display: none !important;
	}
	.video-wrapper{
		display: none;
	}
	.container-video-mobile {
		display: flex;
		flex-wrap: wrap;
		background-color:none;
		width: 100%;
		height: 100%;
	}
	.video-wrapper-mobile{
		width: 100%;
		background-color:none;
		height: auto;
	}
}