/*-----------------------------------------------------------------------------------*/
/* Import Fonts                                                                      */
/*-----------------------------------------------------------------------------------*/

/* crimson-pro-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/crimson-pro-v28-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/crimson-pro-v28-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* crimson-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/crimson-pro-v28-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/crimson-pro-v28-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* crimson-pro-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Crimson Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/crimson-pro-v28-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/crimson-pro-v28-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/jost-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/*-----------------------------------------------------------------------------------*/
/* Global Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

@-ms-viewport{width:device-width;}
img{vertical-align:bottom;max-width:100%;height:auto;width:auto;}
a{color:#000;text-decoration:none;transition:color 0.2s ease-in-out;position:relative;}
a::after{content:'';position:absolute;left:0;bottom:0px;height:1px;width:0;background:#000;transition:width 0.2s ease-in-out;}
header a::after{display:none;}
a:hover{color:inherit;}
a:hover::after{width:100%;}
.legal-back:hover::after{width:0;}
h1{margin:0 0 30px 0;font-size:38px;font-size:3.8rem;font-weight:300;line-height:1;}
h2,h3,h4{margin:0;font-size:16px;font-size:1.6rem;font-weight:400;line-height:1.37;font-weight:600;}
h2 + h3,h3 + h4{margin-top:24px;}
p{margin:0 0 24px 0;}
.jost{font-family:'Jost',sans-serif;}
.mobile-break{display:block;text-align:center;}

/*-----------------------------------------------------------------------------------*/
/* General Page Setup                                                                */
/*-----------------------------------------------------------------------------------*/

