@charset "UTF-8";

@font-face {
	font-family: "Montserrat Light";
	src: url(fonts/Montserrat/Montserrat-Light.ttf) format("truetype");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: "Montserrat Regular";
	src: url(fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "Montserrat Medium";
	src: url(fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: "Montserrat SemiBold";
	src: url(fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: "Silk Serif Light";
	src: url(fonts/Silk/SilkSerifLight.otf) format("opentype");
	font-weight: 300;
	font-style: normal
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

body {
	font-family: "Montserrat Light", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	color: #000;
	background-color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Silk Serif Light", serif;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 1rem
}

a {
	text-decoration: none;
	color: inherit
}

img {
	max-width: 100%;
	height: auto;
	display: block
}

ul {
	list-style: none
}

p {
	margin-bottom: 1rem
}

b,
strong {
	font-family: "Montserrat SemiBold", sans-serif;
	font-weight: 600
}

hr {
	border: none;
	border-top: 1px solid #e1e1e1
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem
}

.section {
	padding: 7.75rem 0
}

.section__parallax {
	position: relative;
	height: 740px;
	overflow: hidden
}

.section__parallax img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover
}

.section--dark {
	background-color: #111;
	color: #fff
}

.section--dark h1,
.section--dark h2,
.section--dark h3,
.section--dark h4,
.section--dark h5,
.section--dark h6,
.section--dark p {
	color: #fff
}

.section--dark .section-title p,
.section--dark .form-group label,
.section--dark .amenities-nav ul li a {
	color: #aaa
}

.section--dark .register-form input[type=text],
.section--dark .register-form input[type=email],
.section--dark .register-form input[type=tel],
.section--dark .register-form select,
.section--dark .register-form textarea {
	border-color: #555;
	color: #fff
}

.section--dark .register-form input[type=text]:focus,
.section--dark .register-form input[type=email]:focus,
.section--dark .register-form input[type=tel]:focus,
.section--dark .register-form select:focus,
.section--dark .register-form textarea:focus {
	border-color: #fff
}

.section--dark .register-form select {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%23{$color-text-muted-light}'%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27%2F%3E%3C%2Fsvg%3E")
}

.section--dark .form-disclaimer {
	color: #888
}

.section--dark .amenities-list ul li {
	color: #ccc
}

.section--dark .amenities-list ul li:before {
	color: #aaa
}

.section--dark .amenities-nav ul li a:hover,
.section--dark .amenities-nav ul li a.active {
	color: #fff;
	border-bottom-color: #fff
}

.section--dark .section-title p {
	color: #fff
}

.section--dark .section-title h2 {
	color: #fff
}

.section-title {
	margin-bottom: 2rem;
	text-align: center
}

.section-title p {
	font-family: "Montserrat SemiBold", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .875rem;
	letter-spacing: 1px;
	color: #000;
	margin-bottom: 2rem
}

.section-title h2 {
	font-size: 3rem;
	color: #000;
	margin-bottom: 2rem;
	text-transform: uppercase
}

.section-title h3 {
	font-size: 2rem;
	color: #000;
	margin-bottom: 0;
	text-transform: uppercase
}

.forminator-button-submit,
.btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 14px 27px;
	gap: 10px;
	border: 1px solid transparent;
	cursor: pointer;
	font-family: "Montserrat Medium", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .875rem;
	transition: background-color .3s ease, color .3s ease, border-color .3s ease;
	border-radius: 3px;
	line-height: 1
}

.forminator-button-submit--dark,
.btn--dark {
	background-color: rgba(0, 0, 0, .88);
	color: #fff;
	border-color: rgba(0, 0, 0, .88)
}

.forminator-button-submit--dark:not([disabled]):hover,
.btn--dark:not([disabled]):hover {
	background-color: transparent;
	color: #000;
	border-color: rgba(0, 0, 0, .88)
}

.forminator-button-submit--light,
.btn--light {
	background-color: #fff;
	color: #000;
	border-color: #fff
}

.forminator-button-submit--light:not([disabled]):hover,
.btn--light:not([disabled]):hover {
	background-color: transparent;
	color: #fff;
	border-color: #fff
}

.forminator-button-submit--outline,
.btn--outline {
	background-color: transparent;
	color: #000;
	border-color: #000
}

.forminator-button-submit--outline:hover,
.btn--outline:hover {
	background-color: #000;
	color: #fff
}

.forminator-button-submit--map,
.btn--map {
	background-color: #000;
	color: #fff;
	border-color: #000;
	padding: .75rem 1.5rem
}

.forminator-button-submit--map:hover,
.btn--map:hover {
	background-color: #555;
	border-color: #555
}

.forminator-button-submit[disabled],
.btn[disabled] {
	opacity: .75;
	cursor: not-allowed
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: .9rem 0;
	z-index: 1000;
	background-color: transparent;
	transition: background-color .5s cubic-bezier(.215, .61, .355, 1), top .5s cubic-bezier(.215, .61, .355, 1)
}

header .header-container {
	display: flex;
	justify-content: space-between;
	align-items: center
}

header .logo {
	position: relative;
	z-index: 1001
}

header .logo img {
	height: 85px;
	width: auto
}

header .logo--white {
	display: block
}

header .logo--black {
	display: none
}

header nav ul {
	display: flex;
	gap: 1.5rem
}

header nav ul li a {
	font-size: .875rem;
	font-weight: 400;
	font-family: "Montserrat Regular", sans-serif;
	letter-spacing: .5px;
	color: #fff;
	transition: color .3s ease;
	text-transform: uppercase
}

header nav ul li a:hover {
	color: #ccc
}

header.sticky {
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

header.sticky .logo--white {
	display: none
}

header.sticky .logo--black {
	display: block
}

header.sticky nav ul li a {
	color: #000
}

header.sticky nav ul li a:hover {
	color: #000
}

header.sticky .btn--light {
	background-color: #000;
	color: #fff;
	border-color: #000
}

header.sticky .btn--light:hover {
	background-color: #555;
	border-color: #555
}

@media (max-width:1200px) {
	header {
		position: relative !important;
		top: 0 !important;
		margin-bottom: -114px
	}
}

header.header-hidden {
	top: -114px
}

.hero {
	position: relative;
	height: 100vh;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center
}

.hero__image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.hero__image-container:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: 1
}

.hero__image-container img {
	min-height: 100vh;
	width: 100%;
	object-fit: cover
}

.hero__content {
	position: relative;
	z-index: 2
}

.hero__content h1 {
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.1;
	text-transform: uppercase;
	margin: 0;
	color: #fff
}

.hero-image {
	width: 100%;
	display: none;
	margin-bottom: 40px;
	object-fit: cover;
	margin-bottom: 80px
}

@media (min-width:1200px) {
	.hero-image {
		display: block
	}
}

.hero-image-mobile {
	width: 100%;
	display: block;
	margin-bottom: 40px;
	object-fit: cover
}

@media (min-width:1200px) {
	.hero-image-mobile {
		display: none
	}
}

.site-header {
	text-align: center;
	padding: 22px 0;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center
}

.logo {
	max-width: 200px;
	height: auto
}

.intro {
	background-color: #fff;
	padding-top: 10rem;
	padding-bottom: 10rem
}

.intro .container {
	display: flex;
	align-items: flex-start;
	gap: 6rem
}

.intro__text {
	flex: 1
}

.intro__image {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	max-width: 390px
}

.intro__image img:last-child {
	align-self: flex-end
}

@media (max-width:768px) {
	.intro .container {
		flex-direction: column;
		align-items: center;
		text-align: center
	}

	.intro__text {
		padding-top: 0;
		margin-bottom: 2rem
	}

	.intro__text p {
		margin-left: auto;
		margin-right: auto
	}

	.intro__image {
		width: 100%;
		max-width: 600px
	}
}

.residences {
	text-align: center
}

.residences__content {
	display: flex;
	justify-content: center;
	gap: 2.5rem;
	max-width: 900px;
	margin: 0 auto
}

.residences__text {
	flex: 1;
	text-align: left;
	max-width: 423px
}

.residences__image {
	margin-top: 2.5rem
}

@media (max-width:768px) {
	.residences__content {
		flex-direction: column;
		align-items: center;
		gap: 1.25rem
	}

	.residences__text {
		text-align: center;
		max-width: 500px
	}
}

.fitness {
	text-align: center;
	background-color: #f9f9f9
}

.fitness .section-title {
	margin-bottom: 2rem
}

.fitness .btn--outline {
	margin-top: 1rem
}

.splide {
	max-width: 500px;
	margin: 0 auto 2.5rem auto
}

.splide__slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center
}

.splide__slide--text {
	max-width: 452px
}

.splide .splide__pagination {
	position: relative;
	bottom: 0
}

.splide .splide__pagination__page.is-active {
	background-color: #000;
	transform: none
}

.splide .splide__arrow {
	background: 0 0;
	width: 56px;
	height: 56px
}

.splide .splide__arrow:hover {
	background: 0 0
}

.splide .splide__arrow svg {
	fill: #000
}

.splide .splide__arrow--prev {
	left: -10rem
}

.splide .splide__arrow--next {
	right: -10rem
}

.amenities .section-title {
	margin-bottom: 3rem
}

.amenities__nav {
	margin-bottom: 8rem;
	display: flex;
	justify-content: center
}

@media (max-width:1200px) {
	.amenities__nav {
		margin-bottom: 3rem
	}
}

.amenities__nav ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 3.68rem;
	border-bottom: 1px solid rgba(255, 255, 255, .23)
}

