html {

	--scrollbarBG: #777;
  	--thumbBG: #AAA;
}

body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body::-webkit-scrollbar {
  width: 7px;
}


body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 3px;
  
}

html {

	padding: 0;
	margin: 0;
	border: 0;

	font-size: 16px;

	scrollbar-width: thin;
  	scrollbar-color: var(--thumbBG) var(--scrollbarBG);


	}





body {


	width: 100%;
	height: 100%;

	background-color: rgb(119,119,119);

	padding: 0;
	margin: 0;
	border: 0;
	
}





.baseimg {

}

video {

	
}

a {
	text-decoration: none;
}

.container {

	position: absolute;
	top: 0px;
	left: 0px;

	height: auto;
 
}

.item {

	
}

.header-wrapper {
	position: absolute;

	top: 0px;
	left: 0px;

	
	width: 100vw;	
	display: flex;
	justify-content: center;
	align-items: center;

	z-index: 99999;

	padding:0px;
	padding-top: 3vh;



}

.header-inside {

	width: 100%;
	max-width: 2560px;

	display: flex;
	flex-wrap: wrap;

	justify-content: space-between;

	align-items: flex-start;

	
	
}

.navi {

	padding: 0px;
	padding-right: 5%;
	padding-left: 3%;

	font-family: 'Exo', sans-serif;
	letter-spacing: -1px;

	width: auto;
	height: auto;
	
	

	display: flex;

	justify-content: flex-end;
	align-items: center;

	z-index: 100000;

}

.navi-button-left {

	opacity: 0.36;

	padding: 0px;

	padding-left: 20px;
	padding-right: 20px;

	width: auto;
	height: auto;

	background-color: white;
	border: 2px solid #cfcfcf;

	font-size: calc(16px + 6 * ((100vw - 320px) / 680));
	font-weight: 300;



	border-radius: 25px;
	box-shadow: 0px 25px 50px #999;

}

