/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

@font-face {
	font-family: "BasisGrotesquePro";
	src: url(../fonts/BasisGrotesqueArabicPro-Regular.ttf);
}

@font-face {
	font-family: "BasisGrotesquePro";
	font-weight: 700;
	src: url(../fonts/BasisGrotesqueArabicPro-Bold.ttf);
}

* {
  box-sizing: border-box;
  outline: none;
}

body,
html {
	overflow-x: hidden;
}

body {
	font-family: "BasisGrotesquePro";
	color: #000000;
}

.wrapper {
	width: 86.957vw;
	margin: 0 auto;
}

a {
	color: inherit;
	text-decoration: none;
  transition: .2s;
}

img {
	width: 100%;
	height: auto;
	object-fit: cover;
  display: block;
}

p {
	margin-top: 0;
  margin-bottom: 4.831vw;
}

.desktop {
  display: none;
}

.picture-bg {
  position: relative;
}

.picture-bg .background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.picture-bg .background img {
  height: 100%;
}

.picture-bg .wrapper {
  position: relative;
  z-index: 10;
}

.btn {
	height: 7.488vw;
	font-size: 2.174vw;
	font-weight: 400;
	color: #000000;
	border: 1px solid #000000;
	padding: 2.4vw 3.623vw 0;
  letter-spacing: normal;
  text-align: center;
  transition: .2s;
	display: inline-block;
	background: transparent;
	text-transform: uppercase;
	line-height: 1;
}

.btn:hover {
	background: rgba(255,255,255,.1);
}

.btn-white {
	color: #fff;
	border-color: #fff;
}

button.btn {
	padding-top: 0;
	padding-bottom: 0;
}

@media (min-width: 1000px) {
	body {
	}

  .wrapper {
    width: 87.5vw;
  }

  p {
    margin-top: 0;
    margin-bottom: 1.234vw;
  }

  .desktop {
    display: block;
  }

  .mobile {
    display: none;
  }

	.btn {
		height: 3.069vw;
		font-size: 0.891vw;
		padding: 1.1vw 0.99vw 0;
	}

	button.btn {
		padding-top: 0.2vw;
		padding-bottom: 0;
	}
}

.coming-soon-hero {
	min-height: 185.99vw;
	position: relative;
	color: #fff;
	padding: 17.874vw 0;
	font-size: 3.865vw;
	line-height: 1.44;
	letter-spacing: 0.01em;
}

.coming-soon-hero .logo {
	display: block;
	width: 23.913vw;
	margin-bottom: 5.314vw;
}

.coming-soon-hero h1 {
	font-size: 10.145vw;
	font-weight: 400;
	line-height: 1;
	margin-top: 0;
	margin-bottom: 3.865vw;
	letter-spacing: normal;
}

.coming-soon-hero .wrapper {
	width: 85.749vw;
}

.coming-soon-hero form,
.coming-soon-signup form {
	display: flex;
	margin-top: 10.87vw;
	justify-content: center;
	align-items: center;
}

.coming-soon-hero input,
.coming-soon-signup input {
	width: 51.691vw;
	margin-right: 3.14vw;
	border: none;
	border-bottom: 1px solid #ffffff;
	padding: 0 3.382vw;
	font-size: 2.174vw;
	font-family: "BasisGrotesquePro";
	text-transform: uppercase;
	line-height: 1;
	height: 7.971vw;
	font-weight: 400;
	background: transparent;
	padding-top: 0.725vw;
	color: #fff;
}

.coming-soon-hero input::-webkit-input-placeholder,
.coming-soon-signup input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.coming-soon-hero input::-moz-placeholder,
.coming-soon-signup input::-moz-placeholder { /* Firefox 19+ */
   color: #fff;
}
.coming-soon-hero input:-ms-input-placeholder,
.coming-soon-signup input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.coming-soon-hero input:-moz-placeholder,
.coming-soon-signup input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.coming-soon-hero .btn {
	height: 7.971vw;
	min-width: 28.986vw;
	padding-top: 0.242vw;
}

.coming-soon-hero .copyright {
	display: none;
}

button {
	cursor: pointer;
}

@media (min-width: 1000px) {
	.coming-soon-hero {
		min-height: 59.356vw;
		padding: 9.653vw 0;
		font-size: 1.238vw;
		line-height: 1.44;
		letter-spacing: normal;
		background-color: #000;
	}

	.coming-soon-hero .logo {
		width: 7.624vw;
		margin-bottom: 1.733vw;
	}

	.coming-soon-hero h1 {
		font-size: 3.218vw;
		margin-bottom: 1.98vw;
	}

	.coming-soon-hero .wrapper {
		width: 75.743vw;
	}

	.coming-soon-hero form,
	.coming-soon-signup form {
		margin-top: 3.96vw;
		justify-content: flex-start;
	}

	.coming-soon-hero input,
	.coming-soon-signup input {
		width: 22.228vw;
		margin-right: 1.485vw;
		border-bottom: 1px solid #ffffff;
		padding: 0 1.436vw;
		font-size: 0.891vw;
		height: 3.465vw;
		padding-top: 0.149vw;
	}

	.coming-soon-hero .btn {
		height: 3.465vw;
		min-width: 12.475vw;
		padding-top: 0.2vw;
	}

	.coming-soon-hero .copyright {
		display: block;
		font-size: 0.891vw;
		margin-top: 5.347vw;
	}

	.coming-soon-hero .text {
		width: 42.822vw;
	}
}