@media (max-width:1200px) {
	.amenities__nav ul {
		gap: 2rem;
		border-bottom: none
	}
}

.amenities__nav ul li a {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5;
	font-family: "Montserrat Medium", sans-serif;
	color: #fff;
	padding-bottom: .75rem;
	border-bottom: 1px solid transparent;
	transition: color .3s ease, border-color .3s ease;
	opacity: .5;
	display: inline-block;
	margin-bottom: -1px
}

.amenities__nav ul li a.active {
	border-color: #fff;
	opacity: 1
}

.amenities__tabs-content {
	max-width: none
}

.amenities__tabs-content .amenities-tab-panel {
	justify-content: flex-start;
	display: none
}

.amenities__tabs-content .amenities-tab-panel.active {
	display: flex
}

.amenities__tabs-content .amenities-tab-panel .amenities-content {
	display: flex;
	gap: 3rem
}

@media (max-width:1200px) {
	.amenities__tabs-content .amenities-tab-panel .amenities-content {
		flex-direction: column
	}
}

.amenities__tabs-content .amenities-tab-panel .amenities-image {
	flex: 1
}

.amenities__tabs-content .amenities-tab-panel .amenities-image img {
	width: 100%;
	object-fit: cover
}

.amenities__tabs-content .amenities-tab-panel .amenities-list {
	flex: 1;
	text-align: left
}