html{height:100%;min-height:100%;font-size:62.5%;margin-top:0 !important;overflow-X:hidden;}
body{position:relative;height:100%;min-height:100%;position:relative;font-family:'Crimson Pro',serif;color:#000;font-size:16px;font-size:1.6rem;
 line-height:1.37;font-weight:400;background:#FFE56F;overflow-X:hidden;}
body.legal{background:#FFF4C4;}
.wrapper{min-height:100%;display:flex;flex-direction:column;align-items:stretch;}
.legal .wrapper{padding:80px 0 0 0;}
.legal section{max-width:650px;}
.legal section + section{margin:50px 0 80px 0;}
.container{max-width:1512px;padding:0 16px;margin:0 auto;position:relative;}
.logo-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:20px 0 24px 0;}
.logo-top{position:relative;left:-8px;top:-16px;opacity:0;transition:top 0.8s ease 0.6s, opacity 0.6s ease 0.6s;}
.animated .logo-top{top:15px;opacity:1;}
.logo-top img{width:176px;}
.logo-bottom{position:relative;bottom:-10px;opacity:0;transition:bottom 0.8s ease 1.0s, opacity 0.6s ease 1.0s;}
.animated .logo-bottom{bottom:29px;opacity:1;}
.soon{position:relative;top:40px;font-size:38px;font-size:3.8rem;font-weight:300;line-height:1;margin:10px 0 0 0;display:block;opacity:0;transition:top 0.4s ease 2.0s,opacity 0.4s ease-in 2.0s;}
.animated .soon{opacity:1;top:0;}
.address{position:relative;left:-40px;font-size:22px;font-size:2.2rem;font-weight:300;line-height:1.1;margin:10px 0 0 0;display:block;opacity:0;transition:left 0.4s ease 2.0s,opacity 0.4s ease-in 2.0s;}
.opening{position:relative;left:40px;font-size:22px;font-size:2.2rem;font-weight:300;line-height:1.1;margin:10px 0 0 0;display:block;opacity:0;transition:left 0.4s ease 2.4s,opacity 0.4s ease-in 2.4s;}
.social{position:relative;margin:16px 0 0 0;display:block;opacity:0;transition:opacity 0.4s ease-in 2.8s;}
.social a:hover::after{width:0;}
.social a{display:inline-block;padding:2px;margin:0 6px;}
.social a img{height:24px;width:auto;}
.animated .address,.animated .opening,.animated .social{opacity:1;top:0;left:0;}
.logo-bottom img{width:270px;}
.legal main{text-align:left;}
.legal-back{position:absolute;top:-40px;right:10px;}
footer{font-weight:400;color:#747474;padding-bottom:16px;}
.home footer{opacity:0;transition:opacity 0.4s ease 3.2s;}
.home.animated footer{opacity:1;}
footer .container{display:flex;justify-content:space-between;}
.footer-nav{display:flex;list-style-type:none;margin:0;padding:0;}
.footer-nav li + li{margin-left:25px;}
footer a{color:#747474;}
footer a::after{background:#747474;}
.ZC_sdk__zc-iframe_k5FE3.ZC_sdk__position-right_HkYTz{right:50% !important;transform:translateX(50%) !important;bottom:37px;max-height:94dvh !important;max-height:calc(100dvh - 37px) !important;
 opacity:0;transition:opacity 0.4s ease-in 3.2s !important;}

/*-----------------------------------------------------------------------------------*/
/* Responsive Styles                                                                 */
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 375px) and (max-height: 800px) {
 .logo-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:20px 0 64px 0;}
 .ZC_sdk__zc-iframe_k5FE3.ZC_sdk__position-right_HkYTz{bottom:47px;max-height:calc(100dvh - 47px) !important;}
}
@media screen and (max-width: 375px) and (max-height: 620px) {
 .logo-wrapper{flex:1;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;padding:10px 0 34px 0;}
 .ZC_sdk__zc-iframe_k5FE3.ZC_sdk__position-right_HkYTz{bottom:37px;max-height:calc(100dvh - 37px) !important;}
}
@media screen and (min-width: 390px) {
 .ZC_sdk__zc-iframe_k5FE3.ZC_sdk__position-right_HkYTz{bottom:57px;max-height:94dvh !important;max-height:calc(100dvh - 57px) !important;}
}
@media screen and (min-width: 768px) {
 .mobile-break{display:inline;text-align:left;}
 .container{padding:0 50px;}
 .logo-wrapper{padding:30px 0 54px 0;}
 .logo-top{position:relative;left:-16px;top:0;}
 .animated .logo-top{top:43px;}
 .logo-top img{width:342px;}
 .logo-bottom{position:relative;bottom:0;}
 .animated .logo-bottom{bottom:43px;}
 .logo-bottom img{width:520px;}
 .soon{margin:-2px 0 0 0;}
 .legal .wrapper{padding:120px 0 0 0;}
 .legal-back{top:3px;right:44px;}
 .legal section + section{margin:70px 0 120px 0;}
 footer{padding-bottom:11px;}
 .social{margin:14px 0 0 0;}
 .social a{margin:0 4px;}
 .social a img{height:21px;}
 .ZC_sdk__zc-iframe_k5FE3.ZC_sdk__position-right_HkYTz{bottom:80px;}
}
@media screen and (min-width: 768px) and (max-height:900px) {
 .logo-wrapper{padding:10px 0 54px 0;}
 .logo-top{left:-14px;top:0;}
 .animated .logo-top{top:36px;}
 .logo-top img{width:310px;}
 .logo-bottom{bottom:0;}
 .animated .logo-bottom{bottom:43px;}
 .logo-bottom img{width:470px;}

}
@media screen and (min-width: 1024px) {
 .ZC_sdk__zc-iframe_k5FE3.ZC_sdk__position-right_HkYTz{bottom:0;max-height:100dvh !important;}
}
@media screen and (min-width: 1600px) {
 .logo-wrapper{padding:20px 0 50px 0;}
 .logo-top{top:17px;left:-26px;}
 .animated .logo-top{top:57px;}
 .logo-top img{width:465px;}
 .logo-bottom{bottom:17px;}
 .animated .logo-bottom{bottom:57px;}
 .logo-bottom img{width:706px;}
 .soon{margin:-17px 0 0 0;}
 .legal .wrapper{padding:160px 0 0 0;}
 .legal section + section{margin:90px 0 160px 0;}
 .legal-back{top:3px;right:94px;}
 .container{padding:0 100px;}
}