.features {
	padding-top: 11.594vw;
	padding-bottom: 12.5vw;
	text-align: center;
	background-color: #f6f8fa;
}

.features .items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.features .item {
	width: 39.855vw;
	margin: 0 1.208vw 15.217vw;
}

.features .item img {
	display: block;
	height: 26.812vw;
	width: 100%;
	object-fit: contain;
	object-position: bottom center;
	margin: 0 auto 4.106vw;
}

.features .item h3 {
	line-height: 1;
	font-size: 4.106vw;
	color: #1540a5;
	font-weight: 700;
	margin: 0;
}

.features .wrapper {
	width: 100%;
}

.features .item span {
	display: none;
}

.features .item:last-child,
.features .item:nth-last-child(-n+2) {
	margin-bottom: 0;
}

.features .item:nth-child(2) img {
	transform: translateX(-1.208vw);
}

@media (min-width: 1000px) {
	.features {
		padding-top: 2.97vw;
		padding-bottom: 4.6vw;
	}

	.features .item {
		width: 12.376vw;
		margin: 0 3.366vw 0;
	}

	.features .item img {
		height: 7.921vw;
		margin: 0 auto 1.238vw;
	}

	.features .item h3 {
		line-height: 1;
		font-size: 1.238vw;
		color: #1540a5;
	}

	.features .wrapper {
		width: 90vw;
	}

	.features .item span {
		display: block;
		font-size: 1.238vw;
		font-weight: 700;
		margin-top: 0.99vw;
	}

	.features .item:last-child,
	.features .item:nth-last-child(-n+2) {
		margin-bottom: 0;
	}

	.features .item:nth-child(2) img {
		transform: translateX(-0.396vw);
	}
}

.coming-soon-signup {
	text-align: center;
	background-color: #1540a5;
	color: #fff;
	padding-top: 9.662vw;
	padding-bottom: 14.01vw;
}

.coming-soon-signup h2 {
	font-size: 6.039vw;
	margin-top: 0;
	margin-bottom: 3.623vw;
	font-weight: 400;
	line-height: 1.32;
}

.coming-soon-signup form {
	margin-top: 0;
}

.coming-soon-signup .btn {
	min-width: 26.812vw;
	padding-top: 0.483vw;
}

@media (min-width: 1000px) {
	.coming-soon-signup {
		padding-top: 4.109vw;
		padding-bottom: 4.257vw;
	}

	.coming-soon-signup h2 {
		font-size: 3.218vw;
		margin-bottom: 2.327vw;
	}

	.coming-soon-signup form {
		margin-top: 0;
		justify-content: center;
	}

	.coming-soon-signup .btn {
		min-width: 17.624vw;
		padding-top: 0.099vw;
		height: 4.851vw;
		font-size: 1.287vw;
		border: 0.099vw solid #ffffff;
	}

	.coming-soon-signup input {
		width: 31.535vw;
		font-size: 1.287vw;
		height: 4.851vw;
		padding: 0 2.079vw;
		border-width: 0.149vw;
		margin-right: 2.129vw;
		padding-top: 0.248vw;
	}
}
.coming-soon-date {
	background-color: #e3e7ea;
	padding-top: 9.5vw;
	padding-bottom: 8.696vw;
	text-align: center;
	color: #040608;
}

.coming-soon-date h3 {
	line-height: 1;
	margin: 0 0 4.106vw;
	font-size: 5.072vw;
	font-weight: 700;
}

.coming-soon-date h2 {
	line-height: 1;
	font-size: 7.971vw;
	font-weight: 700;
	margin: 0 0 8.454vw;
	letter-spacing: -0.01em;
}

.coming-soon-date .wrapper {
	width: 91.787vw;
}

.coming-soon-date .btn {
	border: 2px solid #000;
	min-width: 26.812vw;
	font-weight: 700;
}

@media (min-width: 1000px) {
	.coming-soon-date {
		padding-top: 5.297vw;
		padding-bottom: 3.02vw;
	}

	.coming-soon-date h3 {
		margin: 0 0 1.733vw;
		font-size: 2.079vw;
	}

	.coming-soon-date h2 {
		font-size: 3.218vw;
		margin: 0 0 3.465vw;
		letter-spacing: normal;
	}

	.coming-soon-date .wrapper {
		width: 49.505vw;
	}

	.coming-soon-date .btn {
		border: 2px solid #000;
		min-width: 10.941vw;
	}
}

footer {
	background: #050608;
	padding-top: 16.908vw;
	padding-bottom: 4.831vw;
	color: #fff;
	font-size: 1.691vw;
	text-align: center;
}

footer .logo {
	display: block;
	width: 16.908vw;
	margin: 0 auto 13.285vw;
}

footer p {
	margin: 0;
	letter-spacing: -0.03em;
}

footer .copyright {
	font-size: 2.415vw;
	margin-top: 1.691vw;
	letter-spacing: 0.03em;
}

@media (min-width: 1000px) {
	footer {
		padding-top: 5.693vw;
		padding-bottom: 1.733vw;
		font-size: 1.04vw;
	}

	footer .logo {
		width: 5.545vw;
		margin: 0 auto 3.614vw;
	}

	footer p {
		letter-spacing: -0.01em;
	}

	footer .copyright {
		font-size: 0.792vw;
		margin-top: 0.644vw;
		letter-spacing: 0.03em;
	}
}