@charset "UTF-8";

@media all {
	.header-block__wrapper {
		position: relative;
	}

	.header-block__wrapper video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.header-block__wrapper .header-block__video-container {
		height: calc(100vh - 75px);
		height: calc(100svh - 75px);
		height: calc((1vh * 100) - 75px);
	}

	.header-block__wrapper .header-block__skip {
		position: absolute;
		bottom: 9px;
		width: 100%;
		text-align: center;
		z-index: 1;
	}

	.header-block__wrapper .header-block__skip button {
		border: none;
		background-color: transparent;
		color: var(--bs-body-color);
		cursor: pointer;
		display: none;
	}

	.header-block__wrapper .header-block__skip button.active {
		display: inline-block;
	}

	.header-block__wrapper .header-block__controls button, .videobanner .videobanner_controls button {
		position: absolute;
		right: 0;
		bottom: 10px;
		border: none;
		background-color: transparent;
		color: var(--bs-body-color);
		cursor: pointer;
		z-index: 2;
	}

	.header-block__wrapper .header-block__copyright {
		position: absolute;
		bottom: 80px;
		right: 50px;
		font-size: 14px;
		color: var(--bs-white);
		text-shadow: 2px 2px 5px #000;
	}

	.header-block__wrapper .header-block__copyright::before {
		content: "©";
		margin-right: 5px;
	}
}

@media (min-width: 1200px) {
	.header-block__wrapper .header-block__video-container {
		height: calc(100vh - 60px);
	}
}

@media (min-width: 768px) {
	.header-block__wrapper .header-block__controls button, .videobanner .videobanner_controls button {
		margin-right: 5em !important;
	}
}

@media (min-width: 320px) {
	.header-block__wrapper .header-block__controls button, .videobanner .videobanner_controls button {
		margin-right: 2em;
	}
}