/* Variables & Fonts */
:root {
	/* Color Variations*/
	--color-foiler: #B2856B;
}

@font-face {
	font-family: Gotham;
	font-weight: 400;
	font-style: normal;
	src: url(fonts/GothamBook.eot);
	src: url(fonts/GothamBook.eot?#iefix) format("embedded-opentype"), url(fonts/GothamBook.woff) format("woff"), url(fonts/GothamBook.ttf) format("truetype"), url(fonts/GothamBook.svg#Gotham) format("svg")
}

@font-face {
	font-family: "Gotham Medium";
	font-weight: 400;
	font-style: normal;
	src: url(fonts/GothamMedium.eot);
	src: url(fonts/GothamMedium.eot?#iefix) format("embedded-opentype"), url(fonts/GothamMedium.woff) format("woff"), url(fonts/GothamMedium.ttf) format("truetype"), url("fonts/GothamMedium.svg#Gotham Medium") format("svg")
}

@font-face {
	font-family: "Gotham Bold";
	font-weight: 400;
	font-style: normal;
	src: url(fonts/GothamBold.eot);
	src: url(fonts/GothamBold.eot?#iefix) format("embedded-opentype"), url(fonts/GothamBold.woff) format("woff"), url(fonts/GothamBold.ttf) format("truetype"), url("fonts/GothamBold.svg#Gotham Bold") format("svg")
}

@font-face {
	font-family: "Gotham Light";
	font-weight: 400;
	font-style: normal;
	src: url(fonts/GothamLight.eot);
	src: url(fonts/GothamLight.eot?#iefix) format("embedded-opentype"), url(fonts/GothamLight.woff) format("woff"), url(fonts/GothamLight.ttf) format("truetype"), url("fonts/GothamLight.svg#Gotham Light") format("svg")
}

body, html {
	min-width: 320px;
}

body,
h1,
h2 {
	font-family: "Gotham Light", Arial, sans-serif;
}

h1 {
	font-size: 3rem;
}

h1, h2, h3, p {
	margin: 0;
	font-weight: 400
}

a {
	text-decoration: none;
}

.bg-dark {
	background-color: #171a23 !important;
}

.bg-light {
	background-color: white !important;
}

.color-foiler {
	color: var(--color-foiler);
}

.foiler-btn {
	border: 2px solid var(--color-foiler);
	will-change: color, background-color, transform, opacity, box-shadow;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	border-radius: 2em;
	color: white;
	background: var(--color-foiler);
	font-family: Gotham, Arial, sans-serif;
	font-size: 1rem;
	letter-spacing: .0125em;
	line-height: 1;
	/*noinspection CssFloatPxLength*/
	padding: 1rem 2.5rem 0.85rem;
	text-decoration: none;
	perspective: 1000px;
	backface-visibility: hidden;
}

.foiler-btn:hover, .foiler-btn:active {
	text-decoration: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
	.foiler-btn {
		font-smooth: antialiased;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

.foiler-btn:hover {
	background: transparent;
	color: white;
	border-color: white;
}

.foiler-btn.with-icon-left i, .foiler-btn.with-icon-left svg {
	width: 1rem;
	margin-right: .75em
}

.foiler-btn.with-white-text {
	color: #fff
}

.foiler-btn.full-ghost {
	color: #fff;
	border-color: transparent
}

.foiler-btn.full-ghost:hover {
	color: #ff493e;
	border-color: transparent;
	background: 0 0
}

.foiler-btn.with-white-background:not(:hover) {
	color: #222;
	background: rgba(255, 255, 255, .75);
	border-color: rgba(255, 255, 255, 0) !important
}

.foiler-btn.as-full-white:not(:hover) {
	color: rgba(255, 255, 255, .9);
	background: 0 0;
	border-color: rgba(255, 255, 255, .9) !important
}

.foiler-btn:active {
	transform: scale(.985) translate(0, 2px)
}

header #foiler-top-nav img {
	height: 1.5rem;
}

header #foiler-top-nav a {
	font-family: "Gotham Medium", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 0.82645rem;
	letter-spacing: -0.0125em;
	text-decoration: none;
	color: white;
}

header #foiler-top-nav {
	line-height: 2rem;
}

header #foiler-top-nav a:hover {
	color: #ff493e;
}

header #foiler-top-nav .home-link {
	padding-top: 0.4rem;
}

header #foiler-top-nav button {
	height: 3rem;
}

header #foiler-top-nav button .text {
	color: white;
}

header.sticky-top {
	background-color: rgba(0, 0, 0, .8);
}