.amenities__tabs-content .amenities-tab-panel .amenities-list h3 {
	font-size: 2rem;
	font-weight: 300;
	margin-bottom: 1.5rem;
	color: #fff;
	text-transform: uppercase
}

.amenities__tabs-content .amenities-tab-panel .amenities-list ul li {
	margin-bottom: 0;
	padding-left: 1rem;
	position: relative;
	color: #fff
}

.amenities__tabs-content .amenities-tab-panel .amenities-list ul li:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #fff
}

.amenities__tabs-content .amenities-tab-panel .amenities-list ul {
	margin-bottom: 2rem
}

.amenities__tabs-content .amenities-tab-panel .amenities-list p {
	color: #fff;
	font-size: .875rem
}

@media (max-width:992px) {
	.amenities .amenities-tab-panel .amenities-content {
		flex-direction: column;
		text-align: center
	}

	.amenities .amenities-tab-panel .amenities-list {
		margin-top: 2rem;
		width: 100%;
		max-width: 500px;
		text-align: left
	}

	.amenities .amenities-tab-panel .amenities-list ul {
		margin: 0 auto;
		display: inline-block
	}
}

@media (max-width:768px) {
	.amenities__nav ul {
		gap: 1rem 1.25rem
	}

	.amenities__nav ul li a {
		font-size: .875rem
	}
}

