body{
	margin: 0;
}
.gallery-arrows{
	display: flex;
	align-items: center;
	justify-content: center;
}
.gallery-cont{
	display: flex;
	align-items: center;
	justify-content: center;
}
.view-gallery{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	flex-direction: column-reverse;
	z-index: 200;
	display: none;
	transition: .7s;
	opacity: 0;
}
.view-gallery .gallery-arrows{
	background: none;
	z-index: 250;
	margin-top: 2vw;
}
.view-gallery .gallery-arrow{
	border: 1px solid #fff;
}
.view-gallery .gallery-arrow img{
	filter: invert(100%);
}
.view-gallery .background{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0, .3);
	z-index: 230;
}
.gallery-arrow{
	width: 3vw;
	height: 3vw;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
	position: relative;
	border: 1px solid #000;
	margin: 0 2vw;
}

.gallery-arrow img{
	width: 1.4vw;
	transition: filter .2s;
}
.gallery-arrow:hover{
	transform: scale(1.2);
}
.gallery-arrow-left img,
.gallery-arrow-view-left img{
	transform: rotate(180deg);
}
.gallery-arrow.noactive{
	border: 1px solid rgba(0,0,0,.5);
}
.gallery-arrow.noactive img{
	filter: invert(50%);
}
.gallery{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 2vw;
    height: 35vw;
	width: 100%;
	transform-style: preserve-3d;
	perspective: 1000px;
	overflow: hidden;
}
.gallery-item{
	min-width: 19.3vw;
	max-width: 19.3vw;
	height: 26vw;
	box-shadow: -10px 0px 50px 0px #000000;
	border: 2px solid #11998E;
	border-radius: 1.3vw;
	margin: 0 -9.6vw;
	transition: .4s;
	left: 0;
	position: relative;
	cursor: pointer;
	box-sizing: content-box;
	transform: scale(0);
	overflow: hidden;
}
.gallery-item:before{
	content: '';
	background: linear-gradient(180deg, rgba(13, 13, 13, 0) 0.58%, rgba(13, 13, 13, 0.7) 41.26%, #0D0D0D 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.gallery-item .info{
	position: relative;
	z-index: 5;
	width: 100%;
	height: 100%;
	padding: 0 2.1vw;
	padding-bottom: 1.25vw;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.gallery-item .info p{
	font-size: .73vw;
	color: #CECECE;
	line-height: 150%;
	margin: .3vw 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -moz-box;
	-moz-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp:10;
	-webkit-box-orient: vertical;
	line-clamp:10;
	box-orient: vertical;
	transition: .4s;
}
.gallery-item .grate{
	display: flex;
	align-items: center;
	margin-bottom: 1vw;
}
.gallery-item h2{
	color: #F7F7F7;
	font-size: 1.7vw;
	margin: 0;
	margin-bottom: .8vw;
	text-transform: uppercase;
}
.gallery-item .grate img{
	width: 1.9vw;
	margin-right: .3vw;
}
.gallery-item .img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	box-shadow: 0px 0px 20px -6px #888;
	z-index: 3;
}
.gallery .gallery-item-left{
	z-index: 4;
	
}
.gallery .gallery-item-right{
	z-index: 5;
}
.gallery .gallery-item-center-right{
	opacity: .6;
	transform: scale(.8);
}
.gallery .gallery-item-center-left{
	opacity: .6;
	transform: scale(.8);
}
.gallery .gallery-item-center{
	z-index: 6;
	transform: scale(1);
	opacity: 1;
	margin: 0 .8vw;
}
.gallery-item.current{
	position: static;
	transform: none;
}
.view-gallery .gallery-item{
	height: 80vh;
	min-width: unset;
	max-width: unset;
	width: unset;
	padding: 0 !important;
	cursor: default;
}
.view-gallery .gallery-item:before{
	content: unset;
}
.view-gallery .gallery-item img{
	width: auto;
	object-fit: unset;
}
.view-gallery-item-next{
	position: absolute;
	opacity: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -54%);
	z-index: 210;
	transition: 0s;
}
.view-gallery-item-current{
	position: relative;
	opacity: 1;
	z-index: 250;
	transition: opacity .5s;
}
.controls{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2vw 0;
}
.controls .dots{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 2vw;
}
.controls .dots span{
	background: #0E6600;
	width: .8vw;
	height: .8vw;
	border-radius: 100%;
	margin: 0 .5vw;
	cursor: pointer;
	transition: .3s;
}
.controls .dots span:hover{
	transform: scale(1.1);
}
.controls .dots span.active{
	background: linear-gradient(90deg, #FDFC47 0%, #24FE41 100%);
	box-shadow: 0px 0px 8px 1px #24FE41;
}
.controls .arrow{
	width: 1.6vw;
	cursor: pointer;
}
.controls .arrow.gallery-arrow-left{
	transform: rotate(180deg);
}
@media (max-width: 500px) {
	.gallery{
		height: 130vw;
	}
	.gallery-item{
		min-width: 70vw;
		max-width: 70vw;
		border-radius: 5.5vw;
		height: 100vw;
		margin: 0 -35vw;
	}
	.gallery .gallery-item-center{
		
	}
	.gallery-item .info{
		padding: 0 8.8vw;
		padding-bottom: 5.3vw;
	}
	.gallery-item .grate{
		margin-bottom: 4vw;
	}
	.gallery-item .grate img{
		width: 8vw;
		margin-right: 1vw;
	}
	.gallery-item h2{
		font-size: 5vw;
		margin-bottom: 2vw;
	}
	.gallery-item .info p{
		font-size: 3.5vw;
	}
	.insta-slide h2{
		font-size: 7vw;
		margin-bottom: 4vw;
	}
	.controls{
		margin: 7vw 0;
	}
	.controls .arrow{
		width: 8vw;
	}
	.controls .dots{
		margin: 0 7vw;
	}
	.controls .dots span{
		width: 2vw;
		height: 2vw;
		margin: 0 1vw;
	}
	.insta-slide.insta-slide-center .play{
		margin: 10vw auto;
		margin-top: 4vw;
		min-height: 20vw;
    	max-height: 20vw;
	}
}