body .foiler-navigation:after {
	display: block;
	content: "";
	background-color: rgba(0, 0, 0, .8);
	z-index: 1;
	position: fixed;
	top: 0;
	opacity: 1;
	height: calc(3.76837rem + 1px);
	transform: translateY(0);
	transition: all .2s, transform .4s 0s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s 0s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width: 0) and (max-width: 767px) {
	body .foiler-navigation:after {
		height: calc(3.1747rem + 8px)
	}
}

.foiler-navigation {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 4
}

.foiler-navigation .foiler-navigation-full {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh
}

.foiler-navigation .foiler-navigation-full.is-active {
	visibility: visible
}

.foiler-navigation .foiler-navigation-full.is-active .navigation-overlay {
	visibility: visible;
	opacity: 1
}

.foiler-navigation .foiler-navigation-full.is-active .navigation-wrapper {
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .4);
	transform: translate3d(0, 0, 0);
	transition: all .2s, transform .3s cubic-bezier(0, 0, .58, 1), opacity .2s cubic-bezier(.42, 0, 1, 1), -webkit-transform .3s cubic-bezier(0, 0, .58, 1);
	opacity: 1
}

@media (min-width: 0) and (max-width: 767px) {
	.foiler-navigation .foiler-navigation-full.is-active .navigation-wrapper {
		opacity: 1
	}
}

.foiler-navigation .foiler-navigation-full .navigation-overlay {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 1;
	background: rgba(0, 0, 0, .3);
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .2s
}

.foiler-navigation .foiler-navigation-full .navigation-wrapper {
	box-sizing: border-box;
	position: relative;
	padding: 3.8147rem 1.95312rem 2.44141rem;
	max-width: 280px;
	width: 100vw;
	height: auto;
	min-height: 100%;
	z-index: 3;
	transform: translate3d(-1.95312rem, 0, 0);
	transition: all .2s, transform .2s cubic-bezier(.895, .03, .685, .22), opacity .2s cubic-bezier(.42, 0, 1, 1), -webkit-transform .2s cubic-bezier(.895, .03, .685, .22);
	opacity: 0
}

@media (min-width: 0) and (max-width: 767px) {
	.foiler-navigation .foiler-navigation-full .navigation-wrapper {
		padding: 4.76837rem calc(3.8147rem - 2px)
	}
}

@media (min-width: 0) and (max-width: 767px) {
	.foiler-navigation .foiler-navigation-full .navigation-wrapper {
		max-width: 100%;
		transform: translate3d(0, 0, 0)
	}
}

.foiler-navigation .foiler-navigation-full .navigation-wrapper ul {
	list-style: none;
	display: flex;
	justify-content: start;
	flex-direction: column;
	padding: 0;
	position: relative
}

.foiler-navigation .foiler-navigation-full .navigation-wrapper ul li {
	display: block
}