.location {
	background-color: #fff;
	padding-bottom: 4rem
}

.location__map {
	position: relative;
	margin-bottom: 4rem
}

.location__map .btn--map {
	position: absolute;
	bottom: 1.25rem;
	right: 1.25rem
}

.location__images {
	display: flex;
	justify-content: space-between;
	gap: 3.25rem;
	margin-bottom: 4rem
}

.location__image-item {
	flex: 1
}

.location__text {
	gap: 4rem;
	padding-left: 40px;
  padding-right: 40px
}

.location__text>div {
	margin-bottom: 2rem
}

@media (min-width:1200px) {
	.location__text {
		display: flex;
		padding-left: 40px;
    padding-right: 40px
	}

	.location__text>div {
		flex: 1
	}

	.location__text>div:last-child {
		flex: 1
	}
}

@media (max-width:768px) {
	.location__images {
		flex-direction: column;
		align-items: center
	}

	.location__image-item {
		width: 100%;
		max-width: 570px
	}

	.location__map .btn--map {
		position: static;
		display: block;
		margin: 1.25rem auto 0 auto;
		width: fit-content
	}
}

.partners {
	text-align: center;
	padding-bottom: 2rem
}

.partners__logos {
	width: 100%;
	max-width: none;
	overflow: hidden;
	padding-bottom: 4rem
}

@media (max-width:1200px) {
	.partners__logos {
		padding-left: 1rem;
		padding-right: 1rem
	}
}

.partners .section-title {
	margin-bottom: 1rem
}

.partners__description {
	max-width: 700px;
	margin: 0 auto 2rem auto
}

.partners .splide__track {
	overflow: visible
}

.partners__arrows .splide__arrow--prev {
	left: 50%;
	top: auto;
	transform: translateX(calc(50% - 98px))
}

.partners__arrows .splide__arrow--next {
	right: 50%;
	top: auto;
	transform: translateX(calc(50% + 42px))
}

.partners__card {
	width: 100%;
	height: 100%;
	perspective: 1000px;
	padding: 3rem 0;
	transform-style: preserve-3d;
	transition: transform .8s cubic-bezier(.215, .61, .355, 1), top .5s cubic-bezier(.215, .61, .355, 1)
}

.partners__card-content {
	width: 100%;
	height: 100%;
	transition: transform 1s;
	transform-style: preserve-3d
}

.partners__card:hover .partners__card-content {
	transform: rotateY(180deg);
	transition: transform .8s cubic-bezier(.215, .61, .355, 1), top .5s cubic-bezier(.215, .61, .355, 1)
}

.partners__card-front {
	border: 1px solid rgba(0, 0, 0, .18);
	padding: 2rem;
	position: absolute;
	backface-visibility: hidden;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	right: 0
}

.partners__card-front img {
	/*width: 50%*/
}

@media (min-width:1200px) {
	.partners__card-front {
		min-width: 500px;
		padding: 3rem
	}
}

.partners__card-back {
	border: 1px solid rgba(0, 0, 0, .18);
	padding: 2rem;
	text-align: left;
	backface-visibility: hidden;
	transform: rotateY(180deg);
	font-size: 1rem;
	min-height: 100%
}

.select2-container .select2-selection {
	border: none !important;
	border: 1px solid rgba(255, 255, 255, .3) !important;
	background: 0 0 !important
}

.select2-container .select2-selection .select2-selection__rendered,
.select2-container .select2-selection .select2-selection__placeholder {
	color: #fff !important
}

.select2-container .select2-selection__rendered {
	padding: 18px 32px !important
}