.navi-button-beh-svg {

	width: 200px;
	height: 51px;

	opacity: 0.66;

	

	background-image: url(im/button_beh.svg);

	background-size: cover;
  	background-repeat: no-repeat;
	
	filter: drop-shadow( 0px 25px 50px #333 );



}

.navi-button-beh-svg:hover {

	width: 200px;
	height: 51px;

	opacity: 0.99;

	

	background-image: url(im/button_beh_hover.svg);

	background-size: cover;
  	background-repeat: no-repeat;
	

}


.navi-button-insta-svg {

	width: 252px;
	height: 51px;

	opacity: 0.66;

	

	background-image: url(im/button_insta.svg);

	background-size: cover;
  	background-repeat: no-repeat;
	
	filter: drop-shadow( 0px 25px 50px #333 );



}

.navi-button-insta-svg:hover {

	width: 252px;
	height: 51px;

	opacity: 0.99;

	background-image: url(im/button_insta_hover.svg);

	background-size: cover;
  	background-repeat: no-repeat;
	

}

.navi-button-left:hover {

	opacity: 0.88;

	padding: 0px;

	padding-left: 20px;
	padding-right: 20px;

	width: auto;
	height: auto;

	color: white;
	background: linear-gradient(90deg, rgba(120,255,242,1) 0%, rgba(138,255,128,1) 50%, rgba(120,255,242,1) 100%);

	border: 2px solid #fff;

	font-size: calc(16px + 6 * ((100vw - 320px) / 680));
	font-weight: 300;





	border-radius: 25px;
	box-shadow: 0px 25px 50px #999;

}

.navi-button-divider {

	opacity: 0.66;
	width: 10px;
	height: calc(6 * ((100vw - 320px) / 680));

	background-color: white;
	

	 border-radius: 25px;

	 z-index: 9999;

}

.navi-link {

	color: black;

}

.navi-link:hover {

	color: white;

}

.beh {
	
	color: white;

	margin: 5px;
	padding:10px;
	padding-top: 2px;

	font-family: 'Exo 2', sans-serif;
	font-size: 2em;
	font-style: italic;

	text-decoration: none;

	opacity: 0.8;

	
}

.beh:hover {
	
	color: #777;

	margin: 5px;
	padding:10px;
	padding-top: 2px;

	font-family: 'Exo 2', sans-serif;
	font-size: 2em;
	font-style: italic;

	text-decoration: none;

	opacity: 0.9;

	
}


.logo {
	
	max-width: 20%;
	max-height: 20vh;

	opacity: 0.46;

	padding-left: 7%;
	padding-top: 2%;

	


}



.video-full-wrapper {
	

	
	width: 100vw;
  	height: 100vh;  	
  	
	
  	
	overflow: hidden;

	margin: 0px;
	padding: 0px;

}

.video-full {
	
	object-fit: cover;

	width: 100vw;
	height: 100vh; 
	margin: 0px;
	padding: 0px;

	



}

.topgrad-wrapper {

	width: 100%;
	height: 100vh;

	

	position: absolute;

	top: 0px;
	left: 0px;
	z-index: 9999;


}

.topgrad {

	width: 100%;
	height: 20vh;

	background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(226,226,226,1) 100%);

	position: absolute;

	top: 0px;
	left: 0px;
	z-index: 9999;


}

.bottomgrad {

	width: 100%;
	height: 55vh;

	background: linear-gradient(180deg, rgba(119,119,119,0.0) 0%, rgba(119,119,119,1) 100%);

	position: absolute;

	bottom: 0px;
	left: 0px;
	z-index: 9999;


}





.content {
	
	max-width: 100vw;

	
}

.img-big-grid-pask {

	width:auto;

	background: rgb(119,119,119);
	
	

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;	


}

.img-big-grid-form_a {

	margin: 0px;
	padding: 0px;

	width:auto;

	background: rgb(142,132,126);
	background: linear-gradient(180deg, rgba(142,132,126,1) 39%, rgba(154,191,73,1) 47%, rgba(142,132,126,1) 55%);
	

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;	


}

.topgrad-pask {

	position: relative;

	top:0px;
	left:0px;

	

	width: 100%;
	height: 30vh;

	background: rgb(119,119,119);

	background: linear-gradient(0deg, rgba(119,119,119,0.0) 0%, rgba(119,119,119,1) 100%);
	
	z-index: 999;

	margin: 0px;
	margin-bottom: -20vh;
	

}

.bottomgrad-pask {	

	position: relative;

	bottom:0px;
	left:0px;

	

	width: 100%;
	height: 40vh;

	background: linear-gradient(180deg, rgba(119,119,119,0.0) 0%, rgba(119,119,119,1) 100%);
	
	z-index: 999;

	margin: 0px;
	margin-top: -30vh;
	

}

img {
            


}

.rounded {

	max-height: 100vh;
	max-width: 98vw;




	margin: 15px;
 	border-radius: 20px;
 	box-shadow: 0px 25px 50px #666;

}

.rounded-sq {

	max-height: 100vh;
	




	margin: 15px;
 	border-radius: 20px;
 	box-shadow: 0px 25px 50px #666;

}


.rounded-3img {

	
	max-height: 100vh;
	max-width: 30vw;


	margin: 15px;
 	border-radius: 20px;
 	box-shadow: 0px 25px 50px #666;

}

.rounded-3img-top {

	margin: 0px;
	margin-top: 5vh;

	max-height: 100vh;
	max-width: 30vw;


	margin: 15px;
 	border-radius: 20px;
 	box-shadow: 0px 25px 50px #666;

}

.fullwidth {	
	
	width: auto;
	height: 100vh;
	overflow: hidden;
	background: orange;
}

.fullwidth-3img {
	


}



.fullwidth-inside {

	position: relative;

	
	top: 50px;
	right: 50px;

	float: right;

	width: 500px;
	height: 500px;

	background: red;
}



.fullwidth-flex{
	width: 90vw;
	overflow: hidden;

	padding: 0px;
	padding-top: 50px;
	padding-bottom: 50px;


	display: inline-flex;
	flex-wrap: nowrap;
	

	align-content: center;

	align-self: center;

	align-items: center;

	justify-content: center;

	

	

	
}



.squarevid-container {


	padding: 0px;

	

	
	

	
	
}

.squarevid {

	

	padding: 0px;

	overflow: hidden;

	max-width: 100vw;	
	height: 100vh;

	object-fit: cover;

	border-radius: 20px;
 	box-shadow: 0px 25px 50px #666;

	
	
}

.squarevid-sm {
	padding: 0px;
	max-width:50%;
	height: 100vh;

	overflow: hidden;
	
	object-fit: cover;
	border-radius: 20px;
 	box-shadow: 0px 25px 50px #333;

	
	
}