.foiler-navigation .foiler-navigation-full .navigation-wrapper ul li a {
	display: block;
	font-family: "Gotham Medium", Arial, sans-serif;
	line-height: 1.5;
	font-size: .82645rem;
	letter-spacing: -.0125em;
	padding: .64rem 0;
	backface-visibility: hidden;
	text-decoration: none;
	text-transform: uppercase;
	color: #1e1e1e;
	opacity: .9;
	transition: all .2s, transform .1s, -webkit-transform .1s;
	transform: translate3d(0, 0, 0);
	transform-origin: center center;
	font-smooth: antialiased !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
	.foiler-navigation .foiler-navigation-full .navigation-wrapper ul li a {
		font-smooth: antialiased;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

@media (min-width: 0) and (max-width: 767px) {
	.foiler-navigation .foiler-navigation-full .navigation-wrapper ul li a {
		font-size: 1.1rem
	}
}

.foiler-navigation .foiler-navigation-full .navigation-wrapper ul li a:hover {
	opacity: 1
}

.foiler-navigation .foiler-navigation-full .navigation-wrapper ul li a:hover span {
	color: #ff493e
}

.foiler-navigation .foiler-navigation-full .navigation-wrapper ul li a:active span {
	display: inline-block;
	/*noinspection CssFloatPxLength*/
	transform: scale(.985) translate3d(0, .5px, 0);
	backface-visibility: hidden
}

.menu-trigger-wrapper {
	position: relative;
	cursor: pointer
}

.menu-trigger-wrapper:hover {
	opacity: 1;
	color: #ff493e
}

.menu-trigger-wrapper:hover * {
	color: #ff493e !important
}

.menu-trigger-wrapper:hover :after, .menu-trigger-wrapper:hover :before {
	background-color: #ff493e !important
}

.menu-trigger-wrapper:hover .hamburger-inner {
	background-color: #ff493e !important
}

.menu-trigger-wrapper:hover .hamburger-inner:after, .menu-trigger-wrapper:hover .hamburger-inner:before {
	background-color: #ff493e !important
}

.hamburger {
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter, -webkit-filter;
	transition-duration: .15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	overflow: visible;
	position: relative;
	margin: 0 0 0 3px;
}

.hamburger * {
	backface-visibility: hidden
}

@media (min-width: 0) and (max-width: 767px) {
	.hamburger {
		padding: .32768rem
	}
}

@media (min-width: 768px) {
	.hamburger {
		padding: .512rem .90909rem
	}
}

.hamburger:focus {
	outline: 0
}

.hamburger .hamburger-box {
	width: 24px;
	height: 16px;
	transform: scale(1) translate3d(0, 2px, 0);
	display: block;
	position: absolute;
	outline: 0
}

.hamburger .hamburger-box .hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
	transition-duration: 75ms, .1s;
	transition-timing-function: cubic-bezier(.55, .055, .675, .19), cubic-bezier(0, 0, .58, 1)
}

.hamburger .hamburger-box .hamburger-inner, .hamburger .hamburger-box .hamburger-inner::after, .hamburger .hamburger-box .hamburger-inner::before {
	width: 24px;
	height: 2px;
	border-radius: 2px;
	position: absolute;
	transition-property: transform, all, -webkit-transform;
	transition-duration: .15s, .1s;
	transition-timing-function: ease, cubic-bezier(0, 0, .58, 1);
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	background-color: #fff;
}

.hamburger .hamburger-box .hamburger-inner::after, .hamburger .hamburger-box .hamburger-inner::before {
	content: "";
	display: block
}

.hamburger .hamburger-box .hamburger-inner::before {
	top: -8px;
	transition: top 75ms .12s ease, opacity 75ms ease, all .1s cubic-bezier(0, 0, .58, 1)
}

.hamburger .hamburger-box .hamburger-inner::after {
	bottom: -8px;
	transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19), all .1s cubic-bezier(0, 0, .58, 1), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger .text {
	display: block;
	margin-left: 2.35795rem;
	font-family: "Gotham Medium", Arial, sans-serif;
	font-size: .82645rem;
	letter-spacing: -.0125em;
	text-decoration: none;
	text-transform: uppercase;
	perspective: 1000px;
	backface-visibility: hidden;
	opacity: .9;
	transition: all .2s, transform .1s, -webkit-transform .1s;
	transform: translate3d(0, 0, 0);
	font-smooth: antialiased !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	line-height: 1.5;
	color: #fff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
	.hamburger .text {
		font-smooth: antialiased;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

.hamburger.is-active .hamburger-box {
	transform: rotate(45deg) translate3d(0, 3px, 0) scale(1.1);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1), cubic-bezier(0, 0, .58, 1)
}

.hamburger.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 75ms ease, opacity 75ms .12s ease, all .1s cubic-bezier(0, 0, .58, 1);
	height: 2px
}

.hamburger.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1), all .1s cubic-bezier(0, 0, .58, 1), -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
	height: 2px
}

img.banner {
	width: 100%;
	max-width: 100%;
	margin: 0;
}

.bg-image-full {
	background: no-repeat center center scroll;
	background-size: cover;
}

@media (min-width: 0) and (max-width: 767px) {
	.only-tablet {
		display: block !important
	}

	.only-desktop {
		display: none !important
	}

	.only-mobile {
		display: none !important
	}
}

@media (min-width: 0) and (max-width: 480px) {
	.only-tablet {
		display: none !important
	}

	.only-mobile {
		display: block !important
	}

	.only-desktop {
		display: none !important
	}
}

@media (min-width: 768px) {
	.only-tablet {
		display: none !important
	}

	.only-desktop {
		display: block !important
	}

	.only-mobile {
		display: none !important
	}
}

.picture-wrapper {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 1
}

.picture-wrapper picture {
	width: 100%;
	min-height: 100%;
	display: block;
	overflow: hidden;
	left: 0;
	top: 0
}

.picture-wrapper picture img {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	min-width: 100%;
	min-height: 100vh
}

.picture-wrapper.as-static {
	position: absolute
}

.picture-wrapper.maximized-width {
	opacity: 1;
	bottom: 0
}

.picture-wrapper.maximized-width picture {
	width: 100%;
	position: relative;
	height: 100%
}