.select2-container .forminator-select-dropdown {
	padding: 0 !important;
	border: none !important;
	background-color: #fff !important
}

.select2-container .select2-results__options {
	max-height: 240px !important
}

.select2-container .select2-results__option {
	padding: 10px 32px !important;
	transition: all .3s ease
}

.select2-container .select2-results__option--selected {
	background-color: #ddd !important;
	color: #000 !important
}

.select2-container .select2-selection__arrow {
	width: 60px !important
}

.forminator-select.forminator-select-dropdown-container--open {
	transform: translateY(32px)
}

.forminator-error-message {
	font-size: 14px !important;
	font-weight: 700 !important;
	padding: 5px 10px !important;
	border: none !important
}

.forminator-response-message {
	font-size: 16px !important;
	font-weight: 700 !important;
	padding: 22px 32px !important;
	color: #000 !important;
	box-shadow: none !important
}

.register {
	background-color: #111
}

.register .section-title {
	margin-bottom: 3rem
}

.register__form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0;
	gap: 36px;
	width: 686px;
	margin: 0 auto
}

.register__form .forminator-ui .forminator-row,
.register__form .form-group {
	min-width: 100%;
	position: relative
}

.register__form .forminator-ui .forminator-row--full,
.register__form .form-group--full {
	width: 100%
}

.register__form .forminator-ui .forminator-row label,
.register__form .form-group label {
	position: absolute;
	left: 0;
	top: 12px;
	font-size: 16px;
	color: #fff;
	pointer-events: none;
	transition: all .3s ease
}

.register__form .forminator-ui .forminator-row .forminator-textarea,
.register__form .forminator-ui .forminator-row .forminator-input,
.register__form .forminator-ui .forminator-row input[type=text],
.register__form .forminator-ui .forminator-row input[type=email],
.register__form .forminator-ui .forminator-row input[type=tel],
.register__form .forminator-ui .forminator-row select,
.register__form .forminator-ui .forminator-row textarea,
.register__form .form-group .forminator-textarea,
.register__form .form-group .forminator-input,
.register__form .form-group input[type=text],
.register__form .form-group input[type=email],
.register__form .form-group input[type=tel],
.register__form .form-group select,
.register__form .form-group textarea {
	width: 100%;
	padding: 22px 32px !important;
	border: 1px solid rgba(255, 255, 255, .3) !important;
	background: 0 0;
	font-size: 18px;
	font-family: "Montserrat Light", sans-serif;
	color: #fff;
	transition: border-color .3s ease
}

.register__form .forminator-ui .forminator-row .forminator-textarea:focus,
.register__form .forminator-ui .forminator-row .forminator-input:focus,
.register__form .forminator-ui .forminator-row input[type=text]:focus,
.register__form .forminator-ui .forminator-row input[type=email]:focus,
.register__form .forminator-ui .forminator-row input[type=tel]:focus,
.register__form .forminator-ui .forminator-row select:focus,
.register__form .forminator-ui .forminator-row textarea:focus,
.register__form .form-group .forminator-textarea:focus,
.register__form .form-group .forminator-input:focus,
.register__form .form-group input[type=text]:focus,
.register__form .form-group input[type=email]:focus,
.register__form .form-group input[type=tel]:focus,
.register__form .form-group select:focus,
.register__form .form-group textarea:focus {
	outline: none;
	border-color: #fff
}

