.indicator-holder {
	position: absolute;
	transform: translate(-50%, 0);
	left: 50%;
	z-index: 3;
	width: 146px;
	height: 35px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAAiCAYAAAC5r/C8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAixJREFUeNrsm/1twkAMxeNMkBFuA7JBMwJMUDpB6QZs0HYCygRhg6QTABPABmSD1BZWRStEC7mQ+3hPsgL/tHD3k5/PPiiBkrZtM37kHAXHiMPo+0uqORqOrb7eEFGD1YwXIsMx46hae6r0bxqscDwgTS1DdAmuKVY8UEvjmHMc2vvroP87w04AJIAFfcPkCkhnwcIO+QNSwbFr3Zd8xgI75vaprWz9U4lToXswzRy1t2tscBbCXpDvWYkfC21IhqCa44mI9r5+gdTnfhI/1gHBlOh3WfvcvyIPQco0K40Dd/KVZqsGQPUHk8zXyuQ4a4tBYn0ThmoDy+uhr6QWF9OJyKgFzpGh7FpcGVitdGvBPnHdAslxmAqFCeOKoxqFqobl3WZxFWD6IVmLymULJAdBgsV5bIHkGEywOM8tMHUIJlhcABZIDoBkNCvl4KOTNpqt9tFmqJPxCWDqLlnDwcc2NBBIsYxPhtJgYxsaAKaxwoRaqf+CXaBaBQkUslIc2Sq9E0zi6zvANIhkzXf3qq2oZ5CkUHxN0KR0RTXHS5+3F9KeQJL73YskvAtwvqvQk+Cir3vsZBkkqZPkbvQzim4vivZ3jjeb9RVZAskoRFOA5CVYHwKXjaYodQRJUuijggT5LwFr2WU2SDdAlOvJQUAy2IMgJZlqKS2Hawt4+gdAmRZzDwoSIIoPLullfcop8a96i878HDrXOmikrwEQ9BswyVpbrb9OM1jzJcAAoA1ziLmBuM0AAAAASUVORK5CYII=") no-repeat;
	bottom: -1px;
}

.scroll-indicator {
	position: relative;
	top: 8px;
	left: 1px;
	display: block;
	text-decoration: none;
	color: black;
	text-align: center;
	outline: none;
}

.scroll-indicator:hover, .scroll-indicator:active {
	text-decoration: none;
	color: var(--color-foiler);
}

.scroll-indicator .as-text {
	display: none;
}

.scroll-indicator .indicator-icon {
	display: inline-block;
	margin: 0 auto;
	font-size: 1rem;
}

body.opened-video .footer-black-shadow {
	opacity: 1 !important;
	transform: translate3d(0, 0, 0) !important;
	transition: transform 1.5s cubic-bezier(.165, .84, .44, 1), opacity 1.5s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.5s cubic-bezier(.165, .84, .44, 1)
}

body.opened-video #section-home .picture-wrapper {
	opacity: 0;
	transition: opacity 1.5s cubic-bezier(.165, .84, .44, 1)
}

body.opened-video #section-home .inner-content-wrapper {
	opacity: 0 !important;
	transform: translate3d(-50%, 0, 0) !important;
	transition: transform 1.5s cubic-bezier(.19, 1, .22, 1), opacity 1.5s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.5s cubic-bezier(.19, 1, .22, 1) !important
}

.video-holder {
	display: none;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 0 0
}

.video-holder iframe {
	height: 100%;
	width: 100%
}

.video-holder .loader {
	animation: movement-up-opacity .5s cubic-bezier(.55, .085, .68, .53) 0s both;
	z-index: 1;
	left: 50%;
	top: 50%;
	position: absolute;
	display: block;
	opacity: .6;
	color: #fff
}

.video-holder .loader .spinner-holder {
	left: 50%;
	top: 50%;
	position: absolute;
	display: block;
	opacity: 1 !important;
	transform: translate(-50%, -50%) scale(.75) !important
}

.video-holder .video-controls {
	display: none;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	text-align: center;
	transform: translate(-50%, -50%)
}

.video-holder .video-controls.show {
	display: block;
	opacity: 1;
	transform: translate(-50%, -50%)
}

.video-holder .video-controls.show .animate-holder-0 {
	animation: movement-up-opacity .5s cubic-bezier(.55, .085, .68, .53) 0s both, movement-up .7s cubic-bezier(.25, .46, .45, .94) .1s both
}

.video-holder .video-controls.show .animate-holder-1 {
	animation: movement-up-opacity .5s cubic-bezier(.55, .085, .68, .53) .15s both, movement-up .7s cubic-bezier(.25, .46, .45, .94) .25s both
}

.video-holder .video-controls.show .animate-holder-2 {
	animation: movement-up-opacity .5s cubic-bezier(.55, .085, .68, .53) .3s both, movement-up .7s cubic-bezier(.25, .46, .45, .94) .4s both
}

.video-holder .video-controls.show .animate-holder-3 {
	animation: movement-up-opacity .5s cubic-bezier(.55, .085, .68, .53) .45s both, movement-up .7s cubic-bezier(.25, .46, .45, .94) .55s both
}

.video-holder .video-controls.show .animate-holder-4 {
	animation: movement-up-opacity .5s cubic-bezier(.55, .085, .68, .53) .6s both, movement-up .7s cubic-bezier(.25, .46, .45, .94) .7s both
}

.video-holder .video-controls.show .foiler-btn {
	min-width: 14.55192rem !important;
	text-align: left;
	width: 100%
}

@media (min-width: 0) and (max-width: 767px) {
	.video-holder .video-controls.show .foiler-btn {
		width: 80vh;
		max-width: 310px
	}
}

.video-holder .video-controls.show .foiler-btn:not(:active):not(:hover) {
	border-color: #fff;
	background: rgba(0, 0, 0, .5)
}

.video-holder .video-controls .animate-holder > * {
	margin: 0 auto
}

.video-holder .video-controls .animate-holder + .animate-holder {
	margin-top: 1.95312rem
}

@media (min-width: 0) and (max-width: 767px) {
	.video-holder .video-controls .animate-holder + .animate-holder {
		margin-top: 1.25rem
	}
}

.video-holder #video-player-yt {
	display: none
}

.video-holder #video-player-yt.playing {
	display: block;
	z-index: 30;
	position: relative
}

.opened-video .video-holder {
	display: block
}