.picture-wrapper.maximized-width picture img {
	position: absolute;
	min-height: 0;
	min-width: 0;
	height: auto;
	max-width: 100%;
	width: 264.6978rem;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.2);
	opacity: .4
}

.picture-wrapper.maximized-width picture.only-mobile img, .picture-wrapper.maximized-width picture.only-tablet img {
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	max-width: none
}

.footer-black-shadow {
	bottom: 0;
	width: 100%;
	left: 0;
	height: 100%;
	max-height: 800px;
	position: absolute;
	opacity: 0;
	z-index: 2;
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .1) 10%, rgba(0, 0, 0, .3) 60%, #000 100%)
}

@media (min-width: 0) and (max-width: 767px) {
	.footer-black-shadow {
		opacity: .4 !important;
		background: #000 !important;
		max-height: 100%
	}
}


#section-home {
	min-height: 450px;
	height: 99vh;
	overflow: hidden
}

@media (min-width: 0) and (max-width: 480px) {
	#section-home .inner-content-wrapper {
		bottom: 50%;
		transform: perspective(0) translate3d(-50%, 50%, 0)
	}
}

#section-home #play-in {
	min-width: 40px;
	display: inline-block;
	text-align: left
}

.add-up-movement-on-init, .add-up-movement-on-init-05, .add-up-movement-on-init-2, .add-up-movement-on-init-footer-shadow {
	backface-visibility: hidden;
	opacity: 0;
	transform: translate3d(0, 1rem, 0);
	will-change: animation-play-state
}

.add-up-movement-on-init-footer-shadow {
	transform: translate3d(0, 0, 0)
}

.add-up-movement-on-init-footer-shadow {
	opacity: 0
}

body.content-initiation .add-up-movement-on-init {
	animation: movement-up 2.5s cubic-bezier(.19, 1, .22, 1) .2s both, movement-up-opacity 1s cubic-bezier(.55, .085, .68, .53) both
}

body.content-initiation .add-up-movement-on-init-05 {
	animation: movement-up 2.5s cubic-bezier(.19, 1, .22, 1) .7s both, movement-up-opacity 1s cubic-bezier(.55, .085, .68, .53) .5s both
}

body.content-initiation .add-up-movement-on-init-2 {
	animation: movement-up 2.5s cubic-bezier(.19, 1, .22, 1) 2.2s both, movement-up-opacity 1s cubic-bezier(.55, .085, .68, .53) 2s both
}

body.content-initiation .add-up-movement-on-init-footer-shadow {
	animation: movement-up-opacity-085 4s cubic-bezier(.19, 1, .22, 1) both
}

@keyframes movement-up {
	0% {
		transform: translate3d(0, 1rem, 0)
	}
	100% {
		transform: translate3d(0, 0, 0)
	}
}