.register__form .forminator-ui .forminator-row .forminator-textarea:focus+label,
.register__form .forminator-ui .forminator-row .forminator-textarea:not(:placeholder-shown)+label,
.register__form .forminator-ui .forminator-row .forminator-input:focus+label,
.register__form .forminator-ui .forminator-row .forminator-input:not(:placeholder-shown)+label,
.register__form .forminator-ui .forminator-row input[type=text]:focus+label,
.register__form .forminator-ui .forminator-row input[type=text]:not(:placeholder-shown)+label,
.register__form .forminator-ui .forminator-row input[type=email]:focus+label,
.register__form .forminator-ui .forminator-row input[type=email]:not(:placeholder-shown)+label,
.register__form .forminator-ui .forminator-row input[type=tel]:focus+label,
.register__form .forminator-ui .forminator-row input[type=tel]:not(:placeholder-shown)+label,
.register__form .forminator-ui .forminator-row select:focus+label,
.register__form .forminator-ui .forminator-row select:not(:placeholder-shown)+label,
.register__form .forminator-ui .forminator-row textarea:focus+label,
.register__form .forminator-ui .forminator-row textarea:not(:placeholder-shown)+label,
.register__form .form-group .forminator-textarea:focus+label,
.register__form .form-group .forminator-textarea:not(:placeholder-shown)+label,
.register__form .form-group .forminator-input:focus+label,
.register__form .form-group .forminator-input:not(:placeholder-shown)+label,
.register__form .form-group input[type=text]:focus+label,
.register__form .form-group input[type=text]:not(:placeholder-shown)+label,
.register__form .form-group input[type=email]:focus+label,
.register__form .form-group input[type=email]:not(:placeholder-shown)+label,
.register__form .form-group input[type=tel]:focus+label,
.register__form .form-group input[type=tel]:not(:placeholder-shown)+label,
.register__form .form-group select:focus+label,
.register__form .form-group select:not(:placeholder-shown)+label,
.register__form .form-group textarea:focus+label,
.register__form .form-group textarea:not(:placeholder-shown)+label {
	top: -20px;
	font-size: 14px;
	color: rgba(255, 255, 255, .7)
}

.register__form .forminator-ui .forminator-row .forminator-textarea::placeholder,
.register__form .forminator-ui .forminator-row .forminator-input::placeholder,
.register__form .forminator-ui .forminator-row input[type=text]::placeholder,
.register__form .forminator-ui .forminator-row input[type=email]::placeholder,
.register__form .forminator-ui .forminator-row input[type=tel]::placeholder,
.register__form .forminator-ui .forminator-row select::placeholder,
.register__form .forminator-ui .forminator-row textarea::placeholder,
.register__form .form-group .forminator-textarea::placeholder,
.register__form .form-group .forminator-input::placeholder,
.register__form .form-group input[type=text]::placeholder,
.register__form .form-group input[type=email]::placeholder,
.register__form .form-group input[type=tel]::placeholder,
.register__form .form-group select::placeholder,
.register__form .form-group textarea::placeholder {
	color: #fff
}

.register__form .forminator-ui .forminator-row .forminator-icon-chevron-down:before,
.register__form .form-group .forminator-icon-chevron-down:before {
	color: #fff !important
}

.register__form .forminator-ui .forminator-row select,
.register__form .form-group select {
	padding: 22px 32px;
	cursor: pointer
}

.register__form .forminator-ui .forminator-row select option,
.register__form .form-group select option {
	background-color: #111;
	color: #fff
}

.register__form .forminator-ui .forminator-row textarea,
.register__form .form-group textarea {
	resize: vertical;
	min-height: 100px
}

.register__form .forminator-ui .forminator-row input[type=checkbox],
.register__form .form-group input[type=checkbox] {
	appearance: none;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255, 255, 255, .3);
	background: 0 0;
	flex-shrink: 0;
	cursor: pointer
}

.register__form .forminator-ui .forminator-row input[type=checkbox]:checked,
.register__form .form-group input[type=checkbox]:checked {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 5L5 9L13 1' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat
}

.register__form .forminator-ui .forminator-row input[type=checkbox]:focus,
.register__form .form-group input[type=checkbox]:focus {
	border-color: #fff
}

.register__form .forminator-ui .forminator-row .forminator-checkbox,
.register__form .form-group .forminator-checkbox {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important
}

.register__form .forminator-ui .forminator-row .forminator-checkbox-label,
.register__form .form-group .forminator-checkbox-label {
	font-size: 14px
}

