@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-Italic.ttf') format("truetype"), url('../fonts/AvenirNextCyr-DemiItalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnextcyr Demi;
  src: url('../fonts/AvenirNextCyr-Demi.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-UltraLightIt.ttf') format("truetype"), url('../fonts/AvenirNextCyr-UltraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-HeavyItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Avenirnextcyr;
  src: url('../fonts/AvenirNextCyr-Heavy.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica 587 Ebe 5 A 59211";
  src: url('../fonts/helvetica-light-587ebe5a59211.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica-Oblique.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Helvetica;
  src: url('../fonts/Helvetica-BoldOblique.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Rounded 5871 D 05 Ead 8 De";
  src: url('../fonts/helvetica-rounded-bold-5871d05ead8de.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica Compressed 5871 D 14 B 6903 A";
  src: url('../fonts/helvetica-compressed-5871d14b6903a.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --content-color: #666b73;
  --heading-color: #20262e;
  --secondary-color: var(--white);
  --primary-color: #3ba7da;
  --primary-golden-brown: #c49e7b;
  --light-background: whitesmoke;
  --white: white;
  --light-golden: #ffeddc;
  --light-blue-background: #ceefff;
  --bg-light-golden: #ffeddc6e;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray50: #f9fafb;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--gray100: #f2f4f7;
  --untitled-ui--gray600: #475467;
  --untitled-ui--gray900: #101828;
  --untitled-ui--primary200: #e9d7fe;
  --untitled-ui--primary800: #53389e;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url(/images/custom-checkbox-checkmark-589d534424.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.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-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  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;
  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-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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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;
  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;
}

@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-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 {
  color: var(--content-color);
  letter-spacing: .01em;
  background-color: #fff;
  font-family: Alegreya Sans, sans-serif;
  font-size: 16px;
  line-height: 1.3;
}

h1 {
  color: var(--heading-color);
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.3;
}

h2 {
  color: var(--heading-color);
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
}

h3 {
  color: var(--heading-color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2;
}

h4 {
  color: var(--heading-color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

h5 {
  color: var(--heading-color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.3;
}

h6 {
  color: var(--heading-color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

p {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
}

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

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  color: var(--content-color);
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

strong {
  color: var(--secondary-color);
  font-weight: 700;
}

blockquote {
  background-color: var(--secondary-color);
  color: var(--content-color);
  text-align: center;
  background-image: url('../images/advertise-icon.svg');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border-left: 0 solid #e2e2e2;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 120px 40px 40px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.home-banner-section {
  z-index: 0;
  background-color: var(--primary-color);
  background-image: url('../images/villa-ocean-view-canggu-bali-real-magick-indonesia.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 805px;
  padding-top: 40px;
  padding-bottom: 255px;
}

.banner-content-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 180px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.banner-content-wrap.contact {
  flex-flow: column;
  margin-bottom: 100px;
  padding-bottom: 100px;
  display: flex;
}

.banner-subtitle-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--primary-golden-brown);
  background-color: #24232361;
  border-radius: 34px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding: 15px 25px;
  line-height: .5;
  display: flex;
}

.banner-subtitle {
  color: var(--light-background);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.banner-title {
  opacity: .67;
  color: var(--heading-color);
  -webkit-text-fill-color: inherit;
  mix-blend-mode: hard-light;
  background-color: #0000;
  background-clip: padding-box;
  border: 1px #000;
  border-radius: 20px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 20px 60px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 100px;
  font-weight: 300;
  line-height: 1.3;
}

.banner-title.dark-text {
  color: var(--white);
}

.banner-title.text-black {
  font-weight: 300;
}

.navigation-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.navigation-bar.mg-bottom {
  margin-bottom: 40px;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-wrap {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.nav-left-wrap {
  grid-column-gap: 61px;
  grid-row-gap: 61px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-right-wrap {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-link {
  color: var(--heading-color);
  margin-left: 0;
  margin-right: 15px;
  padding: 9px 15px 8px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
}

.nav-link:hover {
  background-color: var(--white);
  color: var(--heading-color);
}

.nav-link.w--current {
  background-color: var(--primary-golden-brown);
  color: var(--white);
}

.nav-link.nav-dropdown {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link.current {
  background-color: var(--primary-golden-brown);
}

.nav-left-line {
  border-bottom: 1.5px solid #000;
  width: 77px;
  height: 1px;
}

.nav-dropdown-list.w--open {
  background-color: var(--white);
  padding: 15px 20px 15px 15px;
  box-shadow: 0 1px 3px #0000001a;
}

.nav-dropdown-link {
  color: var(--content-color);
  padding: 7px 20px 7px 5px;
  font-size: 18px;
  transition: color .2s;
}

.nav-dropdown-link:hover {
  color: var(--secondary-color);
}

.nav-dropdown-link.w--current {
  color: var(--primary-color);
}

.cta-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--primary-golden-brown);
  pointer-events: auto;
  color: var(--white);
  text-align: center;
  text-shadow: none;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 40px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
  position: static;
}

.cta-button:hover, .cta-button.hover {
  background-color: var(--white);
  color: var(--primary-golden-brown);
}

.cta-button.clear {
  border: 1px solid var(--white);
  background-color: #c49e7b00;
  display: flex;
}

.cta-button.clear:hover {
  border-color: var(--primary-golden-brown);
  color: var(--heading-color);
}

.button-primary-icon {
  min-width: 15px;
  max-width: 15px;
  min-height: 15px;
  max-height: 15px;
}

.nav-button-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.button-icon-wrap {
  justify-content: center;
  align-items: center;
  min-width: 15px;
  max-width: 15px;
  min-height: 15px;
  max-height: 15px;
  line-height: 0;
  display: flex;
  position: relative;
}

.style-guide-section {
  padding-top: 160px;
}

.container-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  overflow: visible;
}

.style-guide-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  margin-bottom: 100px;
}

.color-box-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.color-card-wrap {
  text-align: center;
}

.color-card {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 170px;
  display: flex;
}

.color-card.primary-bg {
  background-color: var(--primary-golden-brown);
}

.color-card.secondary-bg {
  background-color: var(--secondary-color);
}

.color-card.smoke-bg {
  background-color: #ffeddc6e;
}

.color-card.light-blue-bg {
  background-color: var(--light-golden);
}

.color-card.white-bg {
  border: 1px solid #000;
}

.color-card.content-color {
  background-color: var(--content-color);
}

.primary-bg {
  background-color: var(--primary-color);
}

.secondary-bg {
  background-color: var(--secondary-color);
}

.smoke-bg {
  background-color: var(--light-background);
}

.light-blue-bg {
  background-color: var(--light-blue-background);
}

.white-bg {
  background-color: var(--white);
}

.color-text {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.color-code {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.heading-wrap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  display: flex;
}

.title-text {
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 175px;
  font-weight: 700;
  line-height: 1.2;
}

.paragraph-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  margin-bottom: 50px;
  display: flex;
}

.text-small {
  font-size: 18px;
}

.style-guide-icon-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.style-guide-button-wrap {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.black-button {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 2px solid var(--secondary-color);
  background-color: var(--secondary-color);
  color: var(--white);
  text-align: center;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: .9;
  text-decoration: none;
  display: flex;
}

.grey-button {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 2px solid var(--white);
  color: var(--secondary-color);
  text-transform: capitalize;
  background-color: #f9f9f9;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
}

.style-guide-footer-line {
  border-bottom: 1px solid #e0e0e0;
}

.footer-section {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 60px;
  padding-bottom: 40px;
}

.footer-top-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #e0e0e0;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  padding-bottom: 40px;
  display: flex;
}

.footer-logo-content-wrap {
  max-width: 460px;
}

.footer-logo {
  width: 80px;
}

.nav-bar-logo {
  width: 80px;
  display: block;
}

.nav-bar-logo-wrap {
  padding-left: 0;
}

.footer-logo-wrap {
  margin-bottom: 40px;
}

.footer-newsletter-title {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 25px;
}

.footer-form {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-text-field {
  border: 1px solid var(--secondary-color);
  text-transform: capitalize;
  width: 265px;
  height: 60px;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.footer-text-field:focus-visible, .footer-text-field[data-wf-focus-visible] {
  border-color: var(--secondary-color);
}

.footer-text-field::placeholder {
  color: var(--content-color);
}

.primary-button {
  border: 1px solid var(--secondary-color);
  background-color: var(--secondary-color);
  min-height: 60px;
  padding: 18px 35px 17px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  transition: color .2s, background-color .2s;
}

.primary-button:hover {
  background-color: var(--white);
  color: var(--secondary-color);
}

.primary-button.available-button {
  text-align: center;
  min-width: 200px;
  padding-left: 30px;
  padding-right: 30px;
}

.footer-grid {
  grid-column-gap: 67px;
  grid-row-gap: 67px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-contact-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--secondary-color);
  flex-direction: column;
  padding: 40px 35px 40px 30px;
  display: flex;
}

.footer-contact-text {
  color: var(--white);
  margin-bottom: 2px;
}

.footer-contact-link {
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.footer-contact-link:hover {
  color: var(--primary-color);
}

.footer-address-text {
  color: var(--white);
  margin-bottom: 0;
  font-weight: 700;
}

.footer-widget-title {
  text-transform: capitalize;
  margin-top: 0;
  margin-left: 0;
  font-size: 25px;
}

.footer-widget-block {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.footer-widget-wrap {
  flex-direction: column;
  display: flex;
}

.footer-link {
  color: var(--content-color);
  padding-bottom: 10px;
  font-size: 20px;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.footer-link:hover {
  color: var(--primary-golden-brown);
}

.footer-link.w--current {
  color: var(--content-color);
}

.footer-link.w--current:hover {
  color: var(--primary-golden-brown);
  -webkit-text-stroke-color: var(--primary-golden-brown);
}

.footer-widget-wrapper {
  padding-left: 30px;
}

.footer-subtext-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer-subtext {
  background-color: var(--secondary-color);
  color: var(--white);
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  top: -5px;
}

.footer-button {
  border: 1px solid var(--secondary-color);
  background-color: var(--white);
  color: var(--secondary-color);
  padding: 18px 25px;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
}

.footer-button:hover {
  background-color: var(--secondary-color);
  color: var(--white);
}

.footer-button-wrap {
  margin-top: 10px;
}

.footer-instagram-area {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-radius: 0;
  flex-flow: wrap;
  place-content: stretch space-around;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  padding-right: 0;
  display: flex;
}

.footer-instagram-wrap {
  min-width: 29%;
  max-width: 29%;
  overflow: hidden;
}

.footer-copyright-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid #f3f3f3;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
  padding-top: 30px;
  display: flex;
}

.copyright-link {
  color: var(--content-color);
  text-decoration: underline;
  transition: color .2s;
}

.copyright-link:hover {
  color: var(--primary-golden-brown);
  -webkit-text-stroke-color: var(--primary-golden-brown);
}

.copyright-text {
  margin-bottom: 0;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 16px;
}

.footer-social-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.social-media-link {
  padding: 5px;
  transition: transform .2s;
}

.social-media-link:hover {
  top: -3px;
  transform: translate(0, -3px);
}

.footer-image {
  width: 250px;
  max-width: 250px;
  height: 120px;
  padding-right: 0;
  display: inline-block;
}

.banner-button-wrap {
  margin-top: 10px;
}

.advertise-section {
  padding: 115px 10px 120px;
  display: block;
}

.advertise-wrap {
  max-width: 1120px;
  color: var(--light-golden);
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.advertise-icon-wrap {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.advertise-text {
  color: var(--light-golden);
  letter-spacing: .02rem;
  margin-bottom: 50px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6;
}

.advertise-text.dark {
  color: #6a6a6a;
}

.advertise-text.dark.mg-0 {
  color: var(--bg-light-golden);
}

.advertise-text.mg-0 {
  color: var(--secondary-color);
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 20px;
  font-weight: 400;
}

.advertise-highlight-text {
  color: var(--primary-golden-brown);
}

.advertise-link {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #1761b8;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.advertise-arrow-icon {
  margin-bottom: 2px;
}

.home-room-section {
  padding-bottom: 80px;
}

.availability-wrap {
  background-image: url('../images/availibility-bg-image.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 120px;
  padding: 75px 40px;
}

.availability-form {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.availability-text-field {
  border-style: solid;
  border-width: 1px;
  border-color: #0000 #0000 var(--secondary-color);
  color: var(--heading-color);
  background-color: #0000;
  margin-bottom: 0;
  padding-bottom: 13px;
  padding-left: 0;
  font-family: Alegreya Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.availability-text-field:focus {
  border-color: #0000 #0000 var(--secondary-color);
}

.availability-text-field::placeholder {
  color: var(--secondary-color);
}

.room-title-wrap {
  text-align: center;
  max-width: 770px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.section-title {
  color: var(--secondary-color);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}

.section-title.dark-text {
  font-size: 50px;
}

.room-title-text-wrap {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

.room-form {
  max-width: 60%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.room-text-field {
  background-color: var(--light-background);
  background-image: url('../images/search-icon.svg');
  background-position: 96%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #0000;
  height: 60px;
  margin-bottom: 0;
  padding-left: 30px;
}

.room-text-field:focus {
  border-color: #0000;
}

.room-text-field::placeholder {
  color: #838383;
}

.room-tab-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.room-tab-link {
  color: var(--heading-color);
  text-align: center;
  background-color: #0000;
  border-radius: 34px;
  padding: 10px 20px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}

.room-tab-link.w--current {
  color: #3d88e1;
  background-color: #f2f2f2;
  padding-left: 0;
  padding-right: 0;
}

.room-title-button-wrap {
  flex-flow: row;
  justify-content: flex-end;
  margin-bottom: 40px;
  display: block;
}

.room-tab {
  z-index: 2;
  margin-top: 0;
  position: relative;
}

.room-title-button-block {
  z-index: 3;
  position: relative;
}

.room-card {
  text-align: center;
  width: 460px;
  margin-bottom: 40px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 0;
  display: block;
}

.room-image {
  width: auto;
  height: 300px;
}

.room-image-wrap {
  z-index: 0;
  position: relative;
}

.room-content-wrap {
  margin-top: 25px;
}

.room-card-title {
  color: var(--heading-color);
  margin-bottom: 10px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.room-card-title:hover {
  color: var(--primary-color);
}

.room-card-title.large {
  font-size: 35px;
}

.room-card-title.large:hover {
  color: var(--primary-golden-brown);
}

.room-card-line {
  border-bottom: 1px solid #dcdcdc;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.room-button-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.room-card-price {
  color: var(--heading-color);
  margin-bottom: 0;
  font-family: Alegreya Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}

.room-card-price.large {
  font-size: 25px;
}

.room-card-button {
  border: 1px solid var(--secondary-color);
  background-color: var(--white);
  color: var(--secondary-color);
  padding: 10px 20px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  transition: background-color .2s, color .2s;
}

.room-card-button:hover {
  background-color: var(--secondary-color);
  color: var(--white);
}

.room-card-button.large {
  padding: 15px 25px;
}

.room-collection-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: baseline;
  width: 480px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.room-card-details-wrap {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  background-color: #f5f5f5e6;
  border: 1px solid #fff;
  flex-flow: column;
  justify-content: center;
  margin: 0% 11% 0% 10%;
  padding: 10px 15%;
  display: none;
  position: absolute;
  inset: 0%;
}

.room-card-details {
  color: var(--heading-color);
  flex: 1;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}

.room-card-details.large {
  font-size: 24px;
  font-weight: 300;
}

.room-card-details.room-card-details-wrap {
  box-sizing: border-box;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-shadow: 0 1px 1px #0003;
  object-fit: fill;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: baseline;
  margin-top: 0%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  display: block;
}

.room-card-details.room-card-details-wrap.cta-button {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  display: flex;
}

.room-card-details-line {
  border-bottom: .5px solid #afafaf;
}

.room-card-details-line.blue {
  border-bottom-color: #1761b8;
}

.suite-infinite-wrap {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.suite-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.suite-card {
  z-index: 0;
  min-width: 500px;
  margin-right: 30px;
  position: relative;
}

.suite-image {
  width: 500px;
  height: 400px;
}

.suite-content-wrap {
  max-width: 350px;
  position: absolute;
  inset: 12% auto auto 7%;
}

.dark-text {
  color: var(--heading-color);
  margin-bottom: 0;
}

.dark-text.new-para {
  margin-bottom: 40px;
}

.dark-text.new-para.new-para-5 {
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 1.2;
}

.suite-infinite-wrapper {
  overflow: hidden;
}

.home-restaurant-wrap {
  align-items: center;
  display: flex;
}

.home-restaurant-image-wrap {
  width: 50%;
  min-width: 50%;
  height: 100%;
}

.home-restaurant-content-wrap {
  max-width: 570px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 24px;
}

.home-restaurant-button-wrap {
  margin-top: 20px;
}

.home-restaurant-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.facility-section {
  background-color: var(--bg-light-golden);
  padding-top: 130px;
  padding-bottom: 130px;
}

.facility-title-wrap {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.facility-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 60px;
  margin-left: 10px;
  margin-right: 10px;
}

.facility-card {
  text-align: center;
}

.facility-icon-wrap {
  background-color: #e7d2bf;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  display: inline-block;
}

.facility-card-title {
  color: var(--primary-golden-brown);
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 30px;
  font-weight: 600;
}

.facility-card-title.new-heading {
  font-size: 28px;
  font-weight: 400;
}

.facility-card-title.new-heading.new-subheading-1.new-subheading-2 {
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 22px;
}

.facility-card-title.new-heading.new-subheading-1.new-subheading-2.mid-move {
  text-align: center;
}

.customer-feedback-section {
  background-image: url('../images/boutique-villa-ocean-view-canggu-bali-three-bedroom.webp');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 500px;
  padding-top: 130px;
  padding-bottom: 450px;
}

.customer-feedback-wrap {
  max-width: 450px;
}

.customer-feedback-button-wrap {
  margin-top: 20px;
}

.lake-room-section {
  padding-top: 130px;
  overflow: hidden;
}

.lake-room-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: .57fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 100px;
  display: grid;
}

.lake-room-image {
  object-fit: cover;
  background-image: url('../images/alegria-villa-terrace-third-floor.webp');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
}

.lake-room-title-wrap {
  max-width: 600px;
  margin-bottom: 50px;
}

.lake-room-card {
  background-color: var(--light-background);
  margin-bottom: 33px;
  padding: 55px 70px 65px 60px;
  transition: background-color .2s;
}

.lake-room-card:hover {
  background-color: var(--bg-light-golden);
}

.lake-room-title {
  color: var(--heading-color);
  margin-bottom: 5px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 35px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.lake-room-title:hover {
  color: var(--primary-golden-brown);
  -webkit-text-stroke-color: var(--primary-golden-brown);
}

.lake-room-button-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.lake-room-text {
  color: var(--heading-color);
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 500;
}

.lake-room-card-price {
  color: var(--heading-color);
  margin-bottom: 0;
}

.marquee-wrap {
  z-index: 0;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
  position: relative;
}

.marquee-text {
  color: #0000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #aac3e0;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 220px;
  font-weight: 700;
}

.marquee-star-wrap {
  position: absolute;
  inset: auto auto 5% 10%;
}

.marquee-star-wrap.top-left {
  inset: 15% auto auto 25%;
}

.marquee-star-wrap.top-right {
  inset: 30% 25% auto auto;
}

.marquee-star-wrap.bottom-right {
  inset: auto 10% 0% auto;
}

.home-testimonial-section {
  padding-top: 70px;
  padding-bottom: 160px;
  overflow: hidden;
}

.testimonial-slider {
  background-color: #0000;
  height: auto;
  padding-bottom: 100px;
}

.testimonial-mask {
  max-width: 370px;
  overflow: visible;
}

.testimonial-slide {
  max-width: 370px;
  margin-right: 50px;
}

.testimonial-left-arrow {
  border: 1px solid var(--secondary-color);
  min-width: 65px;
  max-width: 65px;
  min-height: 65px;
  max-height: 65px;
  color: var(--secondary-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  display: flex;
  inset: -120px 90px auto auto;
}

.testimonial-left-arrow.hide {
  display: none;
}

.testimonial-left-arrow.white {
  border-color: var(--white);
}

.testimonial-right-arrow {
  border: 1px solid var(--secondary-color);
  min-width: 65px;
  max-width: 65px;
  min-height: 65px;
  max-height: 65px;
  color: var(--secondary-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  display: flex;
  inset: -120px 0% auto auto;
}

.testimonial-right-arrow.hide {
  display: none;
}

.testimonial-right-arrow.white {
  border-color: var(--white);
}

.testimonial-details-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.testimonial-image-wrap {
  max-width: 105px;
  max-height: 105px;
}

.testimonial-image {
  border-radius: 100%;
}

.testimonial-name {
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 25px;
}

.testimonial-location {
  margin-bottom: 0;
  font-size: 16px;
}

.testimonial-content-wrap {
  border-top: 1px solid #ececec;
  margin-top: 20px;
  padding-top: 20px;
}

.testimonial-quote-text {
  color: var(--heading-color);
  margin-bottom: 10px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.3;
}

.testimonial-star-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid #ececec;
  align-items: center;
  margin-top: 20px;
  padding-top: 15px;
  display: flex;
}

.gallery-section {
  background-color: var(--primary-golden-brown);
  padding-top: 140px;
  padding-bottom: 140px;
  overflow: hidden;
}

.align-center {
  text-align: center;
}

.gallery-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  line-height: 1.1;
}

.gallery-marquee {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: row;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.gallery-marquee-wrap {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.gallery-image-wrap {
  min-width: 350px;
}

.gallery-image {
  width: 100%;
  display: inline-block;
}

.gallery-button-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.transparent-button {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 2px solid var(--white);
  color: var(--white);
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  padding: 18px 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.banner-section {
  background-color: var(--bg-light-golden);
  object-fit: cover;
  background-image: url('../images/ombak-dua-villa-three-bedroom-cemangi.jpg');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  max-height: none;
  padding-top: 40px;
  padding-bottom: 230px;
}

.banner-section.about {
  background-color: var(--primary-color);
  background-image: url('../images/three-floor-villa-canggu-near-finn-beach-alegria.jpg');
  padding-bottom: 308px;
}

.banner-section.services {
  background-image: url('../images/alegria-6.jpeg');
  background-size: cover;
  padding-bottom: 308px;
}

.banner-section.events {
  background-image: url('../images/thumbnail-nusapenida.jpg.png');
  padding-top: 0;
}

.banner-section.blog {
  background-image: url('../images/blog-banner.jpg');
}

.banner-section.licenses {
  background-image: url('../images/license-banner-new.jpg');
  background-position: 50%;
}

.banner-section.changelog {
  background-image: url('../images/changelog-banner.jpg');
}

.banner-section.blog-single {
  height: 725px;
}

.design-section {
  background-color: var(--bg-light-golden);
  padding-top: 120px;
  padding-bottom: 130px;
}

.design-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.design-image-wrap {
  max-width: 765px;
}

.design-content-wrap {
  border: 1px solid var(--white);
  background-color: #f5f5f5c7;
  max-width: 680px;
  margin-top: 40px;
  padding: 40px 50px 70px;
  position: absolute;
  right: 0%;
}

.design-button-wrap {
  margin-top: 30px;
}

.design-button {
  border: 1px solid var(--heading-color);
  color: var(--heading-color);
  text-align: center;
  background-color: #0000;
  padding: 10px 40px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
}

.design-button:hover {
  background-color: var(--heading-color);
  color: var(--white);
}

.design-image {
  width: 100%;
}

.room-section {
  background-color: var(--white);
  padding-top: 120px;
  padding-bottom: 80px;
}

.room-section.room {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.discover-section {
  background-color: var(--secondary-color);
  padding-top: 80px;
  padding-bottom: 100px;
}

.container-large {
  max-width: 1720px;
  padding-left: 24px;
  padding-right: 24px;
}

.discover-title-wrap {
  text-align: center;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.discover-title {
  color: var(--primary-golden-brown);
  margin-top: 0;
  font-size: 90px;
  line-height: 1;
}

.discover-star-wrap {
  position: absolute;
  inset: auto auto -30% 0%;
}

.discover-star-wrap.top-right {
  inset: -10% auto auto 30%;
}

.discover-star-wrap.right-bottom {
  inset: auto 5% -10% auto;
}

.discover-image-wrap {
  margin-top: 80px;
}

.restaurant-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.restaurant-title-wrap {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.restaurant-grid {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 30px;
}

.restaurant-card {
  z-index: 0;
  position: relative;
}

.restaurant-image {
  width: 311.328px;
  height: 247.938px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.restaurant-content-wrap {
  color: var(--content-color);
  background-color: #e0e0e0bf;
  border: 1px #fff;
  margin-bottom: 5%;
  margin-left: 5%;
  margin-right: 5%;
  padding: 25px 25px 15px;
  position: absolute;
  inset: auto 0% 0%;
}

.restaurant-card-title {
  color: var(--secondary-color);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 36px;
}

.amenities-section {
  background-image: url('../images/amenities-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.amenities-grid {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr;
}

.amenities-button-wrap {
  margin-top: 30px;
}

.amenities-title-wrap {
  max-width: 400px;
}

.amenities-slide-wrap {
  min-width: 47%;
  position: absolute;
  inset: auto 0% auto auto;
  overflow: hidden;
}

.amenities-slider {
  background-color: var(--white);
  height: auto;
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 30px;
  overflow: hidden;
}

.amenities-left-arrow {
  border: 1px solid var(--secondary-color);
  background-color: var(--light-background);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
  font-size: 16px;
  display: flex;
  inset: auto 15% 5% auto;
}

.amenities-right-arrow {
  border: 1px solid var(--secondary-color);
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
  font-size: 16px;
  display: flex;
  inset: auto 6% 5% auto;
}

.amenities-mask {
  max-width: 305px;
  overflow: visible;
}

.amenities-slide-nav {
  font-size: 12px;
  top: 405px;
}

.team-section {
  padding-top: 150px;
  padding-bottom: 120px;
}

.team-title-wrap {
  text-align: center;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.team-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 30px;
}

.team-card {
  z-index: 0;
  position: relative;
}

.team-image {
  object-fit: cover;
  width: 100%;
  height: 390.414px;
  display: inline-block;
}

.team-content-wrap {
  border: 1px solid var(--white);
  text-align: center;
  background-color: #f5f5f5e6;
  margin-bottom: 10%;
  margin-left: 10%;
  margin-right: 10%;
  padding: 20px 25px;
  position: absolute;
  inset: auto 0% 0%;
}

.team-social-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-social-link {
  border-radius: 100%;
  justify-content: center;
  line-height: 0;
  transition-property: transform;
  display: flex;
}

.team-social-link:hover {
  transform: translate(0, -2px);
}

.team-name {
  margin-top: 0;
  margin-bottom: 5px;
}

.faq-section {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 150px;
  overflow: hidden;
}

.faq-grid {
  grid-column-gap: 27px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  align-items: start;
}

.faq-grid-image-wrap {
  z-index: 0;
  position: relative;
}

.faq-image {
  width: 100%;
  display: inline-block;
  overflow: clip;
}

.faq-image-wrap {
  min-width: 100%;
  position: absolute;
  left: auto;
}

.faq-wrap {
  margin-bottom: 15px;
  display: block;
}

.faq-question-wrap {
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

.faq-answer-wrap {
  background-color: #0000;
  padding-right: 48px;
  display: flex;
  position: static;
  overflow: hidden;
}

.faq-question {
  color: var(--heading-color);
  white-space: pre-wrap;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 34px;
  font-weight: 700;
}

.faq-icon-wrap {
  z-index: 0;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  display: flex;
  position: relative;
}

.faq-horizontal-line {
  border-bottom: 2.5px solid var(--heading-color);
  width: 20px;
  height: 3px;
  position: absolute;
}

.faq-vertical-line {
  border-right: 2.5px solid var(--heading-color);
  width: 3px;
  height: 20px;
  position: absolute;
}

.faq-text-wrap {
  position: absolute;
  inset: -130px auto auto 0;
}

.faq-text {
  color: var(--light-golden);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--primary-golden-brown);
  text-shadow: 8px 9px 1px var(--bg-light-golden);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 180px;
  font-weight: 700;
  line-height: 1.1;
}

.faq-big-star-wrap {
  position: absolute;
  inset: -175px auto auto -22px;
}

.faq-small-star-wrap {
  position: absolute;
  inset: auto auto -84px -22px;
}

.faq-top-star-wrap {
  position: absolute;
  inset: -140px auto auto 116px;
}

.faq-top-right-star-wrap {
  position: absolute;
  inset: -102px 96px auto auto;
}

.page-contact-section {
  background-image: url('../images/6W1A9529-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.page-contact-grid {
  z-index: 1;
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  align-items: center;
  position: relative;
}

.page-contact-title {
  color: #fff;
  margin-top: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 120px;
  font-weight: 700;
  line-height: 1;
}

.page-contact-overlay {
  background-color: #1518198c;
  position: absolute;
  inset: 0%;
}

.page-contact-link-wrap {
  flex-flow: column;
  margin-top: 40px;
  display: block;
}

.page-contact-link-title {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 25px;
}

.page-contact-text {
  color: var(--light-golden);
  font-family: Avenirnextcyr, sans-serif;
  font-size: 25px;
  font-weight: 300;
}

.page-contact-text:hover {
  color: var(--primary-golden-brown);
}

.page-contact-link-block {
  max-width: 430px;
  margin-bottom: 20px;
}

.page-contact-link {
  color: var(--light-golden);
  font-family: Avenirnextcyr, sans-serif;
  font-size: 25px;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
}

.page-contact-link:hover {
  color: var(--primary-golden-brown);
}

.page-contact-form-block {
  border: 1px solid var(--white);
  margin-bottom: 0;
  padding: 50px 60px;
}

.contact-field-label {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  font-family: Alegreya Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.contact-field-label.left-align {
  text-align: left;
}

.contact-input-field {
  border: 1px solid var(--primary-golden-brown);
  height: 60px;
  color: var(--white);
  text-transform: capitalize;
  background-color: #0000;
  margin-bottom: 24px;
  margin-right: 0;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.3;
}

.contact-input-field:focus {
  border-color: var(--primary-color);
  color: var(--primary-golden-brown);
}

.contact-input-field::placeholder {
  color: var(--white);
}

.contact-text-field {
  border: 1px solid var(--primary-golden-brown);
  min-height: 135px;
  color: var(--white);
  text-transform: capitalize;
  background-color: #0000;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-left: 20px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
}

.contact-text-field:focus {
  border-color: var(--primary-color);
}

.contact-text-field::placeholder {
  color: var(--white);
}

.contact-button {
  background-color: var(--white);
  height: 60px;
  color: var(--heading-color);
  padding: 20px 40px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  transition: background-color .2s, color .2s;
}

.contact-button:hover {
  background-color: var(--primary-golden-brown);
  color: var(--white);
}

.resort-section {
  background-image: url('../images/Ombak-spa.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
  padding-bottom: 210px;
}

.resort-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .65fr 1fr;
}

.resort-wrap {
  background-color: #f5f5f5e6;
  padding: 50px 60px;
}

.resort-button-wrap {
  margin-top: 30px;
}

.resort-title-wrap {
  max-width: 480px;
}

.testimonial-section {
  padding-top: 150px;
  padding-bottom: 150px;
}

.testimonial-section.dark {
  background-color: var(--secondary-color);
  padding-top: 90px;
  padding-bottom: 120px;
}

.testimonial-title-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  max-width: 810px;
  margin-bottom: 60px;
  display: flex;
}

.room-single-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: row;
  padding-top: 120px;
  padding-bottom: 150px;
  display: block;
}

.room-single-wrap {
  justify-content: center;
  align-items: stretch;
  width: 1005.24px;
  min-width: auto;
  display: inline-flex;
  position: relative;
}

.room-single-content-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url(/images/background-image.svg);
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 40%;
  display: flex;
  position: relative;
}

.room-single-details-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--light-golden);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 800px;
  margin-left: 0;
  padding: 60px 10px 60px 40px;
  display: flex;
}

.room-single-image-text-wrap {
  background-color: var(--light-background);
  color: var(--heading-color);
  text-align: center;
  margin-top: 70px;
  padding: 15px 40px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 35px;
  font-weight: 700;
  display: inline-block;
}

.room-feature-section {
  background-color: var(--primary-golden-brown);
  padding-top: 115px;
  padding-bottom: 115px;
  overflow: hidden;
}

.room-feature-title-wrap {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.room-feature-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.room-feature-whole-wrap {
  align-items: center;
  width: 300%;
  margin-top: 30px;
  display: flex;
}

.room-marquee-wrap {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.room-feature-card {
  margin-right: 30px;
}

.room-feature-image {
  background-image: url('../images/ombak-7.jpeg');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  width: auto;
  height: auto;
  display: block;
}

.room-feature-image-wrap {
  position: relative;
}

.room-feature-text {
  background-color: var(--white);
  color: var(--heading-color);
  margin-bottom: 0;
  padding: 15px 60px 15px 20px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  inset: auto auto 4% 4%;
}

.services-section {
  padding-top: 120px;
  padding-bottom: 150px;
}

.services-grid {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto auto auto;
}

.services-card {
  position: relative;
}

.service-image {
  width: 100%;
}

.service-content-wrap {
  background-color: #f5f5f5e6;
  max-width: 450px;
  padding: 40px 40px 30px;
  position: absolute;
  inset: auto 5% 5%;
}

.advertise-dark-section {
  background-color: var(--secondary-color);
  flex-flow: row;
  padding-top: 100px;
  padding-bottom: 60px;
  display: block;
}

.advertise-white-text {
  color: var(--white);
}

.service-card-title {
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 1.1;
}

.service-team-section {
  padding-top: 150px;
  padding-bottom: 150px;
}

.section-divider {
  border-bottom: 1px solid #e0e0e0;
  margin-top: 120px;
  margin-bottom: 120px;
}

.events-listing-wrap {
  padding-top: 70px;
  overflow: hidden;
}

.event-listing-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: stretch;
  margin-left: -30px;
  margin-right: -30px;
}

.event-listing-empty-block {
  background-color: #f2f5e2;
  min-height: 175px;
}

.event-listing-empty-block.light-blue {
  background-color: #e7edee;
}

.event-listing-empty-block.light-orange {
  background-color: #ffe2d1;
}

.event-listing-empty-block.light-violet {
  background-color: #d7e4ff;
}

.event-listing-card {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.event-listing-image {
  width: 100%;
}

.event-listing-text {
  color: var(--heading-color);
  text-align: center;
  margin-bottom: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 1;
}

.event-section {
  padding-top: 130px;
  padding-bottom: 100px;
}

.event-slide-wrap {
  margin-bottom: 90px;
}

.event-slider {
  background-color: #0000;
  height: auto;
}

.event-slide-nav {
  display: none;
}

.event-mask {
  overflow: hidden;
}

.event-left-arrow {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  max-width: 65px;
  min-height: 65px;
  max-height: 65px;
  display: flex;
  left: 10px;
}

.event-right-arrow {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 65px;
  max-width: 65px;
  min-height: 65px;
  max-height: 65px;
  display: flex;
  right: 10px;
}

.event-slider-card {
  position: relative;
}

.event-slide-image, .event-slide-image-wrap {
  width: 100%;
}

.event-slide-content-wrap {
  background-color: #f5f5f5e6;
  min-width: 500px;
  max-width: 500px;
  padding: 40px 50px 30px;
  position: absolute;
  inset: auto auto 5% 3%;
}

.event-slide-title {
  color: var(--heading-color);
  margin-bottom: 15px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}

.event-slide-title:hover {
  color: var(--primary-color);
}

.event-slide-button-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.event-price {
  color: var(--heading-color);
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
}

.event-card {
  margin-bottom: 30px;
  position: relative;
}

.event-collection-item {
  padding-left: 15px;
  padding-right: 15px;
}

.event-content-wrap {
  background-color: #f5f5f5e6;
  padding: 20px 30px;
  position: absolute;
  inset: auto auto 7% 5%;
}

.event-card-title {
  color: var(--heading-color);
  font-family: Cormorant Garamond, sans-serif;
  font-size: 40px;
  font-weight: 700;
  text-decoration: none;
}

.event-card-title:hover {
  color: var(--primary-color);
}

.event-date {
  color: var(--heading-color);
  margin-bottom: 0;
  font-size: 22px;
}

.event-single-section {
  padding-bottom: 80px;
}

.event-single-image {
  width: 100%;
}

.event-single-image-wrap {
  margin-bottom: 20px;
  display: none;
}

.event-single-wrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.event-content ul {
  margin-bottom: 20px;
  padding-left: 0;
}

.event-content li {
  background-image: url('../images/event-list-icon.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 10px;
  padding-left: 30px;
}

.event-single-whole-wrap {
  background-color: var(--white);
  margin-top: -135px;
  margin-bottom: 120px;
  padding-top: 40px;
  padding-left: 5%;
  padding-right: 5%;
}

.blog-section {
  padding-top: 120px;
  padding-bottom: 60px;
}

.blog-feature-card {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  align-items: center;
  display: flex;
}

.blog-feature-image-wrap {
  max-width: 690px;
}

.blog-date-large {
  color: var(--heading-color);
  margin-bottom: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
}

.blog-title {
  color: var(--heading-color);
  font-family: Cormorant Garamond, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}

.blog-title:hover {
  color: var(--primary-color);
}

.blog-title.feature {
  font-size: 35px;
}

.blog-feature-content-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  max-width: 450px;
  display: flex;
}

.blog-feature-author-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.blog-feature-author-image-wrap {
  min-width: 75px;
  max-width: 75px;
  min-height: 75px;
  max-height: 75px;
}

.blog-author-feature-image {
  border-radius: 100%;
  width: 100%;
}

.blog-author-name {
  color: var(--heading-color);
  font-family: Cormorant Garamond, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}

.blog-author-name:hover {
  color: var(--primary-color);
}

.blog-author-name.feature {
  font-size: 30px;
}

.blog-feature-image {
  width: 100%;
}

.blog-feature-wrap {
  margin-bottom: 60px;
}

.blog-card {
  min-height: 374px;
  margin-bottom: 35px;
}

.blog-collection-item {
  padding-left: 15px;
  padding-right: 15px;
}

.blog-category {
  color: var(--content-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  display: inline-block;
}

.blog-category:hover {
  color: var(--secondary-color);
}

.blog-bottom-wrap {
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  display: flex;
}

.blog-author-image-wrap {
  min-width: 45px;
  max-width: 45px;
  min-height: 45px;
  max-height: 45px;
}

.blog-author-image {
  border-radius: 100%;
  width: 100%;
}

.blog-author-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.blog-slanding-line {
  border-right: 1px solid var(--secondary-color);
  width: 1px;
  height: 25px;
  transform: rotate(20deg);
}

.blog-date {
  color: var(--heading-color);
  margin-bottom: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}

.blog-single-section {
  padding-bottom: 100px;
}

.blog-single-block {
  background-color: var(--white);
  margin-top: -135px;
  padding-top: 80px;
  padding-left: 5%;
  padding-right: 5%;
}

.blog-single-image {
  width: 100%;
}

.blog-single-image-wrap {
  display: none;
}

.blog-single-wrap {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.blog-single-author-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  align-items: center;
  margin-top: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.blog-single-author-image-wrap {
  border-radius: 100%;
  min-width: 140px;
  max-width: 140px;
  min-height: 140px;
  max-height: 140px;
}

.blog-single-author-image {
  border-radius: 100%;
  width: 100%;
}

.blog-single-author-content-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog-single-author-social-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.blog-single-title {
  margin-top: 0;
  font-size: 66px;
}

.contact-banner {
  background-image: url('../images/alegria-villa-canggu-contact-us.jpg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 230px;
}

.banner-text-wrap {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.contact-whole-wrap {
  z-index: 11;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary-golden-brown);
  flex-flow: column;
  align-items: center;
  margin-top: 80px;
  padding: 50px 40px;
  display: flex;
  position: relative;
}

.contact-link-area {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.contact-link-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  max-width: 330px;
  display: flex;
}

.contact-text {
  color: var(--white);
  margin-bottom: 0;
  font-family: Alegreya Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}

.contact-break-line {
  border-right: 1px solid var(--white);
  width: 1px;
  height: 75px;
}

.contact-link {
  color: var(--white);
  white-space: nowrap;
  font-family: Alegreya Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.contact-link:hover {
  color: var(--light-golden);
}

.contact-link-holder {
  flex-direction: column;
  display: flex;
}

.contact-section {
  background-color: #262626;
  margin-top: -90px;
  padding-top: 200px;
  padding-bottom: 100px;
  position: relative;
}

.contact-wrap {
  max-width: 50%;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 20px;
}

.contact-title {
  z-index: 3;
  color: #20262e00;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--primary-golden-brown);
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-size: 95px;
  line-height: 1;
  position: relative;
}

.contact-bg-wrap {
  background-image: url('../images/2149013922.jpg');
  background-position: 40%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  min-width: 48%;
  max-width: 48%;
  margin-left: 40px;
  padding-left: 20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.contact-title-wrap {
  margin-bottom: 100px;
}

.contact-form-block {
  max-width: 100%;
  margin-bottom: 0;
}

.licenses-section {
  padding-top: 120px;
  padding-bottom: 150px;
}

.licenses-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
}

.licenses-subtitle {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 65px;
  line-height: 1.1;
}

.licenses-sub-link {
  color: var(--heading-color);
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.licenses-sub-link:hover {
  color: var(--primary-color);
}

.licenses-text-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: flex-end;
  display: flex;
}

.licenses-page-text {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
}

.licenses-link {
  color: var(--heading-color);
  font-family: Alegreya Sans, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
}

.licenses-link:hover {
  color: var(--primary-color);
}

.licenses-listing-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
}

.license-image-link-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-wrap: wrap;
  display: flex;
}

.licenses-image-link {
  color: var(--content-color);
  font-family: Alegreya Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
}

.licenses-image-link:hover {
  color: var(--primary-color);
}

.licenses-section-line {
  border-bottom: 1px solid #e0e0e0;
  margin-top: 75px;
  margin-bottom: 75px;
}

.changelog-section {
  padding-top: 200px;
  padding-bottom: 150px;
}

.changelog-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.changelog-title {
  color: var(--white);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #20262e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 150px;
  line-height: 1;
}

.changelog-title.shadow {
  z-index: -1;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #faf0f9;
  position: absolute;
  inset: 6% 0% 0%;
}

.changelog-text-wrap {
  border: 1px solid var(--secondary-color);
  text-align: center;
  padding: 20px 60px;
}

.changelog-text {
  margin-bottom: 0;
  font-size: 18px;
}

.changelog-bottom-star-wrap {
  position: absolute;
  inset: auto auto 10% -10%;
}

.changelog-middle-star-wrap {
  position: absolute;
  inset: 20% auto auto -20%;
}

.changelog-top-star-wrap {
  position: absolute;
  inset: -40% auto auto -15%;
}

.utility-page-wrap {
  padding-top: 150px;
  padding-bottom: 150px;
}

.utility-page-wrap.error {
  padding-top: 0;
  padding-bottom: 0;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  max-width: 860px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.utility-page-form {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.protected-title {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #20262e;
  margin-bottom: 40px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 1;
}

.protected-text-field {
  border: 1px solid var(--secondary-color);
  max-width: 430px;
  height: 60px;
  color: var(--secondary-color);
  text-transform: capitalize;
  margin-bottom: 25px;
  padding-left: 25px;
  font-size: 18px;
}

.protected-text-field:focus-visible, .protected-text-field[data-wf-focus-visible] {
  border-color: var(--secondary-color);
}

.protected-bottom-star-wrap {
  position: absolute;
  inset: auto 0% 15% auto;
}

.protected-top-right-star-wrap {
  position: absolute;
  inset: 0% -10% auto auto;
}

.protected-top-star-wrap {
  position: absolute;
  inset: -20% 25% auto auto;
}

.pd-top-40 {
  padding-top: 40px;
}

.error-number {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 350px;
  line-height: 1;
}

.error-text {
  margin-bottom: 20px;
  font-size: 20px;
}

.error-section-line {
  border-bottom: 1px solid #e0e0e0;
  min-width: 100%;
  min-height: 1px;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
}

.nav-button-wrapper {
  display: none;
}

.nav-dropdown {
  display: inline-block;
}

.text-white {
  color: var(--white);
  text-shadow: 3px 2px 7px #64646482;
  align-self: auto;
  text-decoration: none;
}

.mg-0 {
  margin-bottom: 0;
}

.testimonial-slide-nav {
  font-size: 12px;
}

.home-restaurant-title-wrap {
  max-width: 480px;
}

.design-title-wrap {
  max-width: 450px;
}

.room-card-price-wrap {
  align-items: center;
  display: flex;
}

.home-restaurant-text {
  line-height: 1.5;
}

.footer-form-block {
  margin-top: 25px;
  margin-bottom: 0;
}

.text-title-color {
  color: var(--heading-color);
}

.overflow-hidden {
  overflow: hidden;
}

.room-single-image-text {
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 700;
}

.blog-single-date {
  color: var(--heading-color);
  margin-bottom: 0;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.3;
}

.licenses-content {
  line-height: 1.4;
}

.changelog-title-wrap {
  position: relative;
}

.dark-nav-line {
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
}

.heading-color-bg {
  background-color: var(--heading-color);
}

.testimonial-nav {
  font-size: 12px;
}

.success-message {
  background-color: var(--primary-color);
  color: var(--white);
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
}

.error-message {
  text-align: center;
  margin-top: 20px;
  padding: 20px;
  font-size: 18px;
  font-weight: 500;
}

.blog-author-social-link {
  background-color: var(--secondary-color);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  transition-property: transform;
  display: flex;
}

.blog-author-social-link:hover {
  transform: translate(0, -2px);
}

.more-template-badge {
  z-index: 999;
  margin-bottom: 10px;
  position: fixed;
  inset: auto 0% 30px auto;
}

.buy-template-badge {
  z-index: 999;
  position: fixed;
  inset: auto 0% 5px auto;
}

.get-a-quote-button {
  background-image: linear-gradient(to right, #ff774c, #8277ff);
  border-radius: 3px;
  text-decoration: none;
}

.hireus-content {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.hireus-orange-button {
  color: #0b0b0b;
  background-color: #ff774c;
  border-radius: 3px;
  padding: 6px 8px 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.hireus-badge {
  z-index: 999;
  background-image: linear-gradient(to right, #ff774c, #8277ff);
  border-radius: 8px;
  width: 300px;
  display: inline-block;
  position: fixed;
  inset: auto auto 8px 5px;
}

.hireus-button-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.get-a-quote-button-wrap {
  color: #fff;
  background-color: #0b0b0b;
  border-radius: 3px;
  margin: 1px;
  padding: 6px 8px 5px;
  font-size: 13px;
  font-weight: 700;
}

.hireus-link {
  color: #fff;
  margin-left: 2px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
}

.hireus-close-wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hireus-badge-wrap {
  background-color: #0b0b0b;
  border-radius: 8px;
  margin: 2px;
  padding: 12px 16px 14px 12px;
  position: relative;
}

.room-tab-wrap {
  margin-top: -57px;
}

.room-title-button-area {
  z-index: 2;
  justify-content: flex-end;
  max-width: 230px;
  margin-left: auto;
  display: flex;
  position: relative;
}

.white-button {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #151819;
  text-align: center;
  background-color: #c49e7b;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
}

.text-block {
  color: #fff;
  font-weight: 400;
}

.nav-link-2 {
  color: #fff;
  margin-right: 5px;
  padding: 9px 15px 8px;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
}

.nav-link-2:hover {
  color: #20262e;
  background-color: #fff;
}

.nav-link-2.w--current {
  color: #c49e7b;
  background-color: #fff;
}

.button-primary-icon-2 {
  color: #c49e7b;
  min-width: 15px;
  max-width: 15px;
  min-height: 15px;
  max-height: 15px;
}

.black-button-2 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  background-color: #c49e7b;
  border: 2px #151819;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: .9;
  text-decoration: none;
  display: flex;
}

.black-button-copy {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border: 2px solid var(--secondary-color);
  background-color: var(--secondary-color);
  color: var(--white);
  text-align: center;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: .9;
  text-decoration: none;
  display: flex;
}

.italic-text {
  font-size: 32px;
  font-weight: 400;
}

.paragraph {
  color: var(--content-color);
  margin-bottom: 40px;
}

.h1 {
  color: var(--content-color);
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.heading {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 48px;
  font-weight: 300;
}

.text-block-2 {
  color: #fdfeff;
}

.text-block-3 {
  font-size: 16px;
}

.collection-item {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  height: 400px;
  margin-top: 0;
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.collection-item-2 {
  flex-flow: row;
  height: 450px;
  margin-bottom: 0;
  display: block;
}

.text-block-4 {
  color: var(--white);
  font-family: Cormorant Garamond, sans-serif;
  font-size: 28px;
  font-weight: 700;
}

.text-block-5 {
  box-sizing: border-box;
  height: auto;
  color: var(--light-background);
  object-fit: contain;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 200;
}

.cell, .cell-2, .cell-3 {
  justify-content: center;
  align-items: center;
}

.paragraph-2 {
  color: var(--white);
  margin-left: 20px;
  margin-right: 220px;
  font-weight: 300;
}

.image, .image-2, .image-3 {
  border-radius: 80px;
  width: 150px;
  height: 150px;
}

.heading-2 {
  color: var(--white);
  align-self: center;
  margin-bottom: 60px;
  margin-right: 20px;
  padding-left: 20px;
}

.rich-text-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--white);
  background-color: #3131318a;
  flex-flow: column;
  align-self: auto;
  margin: 60px 40px 40px;
  padding: 20px 40px;
  display: block;
}

.collection-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.room-collection-item-copy {
  padding-left: 10px;
  padding-right: 10px;
}

.collection-list-wrapper-2 {
  display: block;
}

.paragraph-3 {
  color: var(--light-golden);
}

.quick-stack {
  margin-bottom: 100px;
}

.paragraph-4 {
  color: var(--primary-golden-brown);
  font-family: Avenirnextcyr, sans-serif;
}

.image-4 {
  width: 80px;
}

.paragraph-5, .paragraph-6, .paragraph-7, .paragraph-8, .paragraph-9 {
  color: var(--primary-golden-brown);
}

.italic-text-2 {
  color: var(--secondary-color);
  font-family: Avenirnextcyr, sans-serif;
  font-size: 28px;
  font-weight: 300;
}

.paragraph-10 {
  float: none;
  color: var(--white);
  text-align: center;
}

.section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-3 {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}

.cell-4 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.cell-5 {
  justify-content: flex-start;
  align-items: center;
}

.italic-text-3 {
  color: var(--secondary-color);
  font-style: normal;
}

.paragraph-11 {
  color: var(--heading-color);
  font-weight: 400;
}

.paragraph-12 {
  color: var(--heading-color);
  font-style: normal;
}

.italic-text-4 {
  color: var(--content-color);
  margin-left: 20px;
  margin-right: 20px;
  display: block;
}

.uui-heroheader15_card-image-05 {
  z-index: 5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(65%, 79%)rotate(150deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_card-image-04 {
  z-index: 4;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(38%, 33%)rotate(120deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_card-image-03 {
  z-index: 3;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(0, 16%)rotate(90deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_card-image-02 {
  z-index: 2;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(-38%, 33%)rotate(60deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_card-image-01 {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(112deg, #ffffff80, #fff0);
  border: 1px solid #ffffff80;
  border-radius: 1.25rem;
  width: 35rem;
  position: absolute;
  transform: translate(-65%, 79%)rotate(30deg);
  box-shadow: 1px 1px 25px 12px #0000000d;
}

.uui-heroheader15_image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28rem;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--primary600);
  background-color: var(--untitled-ui--primary600);
  color: var(--untitled-ui--white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui--primary700);
  background-color: var(--untitled-ui--primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui--primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}

.uui-button.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.uui-button-icon.is-icon-large {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.is-button-large {
  grid-column-gap: .75rem;
  padding: 1rem 1.75rem;
  font-size: 1.125rem;
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row.button-row-center {
  justify-content: center;
}

.uui-button-row.is-reverse-mobile-landscape.z-index-1 {
  z-index: 1;
}

.uui-space-large {
  width: 100%;
  min-height: 3rem;
}

.uui-text-size-xlarge {
  color: var(--untitled-ui--gray600);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.uui-text-size-xlarge.text-color-primary200 {
  color: var(--primary-golden-brown);
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center, .align-center-2 {
  margin-left: auto;
  margin-right: auto;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-xlarge {
  color: var(--untitled-ui--gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.uui-heading-xlarge.text-color-white {
  color: var(--untitled-ui--white);
}

.uui-heroheader15_subheading {
  color: var(--untitled-ui--primary200);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-text-align-center {
  text-align: center;
  align-self: center;
  display: block;
}

.uui-heroheader15_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-space-xhuge {
  width: 100%;
  min-height: 7rem;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  background-image: url('../images/alchemyrefiner_alchemymagic_3_d01e5bb0-0145-4d55-8c56-4ab906665f80_0.jpg');
  background-position: 0 0;
  background-size: cover;
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-section_heroheader15 {
  background-color: var(--untitled-ui--primary800);
  overflow: hidden;
}

.uui-heroheader15_image-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28rem;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.uui-page-padding-2 {
  background-image: url('../images/6W1A9422-1.jpg');
  background-position: 0 0;
  background-size: cover;
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-heroheader24_image-background {
  background-color: var(--untitled-ui--gray100);
  background-image: url('../images/alegria-4.jpeg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% auto;
}

.uui-heroheader24_image {
  z-index: 1;
  background-image: url(/images/background-image.svg);
  background-position: 0 0;
  background-size: auto;
  border-radius: 0;
  width: auto;
  max-width: 333.359px;
  max-height: none;
  position: static;
  inset: auto auto 0%;
}

.uui-heroheader24_image-wrapper {
  z-index: 0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 30rem;
  min-height: 30rem;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.uui-heroheader24_component {
  margin-left: 20px;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-page-padding-3 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.background-color-white {
  background-color: var(--untitled-ui--white);
}

.text-span {
  color: var(--light-golden);
  font-size: 24px;
  font-weight: 300;
}

.paragraph-13 {
  text-align: center;
}

.paragraph-14 {
  color: var(--light-background);
  margin-top: 20px;
}

.image-5 {
  border-radius: 80px;
  width: 150px;
  min-width: 100px;
  height: 150px;
  min-height: 100px;
}

.paragraph-15 {
  color: var(--secondary-color);
  -webkit-text-stroke-color: var(--secondary-color);
}

.paragraph-16, .paragraph-17, .paragraph-18, .paragraph-19 {
  color: var(--secondary-color);
}

.navbar {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  background-color: #ddd0;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: fixed;
}

.heading-4, .heading-5, .heading-6 {
  margin-bottom: 40px;
}

.heading-7, .heading-8 {
  margin-bottom: 20px;
}

.paragraph-20 {
  color: var(--primary-golden-brown);
}

.paragraph-21 {
  color: var(--heading-color);
  text-align: center;
  letter-spacing: .02em;
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
  font-family: Avenirnextcyr, sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4;
}

.div-block, .div-block-2 {
  text-align: center;
}

.collection-list-2 {
  flex-flow: wrap;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.paragraph-22 {
  font-family: Avenirnextcyr, sans-serif;
  font-size: 16px;
  display: block;
}

.rich-text-block-2 {
  color: var(--light-golden);
  background-color: #00000042;
  order: 0;
  justify-content: center;
  align-items: flex-end;
  margin-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.new-heading {
  color: var(--heading-color);
  text-align: center;
  letter-spacing: .02em;
  margin-bottom: 40px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 64px;
  font-weight: 500;
  display: block;
}

.new-heading.text-white {
  color: var(--white);
  text-align: center;
  margin-left: 20px;
  font-size: 64px;
}

.new-heading.heading-2.title-small {
  font-size: 20px;
}

.new-heading.heading-2.title-small.mid-align {
  color: var(--primary-golden-brown);
  margin-top: 40px;
  padding-left: 0;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.new-heading.new-para.new-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  -webkit-text-stroke-color: var(--primary-color);
  background-color: #e0e0e0b0;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.new-heading.new-ph-heading {
  font-size: 48px;
}

.new-heading.middle {
  text-align: center;
  font-size: 50px;
  font-weight: 700;
}

.new-heading.middle.text-white {
  margin-left: 0;
}

.new-heading.title-small {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 28px;
}

.new-para {
  color: var(--heading-color);
  text-align: justify;
  letter-spacing: .02em;
  margin: 20px 40px 100px;
  font-family: Avenirnextcyr, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.new-para.text-white {
  color: var(--light-background);
  text-align: left;
  margin-left: 0;
}

.new-para.text-white.mid-align {
  text-align: center;
  background-color: #1518194d;
  border-radius: 0;
  margin-top: 0;
  margin-right: 0;
  padding: 40px 60px;
  font-size: 32px;
}

.new-para.new-para-card {
  text-align: justify;
  flex-flow: column;
  order: 0;
  margin: 30px 10px 20px 0;
  font-style: normal;
  display: flex;
}

.new-para.new-para-card.asset-card {
  margin-top: 20px;
}

.new-para.date {
  font-size: 16px;
}

.new-para.date.mid-align {
  margin-bottom: 40px;
}

.new-para.new-para-5 {
  font-size: 16px;
}

.new-para.new-para-5.align-center {
  text-align: center;
}

.cell-6 {
  justify-content: flex-start;
  align-items: center;
}

.heading-9 {
  text-align: center;
  margin-bottom: 60px;
  font-family: Avenirnextcyr, sans-serif;
  font-weight: 300;
}

.image-6 {
  background-color: #fff0;
  width: 400px;
  height: 400px;
}

.heading-10 {
  text-align: center;
}

.paragraph-23 {
  text-align: center;
  font-family: Avenirnextcyr, sans-serif;
  font-style: normal;
}

.italic-text-5 {
  font-style: normal;
}

.heading-11 {
  text-align: center;
  margin-top: 40px;
}

.section-2 {
  margin-top: 0;
  margin-bottom: 15px;
}

.heading-12 {
  color: var(--primary-golden-brown);
}

.link {
  color: var(--primary-color);
  font-family: Avenirnextcyr, sans-serif;
}

.quick-stack-3 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.cell-8 {
  flex-flow: row;
  display: flex;
}

.cell-9 {
  display: block;
}

.cell-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.cell-11 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.quick-stack-4 {
  margin-top: 40px;
}

.heading-13 {
  font-size: 64px;
}

.paragraph-24 {
  color: var(--white);
}

.collection-list-wrapper-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.div-block-3 {
  display: block;
}

.code-embed {
  margin-bottom: 60px;
}

.background-video-2 {
  height: 700px;
  margin-top: 100px;
}

.youtube {
  margin-top: 100px;
}

.text-block-6 {
  font-family: Avenirnextcyr, sans-serif;
  font-size: 14px;
}

.dropdown-link {
  font-family: Avenirnextcyr, sans-serif;
}

.bold-text {
  font-size: 14px;
  font-weight: 300;
}

.dropdown-link-2, .dropdown-link-3 {
  font-family: Avenirnextcyr, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.dropdown-link-3:lang(en) {
  background-color: var(--primary-golden-brown);
}

.dropdown-link-4 {
  font-family: Avenirnextcyr, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.dropdown-toggle {
  padding: 9px 40px 8px 15px;
  display: block;
}

.cell-12, .cell-13, .cell-14 {
  flex-flow: row;
}

.image-7, .image-8, .image-9 {
  margin-right: 40px;
}

.quick-stack-5, .quick-stack-6 {
  padding-top: 0;
  padding-left: 0;
}

.quick-stack-7 {
  padding-top: 0;
}

.cell-15 {
  flex-flow: column;
}

.image-10 {
  display: inline-block;
}

.collection-list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
}

.heading-17 {
  color: var(--secondary-color);
  margin-top: 20px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 28px;
  font-weight: 300;
}

.block-quote {
  background-color: #15181900;
  margin-top: 60px;
}

.mid-align {
  text-align: center;
  margin-top: 140px;
  margin-left: 40px;
  margin-right: 40px;
  font-family: Avenirnextcyr, sans-serif;
  font-weight: 200;
}

.section-3 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.new-button {
  background-color: var(--white);
  color: var(--primary-golden-brown);
  font-family: Avenirnextcyr, sans-serif;
  font-size: 24px;
  font-weight: 400;
  text-decoration: underline;
}

.new-button:hover {
  color: var(--heading-color);
}

.image-11 {
  color: var(--primary-golden-brown);
}

.cell-17 {
  justify-content: flex-end;
  align-items: flex-end;
}

.quick-stack-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  max-width: 100%;
  margin-top: 140px;
}

.cell-18 {
  justify-content: center;
  align-items: flex-end;
}

.image-12 {
  order: 0;
}

.button {
  border: 1px solid var(--primary-golden-brown);
  background-color: var(--white);
  color: var(--primary-golden-brown);
  border-radius: 6px;
  order: 0;
  justify-content: flex-start;
  align-self: baseline;
  align-items: center;
  display: flex;
}

.button:hover {
  background-color: var(--primary-golden-brown);
  color: var(--light-background);
}

.cell-19 {
  justify-content: flex-end;
  align-items: flex-end;
}

.cell-20 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  justify-content: flex-end;
  align-items: flex-end;
}

.image-13 {
  text-align: center;
  width: 600px;
  display: block;
}

.quick-stack-9 {
  margin-top: 60px;
}

.cell-21 {
  justify-content: center;
  align-items: center;
}

.cell-22 {
  justify-content: center;
  align-items: flex-start;
  padding-left: 50px;
}

.cell-23 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
}

.cell-24, .cell-25, .cell-26 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
}

.bold-text-2 {
  color: var(--primary-golden-brown);
  text-align: left;
}

.bold-text-3, .bold-text-4, .bold-text-5 {
  color: var(--primary-golden-brown);
  text-align: center;
}

.image-14, .image-15, .image-16, .image-17 {
  width: 50px;
}

.footer-dark-zh {
  background-color: var(--bg-light-golden);
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: relative;
}

.container {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.footer-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 120px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  justify-items: stretch;
  display: grid;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-block.left-align {
  justify-content: flex-start;
  align-items: flex-start;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.title-small.new-heading {
  padding-left: 0;
  padding-right: 0;
}

.title-small.new-heading.middle {
  text-align: center;
}

.footer-link-2 {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.footer-link-2:hover {
  color: #1a1b1fbf;
}

.footer-link-2.new-para {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

.section-4 {
  text-align: center;
}

.image-18 {
  width: 50px;
}

.section-5, .section-6, .section-7 {
  text-align: center;
}

.cell-27, .cell-28, .cell-29, .cell-30, .cell-31 {
  justify-content: flex-start;
  align-items: center;
}

.cell-32 {
  justify-content: flex-start;
  align-items: flex-start;
}

.text-block-7 {
  align-self: flex-start;
}

.cell-33 {
  line-height: 1.3;
}

.heading-18 {
  padding-left: 19px;
}

.quick-stack-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.list {
  list-style-type: none;
}

.cell-34 {
  align-items: flex-end;
  display: flex;
}

.cell-35 {
  padding-left: 50px;
}

.quick-stack-11 {
  padding-left: 45px;
  padding-right: 40px;
}

.code-embed-2 {
  object-fit: fill;
  width: 100%;
}

.lake-room-image-2 {
  vertical-align: top;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: sticky;
  top: 50px;
  overflow: clip;
}

.new-para-2 {
  color: #20262e;
  text-align: left;
  letter-spacing: .02em;
  margin: 20px 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

.new-para-2.new-para-card {
  text-align: justify;
  flex-flow: column;
  order: 0;
  margin: 30px 10px 20px 0;
  font-style: normal;
  display: flex;
}

.container-regular-2 {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  min-height: 0;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: static;
  overflow: visible;
}

.lake-room-grid-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .57fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  place-items: start stretch;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-grid;
  position: relative;
}

.lake-room-section-2 {
  padding-top: 40px;
  overflow: visible;
}

.new-heading-2 {
  color: #20262e;
  text-align: center;
  letter-spacing: .02em;
  margin-bottom: 40px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 35px;
  font-weight: 500;
  display: block;
}

.new-heading-2.new-ph-heading {
  font-size: 48px;
}

.lake-room-image-wrap-2 {
  margin-bottom: 35px;
  position: sticky;
  top: 50px;
}

.lake-room-card-2 {
  background-color: #f5f5f5;
  margin-bottom: 33px;
  padding: 55px 70px 65px 60px;
  transition: background-color .2s;
}

.lake-room-card-2:hover {
  background-color: #ffeddc6e;
}

.lake-room-title-2 {
  color: #20262e;
  margin-bottom: 5px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 35px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.lake-room-title-2:hover {
  color: #c49e7b;
  -webkit-text-stroke-color: #c49e7b;
}

.lake-room-title-2.new-heading {
  font-size: 35px;
  font-weight: 700;
}

.new-para-3 {
  color: #20262e;
  text-align: left;
  letter-spacing: .02em;
  margin: 20px 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

.new-para-3.new-para-card {
  text-align: justify;
  flex-flow: column;
  order: 0;
  margin: 30px 10px 20px 0;
  font-style: normal;
  display: flex;
}

.cta-button-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  pointer-events: auto;
  color: #151819;
  text-align: center;
  text-shadow: none;
  background-color: #c49e7b;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 40px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
  position: static;
}

.cta-button-2:hover {
  color: #c49e7b;
  background-color: #fff;
}

.new-para-4 {
  color: var(--heading-color);
  text-align: left;
  letter-spacing: .02em;
  margin: 20px 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
}

.new-para-4.text-white {
  color: #f5f5f5;
  text-align: left;
  margin-left: 0;
}

.new-para-4.text-white.mid-align {
  text-align: center;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 40px 60px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 32px;
}

.new-para-4.small {
  font-size: 16px;
}

.new-para-4.small:hover {
  color: var(--primary-golden-brown);
}

.customer-feedback-section-2 {
  background-image: url('../images/511706257.jpg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 600px;
  margin-bottom: 0;
  padding-top: 130px;
  padding-bottom: 400px;
}

.cta-button-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  pointer-events: auto;
  color: #151819;
  text-align: center;
  text-shadow: none;
  background-color: #c49e7b;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 40px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  display: flex;
  position: static;
}

.cta-button-3:hover {
  color: #c49e7b;
  background-color: #fff;
}

.cta-button-3.white-bg {
  background-color: #fff;
}

.suite-infinite-wrapper-2 {
  margin-top: 40px;
  margin-bottom: 40px;
  overflow: hidden;
}

.suite-infinite-wrap-2 {
  flex-flow: row;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
}

.suite-wrap-2 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.suite-card-2 {
  z-index: 0;
  min-width: 650px;
  margin-right: 30px;
  position: relative;
}

.suite-content-wrap-2 {
  background-color: #f5f5f5e6;
  max-width: 350px;
  padding-top: 5px;
  padding-left: 5px;
  position: absolute;
  inset: auto auto 5% 4%;
}

.section-title-2 {
  margin-top: 0;
  margin-bottom: 5px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Avenirnextcyr Demi, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.1;
}

.paragraph-25 {
  text-align: center;
  margin-bottom: 10px;
}

.room-tab-link-2 {
  color: #20262e;
  text-align: center;
  background-color: #0000;
  border-radius: 34px;
  padding: 10px 20px;
  font-family: Alegreya Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}

.room-tab-link-2.w--current {
  color: #3d88e1;
  background-color: #f2f2f2;
}

.room-collection-item-2 {
  padding-left: 10px;
  padding-right: 10px;
}

.team-slider {
  background-color: #fff;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.team-slider-wrapper {
  background-color: #0000;
  height: auto;
  margin-top: 50px;
}

.team-slide-wrapper {
  width: 30%;
  margin-right: 5%;
}

.team-block {
  -webkit-backdrop-filter: sepia();
  backdrop-filter: sepia();
  background-color: #fcfcfc;
  padding-bottom: 24px;
}

.team-member-image-two {
  margin-bottom: 18px;
  display: block;
}

.team-block-info {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.team-member-name-two {
  margin-bottom: 12px;
  font-weight: 600;
}

.team-member-text {
  margin-bottom: 20px;
}

.text-link-arrow {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.text-link-arrow:hover {
  color: var(--primary-golden-brown);
}

.arrow-embed {
  margin-left: 2px;
  display: flex;
}

.team-slider-arrow {
  display: none;
}

.team-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  position: static;
  bottom: -60px;
}

.lake-room-image-3 {
  vertical-align: top;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: sticky;
  top: 50px;
}

.new-para-5 {
  color: #20262e;
  text-align: left;
  letter-spacing: .02em;
  margin: 20px 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
}

.new-para-5.new-para-card {
  text-align: justify;
  flex-flow: column;
  order: 0;
  margin: 30px 10px 20px 0;
  font-style: normal;
  display: flex;
}

.lake-room-title-wrap-2 {
  max-width: 600px;
  margin-bottom: 50px;
}

.container-regular-3 {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  min-height: 0;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: static;
  overflow: visible;
}

.lake-room-grid-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .57fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  place-items: start stretch;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
  position: relative;
}

.lake-room-section-3 {
  padding-top: 40px;
  overflow: visible;
}

.new-heading-3 {
  color: #20262e;
  text-align: center;
  letter-spacing: .02em;
  margin-bottom: 40px;
  font-family: Cormorant Garamond, sans-serif;
  font-size: 35px;
  font-weight: 500;
  display: block;
}

.new-heading-3.new-ph-heading {
  font-size: 48px;
}

.lake-room-image-wrap-3 {
  margin-bottom: 35px;
  position: sticky;
  top: 50px;
}

.paragraph-26 {
  text-align: justify;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 16px;
}

.quick-stack-12 {
  padding-left: 0;
}

.collection-item-3 {
  padding: 20px 20px 20px 40px;
}

.collection-item-3:hover {
  background-color: var(--bg-light-golden);
}

.heading-20 {
  margin-bottom: 20px;
}

.button-2 {
  background-color: var(--primary-golden-brown);
  padding: 20px 40px;
  font-family: Avenirnextcyr, sans-serif;
}

.button-2:hover {
  background-color: var(--bg-light-golden);
  color: var(--primary-golden-brown);
}

.collection-item-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  vertical-align: baseline;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  justify-items: stretch;
  margin-right: 20px;
  display: block;
}

.button-3 {
  background-color: var(--primary-golden-brown);
}

.button-3:hover {
  background-color: var(--bg-light-golden);
  color: var(--primary-golden-brown);
}

.collection-list-wrapper-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.collection-list-4 {
  display: flex;
}

.new-para-6 {
  color: #20262e;
  text-align: justify;
  letter-spacing: .02em;
  margin: 20px 40px 100px;
  font-family: Avenirnextcyr, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.new-para-6.new-para-5 {
  font-size: 16px;
}

.new-para-6.new-para-5.align-center {
  text-align: center;
}

.team-member-image-two-2 {
  margin-bottom: 18px;
}

.new-para-7 {
  color: #20262e;
  text-align: left;
  letter-spacing: .02em;
  margin: 20px 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
}

.new-para-7.small {
  font-size: 16px;
}

.new-para-7.small:hover {
  color: #c49e7b;
}

.text-link-arrow-2 {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.text-link-arrow-2:hover {
  color: #c49e7b;
}

.switch-wrapper {
  margin-left: 20px;
}

.dropdown-toggle-2 {
  background-color: #0000;
  transition: background-color .2s, color .2s;
}

.nav-link-3 {
  color: #fff;
  margin-right: 5px;
  padding: 9px 15px 8px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
}

.nav-link-3:hover {
  color: #20262e;
  background-color: #fff;
}

.nav-link-3.w--current {
  color: #fff;
  background-color: #c49e7b;
}

.nav-link-4 {
  color: #151819;
  margin-right: 5px;
  padding: 9px 15px 8px;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s, color .2s;
}

.nav-link-4:hover {
  color: #20262e;
  background-color: #fff;
}

.nav-link-4.w--current {
  color: #fff;
  background-color: #c49e7b;
}

.text-block-8 {
  color: var(--heading-color);
  -webkit-text-stroke-color: var(--secondary-color);
  font-family: Avenirnextcyr, sans-serif;
  font-size: 14px;
  transition: color .2s;
}

.icon-2 {
  color: var(--heading-color);
  text-align: left;
  margin-left: 0;
  inset: 0% 0% 0% auto;
}

.new-para-8 {
  color: #20262e;
  text-align: justify;
  letter-spacing: .02em;
  margin: 20px 40px 100px;
  font-family: Avenirnextcyr, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.new-para-8.new-para-5 {
  font-size: 16px;
}

.new-para-8.new-para-5.align-center {
  text-align: center;
}

.new-para-9 {
  color: #20262e;
  text-align: left;
  letter-spacing: .02em;
  margin: 20px 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Avenirnextcyr, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
}

.new-para-9.small {
  font-size: 16px;
}

.new-para-9.small:hover {
  color: #c49e7b;
}

.text-link-arrow-3 {
  color: #1a1b1f;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.text-link-arrow-3:hover {
  color: #c49e7b;
}

.dropdown-list.w--open, .dropdown-link-5 {
  display: block;
}

.dropdown-link-6 {
  font-family: Avenirnextcyr, sans-serif;
}

@media screen and (min-width: 1280px) {
  .nav-wrap {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-flow: wrap;
    justify-content: space-between;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .nav-left-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-right: 60px;
  }

  .container-regular {
    text-align: center;
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-grid {
    grid-template-columns: 1fr .9fr .6fr 1.2fr;
  }

  .footer-widget-block {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .footer-instagram-wrap {
    min-width: 30%;
    max-width: 30%;
  }

  .advertise-section {
    padding-top: 115px;
    padding-bottom: 150px;
  }

  .advertise-text {
    font-size: 50px;
  }

  .home-room-section {
    padding-bottom: 150px;
  }

  .availability-wrap {
    margin-bottom: 150px;
    padding: 100px 95px;
  }

  .section-title {
    color: var(--white);
  }

  .section-title.dark-text {
    color: var(--heading-color);
    margin-bottom: 40px;
  }

  .room-title-text-wrap {
    max-width: 95%;
  }

  .room-card {
    margin-left: 0;
    padding-left: 0;
  }

  .room-content-wrap {
    margin-top: 30px;
  }

  .room-collection-item {
    margin-right: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .dark-text.new-para.new-para-5 {
    padding-right: 0;
  }

  .facility-section {
    padding-top: 160px;
    padding-bottom: 180px;
  }

  .facility-card-title.new-heading.new-subheading-1.new-subheading-2 {
    text-align: center;
  }

  .customer-feedback-section {
    background-image: url('../images/boutique-villa-ocean-view-canggu-bali-three-bedroom.webp');
    padding-top: 130px;
    padding-bottom: 550px;
  }

  .lake-room-section {
    padding-top: 160px;
  }

  .lake-room-grid {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
  }

  .marquee-text {
    font-size: 280px;
  }

  .testimonial-mask {
    max-width: 800px;
    overflow: visible;
  }

  .testimonial-slide {
    margin-right: 45px;
  }

  .gallery-section {
    padding-top: 170px;
    padding-bottom: 160px;
  }

  .banner-section {
    background-image: url('../images/ombak-dua-villa-three-bedroom-cemangi.jpg');
    padding-top: 40px;
    padding-bottom: 230px;
  }

  .banner-section.blog-single {
    height: 775px;
  }

  .room-section {
    padding-top: 150px;
  }

  .room-section.room {
    padding-left: 40px;
  }

  .discover-star-wrap {
    bottom: -30%;
    left: -5%;
  }

  .restaurant-card-title {
    font-size: 40px;
  }

  .amenities-left-arrow {
    right: 20%;
  }

  .amenities-right-arrow {
    right: 11%;
  }

  .faq-image-wrap {
    left: auto;
  }

  .faq-text-wrap {
    left: 0;
  }

  .faq-big-star-wrap {
    left: -40px;
  }

  .faq-small-star-wrap {
    bottom: -93px;
    left: -35px;
  }

  .faq-top-star-wrap {
    left: 90px;
  }

  .faq-top-right-star-wrap {
    top: -110px;
    right: 80px;
  }

  .page-contact-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .page-contact-grid {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .page-contact-title {
    text-align: left;
    font-size: 150px;
  }

  .page-contact-link-wrap {
    text-align: left;
  }

  .page-contact-form-block {
    padding: 50px 80px;
  }

  .contact-input-field:hover {
    color: var(--primary-golden-brown);
  }

  .testimonial-section {
    padding-top: 180px;
    padding-bottom: 150px;
  }

  .room-single-details-wrap {
    flex-flow: column;
    padding-left: 20px;
  }

  .service-card-title {
    font-size: 38px;
  }

  .events-listing-wrap {
    padding-top: 80px;
  }

  .event-listing-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .event-listing-card {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .event-section {
    padding-top: 150px;
    padding-bottom: 100px;
  }

  .event-left-arrow {
    left: 40px;
  }

  .event-right-arrow {
    right: 40px;
  }

  .blog-feature-card {
    flex-wrap: nowrap;
  }

  .blog-feature-image-wrap {
    max-width: 650px;
  }

  .blog-feature-content-wrap {
    max-width: 460px;
  }

  .blog-single-section {
    padding-bottom: 100px;
  }

  .blog-single-title {
    font-size: 70px;
  }

  .contact-whole-wrap {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-wrap: nowrap;
  }

  .contact-wrap {
    min-width: 575px;
    max-width: 50%;
  }

  .contact-title {
    margin-left: -30px;
    font-size: 130px;
  }

  .licenses-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .changelog-bottom-star-wrap {
    bottom: 10%;
    left: -10%;
  }

  .changelog-middle-star-wrap {
    top: 20%;
    left: -30%;
  }

  .changelog-top-star-wrap {
    top: -40%;
    left: -15%;
  }

  .home-restaurant-title-wrap {
    max-width: 450px;
  }

  .contact-form:hover {
    -webkit-text-stroke-color: var(--primary-golden-brown);
  }

  .white-button {
    background-color: #c49e7b;
  }

  .text-block {
    color: #fff;
  }

  .nav-link-2 {
    color: #fff;
    vertical-align: baseline;
  }

  .black-button-2 {
    background-color: #c49e7b;
    border-color: #c49e7b;
  }

  .paragraph-2 {
    color: var(--white);
    -webkit-text-stroke-color: var(--white);
    font-weight: 300;
  }

  .image {
    border: 1px #000;
    border-radius: 80px;
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    overflow: clip;
  }

  .image-2 {
    border-radius: 80px;
    width: 150px;
    height: 150px;
  }

  .room-collection-item-copy {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar {
    grid-column-gap: 68px;
    grid-row-gap: 68px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: none;
  }

  .collection-list-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    margin-left: 40px;
    padding-left: 60px;
    padding-right: 0;
    display: flex;
  }

  .quick-stack-8 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: none;
  }

  .image-12 {
    aspect-ratio: 2.39;
    object-fit: cover;
    margin-top: 100px;
  }

  .footer-content {
    grid-column-gap: 140px;
  }

  .new-para-2 {
    margin-right: 0;
    padding-left: 0;
    padding-right: 40px;
  }

  .container-regular-2 {
    text-align: center;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .lake-room-grid-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .lake-room-section-2 {
    padding-top: 40px;
  }

  .new-para-3, .new-para-4 {
    margin-right: 0;
    padding-left: 0;
    padding-right: 40px;
  }

  .customer-feedback-section-2 {
    background-image: url('../images/511706257.jpg');
    padding-top: 130px;
    padding-bottom: 550px;
  }

  .suite-wrap-2 {
    flex-flow: row;
  }

  .suite-content-wrap-2 {
    top: auto;
    left: 3%;
  }

  .section-title-2 {
    font-family: Cormorant Garamond, sans-serif;
    font-size: 35px;
    font-weight: 700;
  }

  .room-collection-item-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .centered-subheading {
    font-family: Avenirnextcyr, sans-serif;
  }

  .team-member-image-two {
    width: 282px;
    height: 180px;
    line-height: 1;
  }

  .new-para-5 {
    margin-right: 0;
    padding-left: 0;
    padding-right: 40px;
  }

  .container-regular-3 {
    text-align: center;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .lake-room-grid-3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .lake-room-section-3 {
    padding-top: 40px;
  }

  .collection-item-4 {
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-member-image-two-2 {
    width: 282px;
    height: 282px;
    line-height: 1;
  }

  .new-para-7, .new-para-9 {
    margin-right: 0;
    padding-left: 0;
    padding-right: 40px;
  }
}

@media screen and (min-width: 1440px) {
  .lake-room-title-wrap {
    text-align: left;
    max-width: 100%;
    margin-bottom: 40px;
  }

  .marquee-text {
    font-size: 310px;
  }

  .banner-section {
    float: none;
    clear: none;
  }

  .banner-section.about {
    padding-bottom: 308px;
  }

  .design-section {
    padding-bottom: 131px;
  }

  .faq-grid {
    grid-template-columns: 1fr 1.3fr;
  }

  .faq-image-wrap {
    margin-left: -10%;
    left: -10%;
  }

  .faq-question {
    clear: none;
    font-size: 30px;
  }

  .faq-text-wrap {
    left: -73px;
  }

  .faq-big-star-wrap {
    left: -119px;
  }

  .faq-small-star-wrap {
    bottom: -95px;
    left: -116px;
  }

  .events-listing-wrap {
    padding-top: 100px;
  }

  .event-listing-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .event-listing-text {
    font-size: 40px;
  }

  .contact-title {
    margin-left: -100px;
    font-size: 140px;
  }

  .white-button {
    background-color: #c49e7b;
  }

  .text-block {
    color: #fff;
  }

  .quick-stack-10 {
    grid-column-gap: 24px;
    grid-row-gap: 27px;
  }

  .quick-stack-11 {
    padding-left: 140px;
    padding-right: 140px;
  }

  .new-heading-2.new-ph-heading {
    text-align: left;
  }

  .team-member-image-two {
    height: 180px;
  }

  .collection-item-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

  .button-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .collection-list-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: space-between;
    align-items: baseline;
    display: block;
  }
}

@media screen and (min-width: 1920px) {
  .marquee-text {
    font-size: 340px;
  }

  .gallery-marquee-wrap {
    justify-content: space-between;
    display: inline-flex;
  }

  .banner-section {
    max-height: 775px;
  }

  .banner-section.about {
    max-height: 900px;
    padding-bottom: 423px;
  }

  .container-large {
    padding-left: 0;
    padding-right: 0;
  }

  .amenities-left-arrow {
    bottom: 7%;
  }

  .amenities-right-arrow {
    bottom: 7%;
    right: 15%;
  }

  .amenities-slide-nav {
    top: 350px;
    left: -50px;
  }

  .faq-image-wrap {
    min-width: 100%;
    left: -76%;
  }

  .event-listing-card {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .event-listing-text {
    font-size: 45px;
  }

  .contact-title {
    margin-left: -200px;
    font-size: 150px;
  }

  .footer-content {
    grid-column-gap: 200px;
  }

  .new-para-2 {
    font-weight: 400;
  }

  .lake-room-grid-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: .57fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .lake-room-section-2 {
    padding-top: 40px;
  }

  .new-para-3, .new-para-4 {
    font-weight: 400;
  }

  .suite-wrap-2 {
    flex-flow: row;
  }

  .section-title-2 {
    background-color: #f5f5f5e6;
    padding-left: 6px;
    padding-right: 6px;
  }

  .new-para-5 {
    font-weight: 400;
  }

  .lake-room-grid-3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .lake-room-section-3 {
    padding-top: 40px;
  }

  .new-para-7, .new-para-9 {
    font-weight: 400;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 44px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 34px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 24px;
  }

  blockquote {
    font-size: 26px;
  }

  .home-banner-section {
    min-height: auto;
    padding-bottom: 200px;
  }

  .banner-content-wrap {
    margin-top: 140px;
  }

  .banner-content-wrap.contact {
    margin-top: 100px;
  }

  .banner-title {
    margin-top: 10px;
    font-size: 100px;
    line-height: 1;
  }

  .nav-wrap {
    grid-column-gap: 300px;
    grid-row-gap: 300px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    display: flex;
  }

  .nav-link:hover {
    color: var(--primary-golden-brown);
    background-color: #f5f5f500;
  }

  .nav-link.nav-dropdown {
    justify-content: flex-start;
  }

  .nav-left-line {
    display: none;
  }

  .nav-dropdown-list.w--open {
    box-shadow: none;
    padding-top: 0;
    position: relative;
  }

  .nav-dropdown-link:hover {
    color: var(--primary-color);
  }

  .nav-button-wrap {
    display: none;
  }

  .style-guide-section {
    padding-top: 120px;
  }

  .container-regular {
    border: 1px #000;
  }

  .style-guide-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .title-text {
    font-size: 110px;
  }

  .footer-top-block {
    flex-wrap: wrap;
  }

  .nav-bar-logo {
    display: block;
  }

  .primary-button.available-button {
    min-width: auto;
  }

  .footer-grid {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-widget-block {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: flex-start;
  }

  .footer-widget-wrapper {
    padding-left: 0;
  }

  .advertise-section {
    padding-bottom: 120px;
  }

  .advertise-text {
    font-size: 44px;
  }

  .home-room-section {
    padding-bottom: 90px;
  }

  .availability-wrap {
    margin-bottom: 120px;
    padding: 60px 40px;
  }

  .availability-form {
    flex-wrap: wrap;
  }

  .availability-text-field {
    min-width: 46%;
    max-width: 46%;
  }

  .section-title {
    text-align: center;
    font-size: 36px;
  }

  .room-form {
    max-width: 70%;
  }

  .room-card {
    margin-bottom: 50px;
  }

  .room-card-title {
    font-size: 24px;
  }

  .room-card-title.large {
    font-size: 32px;
  }

  .room-card-price.large {
    font-size: 24px;
  }

  .room-collection-item {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .room-card-details-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .room-card-details.large {
    font-size: 22px;
  }

  .facility-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .facility-grid {
    grid-template-columns: 1fr 1fr;
    margin-left: 20px;
    margin-right: 20px;
  }

  .facility-card-title {
    font-size: 28px;
  }

  .customer-feedback-section {
    height: auto;
    padding-bottom: 220px;
  }

  .lake-room-section {
    padding-top: 120px;
  }

  .lake-room-grid {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .lake-room-image-wrap {
    max-height: 750px;
  }

  .lake-room-card {
    padding-right: 60px;
  }

  .lake-room-title {
    font-size: 32px;
  }

  .marquee-text {
    font-size: 170px;
  }

  .marquee-star-wrap {
    bottom: 0%;
  }

  .marquee-star-wrap.top-left {
    top: 10%;
  }

  .marquee-star-wrap.top-right {
    display: none;
  }

  .marquee-star-wrap.bottom-right {
    bottom: -4%;
  }

  .home-testimonial-section {
    padding-bottom: 120px;
  }

  .gallery-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .gallery-title {
    font-size: 70px;
  }

  .banner-section {
    padding-top: 40px;
    padding-bottom: 200px;
  }

  .banner-section.blog {
    max-height: none;
  }

  .banner-section.blog-single {
    height: 600px;
  }

  .design-section {
    padding-bottom: 120px;
  }

  .design-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .design-image-wrap {
    max-width: none;
  }

  .design-content-wrap {
    max-width: none;
    position: static;
  }

  .design-image {
    width: 768px;
    height: auto;
    display: inline-block;
  }

  .room-section {
    padding-top: 120px;
  }

  .discover-title {
    font-size: 75px;
  }

  .discover-star-wrap {
    left: 0%;
  }

  .discover-star-wrap.top-right {
    top: -16%;
  }

  .discover-star-wrap.right-bottom {
    bottom: -25%;
    right: 5%;
  }

  .discover-image-wrap {
    margin-top: 60px;
  }

  .restaurant-grid {
    grid-template-columns: 1fr 1fr;
  }

  .restaurant-card-title {
    font-size: 34px;
  }

  .amenities-left-arrow {
    bottom: 1%;
    right: 14%;
  }

  .amenities-right-arrow {
    bottom: 1%;
    right: 3%;
  }

  .amenities-slide-nav {
    top: 405px;
  }

  .team-section {
    padding-top: 120px;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .team-name {
    font-size: 34px;
  }

  .faq-section {
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 120px;
  }

  .faq-grid {
    grid-template-columns: 1fr;
  }

  .faq-image {
    width: 100%;
  }

  .faq-image-wrap {
    min-width: 100%;
    position: static;
  }

  .faq-question {
    font-size: 34px;
  }

  .faq-text-wrap {
    left: 170px;
  }

  .faq-big-star-wrap {
    inset: -173px auto auto 28%;
  }

  .faq-small-star-wrap {
    inset: 30px auto auto 110px;
  }

  .faq-top-star-wrap {
    top: -85px;
    left: 25px;
  }

  .faq-top-right-star-wrap {
    top: -153px;
    right: 31%;
  }

  .page-contact-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .page-contact-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .page-contact-title {
    font-size: 100px;
  }

  .page-contact-form-block {
    padding: 50px 80px;
  }

  .resort-section {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .testimonial-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .testimonial-title-wrap {
    max-width: 78%;
  }

  .room-single-section {
    padding-bottom: 120px;
  }

  .room-single-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    align-items: center;
    width: auto;
  }

  .room-single-content-wrap {
    max-width: 100%;
    min-height: 0;
  }

  .room-single-details-wrap {
    width: 100%;
    min-width: 300px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .room-single-image-text-wrap {
    margin-top: 40px;
    font-size: 30px;
  }

  .room-feature-whole-wrap {
    width: 550%;
  }

  .services-section {
    padding-bottom: 120px;
  }

  .service-content-wrap {
    padding: 20px 30px;
  }

  .service-card-title {
    font-size: 30px;
  }

  .service-team-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .event-listing-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .event-listing-text {
    font-size: 36px;
  }

  .event-section {
    padding-top: 120px;
  }

  .event-slide-title, .event-card-title {
    font-size: 34px;
  }

  .event-single-whole-wrap {
    margin-top: -110px;
    margin-bottom: 100px;
  }

  .blog-feature-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
  }

  .blog-feature-image-wrap {
    max-width: none;
  }

  .blog-date-large {
    font-size: 28px;
  }

  .blog-title {
    font-size: 24px;
  }

  .blog-title.feature {
    font-size: 34px;
  }

  .blog-feature-content-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    max-width: none;
  }

  .blog-author-name.feature {
    font-size: 28px;
  }

  .blog-card {
    min-height: auto;
  }

  .blog-collection-item {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-single-block {
    margin-top: -110px;
    padding-top: 60px;
  }

  .blog-single-title {
    font-size: 58px;
  }

  .contact-whole-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-wrap: wrap;
  }

  .contact-link-area {
    flex-wrap: wrap;
  }

  .contact-wrap {
    min-width: auto;
    max-width: 55%;
  }

  .contact-title {
    margin-left: 0;
    font-size: 120px;
  }

  .contact-bg-wrap {
    min-width: 40%;
    max-width: 40%;
  }

  .contact-title-wrap {
    margin-bottom: 70px;
  }

  .contact-form-block {
    max-width: 100%;
  }

  .licenses-section {
    padding-bottom: 120px;
  }

  .licenses-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .licenses-subtitle {
    font-size: 50px;
  }

  .licenses-page-text, .licenses-link {
    font-size: 34px;
  }

  .changelog-section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .changelog-title {
    font-size: 120px;
  }

  .changelog-text-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .changelog-bottom-star-wrap {
    left: 0%;
  }

  .changelog-middle-star-wrap {
    left: -5%;
  }

  .changelog-top-star-wrap {
    left: 0%;
  }

  .utility-page-wrap {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .protected-title {
    margin-bottom: 30px;
    font-size: 80px;
  }

  .protected-text-field {
    margin-bottom: 20px;
  }

  .protected-bottom-star-wrap {
    bottom: -10%;
    right: 11%;
  }

  .protected-top-right-star-wrap {
    right: 3%;
  }

  .error-number {
    font-size: 320px;
  }

  .error-section-line {
    margin-top: 120px;
  }

  .nav-button-wrapper {
    margin-top: 10px;
    display: flex;
  }

  .nav-dropdown {
    display: block;
  }

  .nav-menu {
    background-color: var(--white);
    padding: 35px;
  }

  .nav-menu-button {
    border: 1px solid var(--primary-golden-brown);
    color: var(--primary-golden-brown);
    background-color: #15181900;
    border-radius: 10px;
    padding: 18px;
  }

  .nav-menu-button.w--open {
    background-color: var(--white);
    color: var(--primary-golden-brown);
    border-style: none;
  }

  .design-title-wrap {
    max-width: 100%;
  }

  .resort-empty-wrap {
    display: none;
  }

  .room-single-image-text {
    font-size: 34px;
  }

  .blog-single-date {
    font-size: 30px;
  }

  .hireus-badge {
    display: none;
  }

  .icon {
    -webkit-text-stroke-color: #c49e7b;
  }

  .nav-link-2:hover {
    color: #3ba7da;
    background-color: #f5f5f500;
  }

  .nav-menu-button-2 {
    color: #c49e7b;
    background-color: #462f0438;
    border: 1px #151819;
    border-radius: 10px;
    padding: 18px;
  }

  .nav-menu-button-2.w--open {
    color: #151819;
    background-color: #fff;
  }

  .nav-menu-2 {
    background-color: #fff;
    padding: 35px;
  }

  .room-collection-item-copy {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .uui-heroheader15_card-image-05, .uui-heroheader15_card-image-04, .uui-heroheader15_card-image-03, .uui-heroheader15_card-image-02, .uui-heroheader15_card-image-01 {
    width: 32rem;
  }

  .uui-space-large {
    min-height: 2.5rem;
  }

  .uui-heading-xlarge {
    font-size: 3.25rem;
  }

  .uui-space-xhuge {
    min-height: 6rem;
  }

  .uui-heroheader24_image-background {
    border-radius: 0;
    width: 100vw;
    min-width: 100vw;
  }

  .uui-heroheader24_image {
    width: 110vw;
    min-width: 110vw;
    max-width: none;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-section_heroheader24 {
    overflow: hidden;
  }

  .navbar {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .paragraph-21 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .new-para.new-para-card {
    width: auto;
    margin-right: 0;
  }

  .quick-stack-2 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .paragraph-23 {
    font-weight: 700;
  }

  .cell-7 {
    text-align: left;
    flex-flow: row;
    display: block;
  }

  .collection-list-wrapper-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cell-16 {
    display: flex;
  }

  .heading-14, .heading-15, .heading-16 {
    margin-top: 0;
  }

  .container {
    max-width: 728px;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .lake-room-image-2 {
    width: 300px;
    height: auto;
    display: block;
  }

  .new-para-2.new-para-card {
    width: auto;
    margin-right: 0;
  }

  .container-regular-2 {
    border: 1px #000;
  }

  .lake-room-grid-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    place-items: start stretch;
  }

  .lake-room-section-2 {
    padding-top: 120px;
  }

  .lake-room-image-wrap-2 {
    max-height: 750px;
  }

  .lake-room-card-2 {
    padding-right: 60px;
  }

  .lake-room-title-2 {
    font-size: 32px;
  }

  .new-para-3.new-para-card {
    width: auto;
    margin-right: 0;
  }

  .customer-feedback-section-2 {
    height: auto;
    padding-bottom: 220px;
  }

  .section-title-2 {
    font-size: 36px;
  }

  .room-collection-item-2 {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-2 {
    max-width: 728px;
  }

  .team-slide-wrapper {
    width: 47%;
    margin-right: 6%;
  }

  .new-para-5.new-para-card {
    width: auto;
    margin-right: 0;
  }

  .container-regular-3 {
    border: 1px #000;
  }

  .lake-room-grid-3 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .lake-room-section-3 {
    padding-top: 120px;
  }

  .lake-room-image-wrap-3 {
    max-height: 750px;
  }

  .nav-link-3:hover, .nav-link-4:hover {
    color: #c49e7b;
    background-color: #f5f5f500;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 26px;
  }

  h5 {
    font-size: 22px;
  }

  p {
    font-size: 18px;
  }

  blockquote {
    font-size: 24px;
  }

  .home-banner-section {
    padding-bottom: 150px;
  }

  .banner-content-wrap {
    margin-top: 120px;
  }

  .banner-subtitle {
    font-size: 14px;
  }

  .banner-title {
    margin-top: 10px;
    font-size: 80px;
  }

  .nav-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    vertical-align: text-top;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    padding-bottom: 0;
    display: flex;
  }

  .nav-right-wrap {
    display: flex;
  }

  .style-guide-section {
    padding-top: 100px;
  }

  .container-regular {
    display: block;
  }

  .style-guide-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .title-text {
    font-size: 70px;
  }

  .footer-section {
    padding-top: 100px;
  }

  .footer-logo-wrap {
    margin-bottom: 20px;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .banner-button-wrap {
    margin-top: 10px;
  }

  .advertise-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .advertise-text {
    font-size: 32px;
  }

  .home-room-section {
    padding-bottom: 70px;
  }

  .availability-wrap {
    margin-bottom: 100px;
    padding: 30px;
  }

  .availability-form {
    justify-content: center;
  }

  .availability-text-field {
    min-width: 44%;
    max-width: 44%;
  }

  .room-title-wrap {
    margin-bottom: 120px;
  }

  .section-title {
    text-align: center;
    font-size: 32px;
  }

  .room-form {
    max-width: 80%;
  }

  .room-tab-menu {
    justify-content: center;
    margin-bottom: 120px;
  }

  .room-title-button-wrap {
    justify-content: center;
  }

  .room-tab {
    margin-top: -130px;
  }

  .room-card {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .room-collection-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .suite-card {
    min-width: 450px;
  }

  .home-restaurant-wrap {
    flex-direction: column;
  }

  .home-restaurant-image-wrap {
    width: 100%;
  }

  .home-restaurant-content-wrap {
    max-width: 100%;
    margin-bottom: 80px;
    margin-left: 24px;
  }

  .facility-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .facility-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .facility-card-title {
    font-size: 26px;
  }

  .customer-feedback-section {
    padding-top: 80px;
    padding-bottom: 140px;
  }

  .lake-room-section {
    padding-top: 100px;
  }

  .lake-room-image-wrap {
    max-height: 750px;
  }

  .lake-room-image {
    width: 100%;
    display: block;
  }

  .lake-room-title-wrap {
    max-width: 550px;
  }

  .lake-room-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .lake-room-title {
    font-size: 28px;
  }

  .marquee-text {
    font-size: 120px;
  }

  .marquee-star-wrap {
    bottom: -10%;
    left: 6%;
  }

  .marquee-star-wrap.bottom-right {
    display: none;
  }

  .home-testimonial-section {
    padding-bottom: 100px;
  }

  .testimonial-mask, .testimonial-slide {
    max-width: 100%;
  }

  .testimonial-left-arrow {
    inset: auto 25% 0% 0%;
  }

  .testimonial-right-arrow {
    inset: auto 0% 0% 25%;
  }

  .gallery-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .gallery-title {
    font-size: 60px;
  }

  .gallery-marquee-wrap {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .gallery-image-wrap {
    min-width: 150px;
  }

  .banner-section {
    padding-bottom: 160px;
  }

  .banner-section.blog-single {
    height: 520px;
  }

  .design-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .design-content-wrap {
    padding: 50px 40px;
  }

  .room-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .room-section.room {
    padding-top: 180px;
  }

  .discover-section {
    padding-bottom: 80px;
  }

  .discover-title {
    font-size: 55px;
  }

  .discover-star-wrap.right-bottom {
    bottom: -40px;
    right: 0%;
  }

  .discover-image-wrap {
    margin-top: 50px;
  }

  .restaurant-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .restaurant-grid {
    grid-template-columns: 1fr;
  }

  .restaurant-card {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .restaurant-card-title {
    font-size: 32px;
  }

  .amenities-section {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    background-position: 0 100%;
    flex-direction: column;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .amenities-slide-wrap {
    min-width: 100%;
    position: relative;
    left: 24px;
  }

  .amenities-slider {
    padding-bottom: 50px;
  }

  .amenities-left-arrow {
    bottom: 3%;
    right: 20%;
  }

  .amenities-right-arrow {
    bottom: 3%;
    right: 10%;
  }

  .team-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .team-grid {
    grid-template-columns: 1fr;
  }

  .team-card {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }

  .team-image-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .team-name {
    font-size: 30px;
  }

  .faq-section {
    padding-bottom: 100px;
  }

  .faq-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .faq-answer-wrap {
    padding-right: 20px;
  }

  .faq-question {
    font-size: 30px;
  }

  .faq-text-wrap {
    top: -100px;
    left: 60px;
  }

  .faq-text {
    font-size: 120px;
  }

  .faq-big-star-wrap {
    top: -150px;
  }

  .faq-top-star-wrap {
    left: 20px;
  }

  .faq-top-right-star-wrap {
    top: -130px;
  }

  .page-contact-section {
    background-position: 100% 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .page-contact-title {
    font-size: 76px;
  }

  .page-contact-form-block {
    padding-left: 50px;
    padding-right: 50px;
  }

  .contact-field-label {
    font-size: 18px;
  }

  .resort-section {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .resort-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .testimonial-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .testimonial-section.dark {
    padding-bottom: 100px;
  }

  .testimonial-title-wrap {
    max-width: 100%;
  }

  .room-single-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .room-single-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    width: auto;
  }

  .room-single-content-wrap {
    max-width: 100%;
  }

  .room-single-details-wrap {
    width: 100%;
    padding: 30px 50px;
    position: static;
  }

  .room-single-image-text-wrap {
    margin-top: 30px;
    font-size: 24px;
  }

  .room-feature-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .room-feature-text {
    padding-right: 40px;
  }

  .services-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .service-content-wrap {
    padding-bottom: 10px;
  }

  .service-card-title {
    font-size: 26px;
  }

  .service-team-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .event-listing-grid {
    grid-template-columns: 1fr 1fr;
  }

  .event-listing-text {
    font-size: 34px;
  }

  .event-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .event-left-arrow, .event-right-arrow {
    top: -120px;
  }

  .event-slide-content-wrap {
    min-width: auto;
    max-width: none;
    padding: 20px 25px;
    position: static;
    right: 3%;
  }

  .event-slide-title {
    font-size: 28px;
  }

  .event-slide-button-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
  }

  .event-collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .event-content-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .event-card-title {
    font-size: 28px;
  }

  .event-single-section {
    padding-bottom: 60px;
  }

  .event-single-whole-wrap {
    margin-bottom: 80px;
  }

  .blog-section {
    padding-top: 100px;
  }

  .blog-feature-card {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .blog-date-large {
    font-size: 26px;
  }

  .blog-title.feature {
    font-size: 30px;
  }

  .blog-author-name.feature {
    font-size: 26px;
  }

  .blog-collection-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-single-block {
    padding-top: 40px;
  }

  .blog-single-title {
    font-size: 40px;
  }

  .contact-break-line {
    display: none;
  }

  .contact-wrap {
    max-width: 100%;
    margin-top: 100px;
    padding-right: 0;
  }

  .contact-title {
    font-size: 70px;
  }

  .contact-bg-wrap {
    min-width: 100%;
    max-width: 100%;
    max-height: 25%;
  }

  .contact-title-wrap {
    margin-bottom: 60px;
  }

  .licenses-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .licenses-subtitle {
    font-size: 40px;
  }

  .licenses-page-text, .licenses-link {
    font-size: 30px;
  }

  .licenses-section-line {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .changelog-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .changelog-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .changelog-title {
    font-size: 90px;
  }

  .changelog-text-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .changelog-bottom-star-wrap {
    left: 3%;
  }

  .changelog-middle-star-wrap {
    left: -1%;
  }

  .utility-page-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .protected-title {
    margin-bottom: 20px;
    font-size: 60px;
  }

  .protected-text-field {
    margin-bottom: 15px;
  }

  .error-number {
    font-size: 250px;
  }

  .error-section-line {
    margin-top: 100px;
  }

  .nav-menu-button {
    color: var(--primary-golden-brown);
    padding: 16px;
  }

  .testimonial-slide-nav {
    display: none;
  }

  .room-single-image-text {
    font-size: 30px;
  }

  .blog-single-date {
    font-size: 28px;
  }

  .hireus-content {
    margin-bottom: 7px;
    line-height: 1.3;
  }

  .hireus-orange-button, .get-a-quote-button-wrap {
    font-size: 12px;
  }

  .hireus-badge-wrap {
    padding: 10px 12px;
  }

  .room-tab-wrap {
    margin-top: -130px;
  }

  .room-title-button-area {
    justify-content: center;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-menu-button-2 {
    padding: 16px;
  }

  .room-collection-item-copy {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-heroheader15_card-image-05, .uui-heroheader15_card-image-04, .uui-heroheader15_card-image-03, .uui-heroheader15_card-image-02, .uui-heroheader15_card-image-01 {
    border-radius: .75rem;
    width: 24rem;
  }

  .uui-heroheader15_image-wrapper {
    height: 22rem;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui--primary600);
    background-color: var(--untitled-ui--primary600);
  }

  .uui-button.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-button-icon.is-icon-large {
    width: 1.25rem;
    height: 1.25rem;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .uui-button-secondary-gray.is-button-large {
    grid-column-gap: .5rem;
    padding: .75rem 1.25rem;
    font-size: 1rem;
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.button-row-center.is-reverse-mobile-landscape, .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-space-large {
    min-height: 2rem;
  }

  .uui-text-size-xlarge {
    font-size: 1.125rem;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-heading-xlarge {
    font-size: 2.25rem;
  }

  .uui-space-xhuge {
    min-height: 4rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heroheader15_image-wrapper-2 {
    height: 22rem;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heroheader24_image {
    width: 44rem;
    min-width: 44rem;
  }

  .uui-heroheader24_image-wrapper {
    border-radius: 0;
    width: 100vw;
    height: 20rem;
    min-height: 20rem;
    margin-left: -5vw;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
  }

  .new-para.text-white.mid-align {
    color: var(--white);
    background-color: #00000047;
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
  }

  .new-para.new-para-card {
    width: auto;
  }

  .heading-10 {
    text-align: center;
  }

  .cell-22 {
    padding-left: 10px;
  }

  .footer-dark-zh {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .footer-block {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-link-2:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .cell-35 {
    padding-left: 10px;
  }

  .lake-room-image-2 {
    width: 100%;
    display: block;
  }

  .new-para-2.new-para-card {
    width: auto;
  }

  .container-regular-2 {
    display: block;
  }

  .lake-room-section-2 {
    padding-top: 100px;
  }

  .lake-room-image-wrap-2 {
    max-height: 750px;
  }

  .lake-room-card-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .lake-room-title-2 {
    font-size: 28px;
  }

  .new-para-3.new-para-card {
    width: auto;
  }

  .new-para-4.text-white.mid-align {
    color: #fff;
    background-color: #00000047;
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
  }

  .customer-feedback-section-2 {
    padding-top: 80px;
    padding-bottom: 140px;
  }

  .suite-card-2 {
    min-width: 450px;
  }

  .section-title-2 {
    font-size: 32px;
  }

  .room-collection-item-2 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .team-slider {
    padding: 60px 15px;
  }

  .lake-room-image-3 {
    width: 100%;
    display: block;
  }

  .new-para-5.new-para-card {
    width: auto;
  }

  .lake-room-title-wrap-2 {
    max-width: 550px;
  }

  .container-regular-3 {
    display: block;
  }

  .lake-room-section-3 {
    padding-top: 100px;
  }

  .lake-room-image-wrap-3 {
    max-height: 750px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 34px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  p, li {
    font-size: 16px;
  }

  blockquote {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 22px;
  }

  .home-banner-section {
    padding-bottom: 140px;
  }

  .banner-content-wrap {
    margin-top: 100px;
  }

  .banner-content-wrap.contact {
    flex-flow: column;
    margin-top: 90px;
    display: flex;
  }

  .banner-subtitle-wrap {
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }

  .banner-title {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 60px;
    margin-right: 60px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 40px;
    display: flex;
  }

  .navigation-bar {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .nav-wrap {
    grid-column-gap: 61px;
    grid-row-gap: 61px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-right-wrap {
    display: flex;
  }

  .nav-link:hover {
    color: var(--primary-golden-brown);
    -webkit-text-stroke-color: var(--primary-golden-brown);
  }

  .cta-button {
    font-size: 16px;
  }

  .nav-button-wrap {
    color: var(--primary-golden-brown);
  }

  .style-guide-section {
    padding-top: 80px;
  }

  .container-regular {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .color-box-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .color-card {
    width: auto;
  }

  .title-text {
    font-size: 50px;
  }

  .black-button, .grey-button {
    font-size: 16px;
  }

  .footer-section {
    padding-top: 80px;
  }

  .footer-top-block {
    margin-bottom: 40px;
    padding-bottom: 30px;
  }

  .footer-newsletter-wrap {
    width: 1005px;
  }

  .footer-form {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-text-field {
    width: auto;
    height: 55px;
  }

  .primary-button {
    height: 55px;
    padding-top: 17px;
    font-size: 16px;
  }

  .footer-contact-block {
    padding: 25px 20px;
  }

  .footer-contact-link, .footer-link {
    font-size: 18px;
  }

  .footer-button {
    font-size: 16px;
  }

  .footer-instagram-area {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer-instagram-wrap {
    min-width: 29%;
    max-width: 29%;
  }

  .advertise-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .advertise-text {
    font-size: 26px;
  }

  .advertise-text.mg-0 {
    font-family: Avenirnextcyr, sans-serif;
    font-size: 16px;
    font-weight: 300;
  }

  .home-room-section {
    padding-bottom: 50px;
  }

  .availability-wrap {
    margin-bottom: 80px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .availability-text-field {
    min-width: 100%;
    max-width: 100%;
  }

  .room-title-wrap {
    margin-bottom: 230px;
  }

  .section-title {
    text-align: center;
    font-size: 28px;
  }

  .room-form {
    max-width: 100%;
  }

  .room-tab-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .room-tab-link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
  }

  .room-tab {
    margin-top: -230px;
  }

  .room-card {
    width: auto;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .room-card-title {
    font-size: 22px;
  }

  .room-card-title.large {
    font-size: 28px;
  }

  .room-card-price {
    font-size: 20px;
  }

  .room-card-price.large {
    font-size: 22px;
  }

  .room-card-button {
    font-size: 16px;
  }

  .room-card-details-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin: 8%;
  }

  .room-card-details.large {
    font-size: 20px;
  }

  .room-card-details.room-card-details-wrap.cta-button {
    margin-bottom: 0%;
  }

  .suite-card {
    min-width: 300px;
  }

  .home-restaurant-content-wrap {
    margin-bottom: 80px;
  }

  .facility-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .facility-grid {
    grid-template-columns: 1fr;
  }

  .facility-card-title {
    font-size: 24px;
  }

  .facility-card-title.new-heading.new-subheading-1.new-subheading-2 {
    text-align: center;
  }

  .customer-feedback-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .lake-room-section {
    padding-top: 80px;
  }

  .lake-room-image-wrap {
    max-height: 450px;
  }

  .lake-room-title-wrap {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .lake-room-card {
    padding: 20px;
  }

  .lake-room-title {
    font-size: 24px;
  }

  .marquee-text {
    font-size: 80px;
  }

  .marquee-star-wrap {
    inset: -23% auto auto 7%;
  }

  .marquee-star-wrap.top-left {
    top: -14%;
    left: 65%;
  }

  .home-testimonial-section {
    padding-bottom: 80px;
  }

  .testimonial-mask, .testimonial-slide {
    max-width: 100%;
  }

  .testimonial-left-arrow {
    right: 35%;
  }

  .testimonial-right-arrow {
    left: 35%;
  }

  .gallery-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .gallery-title {
    font-size: 50px;
  }

  .gallery-marquee {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    display: inline-flex;
  }

  .gallery-marquee-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .gallery-image-wrap {
    min-width: 100px;
  }

  .gallery-button-wrap {
    flex-direction: column;
    align-items: stretch;
  }

  .transparent-button {
    font-size: 16px;
  }

  .banner-section {
    padding-bottom: 120px;
  }

  .banner-section.blog-single {
    height: 455px;
  }

  .design-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .design-content-wrap {
    padding: 25px 20px;
  }

  .design-button-wrap {
    flex-direction: column;
    display: flex;
  }

  .design-button {
    font-size: 16px;
  }

  .room-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .room-section.room {
    flex-flow: row;
    margin-top: 60px;
    margin-right: 10px;
    padding-top: 250px;
    padding-left: 0;
  }

  .discover-section {
    padding-bottom: 70px;
  }

  .discover-title {
    font-size: 34px;
  }

  .discover-star-wrap {
    bottom: -40px;
  }

  .discover-star-wrap.top-right {
    top: -30px;
  }

  .restaurant-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .restaurant-card-title {
    font-size: 26px;
  }

  .amenities-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .amenities-slider {
    padding-left: 20px;
  }

  .amenities-left-arrow {
    right: 24%;
  }

  .amenities-right-arrow {
    right: 10%;
  }

  .amenities-mask {
    max-width: 250px;
  }

  .amenities-slide-nav {
    top: 340px;
    left: -172px;
  }

  .team-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .team-content-wrap {
    margin-bottom: 5%;
    margin-left: 6%;
    margin-right: 6%;
    padding-top: 15px;
  }

  .team-name {
    font-size: 26px;
  }

  .faq-section {
    padding-top: 10px;
    padding-bottom: 80px;
  }

  .faq-answer-wrap {
    padding-right: 0;
  }

  .faq-question {
    font-size: 26px;
    line-height: 1.1;
  }

  .faq-text-wrap {
    top: -75px;
    left: 40px;
  }

  .faq-text {
    font-size: 90px;
  }

  .faq-big-star-wrap {
    left: 13%;
  }

  .faq-small-star-wrap {
    left: 80px;
  }

  .faq-top-star-wrap {
    left: 0;
  }

  .faq-top-right-star-wrap {
    right: 45%;
  }

  .page-contact-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .page-contact-title {
    font-size: 56px;
  }

  .page-contact-link-title {
    font-size: 24px;
  }

  .page-contact-text, .page-contact-link {
    font-size: 22px;
  }

  .page-contact-form-block {
    padding: 40px 20px;
  }

  .contact-field-label {
    font-size: 16px;
  }

  .contact-input-field {
    height: 55px;
    font-size: 16px;
  }

  .contact-text-field {
    min-height: 100px;
    margin-bottom: 30px;
  }

  .contact-button {
    height: 55px;
    font-size: 16px;
  }

  .resort-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .resort-wrap {
    padding: 25px;
  }

  .testimonial-section, .testimonial-section.dark, .room-single-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .room-single-wrap {
    width: auto;
  }

  .room-single-details-wrap {
    min-width: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .room-single-image-text-wrap {
    margin-top: 20px;
    padding: 10px 29px 10px 15px;
    font-size: 20px;
  }

  .room-feature-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .room-feature-whole-wrap {
    width: 700%;
  }

  .room-feature-text {
    padding-right: 20px;
    font-size: 18px;
  }

  .services-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .service-content-wrap {
    padding: 20px;
  }

  .advertise-dark-section {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .service-card-title {
    font-size: 22px;
  }

  .service-team-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .event-listing-grid {
    grid-template-columns: 1fr;
  }

  .event-listing-empty-block {
    display: none;
  }

  .event-listing-text {
    font-size: 30px;
  }

  .event-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .event-left-arrow {
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    top: -115px;
  }

  .event-right-arrow {
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    top: -116px;
  }

  .event-slide-arrow {
    width: 15px;
  }

  .event-slide-title {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .event-content-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .event-card-title {
    font-size: 24px;
  }

  .event-single-section {
    padding-bottom: 40px;
  }

  .event-single-whole-wrap {
    margin-top: -90px;
  }

  .blog-section {
    padding-top: 80px;
    padding-bottom: 50px;
  }

  .blog-feature-card {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .blog-date-large {
    font-size: 24px;
  }

  .blog-title {
    font-size: 22px;
  }

  .blog-title.feature {
    font-size: 24px;
  }

  .blog-author-name {
    font-size: 18px;
  }

  .blog-author-name.feature {
    font-size: 24px;
  }

  .blog-bottom-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
  }

  .blog-date {
    font-size: 18px;
  }

  .blog-single-section {
    padding-bottom: 80px;
  }

  .blog-single-block {
    padding-top: 20px;
    padding-left: 7%;
    padding-right: 7%;
  }

  .blog-single-author-wrap {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
  }

  .blog-single-title {
    font-size: 32px;
  }

  .contact-whole-wrap {
    margin-top: 60px;
    padding: 40px 20px;
  }

  .contact-link-area, .contact-link-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-section {
    margin-top: -140px;
    padding-bottom: 80px;
  }

  .contact-wrap {
    padding-right: 0;
  }

  .contact-title {
    font-size: 52px;
  }

  .contact-title-wrap {
    margin-bottom: 50px;
  }

  .licenses-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .licenses-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .licenses-subtitle {
    font-size: 34px;
  }

  .licenses-page-text {
    font-size: 24px;
  }

  .licenses-link {
    font-size: 26px;
  }

  .licenses-image-link {
    font-size: 18px;
  }

  .licenses-section-line {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .changelog-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .changelog-title {
    font-size: 50px;
  }

  .changelog-text-wrap {
    padding: 10px 20px;
  }

  .changelog-text {
    font-size: 16px;
  }

  .changelog-bottom-star-wrap {
    bottom: -30%;
  }

  .utility-page-wrap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .utility-page-form {
    align-items: stretch;
  }

  .protected-title {
    margin-bottom: 15px;
    font-size: 50px;
  }

  .protected-text-field {
    margin-bottom: 10px;
  }

  .protected-bottom-star-wrap {
    bottom: -25%;
  }

  .protected-top-right-star-wrap {
    top: -9%;
  }

  .error-number {
    font-size: 180px;
  }

  .error-text {
    font-size: 18px;
  }

  .error-section-line {
    margin-top: 80px;
  }

  .nav-menu-button {
    color: var(--primary-golden-brown);
  }

  .event-listing-center-image {
    order: -1;
  }

  .room-single-image-text, .blog-single-date {
    font-size: 26px;
  }

  .contact-form, .error-page-wrap {
    flex-direction: column;
    display: flex;
  }

  .room-tab-wrap {
    margin-top: -230px;
  }

  .white-button {
    font-size: 16px;
  }

  .black-button-2 {
    color: #fff;
    background-color: #c49e7b;
    border-style: none;
    flex-flow: row;
    font-size: 16px;
  }

  .black-button-copy, .italic-text {
    font-size: 16px;
  }

  .text-block-5 {
    margin-bottom: 0;
  }

  .heading-2 {
    margin-bottom: 40px;
  }

  .paragraph-10 {
    color: var(--white);
  }

  .uui-heroheader15_card-image-05, .uui-heroheader15_card-image-04, .uui-heroheader15_card-image-03, .uui-heroheader15_card-image-02, .uui-heroheader15_card-image-01 {
    border-radius: .5rem;
    width: 14rem;
  }

  .uui-heroheader15_image-wrapper {
    box-sizing: border-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    object-fit: fill;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: flex-start;
    height: 12.75rem;
    display: block;
  }

  .uui-heading-xlarge.text-color-white {
    font-family: Avenirnextcyr, sans-serif;
    font-weight: 200;
  }

  .uui-text-align-center {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .uui-page-padding {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .uui-heroheader15_image-wrapper-2 {
    height: 12.75rem;
  }

  .uui-page-padding-2 {
    background-image: url('../images/6W1A9422-1.jpg');
    background-position: 0 0;
    background-size: cover;
  }

  .uui-heroheader24_image-background {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .navbar {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: flex-start;
    padding-right: 0;
    display: flex;
  }

  .paragraph-21 {
    text-align: justify;
  }

  .collection-list-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .new-heading {
    text-align: center;
    font-size: 24px;
  }

  .new-heading.text-white {
    text-align: center;
    font-size: 42px;
  }

  .new-heading.new-ph-heading {
    font-size: 24px;
  }

  .new-para.text-white {
    margin-right: 0;
  }

  .new-para.text-white.mid-align {
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .new-para.new-para-card {
    width: auto;
  }

  .new-para.new-para-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-6 {
    width: 300px;
    height: 300px;
  }

  .quick-stack-2 {
    box-sizing: border-box;
    object-fit: fill;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-list-wrapper-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cell-12 {
    display: block;
  }

  .quick-stack-7 {
    padding-left: 0;
  }

  .heading-14, .heading-15, .heading-16 {
    padding-top: 10px;
  }

  .button {
    align-self: center;
  }

  .image-13 {
    order: 0;
  }

  .cell-22 {
    padding-left: 0;
  }

  .container {
    max-width: none;
  }

  .footer-content {
    grid-template-columns: 1fr;
  }

  .heading-18 {
    order: 1;
    align-self: center;
    padding-left: 0;
  }

  .quick-stack-10 {
    order: 1;
  }

  .heading-19 {
    align-self: center;
  }

  .cell-35 {
    padding-left: 0;
  }

  .lake-room-image-2 {
    object-fit: scale-down;
    width: auto;
    max-width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    overflow: clip;
  }

  .new-para-2.new-para-card {
    width: auto;
  }

  .container-regular-2 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .lake-room-grid-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
  }

  .lake-room-section-2 {
    padding-top: 80px;
  }

  .new-heading-2 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
  }

  .new-heading-2.new-ph-heading {
    font-size: 24px;
  }

  .lake-room-image-wrap-2 {
    max-height: 500px;
    margin-bottom: 40px;
    position: static;
    top: 0;
  }

  .lake-room-card-2 {
    padding: 20px;
  }

  .lake-room-title-2 {
    font-size: 24px;
  }

  .new-para-3.new-para-card {
    width: auto;
  }

  .cta-button-2 {
    font-size: 16px;
  }

  .new-para-4.text-white {
    margin-right: 0;
  }

  .new-para-4.text-white.mid-align {
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .customer-feedback-section-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cta-button-3 {
    font-size: 16px;
  }

  .suite-wrap-2 {
    flex-flow: row;
  }

  .suite-card-2 {
    min-width: 300px;
  }

  .section-title-2 {
    font-size: 28px;
  }

  .room-tab-link-2 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
  }

  .container-2 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .team-slide-wrapper {
    width: 100%;
    margin-right: 0%;
  }

  .new-para-5.new-para-card {
    width: auto;
  }

  .container-regular-3 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .lake-room-grid-3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
  }

  .lake-room-section-3 {
    padding-top: 80px;
  }

  .new-heading-3 {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
  }

  .new-heading-3.new-ph-heading {
    font-size: 28px;
  }

  .lake-room-image-wrap-3 {
    position: static;
  }

  .button-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-item-4 {
    align-items: center;
    display: flex;
  }

  .collection-list-4 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: wrap;
  }

  .nav-link-3:hover, .nav-link-4:hover {
    color: #c49e7b;
    -webkit-text-stroke-color: #c49e7b;
  }
}

#w-node-f86ccb69-6074-9641-841b-cb686e051a05-c3035f39, #w-node-c7d37964-089b-3965-8697-3c306fd0a93f-c3035f39, #w-node-_3afc896a-48df-8955-8747-1dbb0b1730e3-c3035f39, #w-node-_6d39c137-d91b-c3c9-1e7b-c7d1913c411d-c3035f39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ebf64216-9c5e-be62-9e14-9c299cb77e1c-c3035f39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-ebf64216-9c5e-be62-9e14-9c299cb77e1e-c3035f39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0354bf84-78aa-d790-130e-3ee3e346b335-c3035f39 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_4a10ce87-8dcd-5d8a-9711-edecfabda62d-c3035f39, #w-node-_4a10ce87-8dcd-5d8a-9711-edecfabda63a-c3035f39, #w-node-_4a10ce87-8dcd-5d8a-9711-edecfabda64b-c3035f39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_16fb96e6-3fba-10ae-68a9-27c9f45161e5-c3035f41 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_075a92c8-7e6a-ee68-3016-f388609571f6-c3035f41 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
}

#w-node-_70da0352-3812-92b0-ae87-548af1c865a9-c3035f41, #w-node-_70da0352-3812-92b0-ae87-548af1c865b6-c3035f41, #w-node-_70da0352-3812-92b0-ae87-548af1c865c7-c3035f41, #w-node-_0d27ed54-e9e4-bc28-c901-77e53524888e-c3035f41, #w-node-_0d27ed54-e9e4-bc28-c901-77e53524889b-c3035f41, #w-node-_0d27ed54-e9e4-bc28-c901-77e5352488ac-c3035f41, #w-node-_78afbcc4-80ec-57ab-14e5-ca5ce48925b1-c3035f41, #w-node-_78afbcc4-80ec-57ab-14e5-ca5ce48925be-c3035f41, #w-node-_78afbcc4-80ec-57ab-14e5-ca5ce48925cf-c3035f41, #w-node-c5296429-44fc-e4d3-be48-124ce4222904-c3035f41, #w-node-c5296429-44fc-e4d3-be48-124ce4222911-c3035f41, #w-node-c5296429-44fc-e4d3-be48-124ce4222922-c3035f41, #w-node-_3445d534-e5b6-0c48-cae1-08cf6da05073-c3035f41, #w-node-_3445d534-e5b6-0c48-cae1-08cf6da05082-c3035f41, #w-node-_3445d534-e5b6-0c48-cae1-08cf6da05093-c3035f41, #w-node-_7d3c299c-6923-44c8-25d0-5c100accd2c9-c3035f41, #w-node-_7d3c299c-6923-44c8-25d0-5c100accd2d6-c3035f41, #w-node-_7d3c299c-6923-44c8-25d0-5c100accd2e7-c3035f41, #w-node-_4dcf68af-823c-201d-9e7d-936435e7a00a-35e79ff5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-de1fd1a8-6eaf-6238-6a15-25922dcef430-c3035f42 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_34db715e-6cb7-7568-2988-e8f157701380-c3035f42, #w-node-_34db715e-6cb7-7568-2988-e8f15770138d-c3035f42, #w-node-_34db715e-6cb7-7568-2988-e8f15770139e-c3035f42, #w-node-_6136d62b-0d91-106a-3119-1fb347b7dfa0-c3035f43, #w-node-_6136d62b-0d91-106a-3119-1fb347b7dfad-c3035f43, #w-node-_6136d62b-0d91-106a-3119-1fb347b7dfbe-c3035f43, #w-node-c8a55574-154c-049d-d079-9210ba30e0c9-ba30e0c6, #w-node-c8a55574-154c-049d-d079-9210ba30e0d7-ba30e0c6, #w-node-_2bca4e60-3015-2315-6980-f782477270cc-c3035f44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e550a3d-40c3-b01e-d974-915c8f1a3faf-c3035f44 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-a9028830-de38-ceee-11ff-7a2c039dd1b6-c3035f44 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_56f284af-552a-577a-d5ab-2670e471ede1-c3035f44, #w-node-_56f284af-552a-577a-d5ab-2670e471edee-c3035f44, #w-node-_56f284af-552a-577a-d5ab-2670e471edff-c3035f44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4fc021e0-9b80-ab92-c69c-711b448a5a33-c3035f45 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_66c87381-2bae-82e0-0600-563cea1ec5ba-c3035f45, #w-node-_66c87381-2bae-82e0-0600-563cea1ec5c7-c3035f45, #w-node-_66c87381-2bae-82e0-0600-563cea1ec5d8-c3035f45, #w-node-_0fbe7fc4-41c7-b18a-c844-a2e2c6ca555e-c3035f4b, #w-node-_0fbe7fc4-41c7-b18a-c844-a2e2c6ca556b-c3035f4b, #w-node-_0fbe7fc4-41c7-b18a-c844-a2e2c6ca557c-c3035f4b, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f36-00eddfc4, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f3d-00eddfc4, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f44-00eddfc4, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f4b-00eddfc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-00eddfc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cf-00eddfc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289e3-00eddfc4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-a5377dd0-f8d5-db55-f831-3ea312bd6be4-12bd6bdf, #w-node-a5377dd0-f8d5-db55-f831-3ea312bd6bf1-12bd6bdf, #w-node-a5377dd0-f8d5-db55-f831-3ea312bd6c02-12bd6bdf, #w-node-_4e878d21-5609-b98f-7c12-0e562461ffd6-75cbef18 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e878d21-5609-b98f-7c12-0e562461ffde-75cbef18 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bf351a75-6083-27de-edf5-7def8e9dc6a4-75cbef18 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-f0e76864 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-a6bc0f27-17f9-5a19-afe3-791bfcc7f1e6-7d1ffc64, #w-node-a6bc0f27-17f9-5a19-afe3-791bfcc7f1ee-7d1ffc64, #w-node-_3e5e01ca-92aa-3dca-05a8-b2bb243f8175-cf429410, #w-node-_3e5e01ca-92aa-3dca-05a8-b2bb243f817d-cf429410 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_908461d2-e497-71de-19a6-c1d016fa0888-bb8818ac {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f36-5d58b3c2, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f3d-5d58b3c2, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f44-5d58b3c2, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f4b-5d58b3c2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-5d58b3c2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cf-5d58b3c2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289e3-5d58b3c2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_29af660f-74df-5daf-4b28-8676cf680b2f-cf680b2a, #w-node-_29af660f-74df-5daf-4b28-8676cf680b3c-cf680b2a, #w-node-_29af660f-74df-5daf-4b28-8676cf680b4d-cf680b2a, #w-node-_3e5e01ca-92aa-3dca-05a8-b2bb243f8175-cffbb703, #w-node-_3e5e01ca-92aa-3dca-05a8-b2bb243f817d-cffbb703, #w-node-_4e878d21-5609-b98f-7c12-0e562461ffd6-efc1935e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e878d21-5609-b98f-7c12-0e562461ffde-efc1935e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bf351a75-6083-27de-edf5-7def8e9dc6a4-efc1935e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-2c2999ff {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e24d3628-acdb-2d7d-7f58-86a395f17bf4-90548e73, #w-node-e24d3628-acdb-2d7d-7f58-86a395f17bfc-90548e73 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_908461d2-e497-71de-19a6-c1d016fa0888-8cf0c80f {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f36-af714858, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f3d-af714858, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f44-af714858, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f4b-af714858 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-af714858 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cf-af714858 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289e3-af714858 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ea807e7c-ba6e-90c0-5423-93c3e639ab64-e639ab5f, #w-node-ea807e7c-ba6e-90c0-5423-93c3e639ab71-e639ab5f, #w-node-ea807e7c-ba6e-90c0-5423-93c3e639ab82-e639ab5f, #w-node-_3e5e01ca-92aa-3dca-05a8-b2bb243f8175-cdfa3a83, #w-node-_3e5e01ca-92aa-3dca-05a8-b2bb243f817d-cdfa3a83, #w-node-_4e878d21-5609-b98f-7c12-0e562461ffd6-719f099b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e878d21-5609-b98f-7c12-0e562461ffde-719f099b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bf351a75-6083-27de-edf5-7def8e9dc6a4-719f099b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-31f342e0 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9beda4e0-b5b6-9e41-5144-4ad269d400ff-da477aad, #w-node-_9beda4e0-b5b6-9e41-5144-4ad269d40107-da477aad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_908461d2-e497-71de-19a6-c1d016fa0888-a61f52c2 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f36-8a450774, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f3d-8a450774, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f44-8a450774, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f4b-8a450774 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-8a450774 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cf-8a450774 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289e3-8a450774 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_51b8e848-5ca0-561d-a50a-cfceafa1262d-afa12628, #w-node-_51b8e848-5ca0-561d-a50a-cfceafa1263a-afa12628, #w-node-_51b8e848-5ca0-561d-a50a-cfceafa1264b-afa12628, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f36-3e2bf404, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f3d-3e2bf404, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f44-3e2bf404, #w-node-_148b3b69-2fa9-cda6-9213-7a78005b7f4b-3e2bf404 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-3e2bf404 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cf-3e2bf404 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289e3-3e2bf404 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-edf5c810-c561-5039-a285-c6b071fc07a5-71fc07a0, #w-node-edf5c810-c561-5039-a285-c6b071fc07b2-71fc07a0, #w-node-edf5c810-c561-5039-a285-c6b071fc07c3-71fc07a0, #w-node-_3e5e01ca-92aa-3dca-05a8-b2bb243f8175-96cee9d3, #w-node-_3e5e01ca-92aa-3dca-05a8-b2bb243f817d-96cee9d3, #w-node-_4e878d21-5609-b98f-7c12-0e562461ffd6-d2acfbeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e878d21-5609-b98f-7c12-0e562461ffde-d2acfbeb {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bf351a75-6083-27de-edf5-7def8e9dc6a4-d2acfbeb {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-bb510ada {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b380d5cf-2684-8189-b444-70e9b88734d8-224ab4d9, #w-node-b380d5cf-2684-8189-b444-70e9b88734e0-224ab4d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_908461d2-e497-71de-19a6-c1d016fa0888-ecbb437a {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_7c0f8205-66f2-5714-a0cd-313e8f008960-25238f6f, #w-node-_7c0f8205-66f2-5714-a0cd-313e8f008968-25238f6f, #w-node-_2bca4e60-3015-2315-6980-f782477270cc-8f0edfbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e550a3d-40c3-b01e-d974-915c8f1a3faf-8f0edfbf {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-a9028830-de38-ceee-11ff-7a2c039dd1b6-8f0edfbf {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-de1fd1a8-6eaf-6238-6a15-25922dcef430-9068b8c1 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e73a8632-c4aa-8aeb-ef7d-78cf95e7f4ee-a2e5d490, #w-node-e73a8632-c4aa-8aeb-ef7d-78cf95e7f4f6-a2e5d490 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4fc021e0-9b80-ab92-c69c-711b448a5a33-63517406 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 1440px) {
  #w-node-_075a92c8-7e6a-ee68-3016-f388609571f6-c3035f41 {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4dcf68af-823c-201d-9e7d-936435e79ff8-35e79ff5 {
    grid-area: 2 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ebf64216-9c5e-be62-9e14-9c299cb77e1c-c3035f39 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_16fb96e6-3fba-10ae-68a9-27c9f45161e5-c3035f41 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-de1fd1a8-6eaf-6238-6a15-25922dcef430-c3035f42 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-00eddfc4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-f0e76864 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-5d58b3c2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-2c2999ff {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-af714858 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-31f342e0 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-8a450774, #w-node-_5516bf89-d3fa-4c41-a8fd-33bdfcd289cd-3e2bf404 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-bb510ada, #w-node-de1fd1a8-6eaf-6238-6a15-25922dcef430-9068b8c1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_16fb96e6-3fba-10ae-68a9-27c9f45161e5-c3035f41 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_16fb96e6-3fba-10ae-68a9-27c9f45161e6-c3035f41 {
    order: 1;
  }

  #w-node-_51f5c03e-6f72-d100-50d6-3c4f4b780960-c3035f41 {
    order: 3;
  }

  #w-node-_28643faa-1fa0-3692-c6be-3be6a0af6320-c3035f41 {
    order: 2;
  }

  #w-node-ae92dfd5-c36c-38c6-b23c-36e19cc5e9c0-c3035f41 {
    order: 9999;
  }

  #w-node-de1fd1a8-6eaf-6238-6a15-25922dcef430-c3035f42, #w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-f0e76864 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_908461d2-e497-71de-19a6-c1d016fa0888-bb8818ac {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-2c2999ff {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_908461d2-e497-71de-19a6-c1d016fa0888-8cf0c80f {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-31f342e0 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_908461d2-e497-71de-19a6-c1d016fa0888-a61f52c2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-cd381d7f-0f7c-1468-53c0-5c2fdccfd806-bb510ada {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_908461d2-e497-71de-19a6-c1d016fa0888-ecbb437a {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-de1fd1a8-6eaf-6238-6a15-25922dcef430-9068b8c1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
}


@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-Italic.ttf') format('truetype'), url('../fonts/AvenirNextCyr-DemiItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr Demi';
  src: url('../fonts/AvenirNextCyr-Demi.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-UltraLightIt.ttf') format('truetype'), url('../fonts/AvenirNextCyr-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-HeavyItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextcyr';
  src: url('../fonts/AvenirNextCyr-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica 587 Ebe 5 A 59211';
  src: url('../fonts/helvetica-light-587ebe5a59211.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-Oblique.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('../fonts/Helvetica-BoldOblique.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Rounded 5871 D 05 Ead 8 De';
  src: url('../fonts/helvetica-rounded-bold-5871d05ead8de.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Compressed 5871 D 14 B 6903 A';
  src: url('../fonts/helvetica-compressed-5871d14b6903a.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}