.view-animation {
	opacity: 0;
}

.animated {
	opacity: 1;
	transition: 1s;
}

.fade-down.animated, .fade-left.animated, .fade-right.animated, .fade-up.animated {
	transform: translate3d(0, 0, 0);
}

.scale-down.animated, .scale-up.animated {
	transform: scale(1);
}

.fade-up {
	transform: translate3d(0, 100px, 0);
}

.fade-down {
	transform: translate3d(0, -100px, 0);
}

.fade-left {
	transform: translate3d(100px, 0, 0);
}

.fade-right {
	transform: translate3d(-100px, 0, 0);
}

.scale-up {
	transform: scale(.5);
}

.scale-down {
	transform: scale(1.5);
}

.delay-0 {
	animation-delay: 0;
	transition-delay: 0;
}

.delay-1 {
	animation-delay: .25s;
	transition-delay: .25s;
}

.delay-2 {
	animation-delay: .5s;
	transition-delay: .5s;
}

.delay-3 {
	animation-delay: .75s;
	transition-delay: .75s;
}

.delay-4 {
	animation-delay: 1s;
	transition-delay: 1s;
}

.delay-5 {
	animation-delay: 1.25s;
	transition-delay: 1.25s;
}

.delay-6 {
	animation-delay: 1.5s;
	transition-delay: 1.5s;
}

section {
	position: relative;
	overflow: hidden;
}

.background-image-container {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.background-image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	user-select: none;
}

.slick-prev, .slick-next, .slick-arrow {
	transition: .4s ease-in-out;
}

.slick-prev:hover {
	transform: translateX(-10px);
}

.videos__prev:hover, .highlights__prev:hover, .quicklinks__prev:hover {
	transform: translateX(-10px) translateY(-50%) !important;
}

.slick-next:hover {
	transform: translateX(10px);
}

.videos__next:hover, .highlights__next:hover, .quicklinks__next:hover {
	transform: translateX(10px) translateY(-50%) !important;
}

.section__features ul li, .section__systemRequirements ul li {
	position: relative;
	list-style: none;
	margin-left: 10px;
}

.section__features ul li:before, .section__systemRequirements ul li:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -24px;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 381 422.5\" x=\"0px\" y=\"0px\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><g><path fill=\"white\" d=\"M148 227c-39,-56 -72,-131 -148,-56 54,40 84,98 107,162 1,4 6,6 10,5 17,-4 34,-8 50,-12 3,-1 5,-2 6,-5 57,-116 127,-217 206,-307 7,-7 -3,-18 -11,-13 -85,54 -159,129 -220,226z\"/></g></svg>");
	background-position: center center;
	background-size: cover;
}