@keyframes movement-up-opacity {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes movement-up-opacity-085 {
	0% {
		opacity: 0
	}
	100% {
		opacity: .8
	}
}

.page-content-holder {
	position: relative
}

.page-content-holder .page-content {
	text-align: center
}

.page-content-holder .page-content .black {
	color: #000
}

.page-content-holder .page-content .white {
	color: #fff
}

.page-content-holder .page-content .page-content-title {
	margin: 0 auto
}

.page-content-holder .page-content .page-content-title > span,
.flex-top .page-content .page-content-title > span {
	display: block;
	font-family: "Gotham Light", Arial, sans-serif;
	font-weight: 100;
	font-size: 3.05176rem;
	margin: -.333333em auto;
	letter-spacing: -.0333em;
	max-width: 44.40892rem;
	line-height: 1.25em
}

@media (min-width: 0) and (max-width: 767px) {
	.page-content-holder .page-content .page-content-title > span {
		font-size: 1.5625rem;
		line-height: 1.414;
		margin-bottom: -.25em;
		margin-top: -.25em;
		letter-spacing: -.015em;
		padding-left: 0;
		padding-right: 0;
		max-width: calc(100vw - 3.8147rem)
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.page-content-holder .page-content .page-content-title > span {
		font-size: 1.95312rem;
		line-height: 1.414;
		margin-bottom: -.25em;
		margin-top: -.25em;
		letter-spacing: -.015em;
		max-width: 75%
	}
}

.page-content-holder .page-content.with-bottom-padding {
	padding-bottom: 3.05176rem
}

.page-content-holder .page-content h1:not(.page-content-title) {
	max-width: 35.52714rem;
	margin: 2em auto;
}

.page-content-holder .page-content h1:not(.page-content-title).font-light a:hover, .page-content-holder .page-content p.font-light a:hover {
	color: #fff
}

.page-content-holder .page-content h1:not(.page-content-title):not(.font-light), .page-content-holder .page-content p:not(.font-light) {
	font-family: Gotham, Arial, sans-serif;
	font-smooth: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 2.44141rem;
	letter-spacing: -.05em;
	line-height: 1.5;
	font-weight: 400;
	text-transform: uppercase;
	max-width: 44.40892rem;
	margin-top: 1.5em;
	margin-bottom: calc(1.5em - 1.5em / 8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
	.page-content-holder .page-content h1:not(.page-content-title):not(.font-light), .page-content-holder .page-content p:not(.font-light) {
		font-smooth: antialiased;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

@media (min-width: 0) and (max-width: 767px) {
	.page-content-holder .page-content h1:not(.page-content-title):not(.font-light), .page-content-holder .page-content p:not(.font-light) {
		font-size: 1.5625rem;
		letter-spacing: -.075em;
		max-width: 28.42171rem;
		width: 90%
	}
}

@media (min-width: 0) and (max-width: 480px) {
	.page-content-holder .page-content h1:not(.page-content-title):not(.font-light), .page-content-holder .page-content p:not(.font-light) {
		margin-top: 0;
		font-size: 1.4641rem;
		letter-spacing: -.05em;
		line-height: 1.5em;
		max-width: 100%
	}
}

.page-content-holder .page-content:not(.selected) {
	display: none
}

.page-content-holder .foiler-btn {
	margin-bottom: 1rem
}

.image-big {
	min-height: 100vh;
	position: relative
}

.image-big .inner-content-wrapper {
	position: absolute;
	z-index: 3;
	bottom: 7.45058rem;
	left: 50%;
	width: calc(100% - 3.125rem);
	transform: perspective(0) translate3d(-50%, 0, 0)
}

@media (min-width: 768px) {
	.image-big .inner-content-wrapper {
		width: calc(100% - 4.88281rem)
	}
}

.image-big .inner-content-wrapper.vertical-centered {
	position: relative;
	top: 0;
	bottom: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.image-big .inner-content-wrapper.vertical-centered.with-max-height {
	height: 80.9vh;
	min-height: 505px
}

@media (min-width: 0) and (max-width: 767px) {
	.image-big .inner-content-wrapper.vertical-centered.with-max-height {
		height: auto;
		min-height: 100vh
	}
}

.image-big .inner-content-wrapper.vertical-centered.with-max-height .page-content-holder {
	margin: 3.8147rem 0
}

.image-big .inner-content-wrapper.vertical-centered.with-max-height .page-content-holder.with-top-secure-margin {
	margin-top: 4.76837rem
}

.image-big .inner-content-wrapper.as-last-section {
	bottom: auto;
	top: auto;
	left: 0;
	position: relative;
	z-index: 3;
	transform: none;
	width: auto
}

.image-big .inner-content-wrapper.as-last-section.with-max-height {
	height: 100%;
	min-height: 100vh
}

.image-big .inner-content-wrapper.as-last-section .flex-top {
	flex-shrink: 1;
	flex-grow: .618;
	flex-basis: 0
}

.image-big .inner-content-wrapper.as-last-section.with-max-height .page-content-holder {
	margin-bottom: 1.95312rem
}

.content-max-width-120 {
	max-width: 120rem;
}

.content--spacing {
	padding-top: 3rem;
	padding-bottom: 2rem;
}

.section-title {
	font-size: 2.5rem;
}

.title-line:after {
	content: "";
	width: 30px;
	height: 2px;
	display: block;
	background: var(--color-foiler);
	margin: 0.75rem auto;
}

.title-line--left:after {
	margin: 0.75rem 0;
}

footer h6 {
	font-size: 1.125rem;
	color: white;
}

footer a {
	color: white;
}

footer a:hover {
	text-decoration: none;
	color: var(--color-foiler);
}

footer .list-unstyled li {
	margin-bottom: 0.5rem;
}

footer .list-unstyled li a {
	display: block;
	color: white;
	font-size: 0.875rem;
	transition: color 0.3s ease-in-out;
}

footer .list-unstyled li a:hover {
	text-decoration: none;
	color: var(--color-foiler);
}

footer .bg-light a {
	color: #212529;
}

@media (max-width: 768px) {
	.title-line {
		text-align: center;
	}

	.title-line:after,
	.title-line--left:after {
		margin: 0.75rem auto;
	}
}