.register__form .forminator-ui .forminator-row .forminator-button-submit,
.register__form .form-group .forminator-button-submit {
	align-self: flex-end;
	padding: 16px 32px;
	background-color: #fff;
	color: #000;
	border: none;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .3s ease
}

.register__form .forminator-ui .forminator-row .forminator-button-submit:hover,
.register__form .form-group .forminator-button-submit:hover {
	background-color: rgba(255, 255, 255, .9)
}

.register__form .forminator-ui .forminator-row .forminator-description,
.register__form .form-group .forminator-description {
	display: none !important
}

.register__form .forminator-ui .forminator-row.forminator-row-last .forminator-field,
.register__form .form-group.forminator-row-last .forminator-field {
	display: flex;
	justify-content: flex-end
}

.register__form .form-submit-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 24px
}

@media (max-width:1200px) {
	.register__form .form-submit-area {
		flex-direction: column
	}
}

.register__form .form-submit-area .form-disclaimer {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	color: #fff;
	margin: 0;
	line-height: 1.2
}

.register__form .form-submit-area .btn--primary {
	align-self: flex-end;
	padding: 16px 32px;
	background-color: #fff;
	color: #000;
	border: none;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .3s ease
}

.register__form .form-submit-area .btn--primary:hover {
	background-color: rgba(255, 255, 255, .9)
}

@media (max-width:768px) {
	.register__form {
		width: 100%;
		padding: 0 20px
	}
}

footer {
	background-color: rgba(217, 217, 217, .45);
	color: #555;
	padding-top: 5rem
}

footer .footer-container {
	display: flex;
	justify-content: space-between;
	gap: 2.5rem;
	padding-bottom: 5rem;
	flex-wrap: wrap
}

footer .footer-logo img {
	max-height: 96px;
	width: auto;
	margin-bottom: 1rem
}

footer .footer-links {
	display: flex;
	gap: 3.75rem;
	flex-wrap: wrap
}

footer .footer-column {
	border-right: 1px solid rgba(0, 0, 0, .1);
	padding-right: 3.75rem
}

footer .footer-column:last-child {
	border-right: none;
	padding-right: 0
}

footer .footer-column h4 {
	font-family: "Silk Serif Light", serif;
	font-size: 1.4375rem;
	text-transform: uppercase;
	margin-bottom: 1.25rem;
	color: #000
}

footer .footer-column ul li {
	margin-bottom: .5rem
}

footer .footer-column ul li a {
	font-size: .875rem;
	color: #000;
	transition: color .3s ease;
	text-transform: uppercase
}

footer .footer-column ul li a:hover {
	color: #222
}

footer .footer-column p {
	font-size: .9rem;
	margin-bottom: .5rem;
	line-height: 1.5
}

footer .social-icons {
	margin-top: 1rem;
	display: flex;
	gap: 1rem
}

footer .social-icons img {
	height: 18px;
	width: 18px;
	opacity: .3;
	transition: opacity .3s ease
}

footer .social-icons img:hover {
	opacity: 1
}

footer .social-icons--footer a {
	margin: 0
}

footer .footer-bottom {
	background-color: #fff;
	padding: 6rem 0
}

footer .footer-bottom .container {
	text-align: center;
	font-size: .75rem;
	color: #000
}

footer .footer-bottom .disclaimer {
	margin-bottom: 1rem;
	line-height: 1.6;
	font-size: .8rem;
	color: #484848
}

footer .footer-bottom .copyright a {
	color: inherit;
	text-decoration: underline
}

footer .footer-bottom .copyright a:hover {
	color: #000
}

@media (max-width:768px) {
	footer .footer-container {
		flex-direction: column;
		align-items: center;
		text-align: center
	}

	footer .footer-links {
		justify-content: center;
		gap: 2.5rem
	}

	footer .footer-column {
		width: 100%;
		max-width: 300px
	}

	footer .social-icons {
		justify-content: center
	}
}

.flex {
	display: flex
}

.justify-center {
	justify-content: center
}

