/* common: START ============== */
*{
	box-sizing: border-box;
}
body{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
/* common: END ============== */



/* mainPage: START ============== */
.mainPage{}
.mainPage--videoBG{}


/* mainPage: END ============== */



/* videoForBG: START ============== */
.videoForBG{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: black;
}
.videoForBG--wrapper{
	position: relative;
}
.videoForBG--video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	object-fit: cover;
	filter: brightness(0.5);
}
.videoForBG--texts{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: white;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 0.6fr 1.3fr 1fr;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	/* border: 1px yellow dashed; */
}
.videoForBG--textsContainer{
	font-size: clamp(16px, 2vw, 30px);
	margin-top: -6em;
	container-name: textsContainer;
	container-type: inline-size;
	width: 100%;
}
.videoForBG--h{
	margin: 0;
	padding: 0;
	text-align: center;
}
.videoForBG--h1{ font-size: clamp(12px, 4em, 5em); }
@container textsContainer (width < 600px) { .videoForBG--h1{ font-size: 13vw; } }
.videoForBG--logo{
	width: 2em;
}

.videoForBG--h1_green{
	color: green;
	font-size: 1.3em;
	text-shadow: 0px 0px 1px white, 0px 0px 1px white, 0px 0px 1px white, 0px 0px 1px white, 0px 0px 1px white;
	display: none;
}
.videoForBG--h2{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.6em;
	/* background-color: #ffffff0f; */
	background-color: #0db14b0f;
	padding: 0.6em 15px;
	margin: 0 -15px;
}
.videoForBG--links{
	margin-top: 2em;
	font-size: clamp(0.65em, 0.75em, 0.85em);
	display: flex;
	gap: 30px;
	justify-content: center;
}
.videoForBG--link{
	display: inline-block;
	/* color: #00cf00; */
	color: #0db14b;
	text-decoration: none;
	transition: 0.2s;
}
.videoForBG--link:hover{ scale: 1.1; color: #47ff47; }
.videoForBG--link:active{ color: white; }
.videoForBG--linkTG{}
.videoForBG--linkIG{}
.videoForBG--linkCAT{}

.videoForBG--headLine {
	text-align: center;
	display: grid;
	align-self: start;
	margin-block: 1em;
	font-size: 0.8em;
	color: #bdd1db;
}
.videoForBG--footerLine {
	display: grid;
	grid-template-columns: 1fr;
	text-align: center;
	margin-bottom: 3em;
	gap: 20px;
	color: #bdd1db;
	font-size: 0.9em;
}
.videoForBG_coloredLink:hover { filter: brightness(1.15); }
.videoForBG_coloredLink {
	font-weight: bold;
	/* color: #e4132e; */
	color: #0db14b;
	text-decoration: none;
}

/* videoForBG: END ============== */