@font-face { font-family: 'Permanent Marker'; src: url('../fonts/PermanentMarker-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-Italic.otf') format("opentype"); font-weight: 400; font-style: italic; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-BlackItalic.otf') format("opentype"); font-weight: 900; font-style: italic; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-Black.otf') format("opentype"); font-weight: 900; font-style: normal; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-Light.otf') format("opentype"); font-weight: 300; font-style: normal; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-Bold.otf') format("opentype"); font-weight: 700; font-style: normal; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-BoldItalic.otf') format("opentype"); font-weight: 700; font-style: italic; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-Medium.otf') format("opentype"); font-weight: 500; font-style: normal; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-LightItalic.otf') format("opentype"); font-weight: 300; font-style: italic; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-MediumItalic.otf') format("opentype"); font-weight: 500; font-style: italic; font-display: swap;
} @font-face { font-family: Satoshi; src: url('../fonts/Satoshi-Regular.otf') format("opentype"); font-weight: 400; font-style: normal; font-display: swap;
} @font-face { font-family: Proximanova; src: url('../fonts/ProximaNova-Light.otf') format("opentype"); font-weight: 400; font-style: normal; font-display: swap;
} @font-face { font-family: Proximanova Italic; src: url('../fonts/ProximaNova-RegItalic.otf') format("opentype"); font-weight: 400; font-style: italic; font-display: swap;
} @font-face { font-family: Proximanova Semibold; src: url('../fonts/ProximaNova-SemiboldItalic.otf') format("opentype"); font-weight: 600; font-style: normal; font-display: swap;
} @font-face { font-family: Proximanovacond; src: url('../fonts/ProximaNovaCond-SemiboldIt.otf') format("opentype"); font-weight: 600; font-style: normal; font-display: swap;
} @font-face { font-family: Proximanovacond; src: url('../fonts/ProximaNovaCond-Regular.otf') format("opentype"); font-weight: 400; font-style: normal; font-display: swap;
} :root { --background: #fafafa; --black: #1b1b1b; --white: white;
} .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid;
} .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block;
} .w-commerce-commercecartwrapper { display: inline-block; position: relative;
} .w-commerce-commercecartopenlink { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; padding: 9px 15px; text-decoration: none; display: flex;
} .w-commerce-commercecartopenlinkcount { color: #3898ec; text-align: center; background-color: #fff; border-radius: 9px; min-width: 18px; height: 18px; margin-left: 8px; padding-left: 6px; padding-right: 6px; font-size: 11px; font-weight: 700; line-height: 18px; display: inline-block;
} .w-commerce-commercecartcontainerwrapper { z-index: 1001; background-color: #000c; position: fixed; inset: 0;
} .w-commerce-commercecartcontainerwrapper--cartType-modal { flex-direction: column; justify-content: center; align-items: center; display: flex;
} .w-commerce-commercecartcontainerwrapper--cartType-leftSidebar { flex-direction: row; justify-content: flex-start; align-items: stretch; display: flex;
} .w-commerce-commercecartcontainerwrapper--cartType-rightSidebar { flex-direction: row; justify-content: flex-end; align-items: stretch; display: flex;
} .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown { background-color: #0000; position: absolute; inset: 100% auto auto 0;
} .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown { background-color: #0000; position: absolute; inset: 100% 0 auto auto;
} .w-commerce-commercecartcontainer { background-color: #fff; flex-direction: column; width: 100%; min-width: 320px; max-width: 480px; display: flex; overflow: auto; box-shadow: 0 5px 25px #00000040;
} .w-commerce-commercecartheader { border-bottom: 1px solid #e6e6e6; flex: none; justify-content: space-between; align-items: center; padding: 16px 24px; display: flex; position: relative;
} .w-commerce-commercecartheading { margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0;
} .w-commerce-commercecartcloselink { width: 16px; height: 16px;
} .w-commerce-commercecartformwrapper { flex-direction: column; flex: 1; display: flex;
} .w-commerce-commercecartform { flex-direction: column; flex: 1; justify-content: flex-start; display: flex;
} .w-commerce-commercecartlist { -webkit-overflow-scrolling: touch; flex: 1; padding: 12px 24px; overflow: auto;
} .w-commerce-commercecartitem { align-items: flex-start; padding-top: 12px; padding-bottom: 12px; display: flex;
} .w-commerce-commercecartiteminfo { flex-direction: column; flex: 1; margin-left: 16px; margin-right: 16px; display: flex;
} .w-commerce-commercecartproductname { font-weight: 700;
} .w-commerce-commercecartoptionlist { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style-type: none;
} .w-commerce-commercecartquantity { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 60px; height: 38px; margin-bottom: 10px; padding: 8px 6px 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecartquantity::placeholder { color: #999;
} .w-commerce-commercecartquantity:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecartfooter { border-top: 1px solid #e6e6e6; flex-direction: column; flex: none; padding: 16px 24px 24px; display: flex;
} .w-commerce-commercecartlineitem { flex: none; justify-content: space-between; align-items: baseline; margin-bottom: 16px; display: flex;
} .w-commerce-commercecartordervalue { font-weight: 700;
} .w-commerce-commercecartapplepaybutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #000; border-width: 0; border-radius: 2px; align-items: center; height: 38px; min-height: 30px; margin-bottom: 8px; padding: 0; text-decoration: none; display: flex;
} .w-commerce-commercecartapplepayicon { width: 100%; height: 50%; min-height: 20px;
} .w-commerce-commercecartquickcheckoutbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #000; border-width: 0; border-radius: 2px; justify-content: center; align-items: center; height: 38px; margin-bottom: 8px; padding: 0 15px; text-decoration: none; display: flex;
} .w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon { margin-right: 8px; display: block;
} .w-commerce-commercecartcheckoutbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; text-align: center; background-color: #3898ec; border-width: 0; border-radius: 2px; align-items: center; padding: 9px 15px; text-decoration: none; display: block;
} .w-commerce-commercecartemptystate { flex: 1; justify-content: center; align-items: center; padding-top: 100px; padding-bottom: 100px; display: flex;
} .w-commerce-commercecarterrorstate { background-color: #ffdede; flex: none; margin: 0 24px 24px; padding: 10px;
} .w-commerce-commerceaddtocartform { margin: 0 0 15px;
} .w-commerce-commerceaddtocartoptionpillgroup { margin-bottom: 10px; display: flex;
} .w-commerce-commerceaddtocartoptionpill { color: #000; cursor: pointer; background-color: #fff; border: 1px solid #000; margin-right: 10px; padding: 8px 15px;
} .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected { color: #fff; background-color: #000;
} .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none;
} .w-commerce-commerceaddtocartquantityinput { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 60px; height: 38px; margin-bottom: 10px; padding: 8px 6px 8px 12px; line-height: 20px; display: block;
} .w-commerce-commerceaddtocartquantityinput::placeholder { color: #999;
} .w-commerce-commerceaddtocartquantityinput:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commerceaddtocartbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; padding: 9px 15px; text-decoration: none; display: flex;
} .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none;
} .w-commerce-commercebuynowbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; margin-top: 10px; padding: 9px 15px; text-decoration: none; display: inline-block;
} .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none;
} .w-commerce-commerceaddtocartoutofstock { background-color: #ddd; margin-top: 10px; padding: 10px;
} .w-commerce-commerceaddtocarterror { background-color: #ffdede; margin-top: 10px; padding: 10px;
} .w-commerce-commercecheckoutformcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px;
} .w-commerce-commercelayoutcontainer { justify-content: center; align-items: flex-start; display: flex;
} .w-commerce-commercelayoutmain { flex: 0 800px; margin-right: 20px;
} .w-commerce-commercecheckoutcustomerinfowrapper { margin-bottom: 20px;
} .w-commerce-commercecheckoutblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex;
} .w-commerce-commercecheckoutblockcontent { background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 20px;
} .w-commerce-commercecheckoutlabel { margin-bottom: 8px;
} .w-commerce-commercecheckoutemailinput { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutemailinput::placeholder { color: #999;
} .w-commerce-commercecheckoutemailinput:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutshippingaddresswrapper { margin-bottom: 20px;
} .w-commerce-commercecheckoutshippingfullname { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutshippingfullname::placeholder { color: #999;
} .w-commerce-commercecheckoutshippingfullname:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutshippingstreetaddress { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutshippingstreetaddress::placeholder { color: #999;
} .w-commerce-commercecheckoutshippingstreetaddress:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutshippingstreetaddressoptional { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder { color: #999;
} .w-commerce-commercecheckoutshippingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutrow { margin-left: -8px; margin-right: -8px; display: flex;
} .w-commerce-commercecheckoutcolumn { flex: 1; padding-left: 8px; padding-right: 8px;
} .w-commerce-commercecheckoutshippingcity { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutshippingcity::placeholder { color: #999;
} .w-commerce-commercecheckoutshippingcity:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutshippingstateprovince { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutshippingstateprovince::placeholder { color: #999;
} .w-commerce-commercecheckoutshippingstateprovince:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutshippingzippostalcode { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutshippingzippostalcode::placeholder { color: #999;
} .w-commerce-commercecheckoutshippingzippostalcode:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutshippingcountryselector { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutshippingcountryselector::placeholder { color: #999;
} .w-commerce-commercecheckoutshippingcountryselector:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutshippingmethodswrapper { margin-bottom: 20px;
} .w-commerce-commercecheckoutshippingmethodslist { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;
} .w-commerce-commercecheckoutshippingmethoditem { background-color: #fff; border-bottom: 1px solid #e6e6e6; flex-direction: row; align-items: baseline; margin-bottom: 0; padding: 16px; font-weight: 400; display: flex;
} .w-commerce-commercecheckoutshippingmethoddescriptionblock { flex-direction: column; flex-grow: 1; margin-left: 12px; margin-right: 12px; display: flex;
} .w-commerce-commerceboldtextblock { font-weight: 700;
} .w-commerce-commercecheckoutshippingmethodsemptystate { text-align: center; background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 64px 16px;
} .w-commerce-commercecheckoutpaymentinfowrapper { margin-bottom: 20px;
} .w-commerce-commercecheckoutcardnumber { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutcardnumber::placeholder { color: #999;
} .w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutcardexpirationdate { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutcardexpirationdate::placeholder { color: #999;
} .w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutcardsecuritycode { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutcardsecuritycode::placeholder { color: #999;
} .w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutbillingaddresstogglewrapper { flex-direction: row; display: flex;
} .w-commerce-commercecheckoutbillingaddresstogglecheckbox { margin-top: 4px;
} .w-commerce-commercecheckoutbillingaddresstogglelabel { margin-left: 8px; font-weight: 400;
} .w-commerce-commercecheckoutbillingaddresswrapper { margin-top: 16px; margin-bottom: 20px;
} .w-commerce-commercecheckoutbillingfullname { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutbillingfullname::placeholder { color: #999;
} .w-commerce-commercecheckoutbillingfullname:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutbillingstreetaddress { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutbillingstreetaddress::placeholder { color: #999;
} .w-commerce-commercecheckoutbillingstreetaddress:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutbillingstreetaddressoptional { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder { color: #999;
} .w-commerce-commercecheckoutbillingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutbillingcity { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutbillingcity::placeholder { color: #999;
} .w-commerce-commercecheckoutbillingcity:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutbillingstateprovince { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutbillingstateprovince::placeholder { color: #999;
} .w-commerce-commercecheckoutbillingstateprovince:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutbillingzippostalcode { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutbillingzippostalcode::placeholder { color: #999;
} .w-commerce-commercecheckoutbillingzippostalcode:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutbillingcountryselector { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block;
} .w-commerce-commercecheckoutbillingcountryselector::placeholder { color: #999;
} .w-commerce-commercecheckoutbillingcountryselector:focus { border-color: #3898ec; outline-style: none;
} .w-commerce-commercecheckoutorderitemswrapper { margin-bottom: 20px;
} .w-commerce-commercecheckoutsummaryblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex;
} .w-commerce-commercecheckoutorderitemslist { margin-bottom: -20px;
} .w-commerce-commercecheckoutorderitem { margin-bottom: 20px; display: flex;
} .w-commerce-commercecartitemimage { width: 60px; height: 0%;
} .w-commerce-commercecheckoutorderitemdescriptionwrapper { flex-grow: 1; margin-left: 16px; margin-right: 16px;
} .w-commerce-commercecheckoutorderitemquantitywrapper { white-space: pre-wrap; display: flex;
} .w-commerce-commercecheckoutorderitemoptionlist { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style-type: none;
} .w-commerce-commercelayoutsidebar { flex: 0 0 320px; position: sticky; top: 20px;
} .w-commerce-commercecheckoutordersummarywrapper { margin-bottom: 20px;
} .w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem { flex-direction: row; justify-content: space-between; margin-bottom: 8px; display: flex;
} .w-commerce-commercecheckoutsummarytotal { font-weight: 700;
} .w-commerce-commercecheckoutplaceorderbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; text-align: center; background-color: #3898ec; border-width: 0; border-radius: 3px; align-items: center; margin-bottom: 20px; padding: 9px 15px; text-decoration: none; display: block;
} .w-commerce-commercecheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px;
} .w-commerce-commercepaypalcheckoutformcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px;
} .w-commerce-commercecheckoutcustomerinfosummarywrapper { margin-bottom: 20px;
} .w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel { margin-bottom: 8px;
} .w-commerce-commercecheckoutsummaryflexboxdiv { flex-direction: row; justify-content: flex-start; display: flex;
} .w-commerce-commercecheckoutsummarytextspacingondiv { margin-right: .33em;
} .w-commerce-commercecheckoutpaymentsummarywrapper { margin-bottom: 20px;
} .w-commerce-commercepaypalcheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px;
} .w-commerce-commerceorderconfirmationcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px;
} .w-commerce-commercecheckoutshippingsummarywrapper { margin-bottom: 20px;
} .w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible { outline-offset: 2px; border-radius: 50%; outline: 2px solid #3b79c3;
} .w-form-formrecaptcha { margin-bottom: 8px;
} @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; }
} @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } .w-commerce-commercelayoutcontainer { flex-direction: column; align-items: stretch; } .w-commerce-commercelayoutmain { flex-basis: auto; margin-right: 0; } .w-commerce-commercelayoutsidebar { flex-basis: auto; }
} @media screen and (max-width: 479px) { .w-commerce-commercecartcontainerwrapper--cartType-modal { flex-direction: row; justify-content: center; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown { flex-direction: row; justify-content: center; align-items: stretch; display: flex; position: fixed; inset: 0; } .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutrow { flex-direction: column; } .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector { font-size: 16px; }
} body { background-color: var(--background); color: var(--black); font-family: Satoshi, sans-serif; font-size: 18px; line-height: 130%;
} h1 { margin-top: 20px; margin-bottom: 10px; font-size: 46px; font-weight: 700; line-height: 120%;
} h2 { margin-top: 20px; margin-bottom: 10px; font-size: 40px; font-weight: 700; line-height: 130%;
} h3 { margin-top: 20px; margin-bottom: 10px; font-size: 26px; font-weight: 700; line-height: 130%;
} blockquote { border-left: 5px solid var(--black); margin-top: 16px; margin-bottom: 16px; padding: 24px 20px; font-size: 24px; line-height: 30px;
} .navbar { z-index: 100; background-color: var(--background); flex-direction: column; justify-content: center; height: 100px; position: sticky; top: 0;
} .container-navbar { grid-column-gap: 16px; grid-row-gap: 16px; flex-direction: row; grid-template-rows: auto; grid-template-columns: 200px 1fr 200px; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; width: 100%; max-width: 1512px; height: 100px; padding-left: 0; padding-right: 0; display: grid;
} .link-nav-brand { height: 32px;
} .brand-nav { width: 150px; max-width: none; height: auto; margin-top: -10px;
} .section { padding-top: 80px; padding-bottom: 80px;
} .section.hero-home { background-image: url('../images/Abstract-Home.svg'); background-repeat: no-repeat; background-size: auto; padding-top: 0; padding-bottom: 0;
} .section.tile-home { z-index: 20; margin-top: -116px; padding-top: 0; padding-bottom: 0; position: relative;
} .section.white { background-color: var(--white);
} .section.white.gallery-home { background-image: url('../images/Abstract-Gallery.svg'); background-position: 0 96%; background-repeat: no-repeat; background-size: auto;
} .section.included-section { background-image: linear-gradient(0deg, var(--background), #fafafa2e 27%, #fafafa00), url('../images/Abstract-Included.svg'); background-position: 0 0, 0 100%; background-repeat: repeat, no-repeat; background-size: auto, auto;
} .section.big-image-section { height: 95vh; min-height: 600px; max-height: 900px; position: relative; overflow: hidden;
} .section.activites-slider-section { overflow: hidden;
} .section.hero-rooms { padding-bottom: 0;
} .section.hero-about { color: var(--white); background-color: #19a2a4; background-image: url('../images/Abstract-About.svg'); background-position: 100% 100%; background-repeat: no-repeat; background-size: contain; padding-top: 100px; padding-bottom: 330px;
} .section.about-image { margin-top: -250px; padding-top: 0; padding-bottom: 0;
} .section.hero-coliving { padding-top: 100px; padding-bottom: 0;
} .section.coliving-blocks-section { padding-top: 0; padding-bottom: 0;
} .section.activities-section { background-image: url('../images/Abstract-Activities.svg'); background-position: 0 25%; background-repeat: no-repeat; background-size: auto;
} .section.single-room-section { padding-top: 100px; padding-bottom: 0;
} .section.other-rooms { padding-top: 0;
} .section.all-room-types-section { padding-bottom: 0;
} .section.blog-page-section, .section.hero-shop, .section.product-section { padding-top: 100px;
} .section.blog-page { padding-bottom: 0;
} .section.hero-contact { background-image: linear-gradient(#fafafa, #fafafa); padding-top: 100px; position: relative;
} .section.hero-thank-you { background-color: var(--black); color: var(--white); background-image: url('../images/Abstract-About.svg'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; padding-top: 100px; padding-bottom: 330px;
} .section.hero-template { background-color: var(--black); color: var(--white);
} .section.hero-sales { background-image: url('../images/Abstract-Included.svg'); background-position: 0 270%; background-repeat: no-repeat; background-size: auto; padding-bottom: 100px;
} .wrap-hero-home { color: var(--white); text-align: center; width: 100%; padding-left: 40px; padding-right: 40px;
} .background-image-home-hero { background-image: linear-gradient(#0f43557a, #0f43557a), linear-gradient(#0f43557a, #0f43557a), url('../images/THW_0222.jpg'); background-position: 0 0, 0 0, 50%; background-size: auto, auto, cover; border-radius: 24px; width: 100%; padding-top: 140px; padding-bottom: 284px;
} .background-image-home-hero.darling { background-image: linear-gradient(#0f43557a, #0f43557a), url('../images/TW1_3108.jpg'); background-position: 0 0, 50%; background-size: auto, cover; padding-top: 140px; padding-bottom: 319px;
} .main-container { max-width: 1348px; padding-left: 24px; padding-right: 24px; overflow: visible;
} .mega-h1 { margin-bottom: 0; font-size: 67px;
} .mega-h1.no-margins.small-letters { text-transform: lowercase;
} .mega-h1.blog { text-align: center;
} .center-content { flex-direction: column; align-items: center; margin-bottom: 21px; display: flex;
} .limit-990 { width: 100%; max-width: 990px;
} .subtitle { text-align: left; letter-spacing: .2px; max-width: none; margin-top: 31px; font-size: 22px; font-weight: 400; line-height: 135%;
} .subtitle.fold { text-align: center;
} .tag { grid-column-gap: 8px; background-color: var(--black); color: var(--white); background-image: linear-gradient(#19a3a5, #19a3a5); border-radius: 50px; justify-content: center; align-items: center; height: 38px; padding-left: 16px; padding-right: 16px; text-decoration: none; display: flex;
} .tag.inactive { background-color: var(--white); color: var(--black); border: 1px solid #000;
} .icon-tag { width: 16px; height: 16px;
} .space-48 { height: 68px;
} .form-block-home { width: 100%; max-width: 620px; margin-left: auto; margin-right: auto;
} .form-home { background-color: var(--white); border-radius: 8px; align-items: center; height: 64px; padding: 6px; display: flex; box-shadow: 1px 1px 20px #7a7a7a14;
} .cta { background-color: #19a3a5; border-radius: 6px; justify-content: center; align-items: center; height: 52px; font-weight: 500; transition: background-color .2s; display: flex;
} .cta:hover { background-color: #1b1b1be6;
} .cta.w--current { transition: background-color .2s;
} .cta.submit-home { background-image: linear-gradient(#19a3a5, #19a3a5); min-width: 150px;
} .cta.white { background-color: var(--white); color: var(--black);
} .cta.white:hover { background-color: #ffffffe6;
} .cta.white.sales-cta { min-width: 200px;
} .cta.phone-contact-link { grid-column-gap: 12px; color: var(--white); height: auto; padding-top: 12px; padding-bottom: 12px; font-size: 20px; text-decoration: none;
} .cta.nav-cta { background-image: linear-gradient(#19a3a5, #19a3a5); font-family: Satoshi, sans-serif; font-size: 18px; font-weight: 400;
} .cta.sales-cta { min-width: 200px;
} .text-field-home { color: var(--black); background-image: url('../images/calendar-line.svg'); background-position: 24px; background-repeat: no-repeat; background-size: 20px; border: 1px #000; flex: 1; height: 100%; margin-bottom: 0; padding-left: 64px; font-size: 18px;
} .text-field-home::placeholder { color: var(--black); font-size: 18px;
} .text-field-home.second-field { border-left-style: solid; border-left-color: #eee;
} .text-field-home.first-field { color: #1b1b1b; background-image: url('../images/calendar-line.svg'); background-repeat: no-repeat; background-size: 20px;
} .grid-fourths { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr;
} .grid-fourths.sub-hear-tiles-grid.darling { grid-template-columns: 1fr 1fr 1fr; margin-top: 70px;
} .tile-white { background-color: var(--white); border-radius: 8px; padding: 24px; transition: box-shadow .2s, transform .2s; box-shadow: 1px 1px 40px #84848414;
} .tile-white:hover { transform: scale(1.02); box-shadow: 1px 1px 50px #84848421;
} .tile-white.home-hero-tile { flex-direction: column; justify-content: space-between; min-height: 220px; padding: 37px; transition-property: none; display: flex;
} .tile-white.home-hero-tile:hover { transform: none; box-shadow: 1px 1px 30px #84848414;
} .tile-white.home-hero-tile.darling { background-color: #1ba3a575;
} .tile-white.room-tile { grid-row-gap: 32px; color: var(--black); flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; text-decoration: none; display: flex;
} .tile-white.included-tile { text-align: right; justify-content: space-between; align-items: center; font-size: 24px; transition-property: none; display: flex;
} .tile-white.included-tile:hover { transform: none; box-shadow: 1px 1px 40px #84848414;
} .tile-white.blog-tile { grid-row-gap: 32px; color: var(--black); flex-direction: column; justify-content: space-between; width: 100%; text-decoration: none; display: flex;
} .tile-white.team-tile { grid-row-gap: 24px; text-align: center; flex-direction: column; display: flex;
} .tile-white.team-tile:hover { transform: none; box-shadow: 1px 1px 30px #84848414;
} .tile-white.activities-tile { grid-column-gap: 40px; justify-content: space-between; padding: 32px 48px 32px 32px; display: flex;
} .tile-white.activities-tile:hover { transform: none; box-shadow: 1px 1px 40px #84848414;
} .tile-white.single-room-tile { grid-row-gap: 24px; flex-direction: column; margin-bottom: 29px; display: flex; position: sticky; top: 24px;
} .tile-white.shop-tile { grid-row-gap: 32px; color: var(--black); flex-direction: column; text-decoration: none; display: flex;
} .tile-white.contact-tile { grid-row-gap: 40px; flex-direction: column; display: flex;
} .tile-white.thank-you-tile { grid-row-gap: 64px; color: var(--black); flex-direction: column; justify-content: space-between; text-decoration: none; display: flex;
} .text-tile-top { color: #000; text-align: center; font-size: 24px; line-height: 120%;
} .text-tile-top.darling { color: var(--white);
} .text-tile-number { color: var(--black); text-align: center; font-size: 47px; line-height: 120%;
} .text-tile-number.darling { color: var(--white);
} .text-tile-number.infinity { font-size: 74px;
} .span-number-small { font-size: 32px; line-height: 120%;
} .space-80 { height: 80px;
} .divider { background-image: url('../images/Divider-Line.svg'); background-position: 0%; background-repeat: repeat-x; background-size: contain; width: 100%; height: 1px; margin-top: 104px;
} .grid-halves { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr;
} .grid-halves.home-gallery-grid { grid-column-gap: 140px; grid-template-columns: 1fr 440px; width: 100%; max-width: 1122px; margin-left: auto; margin-right: auto;
} .grid-halves.cta-grid { grid-column-gap: 61px; grid-row-gap: 61px;
} .grid-halves.room-gallery-grid { grid-template-rows: auto auto;
} .grid-halves.room-gallery-grid.cms-gallery { grid-template-rows: auto;
} .grid-halves.contact-halves { padding-top: 90px; padding-bottom: 90px;
} .grid-halves.halves-section { grid-auto-flow: column; justify-content: stretch; overflow: hidden;
} .wrap-halves-content { grid-row-gap: 24px; flex-direction: column; align-items: flex-start; padding: 64px; display: flex;
} .image-stars { height: 24px;
} .text-testimonial-heading { font-size: 32px; font-weight: 500; line-height: 130%;
} .title-wrap-testimonial { grid-row-gap: 16px; flex-direction: column; align-items: flex-start; display: flex;
} .text-testimonial-name { font-size: 22px; font-weight: 500; line-height: 130%;
} .center-text { text-align: center;
} .space-40 { height: 50px;
} .column-home-gallery { grid-row-gap: 48px; flex-direction: column; width: 110%; display: flex;
} .title-wrap-home-gallery { grid-row-gap: 24px; flex-direction: column; display: flex;
} .heading-3 { grid-row-gap: 24px; color: #000; margin-top: 0; margin-bottom: 0;
} .image-home-gallery { border-radius: 8px; width: auto; position: relative;
} .wrap-heading-button { justify-content: space-between; align-items: center; display: flex;
} .list-rooms { grid-column-gap: 24px; grid-row-gap: 24px; border: 0 solid #000; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid;
} .image-room-tile { border-radius: 8px; width: 100%;
} .wrap-room-name-price { justify-content: space-between; align-items: center; display: flex;
} .text-price-tile { font-size: 20px;
} .wrap-price-tile { justify-content: flex-end; align-items: center; display: flex;
} .top-room-tile { grid-row-gap: 24px; flex-direction: column; width: 100%; display: flex;
} .text-more-link { font-weight: 500;
} .limit-900 { width: 100%; max-width: 900px;
} .paragraph-big { font-size: 22px; line-height: 130%;
} .grid-thirds { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; display: grid;
} .grid-thirds.pricing-thirds { margin-bottom: 80px;
} .icon-included { width: 40px; height: 40px;
} .space-24 { height: 24px;
} .flex-cta-center { justify-content: center; align-items: center; display: flex;
} .space-32 { height: 32px;
} .big-image { background-image: url('../images/THW_9643.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 120%; position: absolute; inset: -10% 0% 0%;
} .master-activities-slider { position: relative;
} .master-activities-slider.activities { overflow: hidden;
} .slider { background-color: #ddd0; width: 25%; height: auto; margin-right: 0; padding-right: 24px; position: static;
} .slide-nav-hidden { display: none;
} .arrow-right { z-index: 2; background-color: var(--white); border-radius: 50%; justify-content: center; align-items: center; width: 64px; height: 64px; margin-top: auto; margin-bottom: auto; display: flex; inset: 0% 0 0% auto; transform: translate(16px); box-shadow: 1px 1px 20px #a3a3a314;
} .slide { height: auto; margin-right: 24px; position: static;
} .mask { width: auto; height: auto; position: static; overflow: visible;
} .icon-slider-arrow { width: 24px; height: 24px;
} .content-slide { background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'); background-position: 50%; background-size: cover; border-radius: 12px; width: 100%; padding-top: 100%; position: relative; overflow: hidden;
} .content-slide.slide-one { background-image: url('../images/Netflix.png');
} .content-slide.slide-two { background-image: url('../images/macbook.png');
} .content-slide.slide-three { background-image: url('../images/boardgames.png');
} .content-slide.slide-four { background-image: url('../images/Board.png');
} .content-slide.slide-five { background-image: url('../images/book.jpg');
} .arrow-left { z-index: 2; background-color: var(--white); border-radius: 50%; justify-content: center; align-items: center; width: 64px; height: 64px; margin-top: auto; margin-bottom: auto; display: flex; inset: 0% auto 0% 0; transform: translate(-16px); box-shadow: 1px 1px 20px #a3a3a314;
} .overlay-slide { color: var(--white); text-align: center; background-color: #1b1b1b40; justify-content: center; align-items: center; font-size: 40px; font-weight: 700; line-height: 130%; display: flex; position: absolute; inset: 0%;
} .image-halves-section { border-radius: 12px; width: 100%;
} .stats-grid { grid-column-gap: 64px; grid-template-rows: auto; margin-top: 24px; margin-bottom: 24px;
} .wrap-stat { flex-direction: column; align-items: flex-start; display: flex;
} .text-stat { font-size: 64px; font-weight: 500; line-height: 130%;
} .master-cta-block { color: var(--white); background-color: #19a3a5; background-image: url('../images/Abstract-CTS.svg'); background-position: 0 100%; background-repeat: no-repeat; background-size: auto; border-radius: 16px; justify-content: space-between; padding: 56px; display: flex;
} .image-cta-block { border-radius: 12px; width: 100%;
} .wrap-cta-block-content { flex-direction: column; max-width: 505px; margin-left: 0; padding: 13px 0 13px 13px; display: flex;
} .flext-cta-left { justify-content: flex-start; align-items: center; display: flex;
} .list-blog { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid;
} .image-blog-tile { border-radius: 8px; width: 100%;
} .wrap-heading-blog-tile { grid-row-gap: 16px; flex-direction: column; align-items: flex-start; display: flex;
} .top-blog { grid-row-gap: 24px; flex-direction: column; display: flex;
} .footer { color: var(--white); background-color: #19a3a5; padding-top: 100px; padding-bottom: 0;
} .master-footer-top { justify-content: space-between; display: flex;
} .left-footer-top { grid-row-gap: 32px; flex-direction: column; align-items: flex-start; max-width: 344px; display: flex;
} .right-footer-top { grid-column-gap: 120px; justify-content: flex-end; align-items: flex-start; display: flex;
} .link-footer-brand { height: 38px;
} .brand-footer { width: 55px; max-width: none; height: auto; padding-bottom: 0;
} .text-footer-big { margin-top: 13px; font-size: 17px; line-height: 130%;
} .column-footer-links { grid-row-gap: 16px; flex-direction: column; align-items: flex-start; display: flex;
} .heading-footer-links { margin-bottom: 8px; font-size: 20px; line-height: 130%;
} .link-footer { color: var(--white); text-decoration: none;
} .master-footer-bottom { text-align: center; border-top: 1px solid #fff3; margin-top: 80px; padding-top: 32px; font-size: 14px;
} .link-white { color: var(--white);
} .title-wrap-rooms { justify-content: space-between; align-items: flex-end; display: flex;
} .right-rooms-filters { grid-column-gap: 8px; justify-content: flex-end; align-items: center; margin-bottom: 12px; display: flex;
} .list-types { grid-column-gap: 8px; justify-content: flex-end; align-items: center; display: flex;
} .text-heading-3 { font-size: 26px; font-weight: 700; line-height: 130%;
} .limit-540 { width: 100%; max-width: 540px;
} .grid-hero-halves-gallery { grid-column-gap: 24px; grid-template-rows: auto; grid-template-columns: 540px 1fr;
} .image-about-left { background-image: url('../images/THW_9961.jpg'); background-position: 50%; background-size: cover; border-radius: 12px; min-height: 520px;
} .image-about-right { background-image: url('../images/THW_0410.jpg'); background-position: 50%; background-size: cover; border-radius: 12px; min-height: 520px;
} .master-about-cards { grid-column-gap: 0px; grid-row-gap: 0px; flex-direction: column; width: 100%; max-width: 1122px; margin-top: 0; margin-left: auto; margin-right: auto; display: flex; position: relative;
} .single-about-card { background-color: var(--background); justify-content: space-between; align-items: center; padding-top: 100px; padding-bottom: 123px; display: flex; position: sticky; top: 0; overflow: hidden;
} .single-about-card.right { margin-left: 565px; padding-top: 27px; padding-bottom: 27px;
} .single-about-card.left { margin-left: 565px; margin-right: 0; padding-top: 27px; padding-bottom: 27px;
} .left-about-card { grid-row-gap: 40px; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 460px; display: flex;
} .number-about { font-size: 100px; line-height: 105%;
} .right-about-card { flex-direction: column; flex: 1; align-items: flex-end; padding-right: 60px; display: flex;
} .about-card { grid-row-gap: 24px; background-color: var(--white); text-align: center; border-radius: 8px; flex-direction: column; align-items: center; width: 100%; max-width: 430px; padding: 24px; font-family: Permanent Marker, sans-serif; font-size: 22px; display: flex; transform: rotate(0); box-shadow: 1px 1px 40px #84848414;
} .about-card.card-one { transform: translate(-16px)rotate(6deg);
} .about-card.card-two { transform: rotate(-3deg);
} .about-card.card-three { transform: translate(-30px)rotate(4deg);
} .about-card.card-four { opacity: 1; transform: translate(-18px)rotate(-3deg); box-shadow: 1px 1px 40px #84848414;
} .about-card.card-five { transform: translate(-20px)rotate(4deg);
} .image-about-card { border-radius: 12px; width: 100%; height: 300px;
} .columns-coliving { margin-top: 80px; display: flex;
} .left-coliving-columns { padding: 0 40px 80px 10px; position: relative;
} .right-colving-columns { padding: 0 10px 80px;
} .sticky-coliving-columns { grid-row-gap: 32px; flex-direction: column; align-items: flex-start; display: flex; position: sticky; top: 40px;
} .master-icons-list { grid-row-gap: 12px; flex-direction: column; align-items: flex-start; display: flex;
} .single-icons-list { grid-column-gap: 8px; justify-content: flex-start; align-items: center; display: flex;
} .icon-icons-list { width: 24px; height: 24px;
} .image-coliving-columns { border-radius: 12px; width: 100%;
} .wrap-images-coliving { grid-row-gap: 32px; flex-direction: column; display: flex;
} .image-team { border-radius: 8px;
} .wrap-team-name { grid-row-gap: 16px; flex-direction: column; display: flex;
} .faq-paragraph { transform-origin: 50% 0; margin-bottom: 0; padding-top: 16px; padding-bottom: 12px;
} .plus-line { background-color: #000; border-radius: 1px; width: 18px; height: 2px;
} .plus-line.vertical { position: absolute; transform: rotate(-90deg);
} .expandable-single { cursor: pointer; background-color: #fff; border-radius: 8px; padding: 22px 24px 24px 32px; box-shadow: 1px 1px 20px #84848414;
} .expandable-top { justify-content: space-between; align-items: center; display: flex;
} .plus-expand-master { flex: none; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; position: relative;
} .faq-h3 { margin-top: 0; margin-bottom: 0; margin-right: 24px; font-size: 20px; font-weight: 500;
} .master-expandable { grid-row-gap: 16px; flex-direction: column; display: flex;
} .expandable-bottom { transform-origin: 50% 0; flex-direction: column; align-items: flex-start; width: 90%; display: flex;
} .space-56 { height: 56px;
} .master-activities { grid-row-gap: 40px; flex-direction: column; width: 100%; max-width: 1122px; margin-left: auto; margin-right: auto; display: flex;
} .image-activity { border-radius: 12px; width: 100%; max-width: 460px;
} .right-activity { grid-row-gap: 16px; flex-direction: column; flex: 1; justify-content: center; align-items: flex-start; padding-top: 40px; padding-bottom: 40px; display: flex;
} .space-08 { height: 8px;
} .columns-single-room { display: flex;
} .left-single-room { padding: 0 24px 0 0;
} .availability { padding-left: 64px; padding-right: 0;
} .master-left-room { grid-row-gap: 64px; flex-direction: column; display: flex;
} .space-16 { height: 16px;
} .lightbox-gallery-big { border-radius: 12px; transition: transform .2s;
} .lightbox-gallery-big:hover { transform: scale(1.04);
} .image-gallery-big { object-fit: cover; border-radius: 8px; width: 100%; max-width: none; height: 100%;
} .lightbox-gallery-small { border-radius: 12px; flex-direction: column; justify-content: center; align-items: center; max-height: 200px; transition: transform .2s; display: flex; overflow: hidden;
} .lightbox-gallery-small:hover { transform: scale(1.04);
} .bottom-single-room-tile { justify-content: space-between; align-items: center; padding-left: 7px; display: flex;
} .link-back { grid-column-gap: 8px; color: var(--black); align-items: center; font-weight: 500; text-decoration: none; display: flex;
} .icon-back { height: 16px;
} .wrap-all-type-rooms { grid-column-gap: 12px; justify-content: flex-start; align-items: center; display: flex;
} .list-gallery-small { grid-row-gap: 24px; flex-direction: column; display: flex;
} .item-gallery { flex-direction: column; justify-content: center; align-items: center; display: flex;
} .limit-800 { width: 100%; max-width: 800px;
} .top-shop-tile { grid-row-gap: 24px; flex-direction: column; display: flex;
} .image-coupon { width: 100%;
} .left-product { flex-direction: column; align-items: flex-start; padding: 0 40px 0 0; display: flex;
} .right-product { justify-content: flex-end; align-items: flex-start; padding: 0; display: flex;
} .master-product-big-box { color: var(--white); background-color: #1e698b; background-image: url('../images/AbstractProduct.svg'); background-position: 0 0; background-repeat: no-repeat; background-size: auto; border-radius: 8px; flex-direction: column; justify-content: space-between; width: 100%; max-width: 380px; min-height: 300px; padding: 32px; display: flex;
} .top-product-box { justify-content: space-between; align-items: center; display: flex;
} .text-price { font-size: 36px; font-weight: 500; line-height: 40px;
} .text-price.ecommerce-small { font-size: 30px;
} .default-state-add-to-cart { margin-bottom: 0;
} .limit-1122 { width: 100%; max-width: 1122px;
} .image-blog-page { object-fit: cover; border-radius: 16px; width: 100%; max-height: 700px;
} .wrap-contact-heading { grid-row-gap: 16px; flex-direction: column; align-items: flex-start; display: flex;
} .text-field { background-color: var(--background); color: var(--black); border: 1px solid #ececec; border-radius: 10px; flex: none; height: 64px; margin-bottom: 0; padding-left: 24px; padding-right: 24px; font-size: 18px;
} .text-field::placeholder { color: var(--black); font-size: 18px;
} .text-field.checkout-field { height: 44px; margin-bottom: 12px;
} .text-field.password-field { margin-bottom: 16px;
} .text-field.cart-field { text-align: center; min-width: 80px; height: 44px; padding-left: 12px; padding-right: 12px;
} .form-contact { grid-row-gap: 24px; flex-direction: column; display: flex;
} .text-area { background-color: var(--background); color: var(--black); border: 1px solid #ececec; border-radius: 10px; flex: none; margin-bottom: 0; padding: 16px 24px 70px; font-size: 18px;
} .text-area::placeholder { color: var(--black); font-size: 18px;
} .form-block-contact { margin-bottom: 0;
} .image-wrap-contact { background-image: url('../images/wallstreet22.jpg'); background-position: 50% 100%; background-size: cover; border-radius: 8px; flex-direction: column; justify-content: flex-end; min-height: 500px; padding: 23px; display: flex;
} .image-wrap-contact.darling { background-image: url('../images/TW1_3159.jpg'); background-position: 50%; background-size: cover;
} .icon-phone-contact { width: 32px; height: 32px;
} .color-fill-contact { z-index: -1; background-color: var(--black); background-image: url('../images/Abstract-Contact.svg'); background-position: 0 100%; background-repeat: no-repeat; background-size: auto; height: 520px; position: absolute; inset: 0% 0% auto;
} .top-thank-you { grid-row-gap: 16px; flex-direction: column; align-items: flex-start; display: flex;
} .checkout-form { padding: 64px 0;
} .wrap-checkout-brand { background-color: var(--white); justify-content: center; align-items: center; height: 64px; padding: 0; display: flex;
} .link-brand-checkout { height: 28px;
} .brand-checkout { max-width: none; height: 100%;
} .block-header { border-top-left-radius: 8px; border-top-right-radius: 8px;
} .block-content { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;
} .billing-address-toggle { justify-content: flex-start; align-items: center;
} .checkbox { width: 22px; height: 22px; margin-top: 0;
} .checkbox-label { margin-bottom: 0;
} .utility-page-wrap { background-color: var(--white); justify-content: center; align-items: center; width: 100vw; max-width: 100%; padding-top: 100px; padding-bottom: 100px; display: flex;
} .utility-page-content { text-align: center; flex-direction: column; width: 100%; max-width: 400px; display: flex;
} .utility-page-form { flex-direction: column; align-items: stretch; display: flex;
} .icon-lock { width: 100%; max-width: 200px; margin-left: auto; margin-right: auto;
} .cart-fixed { z-index: 10000; position: fixed; bottom: 24px; right: 24px;
} .cart-button { background-color: #202020; border-radius: 50%; justify-content: center; width: 56px; height: 56px;
} .remove-link { color: #1c3533; text-decoration: none;
} .cart-container { background-color: var(--background);
} .remove-button { color: #1c3533;
} .nav-menu { grid-column-gap: 16px; justify-content: center; align-items: center; display: flex;
} .nav-link { opacity: .9; color: #7e7e7e; margin-left: 0; margin-right: 0; padding-left: 12px; padding-right: 12px;
} .nav-link.w--current { opacity: 1; color: var(--black); font-weight: 500;
} .nav-link.apartments { color: #000;
} .nav-right { justify-content: flex-end; align-items: center; display: flex;
} .dropdown { margin-left: 0; margin-right: 0;
} .icon-dropdown { color: #7e7e7e;
} .dropdown-toggle { justify-content: center; align-items: center; padding-left: 12px; padding-right: 6px; display: flex;
} .dropdown-list.w--open { background-color: var(--background); border: 1px solid #e0e0e0; border-radius: 8px; padding: 12px 0;
} .dropdown-link { color: #7e7e7e; text-align: center; padding: 12px;
} .dropdown-link.w--current { color: #7e7e7e; font-weight: 500;
} .columns-template-details { display: flex;
} .color { background-color: #faebe3; border: 1px solid #b8b8b8; border-radius: 4px; padding-top: 100%;
} .color.color-three { background-color: var(--background);
} .color.color-one { background-color: var(--black);
} .color.color-two { background-color: var(--white);
} .text-quote { font-size: 48px; line-height: 120%;
} .tile-template-navigation { grid-row-gap: 16px; background-color: var(--white); border-radius: 8px; flex-direction: column; align-items: flex-start; padding: 24px; display: flex; position: sticky; top: 120px; box-shadow: 1px 1px 30px #83838314;
} .icons-grid-template { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
} .divider-typography { background-color: #0003; width: 100%; height: 1px;
} .left-column-template-details { padding: 0;
} .icon-template { width: 40px;
} .grid-colors { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr;
} .underline-link { text-decoration: underline;
} .color-master { grid-row-gap: 12px; flex-direction: column; display: flex;
} .tile-template-details { grid-row-gap: 16px; background-color: var(--white); border-radius: 8px; flex-direction: column; padding: 40px; display: flex; box-shadow: 1px 1px 30px #83838314;
} .link-template-navigation { color: #131313b3; font-size: 24px; font-weight: 400; line-height: 135%; text-decoration: none;
} .link-template-navigation.w--current { color: #131313; font-weight: 500;
} .grid-ui-elements { grid-template-rows: auto;
} .right-column-template-details { grid-row-gap: 32px; flex-direction: column; padding: 0 0 0 24px; display: flex;
} .wrap-template-ui { grid-row-gap: 12px; background-color: var(--background); border-radius: 8px; flex-direction: column; align-items: flex-start; padding: 24px; display: flex;
} .template-h2 { margin-top: 0;
} .grid-template-images { grid-template-columns: 1fr 1fr 1fr;
} .limit-580 { width: 100%; max-width: 580px;
} .tile-changelog { background-color: var(--white); border-radius: 8px; width: 100%; max-width: 562px; padding: 40px 32px; box-shadow: 1px 1px 30px #8f8f8f14;
} .flext-sales-cta { grid-column-gap: 12px; justify-content: center; align-items: center; display: flex;
} .container-sales-mockups { max-width: 1400px; padding-left: 24px; padding-right: 24px;
} .section-sales-mockups { background-color: #0b0c0d; height: 95vh; min-height: 600px; max-height: 900px; overflow: hidden;
} .sales-mock-link-block { width: 100%; margin-bottom: 24px; transition: transform .5s;
} .sales-mock-link-block:hover { transform: scale(1.03);
} .sales-mock-image { border: 1px solid #0000000d; border-radius: 12px; width: 100%; margin-bottom: 0;
} .grid-thirds-mokckups { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr;
} .grid-included { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr;
} .included-padding-wrap { grid-row-gap: 12px; flex-direction: column; align-items: center; width: 100%; padding: 24px; display: flex;
} .included-card { grid-column-gap: 16px; grid-row-gap: 16px; background-color: var(--white); text-align: center; border-radius: 8px; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; min-height: 340px; padding: 0; display: flex; box-shadow: 0 1px 30px #85858514;
} .included-card.figma-card { grid-column-gap: 56px; text-align: left; flex-direction: row; justify-content: flex-start; min-height: 0; padding: 32px;
} .no-margins-2 { margin-top: 0; margin-bottom: 0;
} .wrap-figma-content { grid-row-gap: 12px; flex-direction: column; align-items: flex-start; display: flex;
} .image-included { width: 100%;
} .span-link { color: #000; font-weight: 700;
} .icon-figma { width: 120px; height: 120px;
} .master-sales-pages { grid-row-gap: 80px; flex-direction: column; display: flex;
} .single-sales-pages { grid-row-gap: 24px; flex-direction: column; display: flex;
} .grid-thirds-sales-page { grid-column-gap: 24px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr;
} .sales-card { grid-column-gap: 16px; grid-row-gap: 16px; color: #0a0a0a; text-align: center; background-color: #fff; border-radius: 8px; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; padding: 24px; text-decoration: none; transition: transform .2s; display: flex; box-shadow: 1px 1px 30px #7474741a;
} .sales-card:hover { transform: translate(0, -4px);
} .image-sales-page { border: 1px solid #1c353329; border-radius: 4px; width: 100%;
} .grid-fourths-sales-fourths { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr;
} .grid-thirds-all-features { grid-column-gap: 20px; grid-row-gap: 20px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr;
} .more-power-card { grid-column-gap: 16px; grid-row-gap: 16px; background-color: var(--white); text-align: left; border-radius: 8px; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 100%; padding: 32px 24px; display: flex; box-shadow: 0 1px 20px #95959512;
} .success-message { background-color: var(--white); color: var(--black); border: 1px solid #c7c7c7; border-radius: 8px;
} .text-block { font-size: 17px;
} .text-block-2, .text-block-3 { color: #000;
} .slider-5 { z-index: 0; width: 100vw; height: 100vh; position: absolute; inset: 0;
} .background-image { position: fixed; inset: auto 0% 0%;
} .slide-2 { background-image: url('../images/THW_0048.jpg'); background-position: 50%; background-size: cover; height: auto;
} .slide-nav { height: 40px;
} .slider-6 { height: 100%;
} .slide-3 { background-image: url('../images/THW_0410.jpg'); background-position: 50%; background-size: cover;
} .slide-1 { background-image: url('../images/THW_9840.jpg'); background-position: 50%; background-size: cover;
} .slide-1._2 { background-image: url('../images/THW_0048.jpg');
} .slide-1._3 { background-image: url('../images/THW_0410.jpg');
} .slide-1._4 { background-image: url('../images/THW_9961.jpg');
} .slide-1._5 { background-color: #fff; background-image: none;
} .slide-4 { background-image: url('../images/THW_9961.jpg'); background-position: 50%; background-size: cover;
} .slider-mask { width: 100%; overflow: hidden;
} .slider-mask-review { overflow: visible;
} .slide-review { background-color: #fff;
} .review-grid { grid-column-gap: 0px; grid-row-gap: 0px; height: 100%; margin-left: 0; margin-right: 0; display: flex;
} .column { height: 500px; padding-left: 0; padding-right: 0; display: block;
} .column.images { height: 100%;
} .column-2 { padding-left: 0; padding-right: 0;
} .column-2.reviews, .slider-7 { height: 100%;
} .slider-1 { background-color: #fff; height: 100%; overflow: hidden;
} .slide-5 { background-image: url('../images/THW_9840.jpg'); background-position: 50%; background-size: cover;
} .slide-6 { background-image: url('../images/THW_9898-copy.jpg'); background-position: 50%; background-size: cover;
} .slide-7 { background-image: url('../images/THW_0048.jpg'); background-position: 50%; background-size: cover;
} .slide-8 { background-image: url('../images/THW_9961.jpg'); background-position: 50%; background-size: cover;
} .mask-2 { overflow: visible;
} .text-block-4 { color: #7e7e7e;
} .text-block-1 { color: #000;
} .text-span { color: var(--black);
} .text-block-5 { font-size: 15px;
} .heading-2 { font-size: 48px;
} .bunk-room { margin: 23px; padding: 0; font-size: 21px;
} .bunk-room.bunk-beds { background-color: #e9e8e8; border: 1px #17a3a5; border-radius: 11px; margin: -4px; padding: 12px;
} .lodging-price-name { margin: 0 8px; padding-top: 18px; font-size: 21px; font-weight: 500;
} .collection-list { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block;
} .private-room { margin: 24px;
} .bunk-images { height: auto;
} .spacer { height: 50px;
} .room-card { color: #1b1b1b; text-align: center; background-color: #f3f3f3; border: 1px solid #fff; border-radius: 8px; height: auto; margin: 18px;
} .image { display: inline-block; overflow: clip;
} .image-2, .image-3 { border-radius: 8px;
} .text-block-6 { font-size: 26px; font-weight: 700;
} .text-block-6.per-night { font-size: 23px;
} .div-block { grid-column-gap: 5px; grid-row-gap: 5px; text-align: center; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; padding-top: 9px; padding-left: 0; font-weight: 700; display: flex;
} .address { font-size: 17px;
} .entire-private-apartment { margin: 23px;
} .apartment-type { font-size: 28px;
} .image-4, .image-5 { border-radius: 8px;
} .heading-4 { font-size: 37px;
} .text-span-2 { color: #000;
} .filter-button { grid-column-gap: 0px; grid-row-gap: 0px; color: var(--white); text-align: center; background-color: #1ba3a5; border-radius: 6px; justify-content: center; align-items: center; width: 115px; height: 42px; margin-left: 12px; font-weight: 400; transition: background-color .2s; display: flex;
} .filter-button.active { outline-offset: 0px; background-color: #005052; border: 0 solid #005052; border-radius: 6px; outline: 3px solid #005052; font-size: 19px; font-weight: 500;
} .published { margin-top: 60px; font-size: 17px; font-weight: 400;
} .author { margin-top: 28px; font-size: 22px; font-weight: 500;
} .text-block-7 { text-align: center; margin-top: 9px;
} .text-block-8 { margin-left: 6px;
} .text-span-3 { font-size: 37px;
} .heading-5 { margin-top: 0;
} .text-span-4 { font-size: 28px; font-weight: 700;
} .section-darling { height: 950px; min-height: 60vh; position: relative;
} .section-darling.tour { background-image: linear-gradient(#0000005c, #0000005c), url('../images/TW1_3093.jpg'); background-position: 0 0, 50%; background-size: auto, cover;
} .columns { margin-top: 30px; margin-left: 0; margin-right: 0; display: flex;
} .heading-6 { color: var(--white); text-align: right; justify-content: flex-end; align-items: center; margin-top: 27px; padding-right: 78px; font-size: 67px; line-height: 44px; display: flex;
} .heading-hero-2 { color: #fff; text-align: left; letter-spacing: 4px; justify-content: flex-start; margin-left: -63px; padding-left: 0; padding-right: 0; font-family: Satoshi, sans-serif; font-size: 23px; font-weight: 700; line-height: 27px; display: flex;
} .text-span-5 { color: #0fa4bb;
} .text-span-6 { color: #0fa4bb; align-self: flex-end;
} .paragraph { color: var(--white); text-align: justify; padding-top: 18px; padding-left: 240px; padding-right: 240px; font-size: 18px; font-weight: 500; line-height: 39px;
} .darling-container { padding-top: 169px;
} .heading-7 { color: #9887ff; max-width: 300px; font-family: Satoshi, sans-serif; font-size: 30px; font-style: normal; font-weight: 600;
} .heading-8 { color: #04c0dd; max-width: 250px; margin-top: 25px; padding-left: 0; font-family: Satoshi, sans-serif; font-size: 23px; font-weight: 500;
} .darling-paragraph { color: #fff; text-align: left; white-space: normal; width: 60%; margin-top: 32px; margin-bottom: 0; padding-top: 0; padding-right: 0; font-family: Satoshi, sans-serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: 39px;
} .columns-2 { flex-flow: wrap; width: 50%; margin-top: -41px; display: flex;
} .div-block-360 { width: 450px; margin-top: 67px; padding-right: 0;
} .button { color: #0fa4bb; text-align: center; object-fit: fill; background-color: #fff; border: 1px solid #3376b1; border-radius: 20px; width: 200px; min-width: 0; font-family: Proximanova, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; display: inline-block;
} .button.virtual-tour { color: #fff; background-color: #3898ec; border: 0 #0000; width: 200px; font-family: Satoshi, sans-serif; font-size: 14px;
} .button-copy { color: #0fa4bb; text-align: center; object-fit: fill; background-color: #fff; border: 1px solid #3376b1; border-radius: 20px; width: 200px; min-width: 0; font-family: Proximanova, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; display: inline-block;
} .button-copy.virtual-tour { color: #fff; background-color: #3898ec; border: 0 #0000; width: 200px; margin-left: 12px; font-size: 13px;
} .video-columns { margin-top: 169px; padding-left: 0; padding-right: 0;
} .features-list { clear: none; flex: 0 auto; order: 0; align-self: auto; margin-top: 58px; padding-top: 0; position: sticky; top: auto; bottom: auto;
} .innovation-columns { margin-top: 0;
} .features-columns { justify-content: flex-end; align-items: center; margin-top: 128px; padding-left: 0; padding-right: 22px; display: flex; position: sticky; top: 80px;
} .container { background-color: #fff; flex-direction: column; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-left: 0; padding-right: 0; display: block; position: relative;
} .container.design { margin-top: 120px; padding-top: 70px; padding-left: 0; padding-right: 0;
} .div-block-29 { border-radius: 0;
} .background-video { object-fit: fill; border-radius: 20px; width: 80%; height: 363px; margin: 0 -92px 0 0; padding-top: 0; padding-left: 0; padding-right: 0; display: block; position: sticky; overflow: hidden;
} .features { color: #3376b1; margin-bottom: 35px; font-family: Satoshi, sans-serif; font-size: 21px; font-style: italic; font-weight: 400; line-height: 32px; text-decoration: none;
} .features:hover { color: #1a1b1fcc;
} .features.w--current { font-size: 21px; font-weight: 600;
} .video-heading { color: #0077a3; text-align: right; width: 80%; font-family: Satoshi, sans-serif;
} .video-paragraph { color: #3376b1; text-align: justify; width: 80%; font-family: Satoshi, sans-serif; line-height: 25px;
} .section-2 { object-fit: fill; background-color: #fff; border: 1px #0000; flex-direction: row; justify-content: center; align-items: center; height: 5000px; min-height: 60vh; max-height: none; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-right: 0%; display: block; position: relative;
} .section-2.innovation { object-fit: fill; background-image: url('../images/Abstract-About.svg'); background-position: 0 0; background-size: auto; height: auto; min-height: auto; margin-bottom: 0; position: relative;
} .section-2.design { height: auto; min-height: auto; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0;
} .section-2.design-features { background-color: #fff; height: auto; padding-top: 0;
} .section-2.gallery { background-color: #fff; height: 900px;
} .video-container { margin-top: 19px; padding-top: 0; padding-bottom: 65px;
} .features-div { margin-bottom: 28px;
} .heading-innovation { color: #3376b1; text-align: center; margin-top: 80px; margin-bottom: 0; padding-top: 0; padding-left: 0; font-family: Satoshi, sans-serif; font-size: 26px; font-style: normal; font-weight: 600; position: absolute; inset: 0% 0% auto;
} .arrow-embed { margin-left: 2px; display: flex;
} .heading-design { color: #3376b1; text-align: left; background-color: #0000; margin-top: -28px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-family: Satoshi, sans-serif; font-size: 26px; font-weight: 600; position: absolute; inset: 0% 0% auto;
} .div-block-362 { margin-top: 39px;
} .text-link-arrow { color: #1a1b1f; justify-content: flex-start; align-items: center; font-size: 14px; line-height: 20px; text-decoration: none; display: flex;
} .columns-9 { padding-bottom: 24px;
} .text-block-9 { color: #3376b1; font-family: Proximanova, Arial, sans-serif; font-weight: 600;
} .design-and-features-heading { margin-top: 0; padding-top: 0; padding-bottom: 0; overflow: visible;
} .features-block-paragraph-copy { color: #3376b1; text-align: left; margin-top: 28px; margin-bottom: 0; padding-left: 0; padding-right: 0; font-family: Proximanova, Arial, sans-serif; font-size: 19px;
} .heading-9 { color: #3376b1; text-align: right; margin-top: 0; margin-bottom: 0; padding-bottom: 0; font-family: Satoshi, sans-serif; font-weight: 600;
} .features-paragraph { color: #3376b1; text-align: justify; width: auto; margin-top: 15px; margin-bottom: 15px; font-family: Satoshi, sans-serif; line-height: 31px;
} .features-image { object-fit: cover; width: 300px; height: 250px; margin-right: 0;
} .background-design { object-fit: fill; width: 500px; min-width: 0; height: 350px; margin: 0; padding-top: 0; padding-left: 0; padding-right: 0; display: block; position: sticky; overflow: hidden;
} .div-block-28 { margin-top: 94px;
} .columns-6 { padding-top: 0;
} .list-item { color: #3376b1; margin-top: 36px; margin-bottom: 36px; font-family: Satoshi, sans-serif; font-size: 16px; font-weight: 600;
} .container-2 { flex-direction: column; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-left: 0; padding-right: 0; display: block; position: relative;
} .container-2.gallery { height: 627px; margin-top: 0; padding-top: 103px;
} .div-block-23 { padding-top: 0;
} .features-heading { color: #3376b1; text-align: left; font-family: Satoshi, sans-serif; font-size: 23px; font-weight: 600; line-height: 27px; text-decoration: underline; list-style-type: none;
} .heading-featue { color: #3376b1; text-align: center; background-color: #0000; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-family: Satoshi, sans-serif; font-size: 34px; font-weight: 600; position: absolute; inset: 0% 0% auto;
} .text-block-10 { color: #3376b1; text-align: center; margin-top: -42px; margin-bottom: 63px; font-family: Satoshi, sans-serif; font-size: 14px; font-weight: 400;
} .slide-12 { background-image: url('../images/TW1_3145.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover;
} .heading-design-2 { color: #3376b1; text-align: left; background-color: #0000; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-family: Proximanova, Arial, sans-serif; font-size: 26px; font-weight: 600; position: absolute; inset: 0% 0% auto;
} .heading-design-2.gallery { text-align: center; padding-top: 108px; font-family: Satoshi, sans-serif;
} .slide-13 { background-image: url('../images/TW1_3137.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover;
} .right-arrow-3 { height: 627px; margin-top: 0; margin-bottom: 0;
} .slide-nav-2 { padding-bottom: 44px;
} .slide-11 { background-image: url('../images/TW1_3187-Edit.jpg'); background-position: 0 0; background-size: cover;
} .mask-5 { object-fit: fill; background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 20px; height: 627px; overflow: hidden;
} .slide-14 { background-image: url('../images/TW1_3021.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover;
} .slide-15 { background-image: url('../images/TW1_2988-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; height: 627px;
} .slide-16 { background-image: url('../images/TW1_3051-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover;
} .slide-17 { background-image: url('../images/TW1_3012-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover;
} .slide-9 { background-image: url('../images/Combo.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover;
} .slide-18 { background-image: url('../images/TW1_3057-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover;
} .slide-10 { background-image: url('../images/TW1_3100-Edit.jpg'); background-repeat: no-repeat; background-size: cover;
} .left-arrow-3 { height: 627px; margin-top: 0; margin-bottom: 0;
} .slide-19 { background-image: url('../images/TW1_3094.jpg'); background-position: 0 0; background-size: cover;
} .slide-20 { background-image: url('../images/TW1_3082-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover;
} .slider-4 { z-index: 0; border-radius: 20px; height: 627px; margin-top: 60px;
} .navbar-logo-center-container-2 { z-index: 5; background-color: #0000; width: 1030px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 20px;
} .navbar-logo-center-container-2.shadow-three { object-fit: fill; flex-direction: row; justify-content: center; width: auto; max-width: 1000px; height: auto; margin-left: 0; margin-right: 0; padding: 0; display: inline; position: relative; overflow: visible;
} .div-block-361 { justify-content: center; align-items: center; margin-top: 16px; margin-bottom: 16px; display: flex; position: static;
} .image-6 { display: block; position: static; inset: auto auto 0% 0%;
} .section-terms { color: #3376b1; object-fit: fill; background-color: #e5f5ff; border: 1px #0000; flex-direction: row; justify-content: center; align-items: center; height: auto; min-height: auto; max-height: none; margin-bottom: 0; padding-top: 0; padding-bottom: 124px; padding-right: 0%; display: block; position: relative; overflow: hidden;
} .heading-terms-of-use { text-align: center; margin-top: 90px; margin-bottom: 0; font-family: Satoshi, sans-serif; font-style: normal; font-weight: 600;
} .heading-terms-of-use-2 { text-align: center; margin-top: 10px; margin-bottom: 50px; font-family: Satoshi, sans-serif; font-size: 18px; font-weight: 400;
} .heading-terms-sub { font-family: Satoshi, sans-serif; font-weight: 400;
} .paragraph-terms { font-family: Satoshi, sans-serif; font-weight: 400; line-height: 25px;
} .section-privacy { color: #3376b1; object-fit: fill; background-color: #e5f5ff; border: 1px #0000; flex-direction: row; justify-content: center; align-items: center; height: auto; min-height: auto; max-height: none; margin-bottom: 0; padding-top: 0; padding-bottom: 124px; padding-right: 0%; font-family: Proximanova, Arial, sans-serif; display: block; position: relative; overflow: hidden;
} .heading-terms-of-use-3 { text-align: center; margin-top: 90px; margin-bottom: 0; font-family: Satoshi, sans-serif; font-style: normal; font-weight: 600;
} .heading-terms-of-use-2-copy { text-align: center; margin-top: 10px; margin-bottom: 50px; font-family: Satoshi, sans-serif; font-size: 18px; font-weight: 400;
} .paragraph-privacy { font-family: Satoshi, sans-serif;
} .heading-privacy { font-family: Satoshi, sans-serif; font-weight: 400;
} .paragraph-terms-2 { font-family: Satoshi, sans-serif; font-weight: 400; line-height: 25px;
} .text-block-11 { padding-bottom: 0; font-size: 17px;
} .modal-div-block-2 { z-index: 9999; background-color: #fff; border-radius: 8px; width: 385px; height: 235px; margin: auto; position: absolute; inset: 0%;
} .modal { z-index: 2; background-color: #0009; width: 100vw; height: 110vh; position: fixed;
} .modal.form { z-index: 9999; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block;
} .modal-heading { color: #3376b1; text-align: center; margin-top: 59px; margin-bottom: 0; margin-left: 0; font-family: Proximanova, Arial, sans-serif; font-size: 26px; font-weight: 600;
} .modal-paragraph { color: #3376b1; margin-left: 36px; margin-right: 36px; padding-top: 5px; font-family: Proximanova, Arial, sans-serif; font-size: 15px; line-height: 23px;
} .modal-div-block-x { z-index: 9999; position: absolute; inset: 0% 0% auto auto;
} .image-7 { cursor: pointer; margin-top: 4px; margin-right: 4px;
} .modal-div-block { z-index: 9999; background-color: #0fa4bbbd; border-radius: 8px; width: 400px; height: 250px; margin: auto; position: absolute; inset: 0%;
} .modal-button { text-align: center; background-color: #0fa4bb; font-family: Proximanova, Arial, sans-serif; position: absolute; inset: auto 0% 0%;
} .modal-wrapper { grid-column-gap: 0px; grid-row-gap: 0px; background-color: #0009; flex-flow: row; justify-content: center; align-items: center; width: 100vw; height: 100vh; display: none; position: fixed; top: 0; left: 0;
} .modal-content { background-color: #fff; border-radius: 0; width: 65vw; max-width: 90%; height: auto; padding: 0; display: block; position: relative; overflow: hidden;
} .modal-close { position: absolute; top: 10px; right: 10px;
} .modal-close-x { position: absolute; inset: 0% 0% auto auto;
} .x-button { outline-offset: 0px; color: #3376b1; cursor: pointer; mix-blend-mode: normal; background-color: #0000; outline: 3px #3376b1; margin: 8px 6px;
} .spacer-2 { height: 100px;
} .div-block-364 { width: 100%; padding-left: 40px; padding-right: 40px;
} .div-block-365 { justify-content: center; align-items: center; width: auto; display: flex;
} .div-block-366 { text-align: justify; justify-content: flex-end; align-items: center; width: auto; max-width: 600px; margin-top: 31px; margin-left: auto; margin-right: auto; font-weight: 500; display: block; position: static;
} .paragraph-2 { font-family: Satoshi, sans-serif; font-size: 22px; font-weight: 400; line-height: 135%;
} .div-block-367 { height: 25px;
} .column-12 { padding-left: 0; padding-right: 0;
} .columns-10 { padding-bottom: 26px;
} .columns-11 { padding-bottom: 102px;
} @media screen and (max-width: 991px) { .navbar { height: auto; } .container-navbar { grid-template-columns: 1fr 1fr; padding-left: 24px; padding-right: 24px; } .section { padding-top: 64px; padding-bottom: 64px; } .section.hero-coliving, .section.single-room-section { padding-top: 80px; } .section.product-section { padding-top: 64px; } .wrap-hero-home { padding-left: 16px; padding-right: 16px; } .background-image-home-hero { padding-bottom: 200px; } .mega-h1 { font-size: 62px; } .subtitle { font-size: 22px; } .grid-fourths { grid-template-columns: 1fr 1fr; } .tile-white.activities-tile { flex-direction: column; align-items: center; width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; padding-right: 32px; } .tile-white.single-room-tile { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; } .grid-halves.home-gallery-grid { grid-column-gap: 24px; grid-template-columns: 1fr 1fr; } .grid-halves.cta-grid { grid-template-columns: 1fr; width: 100%; } .grid-halves.contact-halves { grid-template-columns: 1fr; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; } .grid-halves.halves-section { grid-template-columns: 1fr; } .wrap-halves-content { text-align: center; align-items: center; } .list-rooms, .grid-thirds { grid-template-columns: 1fr 1fr; } .grid-thirds.pricing-thirds { grid-template-columns: 1fr; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; } .slider { width: 33%; padding-top: 25px; } .image-halves-section { max-width: 600px; margin-left: auto; margin-right: auto; } .wrap-stat { align-items: center; } .master-cta-block { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; } .image-cta-block { max-width: 500px; margin-left: auto; margin-right: auto; } .wrap-cta-block-content { text-align: center; align-items: center; max-width: 690px; } .list-blog { grid-template-columns: 1fr 1fr; } .master-footer-top { grid-row-gap: 80px; flex-direction: column; align-items: center; } .left-footer-top { text-align: center; align-items: center; max-width: 490px; } .right-footer-top { justify-content: center; width: 100%; } .master-footer-bottom { text-align: center; } .title-wrap-rooms { grid-row-gap: 24px; text-align: center; flex-direction: column; align-items: center; } .grid-hero-halves-gallery { grid-template-columns: 1fr; width: 100%; max-width: 670px; margin-left: auto; margin-right: auto; } .single-about-card { grid-row-gap: 100px; flex-direction: column; align-items: center; position: static; } .columns-coliving { margin-top: 64px; } .right-colving-columns { padding-bottom: 64px; } .single-icons-list { text-align: left; } .right-activity { text-align: center; align-items: center; } .columns-single-room { flex-direction: column; } .left-single-room { margin-bottom: 40px; } .availability { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: column; padding-left: 0; display: grid; } .master-left-room { grid-row-gap: 40px; } .left-product { align-items: center; margin-bottom: 40px; padding-right: 24px; } .right-product { justify-content: center; } .image-wrap-contact { min-height: 400px; } .nav-menu { background-color: var(--background); text-align: center; border: 1px solid #e8e8e8; border-radius: 12px; width: 98%; margin-left: auto; margin-right: auto; padding: 24px; box-shadow: 1px 1px 40px #95959514; } .nav-link { text-align: center; font-size: 24px; } .nav-right { display: none; } .dropdown { display: block; } .icon-dropdown { width: 32px; height: 32px; } .dropdown-toggle { font-size: 24px; } .menu-button { background-color: #f4f1f1; border-radius: 8px; width: 48px; height: 48px; padding: 0; } .menu-button.w--open { background-color: #17a3a5; } .wrap-menu-button { grid-row-gap: 7px; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0; display: flex; } .line-menu { background-color: #000; border-radius: 5px; width: 32px; height: 2px; padding: 0; } .line-menu.first-line { color: var(--white); } .line-menu.second-line { width: 20px; } .columns-template-details { flex-direction: column; } .text-quote { font-size: 32px; line-height: 130%; } .left-column-template-details { display: none; } .right-column-template-details { padding: 0; } .tile-changelog { padding-right: 4px; } .sales-mockups-column.third-column { display: none; } .grid-thirds-mokckups { grid-template-columns: 1fr; } .grid-thirds-mokckups.sales-mokcups { grid-template-columns: 1fr 1fr; } .included-card { min-height: 260px; } .center-tablet { text-align: center; } .grid-thirds-sales-page { grid-template-columns: 1fr; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; } .sales-card { padding: 16px; } .grid-fourths-sales-fourths { grid-template-columns: 1fr 1fr; } .grid-thirds-all-features { grid-template-columns: 1fr; } .background-slides, .background-image { width: 100vh; height: 100vh; } .section-darling { background-image: linear-gradient(to bottom, null, null), url('../images/TW1_3108.jpg'); background-position: 0 0, 50%; } .section-darling.tour { height: auto; } .heading-hero-2 { margin-top: 20px; padding-right: 0; font-size: 27px; } .paragraph { padding-left: 140px; padding-right: 140px; } .heading-7 { width: 218px; margin-left: 0; } .heading-8 { width: 150px; max-width: 257px; margin-top: 25px; margin-bottom: 0; margin-left: 67px; padding-left: 0; } .darling-paragraph { width: 65%; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 40px; padding-right: 0; } .columns-2 { padding-left: 40px; } .div-block-360 { padding-bottom: 66px; padding-left: 40px; } .button.virtual-tour, .button-copy.virtual-tour { margin-left: 0; } .video-columns { margin-top: 45px; } .innovation-columns { background-color: #f2faff; } .features-columns { justify-content: flex-start; margin-top: -2px; font-size: 14px; bottom: auto; } .container { margin-top: 14px; } .div-block-29 { border-radius: 0; } .background-video { border-radius: 24px; width: 100%; margin-top: 0; margin-bottom: 0; margin-right: 0; } .features { margin-top: 0; margin-bottom: 14px; padding-right: 0; font-size: 19px; display: block; } .features.w--current { font-size: 19px; } .video-heading { color: #0077a3; text-align: right; width: 100%; margin-top: 19px; margin-bottom: 7px; font-family: Proximanova, Arial, sans-serif; } .video-paragraph { color: #3376b1; text-align: justify; width: 100%; } .section-2 { background-color: #eee; height: 700px; min-height: 400px; padding: 55px 4%; } .section-2.innovation { background-color: #f0faff; height: auto; } .section-2.design { background-color: #fff; height: auto; } .section-2.design-features { background-color: #fff; height: 1100px; } .section-2.gallery { height: 950px; } .video-container { margin-bottom: 0; } .heading-innovation { text-align: center; margin-top: -26px; margin-bottom: 38px; margin-left: 0; } .heading-design { margin-top: 13px; margin-bottom: 66px; padding-top: 0; } .div-block-362 { margin-top: 0; } .features-block-paragraph-copy { text-align: center; width: auto; margin-top: 28px; margin-bottom: 110px; padding-right: 0; font-family: Satoshi, sans-serif; font-size: 18px; line-height: 20px; } .heading-9 { margin-bottom: 14px; padding-top: 0; padding-bottom: 0; padding-right: 10px; } .features-paragraph { text-align: justify; width: auto; height: 300px; margin-top: 0; margin-bottom: 0; padding: 0 10px; line-height: 25px; } .features-image { width: auto; margin-top: 0; margin-left: 0; } .background-design { width: 100%; margin-top: 0; margin-bottom: 0; } .columns-6 { padding-top: 0; } .container-2 { margin-top: 14px; } .container-2.gallery { padding-top: 115px; } .div-block-23 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; padding-top: 13px; padding-bottom: 0; display: flex; } .column-5 { padding-left: 0; padding-right: 0; } .heading-featue { margin-top: 40px; margin-bottom: 40px; padding-top: 0; } .heading-design-2 { margin-top: 13px; margin-bottom: 66px; padding-top: 0; } .heading-design-2.gallery { margin-top: 78px; padding-top: 0; } .slider-4 { margin-top: 24px; } .section-terms, .section-privacy { background-color: #e5f5ff; height: 9100px; min-height: 400px; padding: 55px 4%; } .columns-11 { padding-bottom: 0; }
} @media screen and (max-width: 767px) { .section.big-image-section { min-height: 300px; max-height: 450px; } .section.hero-contact { padding-top: 64px; } .mega-h1 { font-size: 44px; } .tile-white.home-hero-tile { min-height: 190px; } .text-tile-top { font-size: 22px; } .text-tile-number { font-size: 40px; } .grid-halves.home-gallery-grid { grid-template-columns: 1fr; } .wrap-halves-content { padding: 32px; } .wrap-heading-button { grid-row-gap: 24px; flex-direction: column; } .list-rooms, .grid-thirds.included-grid { grid-template-columns: 1fr; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; } .slider { width: 48%; } .list-blog { grid-template-columns: 1fr; width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; } .right-footer-top { grid-column-gap: 0px; justify-content: space-between; } .master-footer-bottom { font-size: 16px; line-height: 180%; } .image-about-left { min-height: 400px; } .image-about-right { min-height: 440px; } .columns-coliving { flex-direction: column; } .faq-paragraph { font-size: 15px; line-height: 135%; } .faq-h3 { font-size: 18px; line-height: 28px; } .availability { display: block; } .left-product { text-align: center; align-items: center; margin-bottom: 40px; padding-right: 0; } .right-product { justify-content: center; align-items: center; } .image-blog-page { max-height: none; } .utility-page-wrap { padding-left: 24px; padding-right: 24px; } .title-wrap-blog { text-align: center; flex-direction: column; align-items: center; display: flex; } .master-types-hero { flex-direction: column; align-items: center; display: flex; } .columns-template-details { flex-direction: column; } .icons-grid-template { grid-template-columns: 1fr 1fr 1fr; } .left-column-template-details { display: none; } .grid-colors { grid-template-columns: 1fr 1fr; } .tile-template-details { padding: 24px; } .right-column-template-details { padding: 0; } .tile-changelog { padding: 32px 24px; } .sales-mockups-column.third-column { display: none; } .grid-included { grid-template-columns: 1fr; } .included-card.figma-card { text-align: center; flex-direction: column; } .wrap-figma-content { text-align: center; align-items: center; } .background-slides { width: 100vh; height: 100vh; } .background-image { width: 100vh; height: 100vh; margin-left: -137px; } .review-grid { flex-flow: wrap; } .heading-hero-2 { font-size: 19px; } .heading-7 { margin-top: 44px; margin-bottom: 0; display: flex; } .heading-8 { flex-direction: row; justify-content: flex-end; align-items: stretch; margin: 0 0 0 -12px; padding-left: 0; padding-right: 0; display: flex; } .darling-paragraph { width: 70%; margin-top: 21px; padding-left: 56px; } .div-block-360 { padding-right: 10px; } .button.virtual-tour { margin-top: 0; margin-left: 12px; } .button-copy.virtual-tour { margin-top: 0; margin-left: 52px; } .video-columns { margin-top: 0; padding-top: 0; } .features-list { display: none; } .innovation-columns { margin-top: 45px; } .features-columns { margin-top: 70px; } .container { margin-top: 0; } .container.design { height: 800px; padding-top: 0; } .video-heading { margin-top: 10px; } .video-paragraph { margin-bottom: 43px; } .section-2 { height: 643px; min-height: auto; padding-top: 40px; padding-bottom: 40px; } .section-2.innovation { height: auto; } .section-2.design { height: 2500px; padding-bottom: 0; } .section-2.design-features { height: 2400px; padding-bottom: 0; } .section-2.gallery { height: 800px; } .video-container { padding-bottom: 0; } .heading-innovation { margin-top: 52px; margin-bottom: 36px; margin-left: 0; padding-top: 11px; padding-bottom: 0; } .heading-design { width: 470px; margin-top: -54px; margin-bottom: 0; margin-left: 10px; padding-top: 0; padding-bottom: 0; } .columns-7 { position: absolute; inset: 0% 0% auto auto; } .design-and-features-heading { padding-top: 0; padding-bottom: 0; position: relative; } .features-block-paragraph-copy { text-align: center; width: auto; margin-top: 2px; margin-bottom: 2px; margin-left: 0; font-size: 19px; } .column-7 { margin-top: 11px; } .heading-9 { text-align: center; margin-bottom: -43px; padding-top: 40px; padding-bottom: 40px; } .features-paragraph { width: auto; height: 180px; margin-top: -10px; margin-bottom: 0; padding-top: 28px; } .column-11 { margin-top: 39px; } .features-image { height: auto; margin: 11px 48px 11px 0; } .list-3 { padding-left: 30px; } .container-2 { margin-top: 0; } .container-2.gallery { margin-top: 0; padding-top: 50px; } .div-block-23 { padding-top: 0; } .column-5 { padding-left: 0; padding-right: 0; } .features-heading { line-height: 27px; display: flex; } .heading-featue { margin-top: 32px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .list { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-left: 0; display: block; } .list-4 { padding-left: 30px; } .heading-design-2 { width: 470px; margin-top: -54px; margin-bottom: 0; margin-left: 10px; padding-top: 0; padding-bottom: 0; } .heading-design-2.gallery { width: auto; margin-top: 0; margin-left: 0; } .slide-nav-2 { margin-bottom: 0; } .slide-11 { background-position: 50%; } .slide-15 { background-size: cover; } .slide-10 { background-position: 50%; } .section-terms, .section-privacy { height: 11800px; min-height: auto; padding-top: 40px; padding-bottom: 40px; } .div-block-366 { padding-left: 21px; padding-right: 21px; }
} @media screen and (max-width: 479px) { h2 { font-size: 32px; } h3 { font-size: 24px; } .navbar { width: auto; position: fixed; inset: 0% 0% auto; } .container-navbar { padding-left: 13px; padding-right: 13px; } .link-nav-brand { margin-top: -21px; padding-left: 0; } .brand-nav { padding-left: 0; } .section.hero-home { margin-top: 88px; } .section.hero-about.our-story { padding-top: 156px; } .section.single-room-section { padding-top: 24px; } .section.single-room-section.apartment { margin-top: 48px; } .section.hero-shop { margin-top: 114px; padding-top: 40px; } .section.hero-shop.shop { margin-top: 126px; } .section.product-section { padding-top: 40px; } .section.blog-page { padding-top: 135px; } .section.hero-contact { padding-top: 91px; } .section.legal-section { padding-top: 40px; } .section.timeline-section { overflow: hidden; } .wrap-hero-home { padding-left: 12px; padding-right: 12px; } .main-container { padding-left: 16px; padding-right: 16px; } .mega-h1 { color: #fff; margin-top: 56px; font-size: 10.4vw; } .mega-h1.no-margins.fold { color: #000; } .mega-h1.blog { color: #000; margin-bottom: 22px; } .center-content { margin-top: -74px; } .subtitle { margin-top: 31px; font-size: 20px; } .space-48 { height: 33px; } .form-home { grid-row-gap: 12px; flex-direction: column; align-items: stretch; height: auto; } .text-field-home.second-field { background-position: 16px; border-left-style: none; flex: none; height: 52px; } .text-field-home.first-field { background-position: 16px; flex: none; height: 52px; } .grid-fourths { grid-template-columns: 1fr; } .grid-fourths.sub-hear-tiles-grid { width: 90%; margin-left: auto; margin-right: auto; } .tile-white.activities-tile, .tile-white.single-room-tile { padding: 16px; } .tile-white.contact-tile { padding: 24px 16px 16px; } .space-80.after-pricing-80 { height: 24px; } .grid-halves.room-gallery-grid { grid-column-gap: 12px; grid-row-gap: 12px; } .grid-halves.contact-halves { padding-top: 4px; } .grid-halves.team-halves { grid-template-columns: 1fr; } .wrap-halves-content { padding: 16px; } .text-testimonial-heading { font-size: 25px; } .column-home-gallery { width: auto; } .heading-3 { margin-bottom: 0; } .heading-3.explore { text-align: center; } .image-home-gallery { width: auto; } .wrap-room-name-price { flex-flow: wrap; } .paragraph-big { font-size: 20px; } .grid-thirds { grid-template-columns: 1fr; } .slider { width: 92%; } .stats-grid { grid-column-gap: 24px; } .text-stat { font-size: 48px; } .master-cta-block { background-position: 0 165%; padding: 24px 24px 92px; } .wrap-cta-block-content { padding: 0; } .right-footer-top { grid-row-gap: 90px; text-align: center; flex-direction: column; align-items: center; } .column-footer-links { align-items: center; } .right-rooms-filters { grid-row-gap: 16px; flex-direction: column; } .text-heading-3 { font-size: 24px; } .image-about-right { min-height: 240px; } .single-about-card { padding-top: 0; padding-bottom: 40px; overflow: visible; } .single-about-card.right { margin-left: 16px; margin-right: -10px; } .single-about-card.left { margin-left: -7px; margin-right: -6px; } .right-about-card { align-items: center; padding-right: 0; } .about-card { padding: 18px; } .about-card.card-three { transform: translate(6px)rotate(4deg); } .about-card.card-four { transform: translate(-4px)rotate(-3deg); } .about-card.card-five { transform: translate(0)rotate(4deg); } .left-coliving-columns, .right-colving-columns { padding-bottom: 40px; padding-left: 0; padding-right: 0; } .wrap-team-name { grid-row-gap: 12px; } .expandable-single { padding: 16px; } .faq-h3 { margin-bottom: 0; } .right-activity { padding-top: 24px; padding-bottom: 24px; } .left-single-room { padding-right: 0; } .master-product-big-box { padding: 24px; } .top-product-box { flex-wrap: wrap; } .wrap-contact-heading { text-align: center; align-items: center; } .menu-button { margin-top: -28px; } .master-types-hero { text-align: center; } .text-quote { font-size: 28px; line-height: 135%; } .icons-grid-template { grid-template-columns: 1fr 1fr; } .grid-colors, .grid-ui-elements { grid-template-columns: 1fr; } .wrap-template-ui { padding: 16px; } .flext-sales-cta { grid-row-gap: 12px; flex-direction: column; } .container-sales-mockups { padding-left: 16px; padding-right: 16px; } .sales-mockups-column.second-column { display: none; } .sales-mockups-column.third-column { display: block; } .sales-mockups-column.first-column { display: none; } .grid-thirds-mokckups.sales-mokcups { grid-template-columns: 1fr; } .included-card, .sales-card, .more-power-card { padding: 24px; } .slider-5 { height: 100vh; } .background-slides { width: 100vh; height: 100vh; } .background-image { width: 100vh; height: 100vh; margin-left: -231px; inset: auto 0% 0%; } .review-grid { flex-flow: column; height: auto; } .column, .slider-1 { height: auto; } .heading-2 { text-align: left; margin-bottom: 0; font-size: 30px; } .heading-4 { margin-top: 0; } .published { margin-top: 33px; } .columns { flex-flow: column; } .heading-6 { justify-content: center; align-items: center; padding-right: 0; } .heading-hero-2 { text-align: center; justify-content: center; margin-left: 0; padding-left: 0; padding-right: 0; font-size: 23px; } .heading-7 { color: #8f7dff; text-align: center; margin-top: 76px; } .heading-8 { justify-content: center; max-width: 219%; margin-top: 0; margin-left: -10px; padding-left: 0; padding-right: 0; font-size: 21px; } .darling-paragraph { text-align: left; width: 220px; margin-top: 11px; margin-left: 40px; margin-right: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; line-height: 31px; } .div-block-360 { margin-top: -30px; margin-bottom: 22px; padding-right: 0; display: inline-block; } .button.virtual-tour { margin-top: 40px; margin-left: 0; padding-left: 0; padding-right: 0; } .button-copy.virtual-tour { margin-top: 40px; margin-left: 40px; padding-left: 0; padding-right: 0; } .video-columns, .innovation-columns { margin-top: 0; } .features-columns { padding-left: 0; padding-right: 0; } .container { margin-top: 0; position: static; } .container.design { margin-top: 0; padding: 0; } .div-block-29 { padding-top: 12px; } .background-video { width: 100%; margin-left: 0; } .section-2 { background-color: #fff; height: 550px; padding-top: 30px; padding-bottom: 30px; } .section-2.innovation { min-width: 100%; height: auto; } .section-2.design { height: 2000px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .section-2.design-features { height: 2200px; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .section-2.gallery { height: 450px; margin-top: 154px; padding-top: 67px; padding-bottom: 17px; } .heading-innovation { width: auto; margin-top: 47px; } .heading-design { text-align: center; width: auto; margin-top: -58px; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; } .div-block-362 { margin-top: 11px; } .columns-9 { margin-top: 200px; margin-left: 0; padding-top: 68px; padding-bottom: 0; padding-left: 0; } .design-and-features-heading { margin-top: 115px; padding-top: 0; padding-bottom: 0; } .features-block-paragraph-copy { text-align: justify; width: 100%; margin-bottom: 55px; margin-left: 0; padding-left: 10px; padding-right: 10px; font-size: 14px; } .column-7 { padding-left: 0; padding-right: 0; } .heading-9 { text-align: center; justify-content: center; width: 100%; margin-top: 32px; margin-bottom: 0; padding: 6px 0 0; display: block; } .features-paragraph { width: 100%; height: 230px; margin-top: 0; padding-top: 0; padding-right: 10px; } .column-11 { padding-left: 0; padding-right: 0; } .features-image { flex: 0 auto; width: 345px; height: 100%; margin: 0 0 10px; } .background-design { object-fit: cover; width: 340px; height: 363px; margin-left: 0; overflow: hidden; } .column-8 { margin-bottom: 33px; padding-left: 0; padding-right: 0; } .columns-6, .list-3 { padding-left: 0; } .list-item { margin-top: 27px; margin-bottom: 27px; } .container-2 { margin-top: 0; position: static; } .container-2.gallery { height: 300px; margin-top: 39px; padding-top: 0; } .column-9 { margin-bottom: 33px; padding-left: 0; padding-right: 0; } .div-block-23 { margin-left: 13px; margin-right: 13px; padding-top: 0; } .column-10 { padding-left: 0; padding-right: 0; } .column-5 { margin-bottom: 33px; } .features-heading { justify-content: flex-start; } .heading-featue { margin-top: 34px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .list { text-align: left; width: 100%; padding-left: 0; } .list-4 { padding-left: 0; } .slide-12 { background-image: url('../images/TW1_3145.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .heading-design-2 { text-align: center; width: auto; margin-top: 13px; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; } .heading-design-2.gallery { margin-top: 30px; padding-top: 0; } .slide-13 { background-image: url('../images/TW1_3137.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 300px; } .right-arrow-3, .mask-5 { height: 300px; } .slide-14 { background-image: url('../images/TW1_3019.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 300px; } .slide-15 { background-image: url('../images/TW1_2988-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 300px; } .slide-16 { background-image: url('../images/TW1_3051-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 300px; } .slide-17 { background-image: url('../images/TW1_3012-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 300px; } .slide-9 { background-image: url('../images/Combo.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .slide-18 { background-image: url('../images/TW1_3057-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .slide-10 { background-image: url('../images/TW1_3100-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .left-arrow-3 { height: 300px; } .slide-19 { background-image: url('../images/TW1_3094.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .slide-20 { background-image: url('../images/TW1_3082-Edit.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; height: 300px; } .slider-4 { height: 300px; margin-top: 0; } .section-terms { height: 16000px; padding: 99px 4% 0; } .heading-terms-of-use { margin-top: 39px; } .heading-terms-sub { margin-top: 64px; } .section-privacy { height: 16000px; padding: 99px 4% 0; } .heading-terms-of-use-3 { margin-top: 39px; } .heading-privacy { margin-top: 64px; } .modal-div-block-2 { width: 336px; } .modal { width: 100vw; } .modal-div-block { width: 350px; } .shop { color: #000; }
} #w-node-_9e9ea85d-a6de-19d2-91da-0f9b15f9b870-5b8b73dc, #w-node-_1544109f-6173-d682-ce8c-897f22118dde-5b8b73dc, #w-node-_19138337-cb0b-6683-1fd7-21a8c429c66e-5b8b73dc, #w-node-_53a5af8d-a038-5b62-9859-04005848ccdc-5b8b73dc, #w-node-_3803c96e-2bca-6a5e-bdc1-37ea9aad2a3c-5b8b73dc, #w-node-e6fddce2-3bd5-755a-1fcd-ebf0b9a8fa71-5b8b73dc { grid-area: span 1 / span 1 / span 1 / span 1;
} #w-node-f0e18fcf-84d5-321a-64c8-2c9fe2e26f94-5b8b73dc { align-self: stretch;
} #w-node-c40bc774-acff-6307-a7ae-db81373f42e7-5b8b73dc { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center;
} #w-node-_3b9d6105-07f1-b61f-e1b2-11c4aba5682f-5b8b73dc, #w-node-fdb26642-5b3f-9c09-e2eb-3082719c7151-5b8b73dc, #w-node-_3976f3fc-742d-1fe5-5ace-3babd9a751dd-5b8b73dc { grid-area: span 1 / span 1 / span 1 / span 1;
} #w-node-_307f4f01-f5d5-b0bd-813d-3d6be6f589cb-e6f589c6 { grid-area: span 1 / span 1 / span 1 / span 1; place-self: center;
} #w-node-_6e43bd26-5301-04bf-edc2-c4ec51c5b69d-51c5b692, #w-node-_6e43bd26-5301-04bf-edc2-c4ec51c5b6a1-51c5b692, #w-node-_6e43bd26-5301-04bf-edc2-c4ec51c5b6a5-51c5b692, #w-node-_6e43bd26-5301-04bf-edc2-c4ec51c5b6a9-51c5b692, #w-node-_6e43bd26-5301-04bf-edc2-c4ec51c5b6ad-51c5b692, #w-node-_6e43bd26-5301-04bf-edc2-c4ec51c5b6b1-51c5b692, #w-node-_54c2bec4-febe-ebe0-e8ca-4258e8eb5c30-27f5ed26, #w-node-_16e0ba18-43a2-466c-de44-2692c781e82a-5b8b73ce, #w-node-_16e0ba18-43a2-466c-de44-2692c781e833-5b8b73ce, #w-node-_16e0ba18-43a2-466c-de44-2692c781e83c-5b8b73ce, #w-node-_3594b7c1-09b3-02ff-bcbd-828b7e10a03f-5b8b73ce, #w-node-_3594b7c1-09b3-02ff-bcbd-828b7e10a046-5b8b73ce, #w-node-_3594b7c1-09b3-02ff-bcbd-828b7e10a04d-5b8b73ce { grid-area: span 1 / span 1 / span 1 / span 1;
} #w-node-_3594b7c1-09b3-02ff-bcbd-828b7e10a055-5b8b73ce { grid-area: span 1 / span 3 / span 1 / span 3;
} #w-node-_45772b9a-657b-df83-121f-7d017eb89141-5b8b73ce, #w-node-_45772b9a-657b-df83-121f-7d017eb89147-5b8b73ce, #w-node-_45772b9a-657b-df83-121f-7d017eb8914d-5b8b73ce, #w-node-_45772b9a-657b-df83-121f-7d017eb89153-5b8b73ce, #w-node-_45772b9a-657b-df83-121f-7d017eb89159-5b8b73ce, #w-node-_45772b9a-657b-df83-121f-7d017eb8915f-5b8b73ce, #w-node-_45772b9a-657b-df83-121f-7d017eb89165-5b8b73ce, #w-node-_45772b9a-657b-df83-121f-7d017eb8916b-5b8b73ce, #w-node-_45772b9a-657b-df83-121f-7d017eb89171-5b8b73ce, #w-node-e778445c-c2b8-e2e5-ad59-940f3f38b099-5b8b73dd, #w-node-fb9e3f27-6afc-c9d1-7940-1fc9636a5435-5b8b73dd, #w-node-_8e92dfa1-de2d-e7ae-32c0-19c8df7a091c-5b8b73de, #w-node-_2e6bcc43-5862-175c-0857-bd180fe364a0-5b8b73de, #w-node-_276b516e-6eb4-b2a3-c6ec-3fa99302523b-5b8b73de, #w-node-_01663898-bc05-fc5e-e46d-31c24b68b4c8-5b8b73de { grid-area: span 1 / span 1 / span 1 / span 1;
} #w-node-d64b43d3-e61d-24f2-99e7-64f0af9f60c0-5b8b73df { align-self: stretch;
} #w-node-_20a913d3-6f07-c687-d8f6-764ab0310ea4-5b8b73e0 { grid-area: span 2 / span 1 / span 2 / span 1;
} #w-node-_4845dc49-c450-cce9-2912-ecbd10d77a76-5b8b73e0, #w-node-c9f4f92e-793f-9cde-1b42-0fa4533663dd-5b8b73e0 { grid-area: span 1 / span 1 / span 1 / span 1;
} #w-node-_9152a05a-dd14-55d9-c386-83fe435867f8-5b8b73e0 { align-self: stretch;
} #w-node-_9d61ea77-00df-d827-4bc0-ab0a89183809-5b8b73e4, #w-node-fad39067-79bd-14ae-ff72-591bb22b19e1-5b8b73e6, #w-node-bc417c44-9925-1312-0a6e-c9a458edea01-5b8b73e6 { grid-area: span 1 / span 1 / span 1 / span 1;
} #w-node-dd353a8d-0ed6-5926-2b4f-affc7d182285-5b8b73e6, #w-node-_30bdda5c-f460-b90d-1870-64a91d846f16-5b8b73e8 { align-self: stretch;
} #w-node-_90879246-e3ed-b909-5291-e8a67f14f011-5b8b73ea, #w-node-_3d554733-4195-8f29-5472-c46621e13744-5b8b73ef, #w-node-_08296e5e-5381-fdfb-f4de-ca474782c463-5b8b73ef, #w-node-be297a4c-8c6e-8114-f2d7-35f5f8266a5f-5b8b73f0, #w-node-be297a4c-8c6e-8114-f2d7-35f5f8266a60-5b8b73f0, #w-node-_71a1e70e-48c0-f8cf-5a3f-de645ec6e668-5b8b73f0, #w-node-_659601cf-4ef8-3f22-e9d9-071259c37272-5b8b73f0, #w-node-_266fe296-ef4b-c25a-3e9f-71c3a36ada7e-5b8b73f0, #w-node-_9fb1d500-a5b1-8c1b-7e46-6776726034f2-5b8b73f0, #w-node-ebbb8950-be0e-6418-6d77-655cc5395c03-5b8b73f0, #w-node-_6be85aaa-8d10-0485-fa37-0b69e6ea44ff-5b8b73f0, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540cf6-5b8b73f5, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540cfa-5b8b73f5, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540cfe-5b8b73f5 { grid-area: span 1 / span 1 / span 1 / span 1;
} #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d1d-5b8b73f5, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d1e-5b8b73f5, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d1f-5b8b73f5, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d20-5b8b73f5, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d21-5b8b73f5, #w-node-_2c6b0975-12ef-f509-3a2a-923dd7a341cc-5b8b73f5, #w-node-_53ef3d49-270a-9eeb-dce8-139fe305711c-5b8b73f5, #w-node-d0cdaa1f-f0e4-eab6-08ac-4d74d8effbd7-5b8b73f5, #w-node-_9e378d51-bb35-6510-38e4-f44a0b0b4bae-5b8b73f5, #w-node-_9e52b741-264e-9d05-edd6-824e4a18abcc-5b8b73f5 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: center;
} #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d32-5b8b73f5, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d37-5b8b73f5, #w-node-bd7809d9-3677-5b5a-eaa6-dc725d61e2c8-5b8b73f5, #w-node-bd7809d9-3677-5b5a-eaa6-dc725d61e2cd-5b8b73f5, #w-node-_152deb49-9c69-9406-4531-d0c657aeec9f-5b8b73f5 { grid-area: span 1 / span 1 / span 1 / span 1;
} #w-node-_6c1ea847-877f-6e20-f786-aa7900e42903-5b8b73f5, #w-node-_38f7daf6-b0d7-8455-0278-0939bc6db6a5-5b8b73f5 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: start;
} #w-node-_098bced9-bd4b-0c1e-0fbf-70a775932753-5b8b73f6, #w-node-c0e45e5d-be5e-1563-9c8c-32a1470a5480-5b8b73f6, #w-node-_4d949b53-2938-ba2d-02f9-de5daab6f9a2-5b8b73f6, #w-node-_6d46438b-b3ef-e6c3-3670-1777ba580472-5b8b73f6, #w-node-b5523053-6497-f6eb-0ff6-24d125ff5d6d-5b8b73f6, #w-node-e2f52e49-e4a0-abbb-fc37-dce765d6659e-5b8b73f6 { grid-area: span 1 / span 1 / span 1 / span 1;
} #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d1d-5b8b73f6, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d1e-5b8b73f6, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d1f-5b8b73f6, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d20-5b8b73f6, #w-node-_94ccbdda-8823-69c7-4ee9-7c0cbf540d21-5b8b73f6, #w-node-_2c6b0975-12ef-f509-3a2a-923dd7a341cc-5b8b73f6, #w-node-_53ef3d49-270a-9eeb-dce8-139fe305711c-5b8b73f6, #w-node-d0cdaa1f-f0e4-eab6-08ac-4d74d8effbd7-5b8b73f6, #w-node-_9e378d51-bb35-6510-38e4-f44a0b0b4bae-5b8b73f6, #w-node-_9e52b741-264e-9d05-edd6-824e4a18abcc-5b8b73f6 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: center;
} #w-node-bbc6c28d-1eb0-2499-dc4b-d81ee2beee56-4e982dd5, #w-node-bbc6c28d-1eb0-2499-dc4b-d81ee2beee67-4e982dd5 { grid-area: span 1 / span 1 / span 1 / span 1;
} @media screen and (max-width: 991px) { #w-node-_307f4f01-f5d5-b0bd-813d-3d6be6f589ca-e6f589c6 { justify-self: center; } #w-node-f22a7e19-8601-5467-ee7f-863b27f5ed31-27f5ed26 { justify-self: end; }
} @media screen and (max-width: 767px) { #w-node-_3594b7c1-09b3-02ff-bcbd-828b7e10a055-5b8b73ce { grid-column: span 1 / span 1; }
} @font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-Italic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap;
}
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-BlackItalic.otf') format('opentype'); font-weight: 900; font-style: italic; font-display: swap;
}
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-Black.otf') format('opentype'); font-weight: 900; font-style: normal; font-display: swap;
}
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap;
}
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap;
}
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-BoldItalic.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap;
}
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap;
}
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-LightItalic.otf') format('opentype'); font-weight: 300; font-style: italic; font-display: swap;
}
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-MediumItalic.otf') format('opentype'); font-weight: 500; font-style: italic; font-display: swap;
}
@font-face { font-family: 'Satoshi'; src: url('../fonts/Satoshi-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap;
}
@font-face { font-family: 'Proximanova'; src: url('../fonts/ProximaNova-Light.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap;
}
@font-face { font-family: 'Proximanova Italic'; src: url('../fonts/ProximaNova-RegItalic.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap;
}
@font-face { font-family: 'Proximanova Semibold'; src: url('../fonts/ProximaNova-SemiboldItalic.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap;
}
@font-face { font-family: 'Proximanovacond'; src: url('../fonts/ProximaNovaCond-SemiboldIt.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap;
}
@font-face { font-family: 'Proximanovacond'; src: url('../fonts/ProximaNovaCond-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap;
}