.align-center {
	align-items: center
}

.burger-menu {
	display: none;
	background: 0 0;
	border: none;
	cursor: pointer;
	padding: 10px;
	position: relative;
	width: 30px;
	height: 20px;
	z-index: 1001
}

.burger-menu .burger-line {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 0;
	transition: all .3s ease
}

.burger-menu .burger-line:first-child {
	top: 4px
}

.burger-menu .burger-line:last-child {
	bottom: 4px
}

.burger-menu.active .burger-line:first-child {
	transform: rotate(45deg);
	top: 9px
}

.burger-menu.active .burger-line:last-child {
	transform: rotate(-45deg);
	bottom: 9px
}

.mobile-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #111;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease, visibility .3s ease
}

.mobile-menu-overlay.active {
	opacity: 1;
	visibility: visible
}

.mobile-menu {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.mobile-menu ul {
	display: flex;
	flex-direction: column;
	gap: 2rem
}

.mobile-menu li a {
	color: #fff;
	font-size: 1.5rem;
	font-family: "Silk Serif Light", serif;
	text-transform: uppercase;
	transition: color .3s ease
}

.mobile-menu li a:hover {
	color: rgba(255, 255, 255, .7)
}

.mobile-menu li a.btn--light {
	color: #000;
	border-color: #000
}

.mobile-menu li a.btn--light:hover {
	color: #fff
}

@media (max-width:1200px) {
	.burger-menu {
		display: block
	}

	header nav {
		display: none
	}
}

.mb-2 {
	margin-bottom: 1rem
}

.flex {
	display: flex
}

.items-center {
	align-items: center
}

.fade-in-on-scroll {
	opacity: 0;
	transition: opacity 1.5s ease-in-out
}

.fade-in {
	animation: fadeIn 1.5s ease-in-out forwards
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.section-404 .container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh
}

.section-404 .container h1 {
	font-size: 10rem;
	line-height: 1;
	margin-bottom: 0
}

.section-404 .container p {
	font-size: 2rem;
	font-weight: 300;
	margin-bottom: 4rem
}

.download-container {
	text-align: center;
	padding: 4rem 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.page-title {
	font-size: 52px;
	line-height: 1.2;
	font-weight: 400;
	text-align: center;
	margin-bottom: 40px;
	color: #000;
	text-transform: uppercase
}

.download-list {
	max-width: 780px;
	width: 100%;
	margin: 40px auto 60px;
	padding: 0 20px;
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(1, 1fr);
	align-items: stretch
}

.download-list>a {
	display: flex;
	flex-direction: column;
	height: 70px
}

@media (min-width:768px) {
	.download-list {
		margin: 80px auto;
		gap: 40px;
		grid-template-columns: repeat(3, 1fr)
	}

	.download-list>a:last-child:nth-child(3n+1) {
		grid-column-start: 2
	}
}

.ardee-section {
	text-align: center;
	margin-bottom: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.ardee-text {
	font-size: 14px;
	color: #000;
	margin-bottom: 44px;
	text-transform: uppercase
}

.ardee-logo {
	max-width: 156px;
	height: auto
}

.disclaimer {
/*max-width: 800px;*/
	margin: 0 auto 40px auto;
	padding: 0 20px;
	text-align: center;
	font-size: 12px;
	color: rgba(0, 0, 0, .7);
	line-height: 1.5
}

.site-footer {
	background-color: #fff;
	color: #555;
	text-align: center;
	padding: 20px 0 30px;
	margin-top: 0;
	font-size: 12px;
	width: 100%
}

.site-footer p {
	margin-bottom: 20px
}

.site-footer a {
	color: #555;
	text-decoration: none
}

.site-footer a:hover {
	text-decoration: underline
}

.social-icons {
	text-align: center;
	margin: 2rem auto
}

.social-icons a {
	display: inline-block;
	margin: 0 12px;
	color: #333;
	font-size: 20px
}

.social-icons img {
	width: 24px;
	height: 24px;
	vertical-align: middle
}