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

@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-ExtraBold.woff') format("woff"), url('../fonts/EudoxusSans-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eudoxussans;
  src: url('../fonts/EudoxusSans-ExtraLight.woff') format("woff"), url('../fonts/EudoxusSans-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

@font-face {
  font-family: Plusjakartasans;
  src: url('../fonts/PlusJakartaSans-ExtraLight.woff') format("woff"), url('../fonts/PlusJakartaSans-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plusjakartasans;
  src: url('../fonts/PlusJakartaSans-ExtraLightItalic.woff') format("woff"), url('../fonts/PlusJakartaSans-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

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

@font-face {
  font-family: Plusjakartasans;
  src: url('../fonts/PlusJakartaSans-ExtraBold.woff') format("woff"), url('../fonts/PlusJakartaSans-ExtraBold.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Plusjakartasans;
  src: url('../fonts/PlusJakartaSans-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

:root {
  --body-display: #7a797e;
  --indicator-outline: #c0c0d333;
  --grey-background: #f7f8fc;
  --black: #081c3a;
  --white-2: white;
  --bluebrolini: #001a70;
  --gigiochiaro: #c4cfda;
  --grigiochiaro: #c4cfda;
  --outline: #efeff7;
  --shaddow: #3540751a;
  --bluscuro-2: #00155e;
  --dark-outline: #e6e6f3;
  --royal-blue: #3572ff;
  --bluscuro: #1b1e24;
  --white: white;
  --grigioform: #d9e2ea;
  --teal: #32727a;
  --dodger-blue: #217dfc;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.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-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

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

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

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.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-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.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-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

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

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.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-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

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

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutcardnumber {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .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, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional, .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity {
    font-size: 16px;
  }
}

h1 {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.25em;
}

h2 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.3em;
}

h3 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.25em;
}

h4 {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

h5 {
  letter-spacing: -.01em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Eudoxussans, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

p {
  color: var(--body-display);
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 1.5em;
}

blockquote {
  border-left: 3px solid var(--indicator-outline);
  background-color: var(--grey-background);
  color: var(--body-display);
  border-radius: 0 5px 5px 0;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 18px 24px;
  font-size: 17px;
  line-height: 1.6em;
}

.body {
  color: var(--black);
  background-color: #f3f5f8;
  font-family: Inter, sans-serif;
}

.body.chisiamo {
  background-color: var(--white-2);
}

.body.lavorazioni {
  background-color: #e9edf2;
}

.background-cover {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-background-image {
  background-image: url('../images/Gruppo-di-maschere--32x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px #000;
  justify-content: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-background-image.journal-hero-background {
  background-image: url('../images/Travel004.jpeg');
}

.hero-background-image.about-intro-background {
  background-image: url('../images/Family0012.jpeg');
}

.hero-background-image.steps-background {
  background-image: url('../images/Family003.jpeg');
}

.hero-background-image.about-hero-background {
  background-image: url('../images/031.jpeg');
  background-position: 50%;
}

.hero-background-image.support-hero-background {
  background-image: url('../images/Travel002.jpeg');
}

.hero-background-image.benefit-intro-background {
  background-image: url('../images/Gruppo-di-maschere-83.jpg');
  height: 100%;
  min-height: 260px;
  position: relative;
}

.hero-background-image.benefit-intro-background.taglio {
  background-image: url('../images/Gruppo-di-maschere-106.jpg');
  min-height: 260px;
  overflow: hidden;
}

.hero-background-image.benefit-intro-background.telaio {
  background-image: url('../images/Gruppo-di-maschere-116.jpg');
}

.hero-background-image.benefit-intro-background.profili {
  background-image: url('../images/Gruppo-di-maschere-113.jpg');
}

.hero-background-image.benefit-intro-background.assemblaggio {
  background-image: url('../images/Gruppo-di-maschere-114.jpg');
}

.hero-background-image.benefit-intro-background.plissettatura {
  background-image: url('../images/Gruppo-di-maschere-115.jpg');
}

.hero-background-image.benefit-intro-background.ultrasuoni {
  background-image: url('../images/Gruppo-di-maschere-118.jpg');
}

.hero-background-image.benefit-intro-background.laser {
  background-image: url('../images/Gruppo-di-maschere-117.jpg');
}

.hero-background-image.benefit-intro-background.stampa {
  background-image: url('../images/Gruppo-di-maschere-119.jpg');
}

.hero-background-image.password-background {
  background-image: url('../images/031.jpeg');
}

.hero-background-image.immagineindustrib {
  background-image: url('../images/Gruppo-di-maschere-4.jpg');
  min-height: 300px;
  position: relative;
}

.hero-background-image.immagineindustrib._3generazionia {
  background-image: url('../images/Gruppo-di-maschere--1.jpg');
}

.hero-background-image.industriabg2 {
  background-image: url('../images/Gruppo-di-maschere--2.jpg');
  position: relative;
}

.hero-background-image.industriabg2._3generazionib {
  background-image: url('../images/Gruppo-di-maschere-4_1.jpg');
}

.hero-background-image.sbieco {
  background-image: url('../images/Gruppo-di-maschere-83.jpg');
  overflow: hidden;
}

.hero-background-image.piega {
  background-image: url('../images/Raggruppa-20504.jpg');
  position: absolute;
  overflow: hidden;
}

.hero-background-image.cucitura {
  background-image: url('../images/Raggruppa-82.jpg');
  overflow: hidden;
}

.hero-background-image.diamovita {
  background-image: url('../images/Gruppo-di-maschere-157.jpg');
  justify-content: flex-end;
}

.overlay {
  background-color: #0f13268c;
  position: absolute;
  inset: 0%;
}

.overlay.dark {
  z-index: 10;
  opacity: 0;
  -webkit-text-fill-color: inherit;
  background-color: #0f1326;
  background-clip: border-box;
  width: 100%;
  height: 100%;
  transition: all .2s;
  display: block;
  position: absolute;
}

.overlay.light {
  background-color: #0f132659;
}

.overlay.extra-light {
  background-color: #0f13260d;
}

.subtitle {
  color: var(--bluebrolini);
  letter-spacing: 7px;
  text-transform: uppercase;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 15px;
  position: relative;
  top: -1px;
  bottom: 8px;
}

.subtitle.small {
  font-size: 8px;
}

.subtitle.white {
  color: #fff;
}

.subtitle.large {
  font-size: 14px;
}

.subtitle.right {
  text-align: right;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.navbar {
  border-bottom: 1px none var(--indicator-outline);
  background-color: var(--gigiochiaro);
  justify-content: flex-start;
  width: 570px;
  height: 80px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.top-nav-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: var(--grigiochiaro);
  flex-direction: row;
  grid-template: ". . Area" minmax(80px, 80px)
  / minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: flex-start start;
  width: 570px;
  height: 80px;
  padding-right: 0;
  display: grid;
}

.left-nav {
  z-index: 25;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: relative;
}

.right-nav {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: grid;
}

.brand {
  z-index: 25;
  color: var(--black);
  letter-spacing: -.02em;
  text-transform: uppercase;
  align-items: center;
  padding-right: 24px;
  font-family: Eudoxussans, sans-serif;
  font-size: 22px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.scroll-indicator {
  z-index: 49;
  border-right: 1px solid var(--indicator-outline);
  background-color: var(--gigiochiaro);
  flex-direction: column;
  grid-template: "Area" minmax(250px, 250px)
                 "Area-2"
                 "."
                 / 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  padding-top: 80px;
  padding-bottom: 24px;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.scroll-indicator.chisiamo {
  grid-template-rows: minmax(250px, 250px);
  height: 65vh;
}

.indicator-wrapper {
  background-color: var(--indicator-outline);
  border-radius: 100px;
  flex: 1;
  width: 3px;
  margin-top: 36px;
  margin-bottom: 36px;
  overflow: hidden;
}

.indicator-fill {
  border-radius: 100px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 140px 0;
  display: flex;
  position: relative;
}

.section.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.no-top-padding {
  padding-top: 0;
}

.section.storiasezione {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #c4cfda33;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(80px, 80px) 1fr 1fr 80px;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-link {
  color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-bottom: 2px #0f132600;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

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

.grid-wrapper {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(50px, .5fr);
  grid-template-columns: minmax(80px, 1fr) minmax(1100px, 1400px) minmax(80px, 1fr);
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
  position: relative;
  overflow: visible;
}

.body-display {
  color: var(--body-display);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6em;
}

.body-display.large {
  color: var(--body-display);
  font-size: 19px;
}

.body-display.small {
  font-size: 14px;
  line-height: 1.4em;
}

.body-display.white {
  color: #fff;
}

.subtitle-wrapper {
  margin-bottom: 18px;
}

.slider-wrapper {
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.location-card-slider {
  background-color: #0000;
  flex-wrap: nowrap;
  place-content: stretch flex-start;
  align-items: center;
  height: 500px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: flex;
}

.location-mask {
  flex: 0 auto;
  order: 0;
  width: 50%;
  max-width: 800px;
  overflow: visible;
}

.location-card-wrapper {
  z-index: 10;
  color: #fff;
  border-radius: 3px;
  flex-direction: column;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 300px;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-arrow {
  z-index: 10;
  border: 1px solid var(--outline);
  background-color: #fff;
  border-radius: 100px;
  flex-flow: column;
  flex: none;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: -182px;
  display: flex;
  inset: auto auto 0% 200px;
}

.slider-arrow.right {
  inset: auto auto 0% 268px;
}

.slide-nav {
  z-index: 10;
  opacity: 0;
  display: block;
}

.nav-menu {
  z-index: 40;
  justify-content: center;
  max-width: 450px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
}

.indicator {
  background-color: #d2d2e0;
  border-radius: 100px;
  width: 100%;
  height: 20%;
}

.nav-button {
  z-index: 10;
  border: 1px solid var(--indicator-outline);
  color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #fff0;
  border-radius: 3px;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 11px;
  text-decoration: none;
  position: relative;
}

.location-slide {
  margin-right: 20px;
}

.hover-link {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 11px;
  text-decoration: none;
  display: flex;
}

.grey-cover {
  background-color: var(--grey-background);
  margin-left: 80px;
  position: relative;
  overflow: hidden;
}

.card-arrow {
  border-style: none none solid solid;
  border-width: 1px;
  border-color: var(--indicator-outline);
  background-color: #fff;
  border-bottom-left-radius: 3px;
  width: 24px;
  height: 24px;
  position: absolute;
  inset: auto -51px auto auto;
  transform: rotate(45deg);
}

.about-us-section {
  overflow: hidden;
}

.about-wrapper {
  z-index: 10;
  grid-column-gap: 100px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  padding-top: 140px;
  padding-bottom: 100px;
  padding-left: 80px;
  display: grid;
  position: relative;
}

.about-images {
  z-index: 10;
  margin-left: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.about-image-item {
  color: #fff;
  text-align: center;
  width: 25vw;
  min-width: 25vw;
  height: 25vw;
  min-height: 25vw;
  margin-left: -1px;
  margin-right: -1px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.stacked-paragraphs {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-intro {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 600px;
  display: grid;
}

.location-name {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 9px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
  position: relative;
  overflow: hidden;
}

.card-arrow-icon {
  z-index: 10;
  border: 1px solid #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: flex;
  position: relative;
}

.card-arrow-icon.dark {
  border-color: var(--indicator-outline);
  background-color: #fff;
}

.location-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--indicator-outline);
  color: var(--black);
  background-color: #0000;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-content: center;
  height: 100%;
  padding: 24px 18px 24px 24px;
  text-decoration: none;
  transition: box-shadow .4s cubic-bezier(.25, .46, .45, .94);
  display: grid;
  position: relative;
  overflow: hidden;
}

.location-card:hover {
  box-shadow: 0 12px 36px -8px var(--shaddow);
}

.location-card-background {
  opacity: 0;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.location-card-background.home {
  background-image: url('../images/Gruppo-di-maschere--32x.jpg');
}

.location-card-background.chi-siamo {
  background-image: url('../images/Gruppo-di-maschere-157.jpg');
  background-position: 0 0;
  background-size: auto;
}

.location-card-background.contatti {
  background-image: url('../images/Gruppo-di-maschere-157.jpg');
}

.location-card-background.lavorazioni {
  background-image: url('../images/Gruppo-di-maschere-106.jpg');
}

.horizontal-line {
  background-color: var(--indicator-outline);
  flex: 1;
  height: 1px;
}

.horizontal-line.left {
  margin-left: 80px;
}

.horizontal-line.light {
  background-color: #c0c0d373;
}

.thin-span {
  font-weight: 500;
}

.xxl-heading {
  text-align: left;
  align-self: flex-start;
  align-items: flex-end;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 45px;
  display: flex;
}

.xxl-heading.dx {
  text-align: right;
  align-self: flex-end;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 40px;
}

.menu-lottie {
  color: #fcfcff;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

.social-sidebar-icons {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  margin-top: 20px;
  display: grid;
  position: static;
}

.social-sidebar-icons.orizzontale {
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: flex-end;
  display: none;
}

.sidebar-icon {
  border: 1px solid var(--white-2);
  background-color: #c4cfda66;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: none;
}

.sidebar-icon:hover {
  border-color: var(--white-2);
  background-color: #c4cfdab3;
}

.benefits-wrapper {
  z-index: 10;
  grid-column-gap: 80px;
  grid-row-gap: 140px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 550px;
  padding-top: 140px;
  padding-bottom: 140px;
  padding-left: 80px;
  display: grid;
  position: relative;
}

.membership-plans-wrapper {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  background-color: #fff0;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: -100px;
  margin-left: 36px;
  padding: 0 0 140px;
  display: grid;
  position: relative;
}

.vacations-tab-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px none var(--dark-outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 60px;
  margin-bottom: 72px;
  display: grid;
}

.vacations-tabs {
  z-index: 30;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.vacations-tabs-content {
  width: 100%;
  overflow: visible;
}

.vacations-tab-link {
  color: var(--body-display);
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 20px 36px;
  font-size: 12px;
  transition: color .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.vacations-tab-link.w--current {
  color: var(--black);
  background-color: #fff0;
}

.membership-circle {
  z-index: 20;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
  position: absolute;
  inset: auto auto -21px;
}

.membership-dot {
  z-index: 10;
  background-color: var(--dark-outline);
  border-radius: 100px;
  width: 12px;
  height: 12px;
  position: relative;
}

.membership-outline-circle {
  border: 2px solid var(--dark-outline);
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.vacations-tabs-wrapper {
  padding: 0;
  position: relative;
}

.location-indicator {
  background-color: var(--dark-outline);
  border-radius: 100px;
  height: 2px;
  position: absolute;
  inset: 60px 0% auto;
  overflow: hidden;
}

.location-indicator-fill {
  background-color: var(--black);
  border-radius: 100px;
  width: 25%;
  height: 100%;
}

.steps-grid {
  grid-column-gap: 80px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  display: grid;
}

.steps-sticky-card {
  z-index: 30;
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  border: 1px solid var(--indicator-outline);
  background-color: var(--grey-background);
  box-shadow: none;
  border-radius: 12px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  padding: 18px 18px 36px;
  display: grid;
  position: sticky;
  top: 101px;
  overflow: visible;
}

.steps-cards {
  grid-column-gap: 60px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.steps-card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 900px;
  display: grid;
}

.steps-tracker {
  background-color: var(--indicator-outline);
  border-radius: 100px;
  flex-direction: column;
  width: 2px;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.steps-card {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border: 1px solid var(--indicator-outline);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-items: center;
  min-height: 275px;
  padding: 24px;
  display: grid;
  position: relative;
}

.steps-circle {
  border: 0px none var(--indicator-outline);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  inset: 36px auto auto -86px;
}

.steps-circle.center {
  top: auto;
}

.steps-circle.end {
  top: auto;
  bottom: 36px;
}

.subtitle-intro-wrapper {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: auto;
  display: grid;
  position: relative;
}

.team-wrapper {
  z-index: 10;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 600px;
  padding-top: 100px;
  padding-bottom: 200px;
  padding-left: 80px;
  display: grid;
  position: relative;
}

.team-box {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--indicator-outline);
  background-color: #fff;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
  position: relative;
}

.team-card {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  color: var(--black);
  background-color: #fff;
  border-radius: 12px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 18px 18px 30px;
  text-decoration: none;
  transition: box-shadow .5s;
  display: grid;
  position: relative;
}

.team-card:hover {
  z-index: 1;
  box-shadow: 0 12px 36px -8px var(--shaddow);
}

.team-image {
  border-radius: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 340px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-member-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 18px;
  padding-right: 18px;
  display: grid;
}

.team-name {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.name {
  letter-spacing: -.03em;
  font-size: 18px;
}

.team-location {
  color: var(--body-display);
}

.testimonial-wrapper {
  color: #fff;
  margin-left: 80px;
  margin-right: 80px;
  padding-bottom: 0;
  overflow: hidden;
}

.testimonial-slider {
  background-color: #0000;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 330px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.testimonial-tracker {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: 66px 66px 66px 66px 66px;
  grid-template-columns: 1fr;
  grid-auto-rows: 66px;
  grid-auto-columns: 1fr;
  width: 48px;
  height: 100%;
  display: grid;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.testimonial-tracker.in-slider {
  z-index: 10;
  grid-template-rows: 66px;
  grid-auto-rows: 66px;
  height: auto;
  bottom: auto;
  left: -48px;
}

.testimonial-arrow {
  z-index: 25;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  inset: auto 72px 9px 0%;
}

.testimonial-arrow.right {
  left: 72px;
  right: 0;
}

.tracker-item {
  color: #fffc;
  border-left: 3px solid #fff0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 66px;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.tracker-item.in-slider {
  color: #fff;
  border-left-color: #fff0;
  font-weight: 700;
}

.testimonial-slide-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 81px;
  padding-right: 48px;
  display: flex;
  position: relative;
}

.testimonial-mask {
  z-index: 20;
  margin-left: 48px;
  padding-right: 0;
  overflow: visible;
}

.benefit-card {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  background-color: #fff;
  border-radius: 12px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 275px;
  padding: 30px;
  transition: box-shadow .5s;
  display: grid;
  position: relative;
}

.benefit-card:hover {
  z-index: 1;
  box-shadow: 0 12px 36px -8px var(--shaddow);
}

.verticle-line {
  background-color: var(--indicator-outline);
  height: 100%;
  position: relative;
}

.intro-wrapper {
  grid-column-gap: 120px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: minmax(30%, 475px) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.benefits-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.intro-right-image {
  border-radius: 3px;
  width: 100%;
  min-height: 450px;
  position: relative;
  overflow: hidden;
}

.intro-content {
  z-index: 25;
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 18px;
  padding-bottom: 18px;
  display: grid;
  position: relative;
}

.stacked-intro {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button {
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-style: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-size: 10px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.button:hover {
  background-color: var(--black);
}

.button.white {
  color: var(--black);
  background-color: #fff;
}

.button.white:hover {
  background-color: var(--dark-outline);
  color: var(--black);
}

.featured-journal-wrapper {
  z-index: 10;
  grid-column-gap: 48px;
  grid-row-gap: 60px;
  box-shadow: none;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  min-height: 400px;
  margin-top: -60px;
  margin-bottom: 60px;
  margin-left: 80px;
  padding: 36px 36px 0;
  display: grid;
  position: relative;
}

.featured-journal-wrapper.full-width {
  margin-left: 36px;
}

.vacations-section {
  padding-top: 0;
  padding-bottom: 0;
}

.vacations-dual-grid {
  grid-column-gap: 80px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 45vw 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.vacation-items {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 200vh;
  padding-top: 80px;
  padding-left: 0;
  position: relative;
}

.sticky-vacation-right {
  z-index: 20;
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.vacation-items-grid {
  grid-column-gap: 24px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 36px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.vacation-item {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  border: 1px solid var(--indicator-outline);
  box-shadow: none;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: .85fr 1fr;
  grid-auto-columns: 1fr;
  padding: 18px 36px 18px 18px;
  transition: box-shadow .5s;
  display: grid;
}

.vacation-item:hover {
  box-shadow: 0 9px 48px -6px #3540751f;
}

.vacation-image {
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  height: 15vw;
  min-height: 100%;
  max-height: 225px;
  padding: 9px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vacation-item-info {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  padding-top: 12px;
  padding-bottom: 12px;
  display: grid;
}

.vacation-item-top {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.price {
  grid-column-gap: 3px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.deal {
  z-index: 10;
  grid-column-gap: 3px;
  grid-row-gap: 16px;
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #c0c0d366;
  border-radius: 100px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  padding: 4px 12px 4px 4px;
  font-size: 9px;
  display: grid;
  position: relative;
}

.internet-icon {
  background-color: #fff;
  border-radius: 100px;
  width: 24px;
  height: 24px;
  margin-right: 4px;
  padding: 4px 12px;
}

.inner-page-intro {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  color: #fff;
  text-align: center;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navigation-content {
  z-index: 15;
  border-bottom: 1px none var(--indicator-outline);
  flex: 1;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  margin-left: 80px;
  padding-left: 36px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.navigation-shade {
  border-bottom: 1px solid var(--indicator-outline);
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 0;
  display: flex;
  position: relative;
}

.testimonial-content {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 600px;
  display: grid;
}

.tracker-fill {
  background-color: #fff;
  border-radius: 100px;
  width: 3px;
  margin-top: 9px;
  margin-bottom: 9px;
  position: absolute;
  inset: 0% auto 0% -3px;
}

.how-it-works-fill {
  background-color: var(--black);
  border-radius: 100px;
  width: 100%;
  height: 0;
}

.benefit-icon {
  border: 1px solid var(--indicator-outline);
  background-color: var(--grey-background);
  color: var(--body-display);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 16px;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}

.benefit-description {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-image-lightbox {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 36px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-image-location {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.team-location-icon {
  border: 1px solid var(--indicator-outline);
  background-color: var(--indicator-outline);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 9px;
  display: flex;
}

.team-background-image {
  background-image: url('../images/Family001.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.team-background-image.two {
  background-image: url('../images/Family003.jpeg');
}

.team-background-image.three {
  background-image: url('../images/Family004.jpeg');
}

.team-background-image.four {
  background-image: url('../images/Family005.jpeg');
}

.team-background-image.five {
  background-image: url('../images/Family0012.jpeg');
}

.team-background-image.six {
  background-image: url('../images/Family007.jpeg');
}

.checkout-form {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--grey-background);
  grid-template-rows: auto;
  grid-template-columns: 1fr .6fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 36px;
  display: grid;
}

.checkout-details {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  border: 1px solid var(--indicator-outline);
  background-color: #fff;
  border-radius: 12px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 36px 60px 60px;
  display: grid;
}

.block-header {
  background-color: #fff;
  border-style: none;
  border-radius: 12px;
  padding: 18px 24px;
}

.block-content {
  background-color: #fff0;
  border: 1px #000;
  max-height: 350px;
  padding: 24px 24px 0;
  overflow: auto;
}

.order-info {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 36px;
  display: grid;
}

.order-top-bar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  min-height: 80px;
  display: grid;
}

.payment-tab-content {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.payment-info-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.payment-tabs-intro {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.secure-notice {
  grid-column-gap: 18px;
  grid-row-gap: 4px;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  max-width: 250px;
  padding-top: 6px;
  font-weight: 700;
  display: grid;
}

.secure-icon {
  border: 1px solid var(--indicator-outline);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 9px;
  display: flex;
}

.customer-info {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  border: 1px solid var(--indicator-outline);
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  padding: 24px;
  display: grid;
}

.payment-field-wrapper {
  background-color: #0000;
  border: 1px #000;
  padding: 0;
}

.payment-field-header {
  border-style: none none solid;
  border-bottom-color: var(--indicator-outline);
  background-color: #0000;
  padding: 0 0 24px;
}

.payment-field {
  border-color: var(--indicator-outline);
  background-color: var(--grey-background);
  border-radius: 3px;
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
}

.shipping-method-list {
  border: 1px solid var(--indicator-outline);
  border-radius: 12px;
  padding: 0 24px;
}

.shipping-method {
  border-bottom-style: solid;
  border-bottom-color: var(--indicator-outline);
  background-color: #fff0;
  padding: 24px 0;
}

.shipping-method:last-child {
  border-bottom-style: none;
}

.special-pay-button {
  border-radius: 3px;
  height: 48px;
}

.order-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.order-item-info {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  display: grid;
}

.order-item-info-top {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.order-items {
  margin-bottom: 0;
}

.right-order-info {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 20px;
}

.order-button {
  background-color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  justify-content: center;
  height: 60px;
  margin-bottom: 0;
  display: flex;
}

.vacation-results {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  display: grid;
}

.location-slider-top {
  height: 80px;
}

.vacations-slider {
  background-color: #fff0;
  align-items: center;
  width: 45vw;
  height: 100vh;
  display: flex;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.locations-slider-mask {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  width: 100%;
  height: 100%;
}

.vacation-slide-arrow {
  z-index: 25;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: -60px;
  display: flex;
  inset: auto 36px auto auto;
}

.vacation-slide-arrow.right {
  margin-bottom: 60px;
  top: auto;
  bottom: auto;
}

.location-page-slide {
  height: 100vh;
  min-height: 100vh;
}

.vacation-slider-content {
  color: #fff;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  flex: 1;
  width: 45vw;
  position: relative;
  overflow: hidden;
}

.home-hero {
  background-color: #fff;
  align-items: stretch;
  height: 100vh;
  margin-left: 80px;
  margin-right: 80px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero.small {
  height: 65vh;
}

.home-hero-content {
  color: #fff;
  flex: 1;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 670px;
  grid-auto-columns: 1fr;
  place-content: space-between flex-start;
  align-self: auto;
  align-items: flex-end;
  padding: 100px 178px 100px 140px;
  display: flex;
  position: relative;
}

.hero-video-button {
  z-index: 25;
  border: 1px none var(--indicator-outline);
  border-radius: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  margin-top: -36px;
  display: flex;
  position: relative;
}

.home-hero-intro {
  z-index: 20;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-end;
  max-width: 550px;
  display: flex;
  position: relative;
}

.video-button-background {
  z-index: 30;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.button-video {
  width: 300px;
  min-width: 300px;
  height: 300px;
  min-height: 300px;
  position: absolute;
  inset: 0%;
}

.video-hover-button {
  z-index: 35;
  cursor: pointer;
  border: 1px dashed #c0c0d34d;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
  position: relative;
}

.video-button-verlay {
  z-index: 25;
  background-color: #0f132696;
  display: none;
  position: fixed;
  inset: 0%;
}

.video-button-waves {
  z-index: 27;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 400px;
  display: none;
  position: absolute;
  inset: auto;
}

.wave-one {
  background-color: var(--indicator-outline);
  border-radius: 100%;
  width: 88%;
  height: 88%;
}

.wave-two {
  background-color: var(--indicator-outline);
  border-radius: 100%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-icon {
  filter: none;
}

.outline-button {
  border: 1px solid var(--indicator-outline);
  color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-size: 10px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.outline-button:hover {
  border-color: var(--black);
  background-color: var(--black);
  color: #fff;
}

.outline-button.small {
  padding: 9px 18px;
}

.outline-button.white {
  color: #fff;
  border-color: #ffffff4d;
}

.outline-button.white:hover {
  background-color: #081c3a00;
  border-color: #fff;
}

.hero-intro {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 750px;
  padding-left: 0;
  display: grid;
}

.vacations-verticle-card {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  border: 1px solid var(--indicator-outline);
  border-radius: 12px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 300px;
  padding: 18px;
  transition: box-shadow .5s cubic-bezier(.25, .46, .45, .94);
  display: grid;
}

.vacations-verticle-card:hover {
  box-shadow: 0 9px 48px -6px #3540751f;
}

.verticle-card-image {
  border-radius: 12px;
  height: 100%;
  min-height: 250px;
  position: relative;
  overflow: hidden;
}

.vacation-card-info {
  grid-column-gap: 12px;
  grid-row-gap: 9px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 60px;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: grid;
}

.popular-vacations {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  box-shadow: none;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 36px 36px 0;
  display: grid;
}

.section-intro {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  color: #fff;
  text-align: center;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 140px 0 200px;
  display: grid;
  position: relative;
}

.location-card-bottom {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.location-image {
  background-image: url('../images/Gruppo-di-maschere-113.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 110%;
  height: 110%;
  position: absolute;
  inset: auto;
}

.location-image.puntualita {
  background-image: url('../images/Gruppo-di-maschere-75.jpg');
}

.location-image.flessibilita {
  background-image: url('../images/Gruppo-di-maschere-101.jpg');
}

.location-image.efficenza {
  background-image: url('../images/Gruppo-di-maschere-102.jpg');
  background-position: 0%;
}

.location-image.cotone {
  background-image: url('../images/Gruppo-di-maschere-120.jpg');
}

.location-image.raso {
  background-image: url('../images/Gruppo-di-maschere--1_1.jpg');
}

.location-image.finta-pelle {
  background-image: url('../images/Gruppo-di-maschere-154.jpg');
}

.location-image.velluto {
  background-image: url('../images/Gruppo-di-maschere-155.jpg');
}

.location-image.fodera {
  background-image: url('../images/Gruppo-di-maschere-156.jpg');
}

.location-card-content {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  width: 100%;
  height: 100%;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  display: grid;
  position: relative;
}

.location-card-content.materialislide {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.inner-page-hero {
  color: #fff;
  justify-content: center;
  min-height: 700px;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.journal-hero {
  margin-left: 36px;
  padding-top: 80px;
  padding-bottom: 140px;
}

.journal-post {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: minmax(275px, .5fr) 1fr;
  grid-auto-columns: 1fr;
  min-height: 500px;
  margin-top: -60px;
  margin-left: 36px;
  padding: 48px;
  display: grid;
}

.related-vacation {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--indicator-outline);
  color: #fff;
  border-radius: 12px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between;
  place-items: center;
  min-height: 300px;
  padding: 24px;
  text-decoration: none;
  display: grid;
  position: sticky;
  top: 101px;
  overflow: hidden;
}

.journal-content {
  border-radius: 12px;
}

.hero-video-wrapper {
  z-index: 1000;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 60vw;
  padding: 6px;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
}

.youtube {
  border-radius: 12px;
  overflow: hidden;
}

.hero-video-popup {
  z-index: 1000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.flyout-overlay {
  cursor: pointer;
  background-color: #0e1520cc;
  position: absolute;
  inset: 0%;
}

.video-flyout {
  border-radius: 12px;
  align-items: stretch;
  width: 60vw;
  display: flex;
  position: relative;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.how-to-image {
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  min-height: 200px;
  padding: 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.steps-icon {
  z-index: 10;
  border: 1px solid var(--indicator-outline);
  background-color: var(--grey-background);
  color: var(--body-display);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.steps-content {
  grid-column-gap: 16px;
  grid-row-gap: 60px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}

.steps-description {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.steps-circle-outline {
  border: 2px solid var(--indicator-outline);
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  inset: 0%;
}

.steps-circle-outline.two {
  background-color: #fff;
}

.steps-dot {
  z-index: 10;
  background-color: var(--indicator-outline);
  border-radius: 100px;
  width: 12px;
  height: 12px;
  position: relative;
}

.large-journal-post {
  color: var(--black);
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-left: 36px;
  padding-right: 36px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.large-journal-image {
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.journal-post-info {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  box-shadow: 0 12px 36px -8px var(--shaddow);
  background-color: #fff;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 150px;
  margin-bottom: -60px;
  padding: 0 36px 36px;
  display: grid;
  position: relative;
}

.journal-right-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.recent-journal-list {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.journal-list-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--black);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: minmax(120px, .5fr) 1fr;
  grid-auto-columns: 1fr;
  padding: 6px;
  text-decoration: none;
  transition: box-shadow .4s cubic-bezier(.25, .46, .45, .94);
  display: grid;
}

.journal-list-item:hover {
  box-shadow: 0 6px 24px -4px #3540751f;
}

.journal-list-image {
  border-radius: 5px;
  min-height: 100px;
  position: relative;
  overflow: hidden;
}

.journal-list-item-content {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 18px;
  display: grid;
}

.journal-category-tag {
  background-color: var(--grey-background);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 8px 10px 8px 12px;
  font-size: 8px;
  line-height: 1.2em;
  display: flex;
}

.journal-list-info {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3em;
  display: grid;
}

.video-icon-wrapper {
  background-color: var(--indicator-outline);
  border: 1px solid #fff3;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 60%;
  display: flex;
}

.slide-three-overlay {
  background-color: #0d101f66;
  position: absolute;
  inset: 0%;
}

.gradient-overlay {
  background-image: linear-gradient(#0f132600 35%, #0f1326cc);
  position: absolute;
  inset: 0%;
}

.slide {
  z-index: 10;
}

.location-image-wrapper {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.popular-vacations-wrapper {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-hero-title {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  order: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.home-hero-title.sx {
  order: -1;
  align-items: flex-start;
}

.hero-slider {
  background-color: #0000;
  height: 100%;
}

.product-slider-arrow {
  z-index: 20;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
  inset: auto 0% 80px auto;
}

.product-slider-arrow.left {
  right: 72px;
}

.hero-slider-mask {
  overflow: visible;
}

.hero-slide {
  height: 40%;
}

.product-images-row {
  justify-content: center;
  padding-top: 60px;
  display: flex;
}

.vacation-images {
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  margin-left: 36px;
  display: grid;
  overflow: hidden;
}

.large-vacation-image {
  background-color: var(--grey-background);
  border-radius: 5px;
  height: 30vw;
  min-height: 400px;
  max-height: 550px;
  position: relative;
  overflow: hidden;
}

.small-image-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.small-vacation-image {
  background-color: var(--grey-background);
  border-radius: 5px;
  height: 100%;
  padding: 8px;
  position: relative;
  overflow: hidden;
}

.slider-background {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-width: 100vw;
  display: flex;
  position: absolute;
  inset: 0% auto;
  overflow: hidden;
}

.slider-background.locations-background {
  min-width: auto;
}

.slider-background-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 120px 148px;
  display: flex;
}

.slider-background-wrapper.hero-wrapper {
  height: 40%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% auto;
}

.slider-background-wrapper.hero-wrapper.small {
  min-height: 65vh;
}

.background {
  z-index: 1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.background.one {
  background-image: url('../images/slidehome1.jpg');
}

.background.two {
  background-image: url('../images/Villa0017.jpeg');
}

.background.three {
  background-image: url('../images/Villa031.jpeg');
}

.background.uno {
  background-image: none;
  height: 100%;
}

.background.uno.chisiamo {
  background-image: url('../images/banner-chi-siamo.jpg');
  background-position: 100%;
}

.background.uno.contatti {
  background-image: url('../images/contatti-1.jpg');
}

.background.uno.lavorazioni {
  background-image: url('../images/Header-Lavorazioni.jpg');
}

.background.uno.contatti-1 {
  background-image: url('../images/contatti-2.jpg');
}

.background.uno.contatti-2 {
  background-image: url('../images/contatti-3.jpg');
}

.background.uno.due-tre {
  background-image: url('../images/slider-per-home.jpg');
  background-position: 50%;
  background-size: cover;
}

.background.due {
  background-image: url('../images/home-slide-2.jpg');
}

.background.tre {
  background-image: url('../images/home-slide-3.jpg');
  background-position: 50%;
}

.hero-slide-arrow {
  border-style: solid none none;
  border-width: 1px;
  border-color: var(--indicator-outline) #fff9 #fff9;
  background-color: var(--gigiochiaro);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: none;
  inset: auto auto 0% 0%;
}

.hero-slide-arrow.left {
  background-color: var(--gigiochiaro);
  border-style: none;
  border-color: #fff9;
  border-top-left-radius: 0;
  position: absolute;
  inset: auto auto 0% 70px;
}

.hero-slide-arrow.hidden {
  display: none;
}

.slider-bottom {
  z-index: 20;
  justify-content: center;
  width: 100%;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.bottom-grid-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
  grid-auto-columns: 1fr;
  min-width: 100vw;
  height: 100%;
  display: grid;
}

.featured-location {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--grey-background);
  color: var(--black);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  width: 360px;
  padding: 36px;
  text-decoration: none;
  display: grid;
}

.featured-location-icon {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.dropdown-list.w--open {
  background-color: #0000;
  justify-content: flex-end;
  padding-top: 12px;
  display: flex;
  left: 0;
  right: 0;
}

.dropdown-list.flex-left.w--open {
  justify-content: flex-start;
}

.locations-results-top {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  display: grid;
}

.heading-title-grid {
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 36px;
  display: grid;
}

.locations-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: minmax(110px, 1fr);
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(110px, 1fr);
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 80px;
  display: grid;
}

.product-hero-content {
  z-index: 10;
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 80px;
  padding-left: 80px;
  display: flex;
  position: relative;
}

.journal-intro {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  max-width: 900px;
  display: grid;
}

.nav-button-toggle {
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px 18px;
  display: flex;
}

.dropdown-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  box-shadow: 0 6px 48px -4px var(--shaddow);
  background-color: #fff;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-width: 500px;
  min-height: 200px;
  padding: 24px;
  display: grid;
}

.destinations-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  letter-spacing: 0;
  text-transform: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.vacation-card-bottom {
  grid-column-gap: 0px;
  grid-row-gap: 24px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.vacation-details {
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--indicator-outline);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  padding-top: 18px;
  padding-left: 12px;
  padding-right: 12px;
  display: grid;
}

.vacation-price {
  grid-column-gap: 16px;
  grid-row-gap: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.vacation-info {
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
}

.vacation-features {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border: 1px solid var(--indicator-outline);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: 36px;
  padding: 0;
  display: grid;
}

.feature-item {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  color: var(--body-display);
  background-color: #fff;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  padding: 36px 18px;
  text-decoration: none;
  transition: box-shadow .5s cubic-bezier(.25, .46, .45, .94);
  display: grid;
  position: relative;
}

.feature-item:hover {
  z-index: 1;
  box-shadow: 0 9px 42px -6px var(--shaddow);
}

.feature-icon {
  border: 1px solid var(--indicator-outline);
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.feature-text {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.background-image-wrapper {
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.lightbox {
  position: absolute;
  inset: 0%;
}

.map-section {
  padding-top: 100px;
  padding-bottom: 140px;
}

.map-wrapper {
  background-color: var(--indicator-outline);
  border-radius: 12px;
  min-height: 350px;
  margin-left: 36px;
  position: relative;
  overflow: hidden;
}

.featured-location-price {
  grid-column-gap: 7px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.dolar-sign {
  font-size: 11px;
  line-height: 1.4em;
}

.vacation-content {
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  margin-left: 36px;
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.inquire-card {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  border: 1px solid var(--indicator-outline);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 24px;
  display: grid;
  position: sticky;
  top: 101px;
}

.vacation-body {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  border-radius: 12px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 750px;
  padding: 0 60px 0 36px;
  display: grid;
}

.centered-intro {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 700px;
  display: grid;
  position: relative;
}

.team-images {
  z-index: 10;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.left-intro {
  grid-column-gap: 36px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-us-intro {
  grid-column-gap: 16px;
  grid-row-gap: 100px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: -60px;
  margin-left: 36px;
  padding: 48px 48px 0;
  display: grid;
}

.team-items {
  margin-top: -60px;
  margin-left: 36px;
  padding-bottom: 140px;
}

.team-banner {
  color: #fff;
  padding-top: 140px;
  padding-bottom: 200px;
  position: relative;
  overflow: hidden;
}

.all-journal-posts {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 800px;
  margin-left: 80px;
  padding-top: 80px;
  padding-bottom: 140px;
  display: grid;
  position: relative;
}

.team-conteact-info {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border: 1px solid var(--indicator-outline);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-member-vacations {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  min-height: 500px;
  margin-left: 80px;
  padding-top: 120px;
  padding-bottom: 120px;
  display: grid;
  position: relative;
}

.slider-arrow-icon {
  width: 24px;
}

.featured-icon {
  width: 18px;
}

.dual-buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.large-image {
  border-radius: 5px;
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

.small-image {
  border-radius: 5px;
  width: 100%;
  margin-top: 36px;
  margin-bottom: 36px;
  position: relative;
  overflow: hidden;
}

.medium-image {
  border-radius: 5px;
  margin-top: -36px;
  position: relative;
  overflow: hidden;
}

.subtitle-text-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 48px 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 18px;
  display: grid;
}

.locations-slide-content {
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  margin-left: 80px;
  padding-bottom: 36px;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
  position: relative;
}

.featured-vacation-info {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  align-items: stretch;
  display: grid;
}

.subtitle-dynamic-text {
  z-index: 10;
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.dynamic-price-text {
  grid-column-gap: 3px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.benefits-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--indicator-outline);
  background-color: #fff;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.mission-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: 36px;
  padding-top: 140px;
  padding-bottom: 140px;
  display: grid;
}

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

.vacation-hero {
  min-height: 700px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-lottie {
  justify-content: center;
  align-items: center;
  width: 14px;
  margin-left: 9px;
  display: flex;
}

.journal-cards {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.journal-card {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  box-shadow: 0 12px 36px -8px var(--shaddow);
  color: var(--black);
  background-color: #fff;
  border: 1px solid #c0c0d300;
  border-radius: 5px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  height: 100%;
  padding-bottom: 36px;
  text-decoration: none;
  transition: box-shadow .5s cubic-bezier(.25, .46, .45, .94);
  display: grid;
  overflow: hidden;
}

.journal-card:hover {
  box-shadow: 0 12px 36px -8px #35407500;
}

.journal-card-image {
  min-height: 275px;
  position: relative;
  overflow: hidden;
}

.journal-card-info {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: -12px;
  padding-left: 36px;
  padding-right: 36px;
  display: grid;
  position: relative;
}

.pagination {
  margin-top: 48px;
}

.contact-form-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .55fr;
  grid-auto-columns: 1fr;
  min-height: 200px;
  padding: 0;
  display: grid;
}

.form-block {
  border: 1px solid var(--indicator-outline);
  background-color: var(--grey-background);
  border-radius: 12px;
  margin-bottom: 0;
  padding: 48px;
}

.form {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.contact-field-wrapper {
  grid-column-gap: 18px;
  grid-row-gap: 12px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-field {
  border: 1px solid var(--indicator-outline);
  border-radius: 5px;
  min-height: 54px;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 18px;
  transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.text-field:focus {
  border-color: var(--dark-outline);
  padding-left: 24px;
}

.text-field.large {
  min-height: 175px;
}

.field-label {
  margin-bottom: 0;
}

.contact-fields {
  grid-column-gap: 0px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-quick-links {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.quick-links {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 101px;
}

.quick-link-list {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.quick-link-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--indicator-outline);
  background-color: var(--grey-background);
  color: var(--black);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  padding: 18px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.25, .46, .45, .94);
  display: grid;
}

.quick-link-item:hover {
  padding-left: 24px;
}

.quick-link-item.white {
  border: 1px solid var(--indicator-outline);
  background-color: #fff;
}

.large-journal-list, .large-journal-item {
  height: 100%;
}

.team-portrait-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 12px;
  grid-template-rows: minmax(160px, 1fr) minmax(160px, 1fr);
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 550px;
  display: grid;
  overflow: hidden;
}

.team-intro-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(35%, 470px) 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.portrait-image {
  border-radius: 5px;
  min-width: 200px;
  min-height: 400px;
  position: relative;
  overflow: hidden;
}

.hero-collection-wrapper {
  height: 40%;
}

.menu-button {
  display: block;
}

.preloader {
  z-index: 10000;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.preloader-indicator {
  z-index: 25;
  background-color: var(--indicator-outline);
  width: 40%;
  max-width: 250px;
  height: 2px;
  position: relative;
}

.prloader-fill {
  background-color: var(--black);
  width: 20%;
  height: 100%;
}

.preloader-top {
  background-color: #fff;
  height: 50%;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.preloader-bottom {
  background-color: #fff;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.mobile-destinations-wrapper {
  display: none;
}

.agent-inquire-top {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.inquire-avatar {
  border-radius: 100px;
  width: 120px;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.inquire-agent-info {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  padding-top: 12px;
  padding-bottom: 12px;
  display: grid;
}

.background-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.agent-social-media {
  grid-column-gap: 6px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
}

.agent-social-icon {
  border: 1px none var(--indicator-outline);
  background-color: var(--grey-background);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 9px;
  display: flex;
}

.agent-name {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.inquire-form {
  border-top: 1px solid var(--indicator-outline);
  margin-bottom: 0;
  padding-top: 36px;
}

.contact-options {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  border: 1px solid var(--indicator-outline);
  background-color: var(--grey-background);
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 36px;
  display: grid;
}

.contact-options-description {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.related-vacation-info {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.related-vacation-arrow {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 10px;
  display: flex;
}

.featured-vacation-tag {
  z-index: 10;
  background-color: var(--indicator-outline);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 9px 13px 9px 16px;
  font-size: 8px;
  line-height: 1.2em;
  display: flex;
  position: relative;
}

.journal-card-description {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 48px;
  padding-bottom: 12px;
  padding-left: 36px;
  display: grid;
}

.footer-logo {
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
}

.footer-pages {
  grid-column-gap: 18px;
  grid-row-gap: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr 560px;
  grid-auto-columns: 1fr;
  justify-items: end;
  font-size: 10px;
  display: grid;
}

.footer-link {
  color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 9px 14px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.footer-destinations {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  display: grid;
}

.credit-text {
  color: var(--body-display);
  font-size: 12px;
}

.footer-destination-text {
  background-color: var(--grey-background);
  border-radius: 5px;
  padding: 9px 14px;
}

.background-load-top {
  z-index: 25;
  background-color: #fff;
  height: 50%;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.background-load-top.grey {
  background-color: var(--grey-background);
  background-color: #f7f8fc;
}

.background-load-bottom {
  z-index: 25;
  background-color: #fff;
  height: 50%;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.background-load-bottom.grey {
  background-color: var(--grey-background);
  background-color: #f7f8fc;
}

.paralax-background {
  background-image: url('../images/Villa0017.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -36px;
  margin-bottom: -36px;
  position: absolute;
  inset: 0%;
}

.paralax-background.two {
  background-image: url('../images/031.jpeg');
}

.paralax-background.about-one {
  background-image: url('../images/Family004.jpeg');
}

.paralax-background.about-two {
  background-image: url('../images/Family007.jpeg');
}

.paralax-background.about-three {
  background-image: url('../images/Family005.jpeg');
}

.paralax-background.about-four {
  background-image: url('../images/Villa030.jpeg');
}

.paralax-background.about-five {
  background-image: url('../images/Villa029.jpeg');
}

.paralax-background.about-six {
  background-image: url('../images/Travel004.jpeg');
}

.paralax-background.about-seven {
  background-image: url('../images/031.jpeg');
}

.paralax-background.team-banner-background {
  background-image: url('../images/Travel003.jpeg');
}

.paralax-background.journal-footer-background {
  background-image: url('../images/Travel004.jpeg');
}

.large-journal-content {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: -12px;
  display: grid;
}

.contact-text {
  justify-content: center;
  align-items: center;
  min-height: 30px;
  display: flex;
}

.link-cover {
  background-color: var(--grey-background);
  border-radius: 5px;
  height: 100%;
  max-height: 42px;
  position: absolute;
  inset: auto 0%;
}

.link-text {
  z-index: 10;
  position: relative;
}

.nav-menu-links {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.close-link {
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 36px;
  font-size: 12px;
  text-decoration: none;
  display: grid;
  position: absolute;
  inset: auto auto -48px;
}

.steps-intro {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 12px;
  padding-right: 12px;
  display: grid;
}

.map {
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin-bottom: -6px;
  overflow: hidden;
}

.rich-text h2, .rich-text p {
  margin-bottom: 12px;
}

.rich-text h4, .rich-text h3 {
  margin-top: 24px;
  margin-bottom: 12px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.password-wrapper {
  z-index: 10;
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  padding: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.password-field {
  background-color: #fff0;
  border: 1px #000;
  min-height: 56px;
  margin-bottom: 0;
  padding-left: 24px;
}

.password-button {
  background-color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 5px;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 11px;
}

.vacation-icon {
  width: 24px;
}

.dynamic-heading-text {
  grid-column-gap: 12px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.vacation-card-arrow {
  width: 14px;
}

.password-hero {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 600px;
  display: grid;
  position: relative;
}

.invoices-hero {
  flex-direction: row;
  justify-content: center;
  min-height: 100vh;
  display: flex;
}

.invoice-grid {
  grid-column-gap: 80px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.invoice-image {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 80px;
  padding-left: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.invoice-content-wrapper {
  flex-direction: column;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.invoice-content {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  flex: 1;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-items: stretch;
  padding-top: 48px;
  display: grid;
}

.invoice-agent {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.order-summary {
  margin-bottom: 0;
}

.payment-buttons {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._404-page-info {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.order-confirmation {
  background-color: var(--grey-background);
  justify-content: center;
  padding: 120px 48px 48px;
  display: flex;
}

.order-confirmation-content {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1300px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.order-left {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  border: 1px solid var(--indicator-outline);
  background-color: #fff;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-right: 0;
  padding: 36px;
  display: grid;
}

.order-sticky {
  top: 101px;
}

.confirmation-grid {
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .55fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paypall-order-items {
  margin-bottom: 36px;
}

.invoice-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.invoice-list-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--indicator-outline);
  background-color: var(--grey-background);
  color: var(--body-display);
  text-align: center;
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  padding: 24px;
  font-size: 14px;
  font-weight: 400;
  display: grid;
}

.invoice-icon {
  border: 1px solid var(--indicator-outline);
  background-color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding: 16px;
  display: flex;
}

.invoice-avatar {
  border-radius: 100%;
  width: 120px;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.invoice-agent-info {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 350px;
  display: grid;
}

.invoice-agent-name {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.invoice-payment-button {
  background-color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 5px;
  justify-content: center;
  height: 100%;
  min-height: 48px;
  margin-top: 0;
  padding: 16px 32px;
  font-size: 11px;
  display: flex;
}

.default-state {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  height: 100%;
  margin-bottom: 0;
  display: grid;
}

.invoice-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  border: 1px solid var(--indicator-outline);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  margin-top: 24px;
  padding: 6px 6px 6px 24px;
  display: grid;
}

.invoice-price {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 16px;
  display: grid;
}

.error-state {
  border: 1px solid var(--indicator-outline);
  background-color: var(--indicator-outline);
  border-radius: 5px;
}

.cart-wrapper {
  z-index: 10000;
  background-color: #0d111ae6;
}

.cart-container {
  border-radius: 12px;
  padding: 18px;
}

.cart-header {
  border-bottom-color: var(--indicator-outline);
}

.cart-footer {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  border-top-color: var(--indicator-outline);
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 24px;
  display: grid;
}

.cart-quantity {
  border-color: var(--indicator-outline);
  background-color: var(--grey-background);
  border-radius: 5px;
}

.cart-list {
  padding-top: 18px;
  padding-bottom: 18px;
}

.cart {
  width: 100%;
  height: 100%;
}

.fixed-cart {
  z-index: 1000;
  border: 1px solid var(--indicator-outline);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: fixed;
  inset: auto 12px 12px auto;
  overflow: hidden;
}

.cart-button {
  background-color: #fff;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
}

.remove-button {
  color: var(--body-display);
  text-decoration: none;
}

.cart-item-text {
  grid-column-gap: 16px;
  grid-row-gap: 9px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.invoice-vacation {
  z-index: 10;
  color: #fff;
  padding-left: 36px;
  position: relative;
}

.dropdown-button {
  background-color: var(--royal-blue);
  color: #fff;
  border-radius: 5px;
  padding: 16px 32px;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.dropdown-button:hover {
  background-color: var(--black);
}

.lightbox-hover-coontent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.view-image {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  color: #fff;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
  position: relative;
}

.success-message {
  border: 1px solid var(--indicator-outline);
  background-color: #fff;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
}

.success-message.grey {
  background-color: var(--grey-background);
}

.success-message-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  min-height: 400px;
  padding: 60px;
  display: grid;
}

.promise-intro {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 750px;
  display: grid;
}

.contact-team-intro {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 650px;
  display: grid;
}

.about-images-wrapper {
  position: relative;
  overflow: hidden;
}

.flyout-menu {
  border-right: 1px none var(--indicator-outline);
  border-bottom: 1px none var(--indicator-outline);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.flyout-menu.close {
  display: none;
}

.flyout-menu.open {
  border: 0 #0000;
}

.dropdown-icon {
  display: none;
}

.flyout-menu-wrapper {
  z-index: 20;
  background-color: #071224a3;
  width: 100%;
  display: none;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.flyout-menu-content {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 48px;
  background-color: #fff;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 448px;
  max-width: 448px;
  min-height: 100vh;
  padding: 116px 0 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.close-flyout {
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.vacation-continents {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  flex-direction: column;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 0 24px 36px 80px;
  display: grid;
}

.flyout-info-box {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.flyout-social-media {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.scroll-flyout-wrapper {
  margin-right: 12px;
  overflow: auto;
}

.flyout-heading {
  padding-left: 80px;
}

.testimonial-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 180px;
  padding-bottom: 320px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer {
  background-color: var(--white-2);
  justify-content: center;
  padding-top: 50px;
  display: block;
  position: relative;
  overflow: hidden;
}

.submit-button {
  background-color: var(--royal-blue);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 5px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 12px;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
}

.submit-button:hover {
  background-color: var(--black);
}

.vacation-hero-intro {
  flex-direction: column;
  align-items: flex-start;
  padding-right: 136px;
  display: flex;
}

.mobile-navigation-shade {
  display: none;
}

.vertical.white.textbarleft {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100px;
  font-size: 12px;
  display: flex;
  transform: rotate(-90deg);
}

.div-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  grid-template: "." 30px
  / 1fr;
  grid-auto-rows: minmax(24px, 3fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  place-items: stretch stretch;
  width: 70px;
  display: grid;
}

.image {
  flex: 0 auto;
  width: 24px;
  height: 24px;
  display: block;
}

.div-block-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-top: 0;
  display: flex;
}

.contattaci {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  flex-flow: row;
  flex: 0 auto;
  order: -1;
  place-content: center flex-end;
  align-self: center;
  align-items: center;
  width: 260px;
  height: 70px;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  transform: translate(0);
}

.barraslider {
  z-index: 3;
  background-color: var(--gigiochiaro);
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  width: 99.5%;
  height: 70px;
  display: block;
  position: absolute;
  inset: auto 0 0% auto;
}

.text-block {
  clear: none;
  direction: ltr;
  color: var(--body-display);
  text-align: left;
  text-transform: none;
  white-space: normal;
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  display: block;
  position: relative;
}

.text-block.right {
  text-align: right;
}

.text-block.testocontatti {
  letter-spacing: 7px;
  flex-flow: column wrap;
  justify-content: center;
  margin-bottom: 0;
  font-size: 16px;
  display: flex;
}

.image-2 {
  align-self: center;
  padding-left: 21px;
}

.telefonosx {
  backface-visibility: visible;
  perspective: none;
  perspective-origin: 100% 100%;
  transform-origin: 50%;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 80px;
  max-height: 170px;
  display: flex;
  position: absolute;
  top: 200px;
  transform: rotate(-90deg);
}

.telefonosx.email {
  position: absolute;
  top: auto;
  bottom: 150px;
  transform: rotate(-90deg);
}

.testotelefonosx {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  white-space: nowrap;
  flex-flow: wrap;
  flex: 1;
  place-content: center flex-start;
  align-items: center;
  width: 170px;
  display: flex;
}

.testotelefonosx.botttom {
  margin-left: 25px;
}

.testotelefonosx.home {
  transform: rotate(-90deg);
}

.image-3 {
  float: right;
  clear: none;
  width: 24px;
  height: 24px;
  transition: opacity .2s;
  display: block;
  position: relative;
  transform: rotate(91deg);
}

.image-3.email {
  align-self: center;
  width: 20px;
  height: auto;
}

.grid {
  z-index: 10;
  grid-row-gap: 5px;
  background-color: var(--bluebrolini);
  grid-template-rows: minmax(118px, 130px) auto;
  grid-template-columns: 1fr;
  align-content: stretch;
  justify-items: end;
  width: 80px;
  max-width: 80px;
  height: 100%;
  min-height: 100vh;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.grid.destrasmall {
  grid-template-rows: minmax(118px, 130px);
  height: 65vh;
  min-height: 65vh;
}

.scrittedxbar {
  color: #fff;
  transform: rotate(160deg);
}

.text-block-2 {
  color: #fff;
  letter-spacing: 2px;
  white-space: nowrap;
  margin-left: 29px;
  margin-right: 20px;
  padding-right: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 13px;
  display: inline-block;
}

.link-block {
  transform-origin: 0 100%;
  width: auto;
  transform: translate(40px, -40px)rotate(-90deg);
}

.image-4 {
  margin: 0 1px -38px;
  padding: 0;
  transition: opacity .2s;
  transform: rotate(90deg);
}

.div-block-3 {
  width: 70px;
  display: inline;
}

.aziendasezione.x {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 80px;
  padding-top: 41px;
  display: grid;
}

.aziendasezione.x.grid-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 60px 180px 180px auto auto;
  grid-template-columns: 80px 1fr .75fr 80px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.aziendasezione.section.grid-wrapper {
  grid-template-columns: 80px 1fr .5fr 80px;
  grid-auto-rows: 196px;
  margin-bottom: 100px;
  padding-top: 0;
  padding-bottom: 85px;
}

.aziendasezione.section.grid-wrapper.chisiamo.griglia {
  margin-bottom: 0;
  padding-bottom: 0;
}

.aziendasezione.section.grid-wrapper.chisiamo.griglia.contatti {
  grid-template-rows: 184px;
}

.aziendasezione.section.grid-wrapper.chisiamo {
  grid-template-rows: 184px auto;
}

.azienda {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Gruppo-di-maschere-742x.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  flex-wrap: nowrap;
  grid-template-rows: auto minmax(182px, 182px);
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  height: 100%;
  min-height: 390px;
  display: flex;
}

.titolodescrizionesezione {
  background-color: var(--gigiochiaro);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  padding: 10px 80px 10px 20px;
  display: block;
  position: absolute;
  inset: auto auto 0% 0;
}

.titolobianco {
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 45px;
  display: block;
  position: static;
}

.grigiochiaro {
  background-color: #c4cfda33;
  border: 1px #000;
  margin-left: 0;
  transform: translate(0);
}

.grigiochiaro.materiali {
  transform: scale(1.1)translate(0);
}

.contenutoazienda {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  padding: 5px 40px 5px 5px;
}

.contenutoazienda.storia.right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: right;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bold-text {
  clear: none;
  justify-content: center;
  display: block;
}

.titolograndenero {
  color: var(--bluscuro);
  font-family: unineue;
  font-size: 35px;
  font-weight: 700;
  line-height: 30px;
  position: relative;
  top: 16px;
}

.titolograndenero.white {
  color: var(--white);
}

.lavorazionitaglio {
  background-color: #c4cfda33;
  margin-bottom: 0;
  padding-top: 40px;
  overflow: hidden;
}

.lavorazionitaglio.section {
  grid-template-columns: 80px 1fr 1.75fr 80px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: grid;
}

.lavorazionitaglio.chisiamo {
  background-color: #c4cfda33;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(900px, 1.5fr) 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-4.home {
  grid-template-columns: minmax(500px, 1.5fr) 1.25fr;
}

.buttonlink {
  z-index: 1;
  clear: left;
  background-color: var(--bluebrolini);
  text-align: right;
  flex-flow: wrap;
  order: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center flex-end;
  align-self: flex-end;
  align-items: center;
  width: 260px;
  padding: 20px 20px 20px 15px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.buttonlink.slideservizio {
  justify-content: flex-start;
  min-width: 200px;
  max-width: 250px;
}

.buttonlink.offset-bottom {
  bottom: -30px;
}

.image-6 {
  width: 100%;
  position: absolute;
}

.div-block-5 {
  background-image: url('../images/Gruppo-di-maschere--32x.jpg');
  background-position: 0 0;
  background-size: cover;
  min-height: 280px;
  display: flex;
}

.testobottoneblu {
  color: #fff;
  letter-spacing: 6px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.image-7 {
  padding-right: 14px;
}

.fondobianco {
  background-color: var(--white);
  width: 110%;
  height: 110%;
  display: block;
  transform: translate(-5%, -5%);
}

.fondobianco.sx {
  width: 100%;
  height: 110%;
  transform: translate(-10%, -5%);
}

.fondobianco.sx.dx {
  transform: translate(10%, -5%);
}

.fondobianco.sx.grigioscuro {
  background-color: #c4cfda;
  height: 100%;
  transform: translate(0);
}

.fondobianco.lavorazioni-taglio {
  height: 100%;
  transform: translate(-5%);
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.grid-2.tregenerazioni {
  grid-template-columns: 1fr .5fr;
}

.sezionecounter {
  background-color: #c4cfda33;
  padding-top: 20px;
  padding-bottom: 20px;
}

.columns {
  text-align: center;
}

.counter {
  color: var(--gigiochiaro);
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 34px;
}

.paragraph {
  color: var(--grigiochiaro);
  margin-bottom: 0;
  font-family: unineue;
  font-size: 23px;
  font-weight: 700;
}

.paragraph.p-counter {
  font-family: Ubuntu, Helvetica, sans-serif;
}

.sezionelavorazioni {
  display: block;
}

.grid-3 {
  grid-template-rows: 90px auto auto;
  grid-template-columns: 80px 1fr 1fr 80px;
}

.titolosottotitolo {
  margin-top: 40px;
  margin-bottom: 40px;
}

.titolosottotitolo.dx {
  text-align: right;
}

.titolosottotitolo.dx.mt10 {
  text-align: left;
  margin-top: 47px;
}

.bloccoservizio {
  justify-content: flex-end;
  text-decoration: none;
  display: block;
  position: relative;
}

.bloccoservizio:hover {
  z-index: 5;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.quadrato {
  background-color: var(--grigiochiaro);
  width: 56px;
  height: 56px;
}

.titoloservizio {
  color: var(--bluscuro);
  text-transform: none;
  order: 0;
  margin-top: 20px;
  padding-top: 0;
  font-family: unineue;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

.descrizioneservizio {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: right;
  flex-flow: row;
  flex: 1;
  grid-template-rows: minmax(70px, 1fr) minmax(110px, 130fr);
  grid-template-columns: minmax(70px, .5fr) 2.25fr;
  grid-auto-columns: 1fr;
  place-content: space-between start;
  place-items: flex-end start;
  height: 110px;
  margin-right: 0;
  text-decoration: none;
  display: grid;
  position: relative;
}

.contenitore-immagineservizio {
  width: 100%;
  height: 260px;
  position: relative;
}

.paragraph-2 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  position: relative;
  inset: auto 0% 0% auto;
}

.grid-4 {
  grid-row-gap: 0px;
  grid-template-rows: minmax(105px, 1fr);
  grid-template-columns: 1fr minmax(560px, .5fr);
}

.grid-4.home.materieprime {
  grid-template-columns: minmax(1000px, 1fr);
}

.sezionelavorazioninew {
  background-color: #c4cfda33;
}

.sezionelavorazioninew.sxcontent {
  margin-bottom: 40px;
  overflow: hidden;
}

.sezionelavorazioninew.sxcontent.materiali {
  background-color: var(--white);
  margin-bottom: 0;
}

.sezionelavorazioninew.dxcontent {
  margin-bottom: 40px;
  overflow: hidden;
}

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

.image-9 {
  width: 100%;
  position: relative;
}

.grid-5 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr .75fr;
}

.grid-6 {
  grid-template-rows: auto minmax(auto, 80px);
}

.div-block-6 {
  padding-right: 20px;
}

.text-block-3 {
  color: var(--bluscuro-2);
  text-align: right;
  padding-top: 40px;
  font-family: unineue;
  font-size: 21px;
  line-height: 25px;
}

.text-block-3.footertext {
  color: var(--gigiochiaro);
  padding-top: 0;
  padding-right: 20px;
  font-size: 14px;
  line-height: 14px;
  position: relative;
}

.link {
  color: var(--bluscuro);
  text-decoration: none;
}

.image-10 {
  width: 100%;
}

.footerblu {
  z-index: 0;
  background-color: var(--bluscuro-2);
  width: 150%;
  height: 80px;
  transition: opacity .2s;
  position: relative;
  transform: translate(-30%);
}

.heading {
  font-family: unineue;
}

.heading-2 {
  text-transform: uppercase;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.sezioneazienda {
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.video {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.video.chisiamo {
  overflow: hidden;
}

.sfondovideo {
  grid-template-rows: auto 182px;
  grid-template-columns: 80px 1fr 1fr;
}

.div-block-7 {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  display: block;
}

.descrizioneslide {
  margin-top: 20px;
  margin-bottom: 20px;
}

.grigiochiaro-2 {
  background-color: #c4cfda33;
  border: 1px #000;
  margin-left: 0;
  transform: translate(0);
}

.subtitle-2 {
  color: #001a70;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 900;
  line-height: 15px;
  position: relative;
  top: -1px;
  bottom: 8px;
}

.titolodescrizionesezione-2 {
  background-color: #c4cfda;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 80px;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.titolodescrizionesezione-2.video {
  z-index: 1;
}

.text-block-4 {
  clear: none;
  direction: ltr;
  color: #7a797e;
  text-align: left;
  text-transform: none;
  white-space: normal;
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-bottom: 40px;
  font-family: unineue;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: block;
  position: relative;
}

.titolograndenero-2 {
  color: #1b1e24;
  font-family: unineue;
  font-size: 35px;
  font-weight: 700;
  line-height: 30px;
  position: relative;
  top: 16px;
}

.contenutoazienda-2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  padding: 5px 40px 5px 5px;
}

.titolobianco-2 {
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 45px;
  display: block;
  position: relative;
}

.titolosottotitolo-2 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.video-2 {
  max-height: 500px;
}

.quadrato-2 {
  background-color: #d3dbe2;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 56px;
  height: 56px;
  display: flex;
}

.sezionelavorazioni-2 {
  margin-bottom: 60px;
  display: block;
  overflow: hidden;
}

.titoloservizio-2 {
  color: #1b1e24;
  text-transform: none;
  order: 0;
  margin-top: 0;
  padding-top: 0;
  font-family: unineue;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  position: relative;
}

.griglialavorazioni {
  grid-column-gap: 31px;
  grid-row-gap: 42px;
  grid-template-rows: minmax(400px, 1fr) minmax(397px, 1fr);
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);
  padding-bottom: 40px;
  overflow: hidden;
}

.grid-8 {
  flex: 1;
}

.grid-wrapper-2 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(50px, .5fr);
  grid-template-columns: minmax(80px, 1fr) minmax(1100px, 1400px) minmax(80px, 1fr);
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
  position: relative;
  overflow: visible;
}

.sfondovideo-2 {
  grid-template-rows: minmax(100px, 1fr) 182px;
  grid-template-columns: 80px 1fr 1fr;
  height: 400px;
}

.background-video {
  height: 400px;
  max-height: 400px;
}

.fondobianco-2 {
  background-color: #fff;
  width: 110%;
  height: 110%;
  display: block;
  transform: translate(-5%, -5%);
}

.fondobianco-2.sx {
  width: 100%;
  height: 110%;
  transform: translate(-10%, -5%);
}

.fondobianco-2.sx.grigioscuro {
  background-color: #c4cfda;
  height: 100%;
  transform: translate(0);
}

.fondobianco-2.sx.grigioscuro.lavorazionigrigio {
  transform-style: preserve-3d;
  padding-bottom: 0;
  transform: scale3d(1.1, 1, 1)translate(0);
}

.fondobianco-2.sx.dx {
  transform: translate(10%);
}

.buttonlink-2 {
  z-index: 1;
  clear: left;
  background-color: #001a70;
  flex-flow: wrap;
  order: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: flex-end;
  align-items: flex-start;
  width: auto;
  min-width: 350px;
  max-width: 350px;
  min-height: 80px;
  max-height: 80px;
  padding-left: 27px;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.buttonlink-2.slideservizio {
  justify-content: flex-start;
  min-width: 200px;
  max-width: 250px;
}

.buttonlink-2.slideservizio.materiale {
  min-height: 40px;
}

.text-block-5 {
  clear: none;
  direction: ltr;
  color: #7a797e;
  text-align: left;
  text-transform: none;
  white-space: normal;
  flex: 1;
  order: 0;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-bottom: 40px;
  font-family: unineue;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: block;
  position: relative;
}

.titolograndenero-3 {
  color: #1b1e24;
  font-family: unineue;
  font-size: 35px;
  font-weight: 700;
  line-height: 30px;
  position: relative;
  top: 16px;
}

.titolograndenero-3.materiale {
  top: 0;
}

.subtitle-3 {
  color: #001a70;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: unineue;
  font-size: 11px;
  font-weight: 900;
  line-height: 15px;
  position: relative;
  top: -1px;
  bottom: 8px;
}

.subtitle-3.materiale {
  top: 10px;
}

.materiali-slide {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  height: 380px;
  display: flex;
  position: relative;
}

.materialeslide {
  width: 320px;
  margin-left: 10px;
  margin-right: 10px;
}

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

.collection-item {
  float: none;
  position: static;
  overflow: visible;
}

.mask {
  width: 100%;
}

.grigliamateriali {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.collection-item-2 {
  flex-direction: column;
  padding-bottom: 10px;
  display: flex;
}

.div-block-8 {
  flex-direction: column;
  justify-content: space-between;
  height: 80px;
  padding-top: 60px;
  padding-bottom: 0;
  display: flex;
}

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

.text-block-6 {
  background-color: #ffffff57;
  padding-left: 10px;
  font-family: unineue;
  font-size: 12px;
}

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

.grid-9 {
  grid-template-rows: auto auto auto auto auto auto;
}

.grid-10 {
  grid-template-rows: auto;
}

.textarea {
  min-height: 150px;
}

.checkbox-field {
  display: inline-block;
}

.submit-button-2 {
  float: none;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.text-field-2 {
  border-bottom: 1px solid var(--bluebrolini);
  background-color: var(--grigioform);
  color: var(--bluscuro);
}

.paragraph-3 {
  margin-top: 26px;
}

.link-block-2, .link-block-2.w--current {
  text-decoration: none;
}

.dec-sotto {
  border-top: 2px solid var(--bluebrolini);
  background-color: #acb6c0;
  width: 50%;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.controllo-slide {
  justify-content: space-between;
  align-items: center;
  width: 60px;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.controllo-slide.percent {
  width: 8%;
  margin-right: 1%;
  position: relative;
}

.controllo-slide.percent.lavorasion {
  z-index: 20;
  margin-right: 0%;
  left: auto;
  right: -120px;
}

.freccia-slide {
  cursor: pointer;
  width: 9px;
}

.freccia-slide.disabled {
  opacity: .2;
  cursor: none;
}

.indicatore-scorrimento {
  width: 70%;
  height: 100%;
  display: flex;
  position: absolute;
  left: 70px;
}

.indicatore-scorrimento.percent {
  width: 90%;
  position: relative;
  left: 0;
}

.indicatore-scorrimento.percent.destra {
  justify-content: flex-end;
}

.linea-scorrimento {
  align-items: center;
  width: 80%;
  display: flex;
  position: relative;
}

.linea-scorrimento.destra {
  justify-content: flex-end;
}

.indicatore-numeri {
  color: #fff;
  letter-spacing: 8px;
  justify-content: center;
  align-items: center;
  width: 20%;
  font-size: 14px;
  display: flex;
}

.indicatore-numeri.blu {
  color: var(--bluebrolini);
  letter-spacing: 4px;
  display: none;
}

.guida-linea {
  color: var(--white-2);
  background-color: #fff6;
  width: 100%;
  height: 2px;
  position: relative;
}

.linea-riempita {
  z-index: 2;
  background-color: var(--bluebrolini);
  width: 31%;
  height: 100%;
  transition: all .55s;
  position: absolute;
  left: 0;
}

.suggerimento-scorri {
  z-index: 3;
  background-color: var(--gigiochiaro);
  color: var(--white-2);
  letter-spacing: 6px;
  text-transform: uppercase;
  padding: 10px;
  line-height: 14px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
}

.colonna-bianca {
  background-color: var(--white-2);
  height: 100%;
}

.row-sfondo {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.colonna-100 {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.colonna-100.flex-end {
  align-items: flex-end;
  display: flex;
}

.immagine-sezione {
  height: 350px;
  position: relative;
}

.sfondo-immagine-sezione {
  width: 100%;
  height: 100%;
  position: absolute;
}

.sfondo-immagine-sezione.azeinda-home {
  background-image: url('../images/home-sguardo.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 80px;
}

.blocco-testo {
  margin-left: 90px;
}

.blocco-testo.offset-top {
  margin-top: 70px;
  margin-left: 0;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.blocco-testo.right {
  margin-left: 0;
  margin-right: 70px;
  padding-left: 10px;
}

.blocco-testo.colonnato {
  margin-left: 70px;
  position: relative;
}

.h2 {
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 50px;
}

.h2.right {
  text-align: right;
}

.h2.m-bottom {
  margin-bottom: 50px;
}

.h2.white {
  color: var(--white-2);
  margin-bottom: 50px;
}

.h2.assoluto {
  position: absolute;
  top: -80px;
}

.row-testo {
  margin-top: 50px;
}

.row-in-immagine {
  height: 100%;
}

.sezione {
  margin-top: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.sezione.no-pad-bottom {
  margin-top: 0;
  padding-bottom: 0;
}

.sezione.no-pad {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.sezione.pad-bottom {
  padding-bottom: 200px;
}

.sezione.no-top {
  margin-top: 0;
}

.sezione.no-top.altezza-fissa {
  height: 150px;
}

.sezione.top-negativo {
  margin-top: -80px;
}

.sezione.con-cta {
  padding-bottom: 0;
}

.sezione.con-cta.no-top.m-bottom {
  margin-bottom: 30px;
}

.immagine-blocco {
  height: 300px;
  position: relative;
}

.immagine-blocco.team-azienda {
  background-image: url('../images/Home-Storia-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
  margin-top: 50px;
}

.immagine-blocco.b-lavorazioni {
  background-image: url('../images/Home-Lavorazioni.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.immagine-blocco.video, .img {
  width: 100%;
}

.img.fettucce {
  width: auto;
  height: 80px;
}

.margin-right {
  margin-right: 70px;
}

.immagini-storia {
  justify-content: flex-end;
  margin-top: 20px;
  display: flex;
}

.immagini-storia.m-top {
  margin-top: 80px;
}

.immagini-storia.between {
  margin-top: 80px;
  margin-left: 80px;
  margin-right: 80px;
}

.blocco-immagine-70 {
  background-image: url('../images/home-storia.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 55%;
  height: 350px;
  margin-right: 80px;
}

.blocco-immagine-70.chi-siamo-1 {
  background-image: url('../images/Chi-Siamo-Photo-1.jpg');
  width: 60%;
  margin-right: 15px;
}

.blocco-immagine-40 {
  background-image: url('../images/Home-Storia-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30%;
  height: 350px;
  margin-right: 20px;
}

.blocco-immagine-40.chi-siamo-2 {
  background-image: url('../images/Chi-Siamo-Photo-2.jpg');
  width: 40%;
  margin-left: 15px;
  margin-right: 0;
}

.brio-row {
  flex-wrap: wrap;
  display: flex;
}

.brio-col-img {
  width: 45%;
  position: relative;
  left: 55%;
}

.brio-col-testo {
  width: 55%;
  position: relative;
  right: 45%;
}

.margin-left {
  margin-left: 80px;
}

.margin-between {
  margin-left: 80px;
  margin-right: 80px;
}

.margin-between.eq-height {
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.margin-right-100 {
  text-align: right;
  margin-right: 80px;
}

.video-background {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.colonna-footer {
  padding-left: 0;
  padding-right: 0;
}

.row-footer {
  align-items: flex-end;
  display: flex;
}

.credits {
  background-color: var(--bluscuro-2);
  color: #fff6;
  text-align: right;
  letter-spacing: 1px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 20px;
  font-size: 10px;
  position: relative;
}

.bianco, .link-footer {
  color: var(--white-2);
}

.mappa-footer {
  height: 300px;
  margin-right: 80px;
}

.flex-footer {
  align-items: center;
  display: flex;
}

.footer-contact {
  width: 40%;
  padding-bottom: 30px;
  padding-right: 30px;
}

.footer-logo {
  width: 60%;
}

.logo-footer {
  width: 350px;
  margin-left: 100px;
}

.info-contact-footer {
  color: #00155e;
  text-align: right;
  margin-bottom: 60px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
}

.dec-footer {
  background-color: #c4cfda1a;
  border-top: 1px solid #ffffff80;
  width: 50px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.barra {
  margin-left: 10px;
  margin-right: 10px;
}

.facebook {
  height: 22px;
}

.colonna-grigia {
  background-color: #f3f5f8;
  height: 100%;
}

.colonna-grigia.colonna-left {
  padding-bottom: 80px;
  padding-left: 80px;
  padding-right: 50px;
}

.colonna-grigia.colonna-left.pad-top {
  padding-top: 100px;
}

.colonna-grigia.colonna-left.m-top {
  margin-top: 30px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 20px;
}

.colonna-grigia.colonna-left.colonna-trans {
  background-color: #0000;
  padding-top: 100px;
}

.colonna-grigia.m-top {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-pagine.fondo-bianco {
  background-color: var(--white-2);
}

.p {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.p.offsettato {
  margin-bottom: -90px;
}

.titolo-lato {
  background-color: var(--grigiochiaro);
  padding: 30px 80px 30px 20px;
}

.sezione-video {
  height: 400px;
  position: relative;
}

.video-sfondo {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.box-titolo {
  z-index: 2;
  background-color: var(--grigiochiaro);
  padding: 20px 20px 20px 80px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.box-titolo.left {
  padding-left: 20px;
  padding-right: 80px;
}

.box-titolo.pad-right {
  padding-right: 80px;
}

.sezione-qualita {
  margin-top: -300px;
  padding-top: 300px;
  padding-bottom: 100px;
  position: relative;
}

.sezione-qualita.con-cta {
  padding-bottom: 0;
}

.titolo-col-4 {
  width: 33.3333%;
}

.colonna-topo {
  background-color: var(--gigiochiaro);
  height: 100%;
}

.slide-qualita {
  width: 40%;
  margin-right: 30px;
  transition: all .55s;
}

.slider-qualita {
  background-color: #0000;
  height: 100%;
}

.arrow {
  display: none;
}

.foto-qualita {
  height: 250px;
  position: relative;
}

.foto-qualita._1 {
  background-image: url('../images/Slider-Puntualita.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.foto-qualita._2 {
  background-image: url('../images/Slider-Flessibilita.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.foto-qualita._3 {
  background-image: url('../images/Slider-Efficienza.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-qualita {
  background-color: var(--bluscuro-2);
  color: var(--white-2);
  padding: 10px 80px 10px 10px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 100;
  line-height: 22px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.nav {
  opacity: 0;
}

.text-qualita {
  color: #7a797e;
  text-align: justify;
  margin-top: 30px;
  line-height: 24px;
}

.controllo-slider {
  height: 50px;
  margin-top: 30px;
  margin-left: 80px;
  position: relative;
}

.controllo-slider.percent {
  display: flex;
}

.controllo-slider.percent.right {
  margin-left: 10px;
  margin-right: 80px;
}

.controllo-slider.percent.right.destra {
  z-index: 100;
}

.colonna-no-pad {
  padding-left: 0;
  padding-right: 0;
}

.colonna-no-pad.right {
  text-align: right;
}

.colonna-no-pad.right.col-flex {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.colonna-no-pad.left {
  text-align: right;
}

.flex {
  align-items: center;
  display: flex;
}

.flex-video {
  width: 69%;
  height: 350px;
  margin-right: 30px;
}

.flex-testo {
  width: 30%;
}

.div-between {
  margin-left: 80px;
  margin-right: 80px;
}

.div-between.no-right {
  margin-right: 0;
}

.div-between.contenuto-materie-prime {
  margin-top: 100px;
  position: relative;
}

.box-lavorazioni {
  cursor: pointer;
  position: relative;
}

.img-lavorazione {
  width: 100%;
  transition: all .55s;
  position: relative;
}

.img-lavorazione.attivo {
  filter: none;
}

.titolo-lavorazioni {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.quadrato-lavorazione {
  background-color: #d9e2ea;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  transition: all .55s;
}

.quadrato-lavorazione.attivo {
  background-color: #001a70;
}

.h3-lavroazione {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 26px;
}

.desc-lavorazione {
  color: #7a797e;
  line-height: 28px;
}

.slider-lavorazioni {
  background-color: #0000;
  height: 100%;
}

.slide-lavorazioni {
  width: 22%;
  margin-right: 30px;
  transition: all .55s;
}

.nav-none {
  display: none;
}

.row-lavorazioni {
  display: none;
  position: relative;
  top: -79px;
}

.row-lavorazioni.attivo {
  display: block;
}

.rocchetta {
  z-index: 4;
  width: 180px;
  position: absolute;
  bottom: -100px;
}

.rocchetta.r-2 {
  left: 220px;
}

.rocchetta.r-3 {
  left: 420px;
}

.video-header {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.eq-height {
  display: flex;
  position: relative;
}

.eq-height.fondo-bianco {
  background-color: var(--white-2);
}

.img-materiale {
  width: 100%;
  height: 220px;
  position: relative;
}

.img-materiale.cotone {
  background-image: url('../images/Foto-hoover-colori-Cotone.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.raso {
  background-image: url('../images/Foto-hoover-colori-Raso.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.finta-pelle {
  background-image: url('../images/Foto-hoover-colori-finta-pelle.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.velluto {
  background-image: url('../images/Foto-hoover-colori-velluto.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.fodera {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.img-materiale.poliestere {
  background-image: url('../images/Foto-hoover-poliestereblu.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.grossgrain {
  background-image: url('../images/Foto-hoover-colori-grossgrain.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.plisse {
  background-image: url('../images/Foto-hoover-colori-plisse.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.vernice {
  background-image: url('../images/Foto-hoover-colori-vernice.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.telaio {
  background-image: url('../images/Foto-hoover-colori-slalom.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.lycra {
  background-image: url('../images/Foto-hoover-colori-Lycra.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.laser {
  background-image: url('../images/Foto-hoover-colori-laser_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.lurex {
  background-image: url('../images/Foto-hoover-colori-Lurex.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-materiale.rifrangente {
  background-image: url('../images/Foto-hoover-colori-rinfrangente.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.titolo-materia {
  z-index: 2;
  background-color: var(--bluebrolini);
  opacity: 1;
  color: var(--white-2);
  padding: 8px 40px 8px 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 100;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.info-form {
  color: var(--bluscuro);
  letter-spacing: 1px;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 500;
}

.form-block {
  background-color: #0000;
  border-style: none;
  width: 80%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.field {
  color: #000;
  background-color: #f2f5f8;
  border: 1px solid #0000;
  border-bottom-color: #00155e80;
  font-family: unineue;
  font-weight: 400;
}

.field.textarea {
  min-height: 200px;
}

.row-form {
  margin-bottom: 20px;
}

.div-form {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.label-privacy {
  color: #000;
  letter-spacing: 1px;
  font-family: unineue;
  font-size: 12px;
}

.button-form {
  float: right;
  color: var(--bluebrolini);
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: unineue;
  font-size: 18px;
  font-weight: 700;
}

.row-invio-form {
  align-items: center;
  display: flex;
}

.blocco-materie-prime {
  display: none;
}

.blocco-materie-prime.attivo {
  display: block;
}

.h2.titolo-materie {
  color: var(--white-2);
  letter-spacing: 1px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 800;
}

.h2.titolo-materie.divisore {
  margin-top: 50px;
}

.sottotitolo-materiale {
  color: var(--bluscuro-2);
  text-transform: uppercase;
  margin-top: 10px;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.sottotitolo-materiale.divisore {
  margin-top: 50px;
}

.row-materiale {
  margin-top: 20px;
}

.box-materia {
  background-color: var(--white-2);
}

.box-materia._5 {
  width: 10px;
}

.box-materia._8 {
  width: 20px;
}

.box-materia._11 {
  width: 50px;
}

.box-materia._15 {
  width: 22px;
}

.box-materia._20 {
  width: 70px;
}

.nome-materia-prima {
  color: var(--bluscuro);
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 12px;
  line-height: 12px;
}

.img-telaio {
  justify-content: space-between;
  display: flex;
}

.img-telaio.top {
  margin-top: 20px;
}

.logo-menu {
  width: 250px;
  margin-bottom: 50px;
  display: block;
}

.link-buttom {
  z-index: 20;
  width: 100%;
  height: 100%;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.dec-telefono {
  border-bottom: 1px solid var(--bluebrolini);
  background-color: #acb6c0;
  width: 50%;
  height: 70px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.aiuto-telefono {
  width: 100%;
  position: absolute;
  top: 80px;
}

.link-aiuto {
  width: 25px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-aiuto.email {
  width: 20px;
}

.img-aiuto-telefono {
  width: 100%;
}

.aiuto-email {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.dec-email {
  border-top: 1px solid var(--bluebrolini);
  background-color: #acb6c0;
  width: 50%;
  height: 70px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}

.row-cta {
  margin-top: 80px;
}

.button-cta {
  background-color: var(--bluebrolini);
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 20px 15px 20px 20px;
  font-family: unineue;
  font-size: 16px;
  display: inline-block;
  position: relative;
}

.button-cta.abso {
  position: absolute;
  top: 0;
  right: 31%;
}

.content-button-cta {
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.text-cta {
  letter-spacing: 1px;
  margin-left: 10px;
}

.swiper-container.slide-plus, .swiper-container.slider-lavorazioni, .swiper-container.slider-materie {
  overflow: hidden;
}

.swiper-slide.slide-qualita {
  width: 45%;
  margin-right: 0;
}

.swiper-slide.slide-lavorazioni {
  width: 15%;
  margin-right: 0;
}

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

.blend-layer {
  z-index: 2;
  background-color: var(--gigiochiaro);
  width: 100%;
  height: 100%;
  transition: opacity .55s;
  position: absolute;
}

.content-telefono {
  justify-content: center;
  align-items: center;
  height: 170px;
  display: flex;
}

.content-map {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.inehirt {
  color: #fff;
  text-decoration: none;
}

.h3 {
  font-family: unineue;
  font-size: 25px;
  font-weight: 400;
}

.h3.margin-right-text {
  margin-right: 50px;
}

.h3.link-cartelle-colore {
  color: var(--black);
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
}

.slider-tinte-unite {
  background-color: #0000;
  height: 100%;
}

.no-arrow, .no-bullet {
  display: none;
}

.link-cartella-colore {
  color: var(--black);
  text-decoration: none;
}

.link-form {
  color: var(--bluscuro);
}

.copyright-text {
  font-size: 8px;
}

.switch-language {
  z-index: 25;
  background-color: var(--grigiochiaro);
  align-items: center;
  height: 80px;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  left: 570px;
}

.link-lingua {
  color: var(--white-2);
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
}

.link-lingua:hover {
  color: var(--bluebrolini);
}

.link-lingua.attivo {
  color: var(--bluscuro-2);
}

.text-block-7 {
  text-decoration: none;
}

@media screen and (min-width: 1280px) {
  .steps-grid {
    grid-column-gap: 100px;
    grid-template-columns: .8fr 1fr;
  }

  .steps-card {
    padding: 36px;
  }

  .team-image {
    min-height: 400px;
  }

  .featured-journal-wrapper {
    grid-column-gap: 60px;
    padding-top: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .popular-vacations {
    padding-top: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .journal-post {
    grid-column-gap: 80px;
  }

  .hero-video-wrapper, .video-flyout {
    max-width: 700px;
  }

  .popular-vacations-wrapper, .journal-cards {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .form-block {
    padding: 60px;
  }

  .team-intro-wrapper {
    grid-column-gap: 80px;
  }

  .steps-intro {
    padding-left: 18px;
    padding-right: 18px;
  }

  .aziendasezione.x.grid-wrapper {
    grid-template-columns: 80px 1.5fr 1fr 80px;
  }

  .aziendasezione.section.grid-wrapper {
    grid-template-columns: 80px 1fr minmax(200px, 600px) 80px;
  }

  .lavorazionitaglio {
    margin-bottom: 22px;
  }

  .descrizioneservizio {
    grid-template-columns: minmax(70px, .5fr) 2.25fr;
  }

  .grid-6 {
    grid-template-rows: auto minmax(auto, 80px);
  }

  .sfondovideo-2 {
    height: 400px;
  }

  .background-video {
    height: 400px;
    max-height: 400px;
  }

  .p.offsettato {
    margin-bottom: -90px;
  }
}

@media screen and (min-width: 1440px) {
  .hero-background-image {
    min-height: 320px;
    display: block;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .hero-background-image.immagineindustrib {
    background-image: url('../images/Gruppo-di-maschere-4.jpg');
    position: relative;
  }

  .hero-background-image.industriabg2 {
    background-image: url('../images/Gruppo-di-maschere--2.jpg');
    position: relative;
  }

  .steps-grid {
    grid-column-gap: 140px;
    grid-template-columns: .8fr 1fr;
  }

  .steps-sticky-card {
    grid-column-gap: 36px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .team-image {
    min-height: 325px;
  }

  .benefit-card {
    padding-left: 36px;
    padding-right: 36px;
  }

  .featured-journal-wrapper {
    grid-column-gap: 80px;
  }

  .journal-post {
    padding: 60px;
  }

  .hero-video-wrapper, .video-flyout {
    max-width: 750px;
  }

  .popular-vacations-wrapper, .journal-cards {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
  }

  .flyout-menu-wrapper {
    display: block;
  }

  .telefonosx {
    justify-content: flex-start;
  }

  .aziendasezione.x.grid-wrapper {
    grid-template-columns: 80px 1.25fr 1fr 80px;
  }

  .lavorazionitaglio {
    margin-bottom: 34px;
  }

  .grid-2 {
    grid-template-columns: .5fr 1fr;
  }

  .descrizioneservizio {
    grid-template-columns: minmax(70px, .5fr) 2.25fr;
  }

  .heading-2 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }

  .sfondovideo-2 {
    grid-template-rows: 1fr 182px;
  }

  .p.offsettato {
    margin-bottom: -90px;
  }

  .row-lavorazioni {
    margin-bottom: 200px;
  }

  .button-cta.abso {
    right: 31.4%;
  }
}

@media screen and (min-width: 1920px) {
  .hero-background-image {
    flex: none;
    order: 1;
    justify-content: flex-end;
    align-self: flex-end;
    min-height: 400px;
    padding: 0;
    display: flex;
    position: absolute;
  }

  .hero-background-image.benefit-intro-background {
    background-image: url('../images/Gruppo-di-maschere-4.jpg');
    position: static;
  }

  .hero-background-image.immagineindustrib {
    background-image: url('../images/Gruppo-di-maschere-4.jpg');
    background-size: cover;
    min-height: 400px;
    display: block;
    position: static;
  }

  .hero-background-image.industriabg2 {
    background-image: url('../images/Gruppo-di-maschere--2.jpg');
    position: relative;
  }

  .hero-background-image.diamovita {
    align-items: flex-end;
    display: flex;
  }

  .overlay.dark {
    display: block;
  }

  .subtitle {
    font-size: 16px;
  }

  .scroll-indicator {
    grid-template-rows: minmax(250px, 250px) auto auto auto;
    align-content: start;
    place-items: start center;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .scroll-indicator.chisiamo {
    height: 60vh;
  }

  .grid-wrapper {
    grid-template-columns: minmax(80px, 1fr) minmax(auto, 1680px) minmax(80px, 1fr);
  }

  .menu-lottie {
    background-color: #0000;
  }

  .team-image {
    min-height: 400px;
  }

  .home-hero.small {
    height: 60vh;
  }

  .hero-video-wrapper, .video-flyout {
    max-width: 1000px;
  }

  .slider-background {
    background-image: url('../images/Gruppo-di-maschere-83.jpg');
  }

  .slider-background-wrapper.hero-wrapper.small {
    min-height: 60vh;
  }

  .background.uno {
    background-image: url('../images/slidehome1.jpg');
  }

  .hero-slide-arrow {
    justify-content: center;
  }

  .slider-arrow-icon {
    width: 24px;
  }

  .flyout-menu.open {
    background-color: #0000;
    border-style: none;
    border-color: #0000;
  }

  .barraslider {
    justify-content: flex-end;
  }

  .text-block {
    font-size: 18px;
    line-height: 29px;
  }

  .grid.destrasmall {
    height: 60vh;
    min-height: 60vh;
  }

  .aziendasezione.x.grid-wrapper {
    grid-template-columns: 80px 1fr .75fr 80px;
  }

  .titolograndenero {
    font-size: 40px;
    position: relative;
  }

  .lavorazionitaglio {
    margin-bottom: 40px;
  }

  .lavorazionitaglio.section {
    grid-template-rows: auto auto auto;
  }

  .div-block-4 {
    padding: 0 0 0 20px;
    position: relative;
  }

  .buttonlink {
    align-items: flex-end;
  }

  .fondobianco {
    z-index: 0;
    background-color: var(--white);
    object-fit: fill;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 110%;
    padding-top: 70px;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
    transform: translate(0, -5%);
  }

  .fondobianco.sx {
    transform: translate(-20%, -5%);
  }

  .fondobianco.sx.dx {
    transform: translate(20%, -5%);
  }

  .image-8 {
    display: block;
  }

  .column {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: auto;
    padding-right: 33px;
  }

  .grid-2 {
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
  }

  .descrizioneservizio {
    grid-template-columns: minmax(70px, 1fr) 3.5fr;
  }

  .contenitore-immagineservizio {
    width: 100%;
  }

  .sezionelavorazioninew.sxcontent, .sezionelavorazioninew.dxcontent {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid-6 {
    grid-template-rows: auto minmax(auto, 80px);
  }

  .text-block-3.footertext {
    padding-bottom: 30px;
  }

  .subtitle-2 {
    font-size: 16px;
  }

  .text-block-4 {
    font-size: 24px;
    line-height: 25px;
  }

  .titolograndenero-2 {
    font-size: 40px;
    position: relative;
  }

  .grid-wrapper-2 {
    grid-template-columns: minmax(80px, 1fr) minmax(auto, 1680px) minmax(80px, 1fr);
  }

  .sfondovideo-2 {
    grid-template-rows: minmax(287px, 1fr) 182px;
    height: 100%;
  }

  .background-video {
    height: 100%;
    max-height: 100%;
  }

  .fondobianco-2 {
    z-index: 0;
    object-fit: fill;
    background-color: #fff;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 110%;
    padding-top: 70px;
    display: block;
    position: absolute;
    inset: 0% 0% auto auto;
    transform: translate(0, -5%);
  }

  .fondobianco-2.sx {
    transform: translate(-20%, -5%);
  }

  .fondobianco-2.sx.dx {
    transform: translate(20%, -5%);
  }

  .buttonlink-2 {
    align-items: flex-end;
  }

  .text-block-5 {
    font-size: 24px;
    line-height: 25px;
  }

  .titolograndenero-3 {
    font-size: 40px;
    position: relative;
  }

  .subtitle-3 {
    font-size: 16px;
  }

  .immagine-sezione {
    height: 450px;
  }

  .blocco-testo.offset-top {
    padding-right: 50px;
  }

  .sezione.pad-bottom {
    padding-bottom: 200px;
  }

  .immagine-blocco.team-azienda {
    width: 100%;
    height: 350px;
    margin-left: auto;
    margin-right: 0;
  }

  .immagine-blocco.b-lavorazioni {
    width: 90%;
    height: 450px;
    margin-left: auto;
    margin-right: 0;
  }

  .immagine-blocco.video, .blocco-immagine-70 {
    height: 400px;
  }

  .blocco-immagine-40 {
    width: 35%;
    height: 400px;
  }

  .brio-col-img {
    width: 40%;
    left: 60%;
  }

  .brio-col-testo {
    width: 60%;
    right: 40%;
  }

  .colonna-left-50 {
    padding-left: 50px;
  }

  .mappa-footer {
    height: 400px;
  }

  .logo-footer {
    width: 500px;
  }

  .info-contact-footer {
    font-size: 22px;
    line-height: 26px;
  }

  .p.offsettato {
    margin-bottom: -90px;
  }

  .foto-qualita._1, .foto-qualita._2, .foto-qualita._3 {
    height: 300px;
  }

  .flex-video {
    width: 79%;
    height: 400px;
  }

  .flex-testo {
    width: 20%;
    padding-right: 20px;
  }

  .slide-lavorazioni {
    width: 16%;
  }

  .rocchetta.r-1 {
    width: 250px;
  }

  .rocchetta.r-2 {
    width: 250px;
    left: 280px;
  }

  .rocchetta.r-3 {
    width: 250px;
    left: 520px;
  }

  .rocchetta.r-3.un-po {
    left: 550px;
  }

  .button-cta.abso {
    right: 31.8%;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 28px;
  }

  .top-nav-wrapper {
    grid-template-columns: minmax(60px, 1fr) minmax(auto, 1400px);
    grid-auto-columns: minmax(80px, 1fr);
  }

  .right-nav {
    z-index: 20;
    grid-template-columns: 1fr;
    position: relative;
  }

  .scroll-indicator {
    width: 65px;
    padding-top: 65px;
    display: none;
    overflow: hidden;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .nav-link {
    border-bottom: 1px solid var(--indicator-outline);
    color: var(--body-display);
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .grid-wrapper {
    grid-template: ". . Area" minmax(40px, 1fr)
    / minmax(30px, 1fr) minmax(auto, 1400px) minmax(30px, 1fr);
  }

  .slider-wrapper {
    margin-top: 40px;
    margin-left: 0;
    padding-top: 0;
  }

  .location-card-slider {
    margin-left: 0;
  }

  .location-mask {
    width: 100%;
  }

  .slider-arrow {
    order: 1;
    align-self: center;
    margin-left: -200px;
    position: absolute;
    inset: 0% auto 0% 0;
    transform: translate(0, -5px);
  }

  .slider-arrow.right {
    order: 1;
    align-self: center;
    display: flex;
    inset: 0% 0% 30% auto;
    transform: none;
  }

  .nav-menu {
    z-index: 15;
    background-color: #0000;
    max-width: none;
    height: 100vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 65px;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
  }

  .grey-cover {
    margin-left: 65px;
  }

  .about-wrapper {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
    padding-top: 80px;
  }

  .about-images {
    margin-left: 65px;
    overflow: auto;
  }

  .horizontal-line.left {
    margin-left: 65px;
  }

  .xxl-heading {
    font-size: 54px;
  }

  .benefits-wrapper {
    grid-row-gap: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 36px;
  }

  .membership-plans-wrapper {
    margin-left: 0;
    padding-bottom: 80px;
  }

  .steps-grid {
    grid-row-gap: 60px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
  }

  .steps-sticky-card {
    grid-template-columns: 1fr;
    position: relative;
    top: auto;
  }

  .steps-card-wrapper {
    grid-row-gap: 48px;
  }

  .team-wrapper {
    padding-top: 48px;
    padding-bottom: 140px;
    padding-left: 36px;
  }

  .team-box {
    grid-template-columns: 1fr 1fr;
  }

  .team-image {
    min-height: 320px;
  }

  .testimonial-wrapper {
    margin-left: 65px;
    margin-right: 65px;
  }

  .testimonial-slider {
    justify-content: center;
  }

  .testimonial-arrow {
    right: 36px;
  }

  .testimonial-arrow.right {
    left: 113px;
  }

  .testimonial-slide-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 36px;
    padding-right: 36px;
  }

  .testimonial-mask {
    max-width: 100%;
  }

  .testimonial-slide {
    width: 100%;
  }

  .intro-wrapper {
    grid-template-columns: 1fr;
  }

  .intro-right-image {
    min-height: 200px;
  }

  .featured-journal-wrapper {
    grid-row-gap: 120px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    margin-top: -48px;
    margin-left: 36px;
    padding: 24px 24px 0;
  }

  .featured-journal-wrapper.full-width {
    padding: 24px 24px 0;
  }

  .vacations-dual-grid {
    grid-template-columns: 1fr;
  }

  .vacation-items {
    padding-top: 0;
    padding-left: 65px;
  }

  .sticky-vacation-right {
    height: 70vh;
    position: relative;
  }

  .inner-page-intro {
    justify-items: stretch;
    width: 100%;
  }

  .testimonial-content {
    width: 100%;
  }

  .team-image-location {
    display: none;
  }

  .checkout-form {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .checkout-details {
    padding: 36px;
  }

  .order-info {
    grid-row-gap: 36px;
    padding-top: 0;
  }

  .order-top-bar {
    min-height: auto;
  }

  .vacation-results {
    padding-top: 0;
    padding-left: 36px;
    padding-right: 36px;
  }

  .location-slider-top {
    display: none;
  }

  .vacations-slider {
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .locations-slider-mask {
    border-radius: 0;
  }

  .vacation-slide-arrow {
    margin-bottom: 0;
    bottom: 36px;
  }

  .vacation-slide-arrow.right {
    bottom: 36px;
  }

  .location-page-slide {
    height: 100%;
    min-height: auto;
  }

  .vacation-slider-content {
    border-radius: 0;
    width: auto;
  }

  .home-hero {
    height: auto;
    min-height: 93vh;
    max-height: 900px;
    margin-left: 0;
    margin-right: 0;
  }

  .home-hero.small {
    min-height: 40vh;
  }

  .home-hero-content {
    grid-column-gap: 36px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto;
    padding-top: 140px;
    padding-left: 36px;
    padding-right: 40px;
  }

  .hero-video-button {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 140px;
  }

  .home-hero-intro {
    text-align: left;
    margin-bottom: 0;
  }

  .video-hover-button {
    width: 120px;
    height: 120px;
  }

  .popular-vacations {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-intro {
    padding-left: 36px;
  }

  .journal-post {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
    padding: 36px 36px 0;
  }

  .hero-video-wrapper {
    width: 85vw;
  }

  .large-journal-post {
    min-height: 375px;
  }

  .journal-right-wrapper {
    grid-row-gap: 24px;
  }

  .video-icon-wrapper {
    width: 75%;
    height: 75%;
  }

  .popular-vacations-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .product-slider-arrow {
    bottom: 48px;
  }

  .product-slider-arrow.left {
    bottom: 120px;
    right: 0;
  }

  .hero-slide.home {
    height: 100%;
  }

  .vacation-images {
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .small-vacation-image {
    min-height: 200px;
  }

  .slider-background-wrapper {
    padding: 60px;
  }

  .slider-background-wrapper.hero-wrapper {
    height: auto;
    min-height: auto;
    padding-left: 60px;
  }

  .hero-slide-arrow {
    justify-content: center;
    left: 0;
    right: auto;
  }

  .bottom-grid-wrapper {
    grid-template-columns: minmax(65px, 1fr) minmax(auto, 1400px) minmax(65px, 1fr);
  }

  .featured-location {
    width: auto;
    margin-left: 106px;
  }

  .product-hero-content {
    padding-bottom: 48px;
    padding-left: 36px;
    padding-right: 60px;
  }

  .journal-intro {
    padding-left: 36px;
  }

  .vacation-info {
    padding-top: 60px;
  }

  .vacation-features {
    grid-row-gap: 0px;
    grid-template-rows: auto 1px auto;
    grid-template-columns: 1fr 1px 1fr;
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .map-section {
    padding-bottom: 80px;
  }

  .vacation-content {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
  }

  .vacation-body {
    padding-left: 0;
    padding-right: 0;
  }

  .team-images {
    grid-template-columns: .5fr .5fr .5fr;
  }

  .about-us-intro {
    grid-row-gap: 60px;
    padding: 36px 36px 0;
  }

  .team-items {
    padding-bottom: 80px;
  }

  .team-banner {
    padding-top: 100px;
    padding-bottom: 180px;
  }

  .all-journal-posts {
    margin-left: 36px;
  }

  .team-conteact-info {
    grid-row-gap: 0px;
    grid-template-rows: auto 1px auto;
    grid-template-columns: 1fr 1px 1fr;
  }

  .team-member-vacations {
    margin-left: 36px;
  }

  .slider-arrow-icon {
    margin: auto;
    display: block;
    position: relative;
    top: auto;
  }

  .small-image {
    min-height: 300px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .medium-image {
    min-height: 300px;
    margin-top: 0;
  }

  .locations-slide-content {
    margin-left: 65px;
  }

  .benefits-box {
    grid-template-rows: auto 1px auto;
    grid-template-columns: 1fr 1px 1fr;
  }

  .mission-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .vacation-hero {
    min-height: 600px;
  }

  .journal-cards {
    grid-template-columns: 1fr 1fr;
  }

  .journal-card {
    padding-bottom: 24px;
  }

  .journal-card-info {
    padding-left: 24px;
    padding-right: 24px;
  }

  .contact-form-wrapper {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
  }

  .form-block {
    padding: 36px;
  }

  .team-intro-wrapper {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
  }

  .portrait-image {
    min-height: 300px;
  }

  .collection-list-wrapper {
    height: 100%;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
  }

  .menu-button.w--open {
    background-color: #c8c8c800;
  }

  .mobile-destinations-wrapper {
    z-index: 20;
    position: relative;
  }

  .footer-wrapper {
    grid-template-columns: 1fr;
  }

  .footer-pages {
    margin-bottom: 24px;
  }

  .nav-menu-links {
    z-index: 20;
    grid-row-gap: 0px;
    background-color: var(--grey-background);
    grid-template-columns: 1fr;
    position: relative;
  }

  .invoice-grid {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .invoice-image {
    border-radius: 0;
    min-height: 500px;
    padding-bottom: 48px;
    padding-left: 65px;
  }

  .invoice-content-wrapper {
    padding-top: 0;
  }

  .invoice-content {
    margin-left: 65px;
    padding-top: 0;
    padding-left: 36px;
    padding-right: 36px;
  }

  .order-confirmation {
    padding: 100px 36px 36px;
  }

  .order-confirmation-content {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .order-sticky {
    position: relative;
    top: 0;
  }

  .confirmation-grid {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .lightbox-hover-coontent {
    display: none;
  }

  .success-message-content {
    padding: 12px;
  }

  .flyout-menu, .flyout-menu.close {
    display: none;
  }

  .flyout-menu.open {
    display: flex;
  }

  .flyout-menu-wrapper {
    display: none;
  }

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

  .vacation-hero-intro {
    padding-right: 18px;
  }

  .mobile-navigation-shade {
    z-index: 5;
    background-color: #0c192e8c;
    margin-top: 66px;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .text-block {
    margin-bottom: 37px;
    position: relative;
  }

  .grid {
    display: none;
  }

  .aziendasezione.x.grid-wrapper {
    grid-template-rows: 40px 180px 79px auto auto;
    grid-template-columns: 5px 1fr 5px;
    grid-auto-columns: 0;
  }

  .aziendasezione.section.grid-wrapper {
    grid-template-columns: 30px 1fr 80px;
    grid-auto-rows: 146px;
  }

  .aziendasezione.section.grid-wrapper.chisiamo.griglia.contatti {
    grid-template-rows: 40px;
  }

  .aziendasezione.section.grid-wrapper.chisiamo {
    grid-template-rows: minmax(120px, .25fr) minmax(120px, 1fr);
    grid-template-columns: 30px 1fr 30px;
    padding-bottom: 26px;
  }

  .azienda {
    background-position: 50%;
    background-size: cover;
  }

  .titolodescrizionesezione {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .titolobianco {
    font-size: 30px;
    line-height: 32px;
    display: block;
  }

  .grigiochiaro {
    transform: translate(119px);
  }

  .contenutoazienda {
    grid-template-rows: minmax(100px, 1fr) auto;
  }

  .lavorazionitaglio.section {
    grid-template-columns: 10px 1fr 1.75fr 10px;
  }

  .div-block-4 {
    grid-template-columns: 1fr 4fr;
  }

  .div-block-4.home {
    grid-template-columns: minmax(400px, 1.5fr) 1.25fr;
  }

  .fondobianco {
    z-index: 0;
    position: relative;
  }

  .fondobianco.sx.grigioscuro {
    height: 100%;
    transform: none;
  }

  .titolosottotitolo {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 20px;
    display: block;
    position: static;
  }

  .contenitore-immagineservizio {
    width: 100%;
  }

  .grid-4 {
    grid-template-rows: minmax(80px, 1fr);
    grid-template-columns: minmax(100%, 3.5fr);
  }

  .sezionelavorazioninew.dxcontent {
    margin-bottom: 0;
  }

  .text-block-3 {
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    font-size: 15px;
    line-height: 20px;
    display: block;
  }

  .heading-2 {
    font-family: Ubuntu, Helvetica, sans-serif;
  }

  .grigiochiaro-2 {
    transform: translate(119px);
  }

  .titolodescrizionesezione-2 {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-4 {
    margin-bottom: 37px;
    position: static;
  }

  .contenutoazienda-2 {
    grid-template-rows: minmax(100px, 1fr) auto;
  }

  .titolobianco-2 {
    font-size: 30px;
    line-height: 32px;
    display: block;
  }

  .titolosottotitolo-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 20px;
    display: block;
    position: static;
  }

  .griglialavorazioni {
    grid-template-columns: 1fr 1fr;
  }

  .grid-wrapper-2 {
    grid-template: ". . Area" minmax(60px, 1fr)
    / minmax(30px, 1fr) minmax(auto, 1400px) minmax(30px, 1fr);
  }

  .fondobianco-2 {
    z-index: 0;
    position: relative;
  }

  .fondobianco-2.sx.grigioscuro {
    height: 100%;
    transform: none;
  }

  .text-block-5 {
    margin-bottom: 37px;
    position: relative;
  }

  .controllo-slide.percent.lavorasion {
    right: -75px;
  }

  .indicatore-scorrimento {
    width: 55%;
  }

  .indicatore-numeri {
    letter-spacing: 2px;
    font-size: 12px;
  }

  .sfondo-immagine-sezione.azeinda-home {
    margin-left: 40px;
  }

  .blocco-testo.right {
    margin-right: 30px;
  }

  .blocco-testo.colonnato {
    margin-left: 30px;
  }

  .h2.assoluto {
    width: 150px;
    font-size: 25px;
    line-height: 25px;
  }

  .immagine-blocco.video {
    margin-bottom: 50px;
  }

  .margin-right {
    margin-right: 40px;
  }

  .immagini-storia.between {
    margin-left: 40px;
    margin-right: 40px;
  }

  .blocco-immagine-70 {
    height: 300px;
    margin-right: 40px;
  }

  .blocco-immagine-40 {
    height: 300px;
  }

  .brio-col-img {
    width: 100%;
    left: 0%;
  }

  .brio-col-testo {
    width: 100%;
    right: 0%;
  }

  .margin-left {
    margin-left: 40px;
  }

  .margin-between.eq-height.flotta-tablet {
    display: block;
  }

  .credits {
    font-size: 8px;
  }

  .mappa-footer {
    margin-right: 0;
  }

  .flex-footer {
    justify-content: flex-end;
  }

  .footer-logo {
    width: auto;
    margin-right: 60px;
  }

  .logo-footer {
    width: 200px;
    margin-left: 0;
  }

  .info-contact-footer {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .dec-footer {
    width: 20px;
  }

  .colonna-grigia.colonna-left.pad-top, .colonna-grigia.colonna-left.m-top {
    padding-left: 40px;
  }

  .p.offsettato {
    margin-bottom: 10px;
  }

  .titolo-lato {
    padding-right: 40px;
  }

  .box-titolo {
    padding-left: 40px;
  }

  .controllo-slider.percent {
    margin-left: 40px;
  }

  .controllo-slider.percent.right.destra {
    margin-right: 0;
  }

  .flex {
    flex-wrap: wrap;
  }

  .flex-video {
    width: 100%;
    margin-bottom: 80px;
    position: relative;
  }

  .flex-testo {
    width: 100%;
  }

  .div-between {
    margin-left: 40px;
    margin-right: 40px;
  }

  .row-lavorazioni {
    top: -80px;
  }

  .rocchetta.r-1 {
    width: 100px;
    bottom: -50px;
  }

  .rocchetta.r-2 {
    width: 100px;
    bottom: -50px;
    left: 120px;
  }

  .rocchetta.r-3 {
    width: 100px;
    bottom: -50px;
    left: 240px;
  }

  .sottotitolo-materiale.divisore {
    margin-top: 40px;
  }

  .button-cta.abso {
    right: 0%;
  }

  .swiper-slide.slide-qualita {
    width: 40%;
  }

  .swiper-slide.slide-lavorazioni {
    width: 35%;
  }

  .h3.margin-right-text {
    margin-right: 20px;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 26px;
  }

  .subtitle {
    text-align: left;
  }

  .top-nav-wrapper {
    grid-template-columns: minmax(5px, 10px) minmax(auto, 373px);
  }

  .left-nav {
    z-index: 30;
  }

  .right-nav {
    grid-column-gap: 0px;
  }

  .scroll-indicator {
    display: none;
  }

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

  .section.no-top-padding {
    padding-bottom: 48px;
  }

  .nav-link {
    border-bottom: 1px solid var(--indicator-outline);
    border-top-style: none;
  }

  .grid-wrapper {
    grid-template-rows: minmax(60px, 1fr);
    grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(36px, 1fr);
  }

  .slider-wrapper {
    margin-top: 0;
    margin-left: 0;
    padding-top: 36px;
    overflow: visible;
  }

  .location-card-slider {
    margin-left: 0;
  }

  .location-mask {
    width: 100%;
  }

  .slider-arrow.right {
    margin-bottom: 198px;
    margin-left: -188px;
    right: -6%;
  }

  .nav-menu {
    margin-left: 0;
    padding-left: 0;
  }

  .grey-cover {
    margin-left: 0;
  }

  .about-wrapper {
    padding-top: 60px;
    padding-left: 0;
  }

  .about-images {
    margin-left: 0;
  }

  .about-image-item {
    min-width: 200px;
    min-height: 200px;
  }

  .horizontal-line.left {
    margin-left: 0;
  }

  .xxl-heading {
    color: var(--bluscuro-2);
    margin-left: 10px;
    font-size: 35px;
    line-height: 35px;
  }

  .benefits-wrapper {
    grid-row-gap: 60px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0;
  }

  .membership-plans-wrapper {
    padding-bottom: 60px;
  }

  .vacations-tab-menu {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr;
    height: auto;
    margin-bottom: 24px;
  }

  .vacations-tab-link {
    border: 1px solid var(--indicator-outline);
    border-radius: 5px;
    flex-direction: column;
    height: auto;
    min-height: 60px;
    padding-top: 24px;
    padding-bottom: 24px;
    position: relative;
  }

  .membership-circle {
    width: 36px;
    height: 36px;
    position: relative;
    bottom: 12px;
  }

  .membership-dot.four {
    width: 9px;
    height: 9px;
  }

  .location-indicator {
    display: none;
  }

  .steps-grid {
    padding-left: 0;
  }

  .steps-card-wrapper {
    grid-row-gap: 36px;
  }

  .team-wrapper {
    padding-left: 0;
  }

  .team-box {
    grid-template-columns: 1fr;
  }

  .team-image {
    min-height: 450px;
  }

  .testimonial-wrapper {
    margin-left: 0;
    margin-right: 36px;
  }

  .benefit-card {
    grid-row-gap: 48px;
    grid-template-rows: 1fr auto;
    min-height: auto;
  }

  .featured-journal-wrapper {
    grid-row-gap: 100px;
    margin-left: 0;
    padding: 24px 24px 0;
  }

  .featured-journal-wrapper.full-width {
    margin-left: 0;
  }

  .vacation-items {
    padding-left: 36px;
    padding-right: 36px;
  }

  .vacation-item {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    padding-bottom: 24px;
    padding-right: 18px;
  }

  .vacation-image {
    height: 250px;
  }

  .vacation-item-info {
    grid-row-gap: 36px;
    padding: 0 12px;
  }

  .navigation-content {
    margin-left: 0;
    padding-left: 0;
  }

  .checkout-form {
    grid-row-gap: 24px;
    padding: 24px;
  }

  .checkout-details {
    padding: 24px;
  }

  .payment-tabs-intro {
    grid-template-columns: 1fr;
  }

  .vacation-results {
    padding-left: 0;
    padding-right: 0;
  }

  .home-hero {
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .home-hero-content {
    grid-template-columns: 1fr;
    align-items: flex-end;
    padding: 136px 40px 100px 0;
  }

  .hero-video-button {
    margin-bottom: 48px;
  }

  .home-hero-intro {
    grid-row-gap: 24px;
    text-align: center;
    align-self: flex-end;
    align-items: flex-end;
    margin-bottom: 11px;
  }

  .video-hover-button {
    width: 100px;
    height: 100px;
  }

  .section-intro {
    padding: 80px 0 140px;
  }

  .inner-page-hero {
    min-height: 550px;
    padding-top: 65px;
  }

  .journal-post {
    margin-left: 0;
    padding: 24px 24px 0;
  }

  .hero-video-wrapper {
    grid-row-gap: 12px;
    width: 95vw;
  }

  .large-journal-post {
    padding-left: 24px;
    padding-right: 24px;
  }

  .journal-right-wrapper {
    grid-row-gap: 24px;
  }

  .popular-vacations-wrapper {
    grid-template-columns: 1fr;
  }

  .hero-slider {
    min-height: 80vh;
  }

  .product-slider-arrow {
    width: 48px;
    height: 48px;
  }

  .product-slider-arrow.left {
    bottom: 108px;
  }

  .product-images-row {
    padding-top: 48px;
  }

  .vacation-images {
    grid-row-gap: 12px;
    margin-left: 0;
  }

  .large-vacation-image {
    min-height: 300px;
    max-height: 450px;
  }

  .small-vacation-image {
    min-height: 175px;
  }

  .slider-background {
    background-position: 50%;
    min-width: 100vw;
  }

  .slider-background-wrapper {
    flex-direction: row;
    padding: 20px;
  }

  .slider-background-wrapper.hero-wrapper {
    padding-left: 18px;
    padding-right: 18px;
  }

  .hero-slide-arrow {
    left: 36px;
  }

  .bottom-grid-wrapper {
    grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
  }

  .featured-location {
    margin-left: 70px;
  }

  .featured-location-icon {
    display: none;
  }

  .heading-title-grid {
    grid-row-gap: 6px;
    grid-template-columns: auto;
  }

  .product-hero-content {
    padding-left: 0;
    padding-right: 48px;
  }

  .journal-intro {
    padding-left: 0;
  }

  .nav-button-toggle {
    padding-right: 12px;
  }

  .dropdown-wrapper {
    min-width: 300px;
  }

  .destinations-list {
    grid-row-gap: 9px;
    grid-template-columns: 1fr;
  }

  .vacation-info {
    padding-top: 48px;
  }

  .vacation-features {
    margin-top: 36px;
    margin-bottom: 48px;
    margin-left: 0;
  }

  .map-section {
    padding-bottom: 60px;
  }

  .map-wrapper, .vacation-content {
    margin-left: 0;
  }

  .about-us-intro {
    margin-left: 0;
    padding: 24px 24px 0;
  }

  .team-items {
    margin-left: 0;
    padding-bottom: 60px;
  }

  .team-banner {
    padding-bottom: 160px;
  }

  .all-journal-posts, .team-member-vacations {
    margin-left: 0;
  }

  .dual-buttons {
    grid-template-columns: 1fr;
  }

  .large-image, .small-image, .medium-image {
    min-height: 200px;
  }

  .locations-slide-content {
    margin-left: 0;
  }

  .mission-wrapper {
    margin-left: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .journal-cards {
    grid-template-columns: 1fr;
  }

  .form-block {
    padding: 24px;
  }

  .contact-field-wrapper {
    grid-template-columns: 1fr;
  }

  .contact-options {
    padding: 24px;
  }

  .footer-wrapper {
    padding-left: 0;
  }

  .footer-pages {
    grid-template-columns: 1fr;
  }

  .footer-destination-text {
    border-bottom: 1px solid var(--indicator-outline);
    background-color: #0000;
    justify-content: center;
    align-items: center;
    padding-bottom: 18px;
    display: flex;
  }

  .dynamic-heading-text {
    grid-row-gap: 0px;
    grid-template-columns: auto;
  }

  .invoice-image {
    min-height: 400px;
    padding-left: 0;
  }

  .invoice-content {
    margin-left: 0;
  }

  .row {
    flex-direction: column;
  }

  .order-summary {
    margin-bottom: 0;
  }

  .order-confirmation {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .order-left {
    padding: 24px;
  }

  .invoice-vacation {
    text-align: center;
    padding-left: 0;
  }

  .testimonial-section {
    padding-top: 140px;
  }

  .footer {
    padding-top: 0;
  }

  .vacation-hero-intro {
    padding-right: 12px;
  }

  .contattaci {
    width: 180px;
    padding-right: 10px;
    font-size: 12px;
  }

  .text-block.testocontatti {
    font-size: 12px;
    line-height: 12px;
  }

  .aziendasezione.x.grid-wrapper {
    grid-template-columns: 7px 100% 5px;
  }

  .aziendasezione.section.grid-wrapper.chisiamo {
    grid-template-rows: minmax(20px, .25fr) minmax(193px, 255px);
    padding-bottom: 20px;
  }

  .titolodescrizionesezione {
    display: none;
  }

  .titolobianco {
    font-size: 25px;
    line-height: 30px;
    display: block;
    overflow: visible;
  }

  .grigiochiaro {
    transform: translate(-20px);
  }

  .contenutoazienda {
    grid-template-rows: minmax(127px, 1fr) auto;
  }

  .titolograndenero {
    text-align: center;
    justify-content: flex-end;
    margin-bottom: 20px;
    padding-bottom: 0;
    display: flex;
  }

  .titolograndenero.white {
    justify-content: center;
    margin-bottom: 0;
  }

  .lavorazionitaglio.section {
    grid-column-gap: 0px;
  }

  .div-block-4 {
    grid-column-gap: 21px;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .fondobianco.sx.grigioscuro {
    height: 100%;
    transform: translate(0%);
  }

  .columns {
    display: flex;
  }

  .paragraph {
    font-size: 12px;
  }

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

  .contenitore-immagineservizio {
    width: 100%;
  }

  .grid-4 {
    grid-column-gap: 17px;
    grid-template-columns: 1fr;
  }

  .sezionelavorazioninew.dxcontent.white {
    margin-bottom: 0;
  }

  .sezioneazienda {
    padding-top: 50px;
  }

  .grigiochiaro-2 {
    transform: translate(-20px);
  }

  .titolodescrizionesezione-2 {
    display: none;
  }

  .titolograndenero-2 {
    justify-content: flex-end;
    margin-bottom: 20px;
    padding-bottom: 0;
    display: flex;
  }

  .contenutoazienda-2 {
    grid-template-rows: minmax(127px, 1fr) auto;
  }

  .titolobianco-2 {
    font-size: 25px;
    line-height: 30px;
    display: block;
    overflow: visible;
  }

  .titolosottotitolo-2 {
    margin-top: 15px;
  }

  .grid-wrapper-2 {
    grid-template-rows: minmax(40px, 1fr);
    grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(36px, 1fr);
  }

  .fondobianco-2.sx.grigioscuro {
    height: 100%;
    transform: translate(0%);
  }

  .titolograndenero-3 {
    text-align: center;
    justify-content: flex-end;
    margin-bottom: 20px;
    padding-bottom: 0;
    display: flex;
  }

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

  .controllo-slide.percent.lavorasion {
    width: 15%;
    margin-right: 4%;
  }

  .indicatore-numeri {
    letter-spacing: 1px;
    font-size: 10px;
  }

  .suggerimento-scorri {
    letter-spacing: 4px;
    font-size: 12px;
  }

  .immagine-sezione {
    height: 250px;
  }

  .blocco-testo {
    margin-left: 40px;
  }

  .blocco-testo.offset-top {
    margin-top: 50px;
  }

  .blocco-testo.right {
    padding-left: 40px;
  }

  .h2.assoluto {
    width: 200px;
    font-size: 22px;
    line-height: 22px;
  }

  .sezione.no-top.altezza-fissa {
    height: 100px;
  }

  .blocco-immagine-70, .blocco-immagine-40 {
    height: 200px;
  }

  .margin-between.eq-height.flotta-tablet {
    margin-left: 40px;
    margin-right: 40px;
  }

  .margin-right-100 {
    margin-right: 40px;
  }

  .colonna-footer.colonna-footer-mappa {
    flex: none;
    order: -1;
  }

  .colonna-footer.colonna-info-footer {
    order: 1;
  }

  .row-footer {
    flex-wrap: wrap;
    display: flex;
  }

  .mappa-footer {
    width: 100%;
  }

  .flex-footer {
    justify-content: space-between;
    padding-top: 30px;
  }

  .footer-logo {
    margin-left: 30px;
  }

  .dec-footer {
    width: 70px;
  }

  .colonna-grigia.colonna-left.pad-top {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: 40px;
  }

  .colonna-grigia.colonna-left.m-top {
    padding-right: 40px;
  }

  .sezione-video {
    height: 300px;
  }

  .box-titolo.left {
    padding-right: 40px;
  }

  .controllo-slider.percent.right {
    margin-left: 30px;
    margin-right: 40px;
  }

  .controllo-slider.percent.right.destra {
    width: 70%;
    margin-left: auto;
    margin-right: 0;
  }

  .titolo-materia {
    font-size: 18px;
    line-height: 18px;
  }

  .form-block {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  .box-materia {
    margin-left: 2px;
    margin-right: 2px;
  }

  .nome-materia-prima {
    padding-left: 2px;
  }

  .row-cta {
    margin-top: 50px;
  }

  .swiper-slide.slide-qualita {
    width: 50%;
  }

  .swiper-slide.slide-lavorazioni {
    width: 40%;
  }

  .h3.link-cartelle-colore {
    font-size: 18px;
    line-height: 18px;
    top: 20px;
  }

  .switch-language {
    z-index: 999999;
    left: auto;
    right: 60px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 24px;
  }

  .hero-background-image {
    position: absolute;
    inset: 0%;
  }

  .navbar {
    width: 100%;
  }

  .top-nav-wrapper {
    grid-template-columns: minmax(60px, 1fr) minmax(auto, 1fr);
    width: 100%;
  }

  .right-nav {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .brand.w--current {
    padding-right: 0;
  }

  .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .grid-wrapper {
    grid-template-rows: minmax(30px, 1fr);
    grid-template-columns: minmax(24px, 1fr) repeat(auto-fit, 277px) minmax(24px, 1fr);
  }

  .slider-wrapper {
    margin-top: 0;
  }

  .location-mask {
    width: 100%;
  }

  .location-card-wrapper {
    min-height: 325px;
  }

  .nav-menu {
    margin-right: 0;
  }

  .location-card {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .horizontal-line.light {
    min-width: auto;
  }

  .xxl-heading {
    color: #fff;
    text-shadow: 1px 1px 6px #00000080;
    font-size: 30px;
    line-height: 30px;
  }

  .benefits-wrapper {
    grid-row-gap: 48px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .membership-plans-wrapper {
    margin-top: -80px;
    padding-bottom: 48px;
  }

  .vacations-tab-menu {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-columns: 1fr;
    padding: 12px 12px 0;
  }

  .vacations-tab-link {
    padding-top: 30px;
  }

  .steps-grid {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
  }

  .steps-sticky-card {
    min-width: auto;
    padding: 12px 12px 24px;
  }

  .steps-cards {
    grid-template-columns: auto;
    width: 100%;
  }

  .steps-card-wrapper {
    grid-row-gap: 24px;
    grid-template-columns: auto;
  }

  .steps-tracker, .steps-circle {
    display: none;
  }

  .team-image {
    object-fit: contain;
    height: 150px;
    min-height: 0;
    position: relative;
    overflow: hidden;
  }

  .testimonial-wrapper {
    margin-right: 0;
  }

  .testimonial-slider {
    justify-content: center;
  }

  .testimonial-tracker {
    width: 36px;
    display: none;
  }

  .testimonial-arrow {
    bottom: 0;
    right: 72px;
  }

  .testimonial-arrow.right {
    left: 72px;
  }

  .tracker-item {
    width: 36px;
  }

  .testimonial-slide-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-mask {
    margin-left: 0;
  }

  .benefit-card, .intro-content {
    grid-row-gap: 36px;
  }

  .featured-journal-wrapper {
    margin-bottom: 0;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .featured-journal-wrapper.full-width {
    grid-row-gap: 120px;
    padding: 12px 12px 0;
  }

  .vacation-items {
    padding-left: 24px;
    padding-right: 24px;
  }

  .navigation-content {
    margin-left: 0;
    padding-left: 0;
  }

  .testimonial-content {
    padding-left: 12px;
    padding-right: 12px;
  }

  .checkout-form {
    padding: 36px 12px 12px;
  }

  .checkout-details {
    grid-row-gap: 36px;
    padding: 18px;
  }

  .order-top-bar {
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .payment-tab-content {
    grid-row-gap: 24px;
  }

  .payment-info-wrapper {
    grid-row-gap: 36px;
  }

  .payment-tabs-intro {
    grid-row-gap: 24px;
  }

  .customer-info {
    padding: 18px;
  }

  .order-item {
    grid-template-columns: 1fr;
  }

  .vacation-slide-arrow {
    left: -60px;
    right: 0;
  }

  .vacation-slide-arrow.right {
    margin-bottom: 0;
    left: 60px;
  }

  .home-hero {
    min-height: 60vh;
  }

  .home-hero.small {
    height: 20vh;
    min-height: 25vh;
    margin-top: 70px;
  }

  .home-hero-content {
    grid-row-gap: 48px;
    padding-top: 136px;
    padding-bottom: 100px;
    padding-right: 10px;
  }

  .hero-video-button {
    margin-bottom: 12px;
    display: flex;
  }

  .home-hero-intro {
    margin-bottom: 0;
  }

  .video-hover-button {
    width: 95px;
    height: 95px;
  }

  .video-icon {
    width: 12px;
  }

  .popular-vacations {
    padding: 0;
  }

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

  .inner-page-hero {
    min-height: 525px;
  }

  .journal-post {
    padding: 18px;
  }

  .hero-video-wrapper {
    grid-row-gap: 12px;
    padding: 4px;
  }

  .large-journal-post {
    padding-left: 12px;
    padding-right: 12px;
  }

  .journal-post-info {
    padding: 0 18px 18px;
  }

  .journal-right-wrapper {
    grid-row-gap: 18px;
  }

  .journal-list-item {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .journal-list-image {
    min-height: 140px;
  }

  .journal-list-item-content {
    z-index: 10;
    grid-row-gap: 18px;
    margin-top: -12px;
    padding-top: 0;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
  }

  .video-icon-wrapper {
    width: 75%;
    height: 75%;
  }

  .hero-slider {
    min-height: 25vh;
    max-height: 25vh;
  }

  .hero-slider.home {
    min-height: 60vh;
    max-height: 60vh;
  }

  .product-slider-arrow {
    bottom: 36px;
    left: 60px;
    right: 0;
  }

  .product-slider-arrow.left {
    bottom: 36px;
    left: 0;
    right: 60px;
  }

  .product-images-row {
    padding-top: 36px;
  }

  .vacation-images {
    grid-row-gap: 9px;
  }

  .large-vacation-image {
    min-height: 200px;
    max-height: 350px;
  }

  .small-image-grid {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .small-vacation-image {
    min-height: 125px;
  }

  .slider-background {
    min-height: 100px;
  }

  .slider-background-wrapper {
    min-height: auto;
    padding: 51px 6% 40px;
    position: relative;
  }

  .slider-background-wrapper.hero-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .slider-background-wrapper.hero-wrapper.small {
    min-height: 25vh;
  }

  .background.uno.chisiamo {
    background-position: 60%;
    background-size: cover;
  }

  .hero-slide-arrow {
    border-right-style: solid;
    width: 60px;
    height: 60px;
    margin-left: 0;
    inset: auto auto 0% 0%;
  }

  .hero-slide-arrow.left {
    border-radius: 0;
    bottom: 0;
  }

  .slider-bottom {
    height: 120px;
  }

  .bottom-grid-wrapper {
    grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
  }

  .featured-location {
    margin-left: 0;
    margin-right: 60px;
    padding: 18px 18px 18px 24px;
  }

  .featured-location-icon {
    display: none;
  }

  .dropdown-list.w--open {
    padding-top: 18px;
  }

  .locations-results-top {
    padding-bottom: 12px;
  }

  .heading-title-grid {
    text-align: left;
    padding-bottom: 12px;
  }

  .locations-wrapper {
    grid-template-columns: 1fr;
  }

  .product-hero-content {
    text-align: center;
    align-items: center;
    padding-bottom: 120px;
    padding-right: 0;
  }

  .nav-button-toggle {
    padding-left: 14px;
  }

  .dropdown-wrapper {
    min-width: 88vw;
  }

  .vacation-info {
    padding-top: 48px;
  }

  .vacation-features {
    grid-template-rows: auto 1px auto 1px auto 1px auto;
    grid-template-columns: 1fr;
    margin-top: 24px;
    margin-bottom: 36px;
  }

  .map-section {
    padding-top: 36px;
    padding-bottom: 48px;
  }

  .map-wrapper {
    min-height: 250px;
  }

  .featured-location-heading {
    font-size: 18px;
  }

  .inquire-card {
    grid-row-gap: 24px;
    padding: 18px;
  }

  .vacation-body {
    grid-row-gap: 36px;
  }

  .team-images {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .about-us-intro {
    grid-row-gap: 36px;
    margin-top: -48px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .team-items {
    margin-top: -48px;
  }

  .team-banner {
    padding-top: 80px;
    padding-bottom: 120px;
  }

  .team-conteact-info {
    grid-template-rows: auto 1px auto 1px auto 1px auto;
    grid-template-columns: 1fr;
  }

  .large-image, .small-image, .medium-image {
    min-height: 120px;
  }

  .locations-slide-content {
    padding-bottom: 136px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .featured-vacation-info {
    grid-row-gap: 24px;
    text-align: center;
  }

  .benefits-box {
    grid-template-rows: auto 1px auto 1px auto 1px auto;
    grid-template-columns: 1fr;
  }

  .vacation-hero {
    min-height: 500px;
  }

  .form-block {
    padding: 20px;
  }

  .team-portrait-grid {
    grid-template-columns: 1fr;
  }

  .mobile-destinations {
    padding: 0;
    display: block;
  }

  .mobile-destinations-list {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .mobile-destination-link {
    border: 1px solid var(--indicator-outline);
    color: var(--black);
    border-radius: 5px;
    width: 100%;
    padding: 18px 12px;
    text-decoration: none;
  }

  .mobile-destinations-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 18px;
    background-color: #fff;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 30px 24px;
    display: grid;
  }

  .agent-inquire-top {
    grid-template-columns: auto;
    padding-top: 6px;
  }

  .inquire-agent-info {
    text-align: center;
  }

  .contact-options {
    padding: 20px;
  }

  .footer-destinations {
    grid-auto-flow: row;
  }

  .footer-destination-text {
    padding-bottom: 12px;
  }

  .large-journal-content {
    grid-row-gap: 18px;
  }

  .steps-intro {
    grid-row-gap: 24px;
  }

  .password-wrapper {
    flex-direction: column;
  }

  .password-field {
    border-style: solid;
    border-color: var(--indicator-outline);
    background-color: var(--grey-background);
    border-radius: 5px;
    min-height: 48px;
    margin-bottom: 9px;
  }

  .password-button {
    min-height: 48px;
  }

  .dynamic-heading-text {
    grid-row-gap: 0px;
    grid-template-columns: auto;
  }

  .password-hero {
    padding-left: 18px;
    padding-right: 18px;
  }

  .invoice-image {
    border-radius: 0;
    min-height: 350px;
  }

  .invoice-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .invoice-agent {
    grid-template-columns: 1fr;
  }

  .payment-buttons {
    grid-row-gap: 6px;
  }

  .order-confirmation {
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .order-left {
    padding: 18px;
  }

  .invoice-list {
    grid-template-columns: 1fr;
  }

  .invoice-agent-info {
    text-align: center;
  }

  .invoice-bottom {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .success-message-content {
    padding: 6px;
  }

  .dropdown-text {
    display: none;
  }

  .dropdown-icon {
    margin-right: 0;
    display: block;
  }

  .flyout-menu-content {
    grid-row-gap: 14px;
    width: 100%;
  }

  .vacation-continents, .flyout-heading {
    padding-left: 40px;
  }

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

  .vacation-hero-intro {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

  .contattaci {
    width: 190px;
  }

  .text-block {
    font-size: 15px;
    line-height: 17px;
  }

  .aziendasezione.section.grid-wrapper.chisiamo {
    grid-template-rows: 850px;
    padding-bottom: 20px;
  }

  .azienda {
    background-position: 50%;
    background-size: cover;
  }

  .titolobianco {
    font-size: 18px;
    line-height: 22px;
  }

  .contenutoazienda {
    grid-template-rows: minmax(127px, .25fr) auto;
    align-content: start;
    place-items: start center;
  }

  .titolograndenero {
    font-size: 24px;
    line-height: 20px;
  }

  .image-5 {
    width: 200px;
    max-width: none;
  }

  .lavorazionitaglio.chisiamo {
    padding-top: 20px;
  }

  .div-block-4.home {
    grid-template-columns: 100%;
  }

  .buttonlink {
    min-width: 200px;
    max-width: 230px;
    min-height: 30px;
    max-height: 30px;
  }

  .testobottoneblu {
    font-size: 13px;
  }

  .fondobianco {
    z-index: -1;
    display: block;
    position: relative;
  }

  .fondobianco.sx.grigioscuro {
    margin-bottom: 0;
    transform: translate(0%);
  }

  .grid-2 {
    min-width: 100%;
  }

  .counter {
    font-size: 25px;
  }

  .paragraph.p-counter {
    font-size: 10px;
    line-height: 12px;
  }

  .titolosottotitolo {
    margin-bottom: 41px;
  }

  .titolosottotitolo.dx {
    display: block;
  }

  .titolosottotitolo.dx.mt10 {
    text-align: left;
    margin-top: 30px;
  }

  .contenitore-immagineservizio {
    width: 100%;
  }

  .sezionelavorazioninew.dxcontent.white {
    margin-bottom: 20px;
  }

  .grid-5 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .div-block-6 {
    padding-right: 0;
  }

  .sezioneazienda.chisiamo {
    overflow: hidden;
  }

  .text-block-4 {
    font-size: 15px;
    line-height: 17px;
  }

  .titolograndenero-2 {
    font-size: 24px;
    line-height: 20px;
  }

  .titolobianco-2 {
    font-size: 22px;
    line-height: 25px;
  }

  .griglialavorazioni {
    grid-template-columns: 1fr;
    padding-bottom: 20px;
  }

  .grid-wrapper-2 {
    grid-template-rows: minmax(20px, 1fr);
    grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(24px, 1fr);
  }

  .fondobianco-2 {
    z-index: -1;
    display: block;
    position: relative;
  }

  .fondobianco-2.sx.grigioscuro {
    margin-bottom: 0;
    transform: translate(0%);
  }

  .text-block-5 {
    font-size: 15px;
    line-height: 17px;
  }

  .titolograndenero-3 {
    font-size: 24px;
    line-height: 20px;
  }

  .grid-9 {
    grid-template-columns: 1fr;
  }

  .controllo-slide {
    margin-left: 10px;
  }

  .controllo-slide.percent {
    width: 70px;
  }

  .controllo-slide.percent.lavorasion {
    left: 150px;
  }

  .indicatore-scorrimento, .indicatore-scorrimento.percent {
    display: none;
  }

  .immagine-sezione {
    height: 200px;
  }

  .sfondo-immagine-sezione.azeinda-home {
    margin-left: 20px;
  }

  .blocco-testo {
    margin-left: 10px;
  }

  .blocco-testo.right {
    margin-right: 0;
    padding-left: 10px;
  }

  .blocco-testo.colonnato {
    margin-left: 10px;
  }

  .h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .h2.white.blu-mobile {
    color: var(--bluscuro-2);
  }

  .sezione {
    margin-top: 20px;
  }

  .sezione.top-negativo {
    margin-top: -60px;
  }

  .immagine-blocco.team-azienda, .immagine-blocco.b-lavorazioni, .immagine-blocco.video {
    height: 200px;
  }

  .margin-right {
    margin-right: 20px;
  }

  .immagini-storia.between {
    flex-wrap: wrap;
    margin-left: 10px;
    margin-right: 10px;
  }

  .blocco-immagine-70 {
    height: 150px;
    margin-right: 20px;
  }

  .blocco-immagine-70.chi-siamo-1 {
    width: 100%;
    height: 180px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .blocco-immagine-40 {
    height: 150px;
  }

  .blocco-immagine-40.chi-siamo-2 {
    width: 100%;
    height: 180px;
    margin-left: 0;
  }

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

  .margin-between.eq-height.flotta-tablet {
    margin-left: 10px;
    margin-right: 20px;
  }

  .margin-right-100 {
    margin-right: 20px;
  }

  .credits {
    padding-left: 30px;
  }

  .flex-footer {
    flex-wrap: wrap;
  }

  .footer-contact {
    flex: 1;
    width: 100%;
    padding-bottom: 20px;
    padding-right: 20px;
  }

  .footer-logo {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .logo-footer {
    width: 250px;
  }

  .dec-footer {
    width: 30px;
  }

  .colonna-grigia.colonna-left.pad-top {
    padding-left: 20px;
    padding-right: 10px;
  }

  .colonna-grigia.colonna-left.m-top {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sezione-video {
    height: 250px;
  }

  .box-titolo {
    padding-left: 20px;
  }

  .box-titolo.left {
    padding-left: 10px;
    padding-right: 20px;
  }

  .box-titolo.pad-right {
    padding-right: 60px;
  }

  .box-titolo.pad-right.titolo-col-4 {
    width: 70%;
  }

  .sezione-qualita.con-cta {
    margin-top: 0;
    padding-top: 50px;
  }

  .box-qualita {
    font-size: 18px;
    line-height: 18px;
  }

  .colonna-no-pad.right.col-flex {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .flex-video {
    height: 200px;
    margin-bottom: 50px;
    margin-right: 10px;
  }

  .div-between {
    margin-left: 20px;
    margin-right: 20px;
  }

  .div-between.contenuto-materie-prime {
    margin-left: 10px;
    margin-right: 10px;
  }

  .h3-lavroazione {
    font-size: 22px;
    line-height: 22px;
  }

  .rocchetta.r-1 {
    width: 70px;
    bottom: -30px;
  }

  .rocchetta.r-2 {
    width: 70px;
    bottom: -30px;
    left: 90px;
  }

  .rocchetta.r-3 {
    width: 70px;
    bottom: -30px;
    left: 170px;
  }

  .eq-height.fondo-bianco {
    display: block;
  }

  .info-form {
    font-size: 14px;
  }

  .form-block {
    padding-left: 0;
    padding-right: 0;
  }

  .row-form {
    margin-bottom: 0;
  }

  .button-form {
    margin-top: 20px;
  }

  .row-invio-form {
    display: block;
  }

  .blocco-materie-prime {
    padding-top: 50px;
  }

  .box-materia {
    margin-bottom: 10px;
    margin-left: 3px;
    margin-right: 3px;
  }

  .box-materia.fettucce {
    margin-left: 3px;
    margin-right: 3px;
  }

  .nome-materia-prima {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 8px;
    line-height: 8px;
  }

  .button-cta {
    padding-left: 10px;
    padding-right: 5px;
  }

  .button-cta.abso {
    top: -20px;
    left: 0;
    right: auto;
  }

  .text-cta {
    font-size: 14px;
  }

  .swiper-wrapper {
    display: flex;
  }

  .swiper-slide.slide-qualita {
    width: 90%;
    margin-right: 0;
  }

  .swiper-slide.slide-lavorazioni {
    width: 80%;
    margin-right: 0;
  }

  .h3.margin-right-text {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .h3.link-cartelle-colore {
    font-size: 11px;
  }

  .switch-language {
    height: 40px;
    left: 0;
    right: auto;
  }
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-4359fcf2 {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-4359fcf2 {
  place-self: center;
}

#w-node-_25889f5e-b3eb-e8ff-48ff-68a91c903cef-4359fcf2 {
  order: 9999;
  justify-self: end;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-4359fcf2 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_88bedaab-4852-d953-7216-72ba148cb713-4359fcf2, #w-node-_3179db81-f252-b724-deb9-d911053b6755-4359fcf2, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08fb-4359fcf2 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_4dba27da-ea45-ed93-1bb4-9f582a6a663d-4359fcf2 {
  order: 9999;
}

#w-node-_5f5e6295-63e2-0cd4-a7a1-d0771dbc5fa7-59d49f91 {
  order: -9999;
}

#w-node-d0fdb4f4-36ce-ee12-a791-3b0a9bf80f1f-167746d5 {
  align-self: end;
}

#w-node-_2b636a97-5539-8c8b-40ec-563df8f80256-167746d5 {
  order: -9999;
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-_2ff020b0-c55c-af86-3be0-da932b15be8e-d3468612 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4cfce228-126e-9eef-5c8b-636096c68d68-d3468612 {
  place-self: start stretch;
}

#w-node-_33018cbc-db04-718c-d215-7d328d2214ef-d3468612 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d69a9ab8-d923-7e42-58bb-333868648b80-d3468612 {
  place-self: stretch stretch;
}

#w-node-_33018cbc-db04-718c-d215-7d328d2214f2-d3468612 {
  place-self: center stretch;
}

#w-node-_338859c9-e49a-92a3-16ad-526b6cab5235-d3468612, #w-node-_65ab073b-90e2-79bd-70c5-44a75824cbaa-d3468612, #w-node-_55bcf2b5-6108-80aa-a258-13d3339548a1-d3468612, #w-node-c6c31b24-a4e0-75f1-6f88-f4b4fbd57568-d3468612, #w-node-bd54303a-99b0-d261-e646-d9c24891968d-d3468612 {
  align-self: center;
}

#w-node-a4181ea1-b90f-dce7-1ff2-23e3139ba538-d3468612 {
  place-self: start stretch;
}

#w-node-a4181ea1-b90f-dce7-1ff2-23e3139ba539-d3468612 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a4181ea1-b90f-dce7-1ff2-23e3139ba53c-d3468612 {
  place-self: center stretch;
}

#w-node-_121c17b8-01e3-a1aa-a4ea-5f82f370ad44-d3468612, #w-node-_121c17b8-01e3-a1aa-a4ea-5f82f370ad46-d3468612, #w-node-_121c17b8-01e3-a1aa-a4ea-5f82f370ad49-d3468612 {
  align-self: center;
}

#w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_69b0d3f6-d0cc-2db5-ee2d-841bd3468614-d3468612 {
  order: 9999;
  grid-area: Area;
}

#w-node-_9b3d0861-357f-c367-a479-19a8e9fb326e-e9fb326d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_18f8cf41-07d7-80fd-d338-324c9b57fe0b-8f59fcf8 {
  place-self: end start;
}

#w-node-eeddaf6f-c404-aebc-3778-2d8a247d11ff-8f59fcf8, #w-node-_472c3fef-b927-9a73-550c-be72cb01f47c-8f59fcf8, #w-node-c24fff76-73ef-fefd-c904-7403c5ee1ab1-1359fcf9 {
  justify-self: center;
}

#w-node-fcef22d4-adf5-12da-cf8e-5d61a352dd5c-0859fcfc {
  place-self: center start;
}

#w-node-f5c11274-cdb2-c7d9-15e7-5185922db14b-0859fcfc, #w-node-_83c2b3b1-4def-fd1f-15f8-3e7122eae97c-0859fcfc {
  align-self: start;
}

#w-node-_7e643633-c7d4-289e-db71-e90f621fac58-0859fcfc {
  justify-self: end;
}

#w-node-_62c1fed5-9f41-b202-2150-9ddf00f95ed1-0859fcfc {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_589243de-a796-e6ce-255b-3118d5c0ddc4-0859fcfc {
  align-self: center;
}

#w-node-_49789b07-b593-01d2-ded7-af4911de038d-0859fcfc {
  grid-area: 2 / 2 / 3 / 3;
  align-self: center;
}

#w-node-_54ca8548-f73d-abad-3b4f-22c4188fe745-0859fcfc {
  align-self: center;
}

#w-node-_60677b3354187cb0f1b2215f000000000096-0859fcfc, #w-node-_60677b3354187cb0f1b2215f000000000089-0859fcfc, #w-node-_2e210142-ea8c-1244-b7c4-0017a92e645b-0859fcfc {
  align-self: start;
}

#w-node-_96870a18-8539-442a-9fb1-a9874d09ea48-5159fcff {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center stretch;
}

#w-node-_96870a18-8539-442a-9fb1-a9874d09ea49-5159fcff {
  grid-area: 1 / 1 / 2 / 4;
  place-self: end center;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39fef-5159fcff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ff0-5159fcff {
  justify-self: center;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ff3-5159fcff {
  align-self: center;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ff4-5159fcff {
  align-self: start;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ffa-5159fcff {
  place-self: end start;
}

#w-node-_2263c213-03aa-60dd-180a-d1e7e4a7a8e1-5159fcff {
  justify-self: end;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ffd-5159fcff {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ea17719e-7f01-280b-27a4-b7b5954de335-5159fcff, #w-node-_84d37c92-025e-78da-a757-4da1c9609e57-5159fcff, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6b0-5159fcff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6b2-5159fcff, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6b3-5159fcff, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6ba-5159fcff, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6bb-5159fcff, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c2-5159fcff, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c3-5159fcff, #w-node-_7bc34587-0234-794e-7277-8e01911004a6-5159fcff, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6ca-5159fcff {
  place-self: center;
}

#w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6cb-5159fcff {
  justify-self: center;
}

#w-node-_3d0f6de0-2272-7ffd-7575-11e3e10784d9-5159fcff {
  place-self: end start;
}

#w-node-_7becfe5e-1074-5030-f15b-b92076156327-5159fcff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c5406663-b52c-712e-afae-0b7e9eb3f2f9-5159fcff {
  place-self: center start;
}

#w-node-_03368164-df45-17e0-ad89-4b3b28123c76-5159fcff {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-a66dc8db-099b-560a-708f-0c74b9468481-5159fcff {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_0a07bd88-fe04-87b1-188c-d004dcf038cc-5159fcff {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0a07bd88-fe04-87b1-188c-d004dcf038cd-5159fcff {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd8e-5059fd01 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd94-5059fd01 {
  align-self: end;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd9a-5059fd01 {
  place-self: end start;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdb5-5059fd01 {
  justify-self: start;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdbb-5059fd01 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdc1-5059fd01 {
  place-self: center stretch;
}

#w-node-f57d5885-45cc-724f-6ba1-ebaf6c953c98-5059fd01 {
  place-self: center;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdd0-5059fd01 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdd5-5059fd01 {
  align-self: end;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdd6-5059fd01 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccddc-5059fd01 {
  place-self: end;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccde2-5059fd01 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccde5-5059fd01 {
  place-self: center stretch;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccded-5059fd01 {
  align-self: center;
}

#w-node-ba64b070-9c69-4fd2-4515-5ce85630b360-d859fd02 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-c9b8eaa7-ab2f-1177-57f0-1744d914798f-d859fd02 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-f3432b60-fc60-ea80-296a-c45ed124cbec-d859fd02 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_79b34619-971d-15eb-e78b-1a7227fe4619-d859fd02 {
  align-self: start;
}

#w-node-_3588e91f-ddc6-fbf9-7eb0-712fa1914fa8-d859fd02 {
  place-self: start;
}

#w-node-_819d4798-af5e-fef6-c3eb-c49fc5727489-d859fd02 {
  justify-self: stretch;
}

#w-node-_30831fb5-55a7-cdc6-ef84-0dd55290f1b3-d859fd02 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_782c3184-703d-8f2f-dccf-839b606e92ae-d859fd02 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center end;
}

#w-node-b9b9bf85-d74c-68ee-d2a5-1fe594ca8922-d859fd02 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_3ee0131d-22ec-f499-3dbd-4a1dbc63b210-d859fd02 {
  justify-self: center;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe59a-d859fd02 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5a3-d859fd02, #w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5a7-d859fd02 {
  justify-self: start;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5ae-d859fd02 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5af-d859fd02 {
  place-self: center start;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5b1-d859fd02 {
  place-self: center stretch;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5b8-d859fd02 {
  align-self: stretch;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5b9-d859fd02 {
  place-self: start;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5bb-d859fd02 {
  align-self: end;
}

#w-node-_2eba15a8-4071-27a1-1a68-7a1e83c7046a-7359fd03 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-df40ad2f-3368-f2de-bb49-416501525314-7359fd03 {
  align-self: end;
}

#w-node-_4a8b5a0d-1a67-05ea-1df9-edc44a8554fc-7359fd03 {
  place-self: end start;
}

#w-node-_119ce2d8-cc65-774c-5a8b-478ccd5761e0-7359fd03 {
  justify-self: start;
}

#w-node-_935bed8d-3a45-30de-8dee-c42be8d1d9c4-7359fd03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_935bed8d-3a45-30de-8dee-c42be8d1d9c7-7359fd03 {
  place-self: center stretch;
}

#w-node-_257a9523-0623-08e9-baca-547aaebbbf76-7359fd03 {
  place-self: center;
}

#w-node-fe51a2d6-e097-ff27-8b12-0270e26fb298-7359fd03 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-fe51a2d6-e097-ff27-8b12-0270e26fb29f-7359fd03 {
  align-self: end;
}

#w-node-fe51a2d6-e097-ff27-8b12-0270e26fb2a0-7359fd03 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fe51a2d6-e097-ff27-8b12-0270e26fb2a6-7359fd03 {
  place-self: end;
}

#w-node-_88c4dfa8-adcb-e591-dc25-708926bbe895-7359fd03 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_88c4dfa8-adcb-e591-dc25-708926bbe898-7359fd03 {
  place-self: center stretch;
}

#w-node-_316c2703-518a-5fa6-a7d6-86e4d7f24e64-7359fd03 {
  align-self: center;
}

#w-node-_30371fc4-d0c1-306e-f1af-38696d910c88-e459fd04 {
  grid-area: 1 / 1 / 2 / 3;
  align-self: stretch;
}

#w-node-_436b1fba-7c89-1ae1-a32a-93092674d2cf-e459fd04 {
  align-self: center;
}

#w-node-d3f4ed17-1128-4c66-2aa4-a7cb6a022fd7-e459fd04 {
  place-self: center start;
}

#w-node-a78ac100-8558-16ee-61a7-83de13001455-e459fd04, #w-node-ade54bac-eff6-abdd-759b-a40661622e80-e459fd04 {
  align-self: start;
}

#w-node-a322fbb8-c2eb-2473-3083-d227311ba0a0-e459fd04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a322fbb8-c2eb-2473-3083-d227311ba0a3-e459fd04 {
  place-self: center stretch;
}

#w-node-e3139455-b04f-ed6a-360c-21dd2b1980b9-e459fd04 {
  align-self: start;
}

#w-node-fb991bfc-808e-c69b-1e4e-cd43e7d99b79-e459fd04, #w-node-_59265d09-dc9b-1f01-650e-c165cf038a9a-e459fd04, #w-node-a85afa04-a639-5878-76fb-2bb8165ee83b-e459fd04, #w-node-d49b11e7-b982-f287-eac6-bcdf8002fcf7-e459fd04 {
  justify-self: center;
}

#w-node-bf2edfe2-2e41-97db-912f-40395b94e7fa-e459fd04 {
  align-self: center;
}

#w-node-_889fcff4-c489-9728-a2e1-c8f2a0d003e6-e459fd04 {
  align-self: stretch;
}

#w-node-_21a73135-ae5d-bce8-1441-6df1bec9e5fa-7b59fd06 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a953856a-024d-b59a-88f8-4d793c5fce1d-7b59fd06 {
  place-self: center stretch;
}

#w-node-_21a73135-ae5d-bce8-1441-6df1bec9e5fe-7b59fd06, #w-node-e62bc3cd-5135-ad6b-ea6e-9d66a9b9d99d-7b59fd06 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a91dd53f-68a2-cdfa-c36c-482c46607fdd-7b59fd06 {
  place-self: center;
}

#w-node-_2cd1b510-6197-d6a4-e2a4-c8320b100d46-7b59fd06 {
  justify-self: center;
}

#w-node-c76993b6-f388-189d-6e16-b0525de00599-7b59fd06 {
  place-self: center;
}

#w-node-c76993b6-f388-189d-6e16-b0525de0059a-7b59fd06 {
  justify-self: center;
}

#w-node-_3d571470-2c5f-f56f-d5dc-ace0e0226399-7b59fd06 {
  place-self: center;
}

#w-node-_3d571470-2c5f-f56f-d5dc-ace0e022639a-7b59fd06 {
  justify-self: center;
}

#w-node-ca603036-1de6-8e7b-c1e4-638574f5300f-7b59fd06 {
  place-self: center;
}

#w-node-ca603036-1de6-8e7b-c1e4-638574f53010-7b59fd06 {
  justify-self: center;
}

#w-node-_9ec3fe01-adae-faff-0772-7c2387d3d521-7b59fd06 {
  grid-area: 1 / 1 / 2 / 4;
  align-self: end;
}

#w-node-d2061ad0-5899-1e1a-4f90-c5f927733ede-7b59fd06 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0ff47164-3651-b2ab-f68b-05c17785f1c1-7b59fd06, #w-node-a57a6733-84eb-0c70-69ab-d0acb25d640a-7b59fd06 {
  justify-self: center;
}

#w-node-_8fbdfe59-b1e5-732b-4591-ecaad86e5865-7b59fd06 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_32a8c887-6766-a3e0-4779-4f1835f5e5e9-7b59fd06 {
  justify-self: start;
}

#w-node-_08ef7e8a-4236-187a-e43c-693d0c3d728e-7b59fd06 {
  align-self: start;
}

#w-node-a9e15a34-c36c-b2bc-2201-449836bbe717-7b59fd06, #w-node-d8081b1c-6212-66ff-a08a-780eb82c4575-7b59fd06, #w-node-ac3837b8-b82e-0857-02bd-9b6a73191dde-7b59fd06 {
  align-self: center;
}

#w-node-dccf8652-1582-27e9-9b28-67ebbfc6c9f1-7b59fd06 {
  align-self: start;
}

#w-node-f6debed5-2d75-fd64-d42a-651e807df271-7b59fd06 {
  align-self: center;
}

#w-node-_1e3687d3-e232-165e-7075-d90c636e67d7-7b59fd06 {
  place-self: end start;
}

#w-node-e1c3b073-4995-b807-a440-5d3dc344d30e-7b59fd06, #w-node-e1c3b073-4995-b807-a440-5d3dc344d313-7b59fd06, #Email-2.w-node-e1c3b073-4995-b807-a440-5d3dc344d315-7b59fd06, #w-node-e1c3b073-4995-b807-a440-5d3dc344d317-7b59fd06, #Phone.w-node-e1c3b073-4995-b807-a440-5d3dc344d319-7b59fd06 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e1c3b073-4995-b807-a440-5d3dc344d31e-7b59fd06 {
  justify-self: stretch;
}

#w-node-_0fc8157e-8b47-270b-f1cc-1eca6a0634ca-7b59fd06 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c69ffc-7b59fd06 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a013-7b59fd06 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a01e-7b59fd06 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a029-7b59fd06 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a034-7b59fd06 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a03f-7b59fd06 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_933c998d-e242-02c4-7cee-3bce7390ac2d-7b59fd06 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_933c998d-e242-02c4-7cee-3bce7390ac2f-7b59fd06 {
  place-self: center start;
}

#w-node-_933c998d-e242-02c4-7cee-3bce7390ac31-7b59fd06 {
  place-self: center stretch;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a483-7b59fd06 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a489-7b59fd06 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a48f-7b59fd06 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a495-7b59fd06 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a4a8-7b59fd06, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a4c1-7b59fd06, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a4da-7b59fd06, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a4f3-7b59fd06 {
  place-self: center start;
}

#w-node-_60677b3354187cf213b22165000000000060-cd59fd10 {
  align-self: end;
}

#w-node-_60677b3354187cf213b22165000000000061-cd59fd10 {
  align-self: start;
}

#w-node-_4d26109b-aa25-ed76-922e-8e27d49301c5-6059fd11 {
  place-self: center start;
}

#w-node-e7da366f-c292-c390-0256-54e021be924a-6059fd11 {
  align-self: start;
}

#w-node-e7da366f-c292-c390-0256-54e021be924c-6059fd11 {
  justify-self: end;
}

#w-node-e7da366f-c292-c390-0256-54e021be924d-6059fd11 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-e7da366f-c292-c390-0256-54e021be924e-6059fd11 {
  align-self: center;
}

#w-node-e7da366f-c292-c390-0256-54e021be9250-6059fd11 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: center;
}

#w-node-a3d9a952-d0b6-273a-d974-d9b7a63a48c3-6059fd11 {
  align-self: center;
}

#w-node-_14a79643-ac46-99ce-41d7-98abfe4a9877-6059fd11 {
  align-self: start;
}

#w-node-_3bb610db-78f9-4c9d-7eb3-23c0c2506dfb-adb00a5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-d0746232-2891-3e38-4223-9e2bcd012434-adb00a5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start center;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f1-adb00a5d {
  align-self: end;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f6-adb00a5d {
  order: -9999;
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-adb00a5d {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-adb00a5d {
  place-self: center;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-adb00a5d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3179db81-f252-b724-deb9-d911053b6755-adb00a5d, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08fb-adb00a5d {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_803fe463-8384-616e-13c9-de47b5544220-adb00a5d {
  order: 9999;
}

#w-node-_0208461e-a425-f5e5-2367-a28871514934-adb00a5d {
  order: 9999;
  justify-self: end;
}

#w-node-_3bb610db-78f9-4c9d-7eb3-23c0c2506dfb-548ebe76 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f1-548ebe76 {
  align-self: end;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f6-548ebe76 {
  order: -9999;
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-548ebe76 {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-548ebe76 {
  place-self: center;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-548ebe76 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3bb610db-78f9-4c9d-7eb3-23c0c2506dfb-2b3b0a0e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f1-2b3b0a0e {
  align-self: end;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f6-2b3b0a0e {
  order: -9999;
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-2b3b0a0e {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-2b3b0a0e {
  place-self: center;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-2b3b0a0e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3179db81-f252-b724-deb9-d911053b6755-2b3b0a0e, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08fb-2b3b0a0e {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_803fe463-8384-616e-13c9-de47b5544220-2b3b0a0e {
  order: 9999;
}

#w-node-_8d19dba5-56d9-2d4c-3721-4d92a2a99e70-2b3b0a0e {
  order: 9999;
  justify-self: end;
}

#w-node-_3bb610db-78f9-4c9d-7eb3-23c0c2506dfb-1f912315 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f1-1f912315 {
  align-self: end;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f6-1f912315 {
  order: -9999;
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-1f912315 {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-1f912315 {
  place-self: center;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-1f912315 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3179db81-f252-b724-deb9-d911053b6755-1f912315, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08fb-1f912315 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_803fe463-8384-616e-13c9-de47b5544220-1f912315, #w-node-_8d19dba5-56d9-2d4c-3721-4d92a2a99e70-1f912315 {
  order: 9999;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-a72c02ae {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-a72c02ae {
  place-self: center;
}

#w-node-_25889f5e-b3eb-e8ff-48ff-68a91c903cef-a72c02ae {
  order: 9999;
  justify-self: end;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-a72c02ae {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_88bedaab-4852-d953-7216-72ba148cb713-a72c02ae, #w-node-_3179db81-f252-b724-deb9-d911053b6755-a72c02ae, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08fb-a72c02ae {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_4dba27da-ea45-ed93-1bb4-9f582a6a663d-a72c02ae {
  order: 9999;
}

#w-node-_07c27145-7af0-fc77-745e-5cf07e6ff080-7e6ff06d {
  order: -9999;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792ad6-49792ad4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792adb-49792ad4 {
  place-self: start stretch;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792adc-49792ad4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792add-49792ad4 {
  place-self: stretch stretch;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792ae0-49792ad4 {
  place-self: center stretch;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792ae7-49792ad4, #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792af0-49792ad4, #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792af9-49792ad4, #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b02-49792ad4, #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b0b-49792ad4 {
  align-self: center;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b0f-49792ad4 {
  place-self: start stretch;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b10-49792ad4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b13-49792ad4 {
  place-self: center stretch;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b16-49792ad4, #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b18-49792ad4, #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b1b-49792ad4 {
  align-self: center;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b20-49792ad4 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b24-49792ad4 {
  order: 9999;
  grid-area: Area;
}

#w-node-_3bb610db-78f9-4c9d-7eb3-23c0c2506dfb-910f73a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f1-910f73a1 {
  align-self: end;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f6-910f73a1 {
  order: -9999;
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-910f73a1 {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-910f73a1 {
  place-self: center;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-910f73a1 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3179db81-f252-b724-deb9-d911053b6755-910f73a1, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08fb-910f73a1 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_803fe463-8384-616e-13c9-de47b5544220-910f73a1 {
  order: 9999;
}

#w-node-_0208461e-a425-f5e5-2367-a28871514934-910f73a1 {
  order: 9999;
  justify-self: end;
}

#w-node-_3bb610db-78f9-4c9d-7eb3-23c0c2506dfb-f3119954 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f1-f3119954 {
  align-self: end;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f6-f3119954 {
  order: -9999;
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-f3119954 {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-f3119954 {
  place-self: center;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-f3119954 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3179db81-f252-b724-deb9-d911053b6755-f3119954, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08fb-f3119954 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_803fe463-8384-616e-13c9-de47b5544220-f3119954 {
  order: 9999;
}

#w-node-_8d19dba5-56d9-2d4c-3721-4d92a2a99e70-f3119954 {
  order: 9999;
  justify-self: end;
}

#w-node-_3bb610db-78f9-4c9d-7eb3-23c0c2506dfb-8c6c3726 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f1-8c6c3726 {
  align-self: end;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f6-8c6c3726 {
  order: -9999;
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-8c6c3726 {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-8c6c3726 {
  place-self: center;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-8c6c3726 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3179db81-f252-b724-deb9-d911053b6755-8c6c3726, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08fb-8c6c3726 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_803fe463-8384-616e-13c9-de47b5544220-8c6c3726, #w-node-_8d19dba5-56d9-2d4c-3721-4d92a2a99e70-8c6c3726 {
  order: 9999;
}

#w-node-_3bb610db-78f9-4c9d-7eb3-23c0c2506dfb-f0b72157 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f1-f0b72157 {
  align-self: end;
}

#w-node-_8f7ebbf9-7e6a-ab5d-f0b4-2af0c45a50f6-f0b72157 {
  order: -9999;
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-f0b72157 {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-f0b72157 {
  place-self: center;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-f0b72157 {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (min-width: 1920px) {
  #w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612, #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b20-49792ad4 {
    grid-area: 1 / 1 / 2 / 3;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_8fbdfe59-b1e5-732b-4591-ecaad86e5865-7b59fd06 {
    grid-area: 1 / 2 / 2 / 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-4359fcf2 {
    grid-column: 1 / 4;
  }

  #w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c0-5159fcff {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_6eecfe6a-1e55-874d-e161-f59511fccd8e-5059fd01 {
    grid-column-end: 4;
  }

  #w-node-_79b34619-971d-15eb-e78b-1a7227fe4619-d859fd02 {
    order: 9999;
  }

  #w-node-_2eba15a8-4071-27a1-1a68-7a1e83c7046a-7359fd03, #w-node-_30371fc4-d0c1-306e-f1af-38696d910c88-e459fd04 {
    grid-column-end: 4;
  }

  #w-node-_84d8f0a4-0f3e-bad8-a6b6-b6079facb944-7b59fd06 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_60677b3354187cf213b22165000000000061-cd59fd10 {
    order: -9999;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-adb00a5d, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-548ebe76, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-2b3b0a0e, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-1f912315, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-a72c02ae {
    grid-column: 1 / 4;
  }

  #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b20-49792ad4 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-910f73a1, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-f3119954, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-8c6c3726, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-f0b72157 {
    grid-column: 1 / 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-4359fcf2 {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-4359fcf2, #w-node-_3179db81-f252-b724-deb9-d911053b6753-4359fcf2, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08f9-4359fcf2 {
    order: 9999;
  }

  #w-node-_69b0d3f6-d0cc-2db5-ee2d-841bd3468614-d3468612 {
    justify-self: end;
  }

  #w-node-_7e643633-c7d4-289e-db71-e90f621fac58-0859fcfc {
    justify-self: start;
  }

  #w-node-_57185c84-ccf7-9046-3d3b-d8f1cd32c5c0-0859fcfc {
    order: -9999;
  }

  #w-node-f87a93a0-e501-c695-e58f-a0f271e0a483-7b59fd06, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a489-7b59fd06, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a48f-7b59fd06, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a495-7b59fd06 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e7da366f-c292-c390-0256-54e021be924c-6059fd11 {
    justify-self: start;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-adb00a5d {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-adb00a5d, #w-node-_3179db81-f252-b724-deb9-d911053b6753-adb00a5d, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08f9-adb00a5d {
    order: 9999;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-548ebe76 {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-548ebe76, #w-node-_08ab870f-92cd-84e0-f508-bfdb59ede231-548ebe76, #w-node-c533df17-0bc9-f699-ecd8-f6a35add9c72-548ebe76 {
    order: 9999;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-2b3b0a0e {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-2b3b0a0e, #w-node-_3179db81-f252-b724-deb9-d911053b6753-2b3b0a0e, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08f9-2b3b0a0e {
    order: 9999;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-1f912315 {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-1f912315, #w-node-_3179db81-f252-b724-deb9-d911053b6753-1f912315, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08f9-1f912315 {
    order: 9999;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-a72c02ae {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-a72c02ae, #w-node-_3179db81-f252-b724-deb9-d911053b6753-a72c02ae, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08f9-a72c02ae {
    order: 9999;
  }

  #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b24-49792ad4 {
    justify-self: end;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-910f73a1 {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-910f73a1, #w-node-_3179db81-f252-b724-deb9-d911053b6753-910f73a1, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08f9-910f73a1 {
    order: 9999;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-f3119954 {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-f3119954, #w-node-_3179db81-f252-b724-deb9-d911053b6753-f3119954, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08f9-f3119954 {
    order: 9999;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-8c6c3726 {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-8c6c3726, #w-node-_3179db81-f252-b724-deb9-d911053b6753-8c6c3726, #w-node-_7e566204-39e9-08c1-1617-41ec2e9f08f9-8c6c3726 {
    order: 9999;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-f0b72157 {
    place-self: auto;
  }

  #w-node-_88bedaab-4852-d953-7216-72ba148cb710-f0b72157, #w-node-_08ab870f-92cd-84e0-f508-bfdb59ede231-f0b72157, #w-node-c533df17-0bc9-f699-ecd8-f6a35add9c72-f0b72157 {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-4359fcf2 {
    grid-area: 1 / 1 / 2 / 4;
    place-self: auto;
  }

  #w-node-ff3bc9d7-77d2-d8e2-6ed9-df488dbbe97f-d3468612, #w-node-_33018cbc-db04-718c-d215-7d328d2214ef-d3468612, #w-node-a4181ea1-b90f-dce7-1ff2-23e3139ba539-d3468612 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
    grid-column-end: 2;
  }

  #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c0-5159fcff {
    grid-column: span 1 / span 1;
  }

  #w-node-_6eecfe6a-1e55-874d-e161-f59511fccd9a-5059fd01, #w-node-_6eecfe6a-1e55-874d-e161-f59511fccdb6-5059fd01, #w-node-_4a8b5a0d-1a67-05ea-1df9-edc44a8554fc-7359fd03, #w-node-_436b1fba-7c89-1ae1-a32a-93092674d2cf-e459fd04, #w-node-_9bfc7c3c-80d1-659d-c699-623ae06b1317-e459fd04, #w-node-_2d3a43f8-e0c0-b2d4-96bf-8979e68f0963-e459fd04, #w-node-cd00aefd-abd1-5239-1bb9-3c669b2f8225-e459fd04, #w-node-bf2edfe2-2e41-97db-912f-40395b94e7fa-e459fd04, #w-node-af337b51-b8c8-5eaa-fba7-703ce5a5bdf9-e459fd04, #w-node-_889fcff4-c489-9728-a2e1-c8f2a0d003f2-e459fd04 {
    justify-self: center;
  }

  #w-node-_21a73135-ae5d-bce8-1441-6df1bec9e5fe-7b59fd06 {
    grid-column: 1 / 4;
  }

  #w-node-_84d8f0a4-0f3e-bad8-a6b6-b6079facb944-7b59fd06 {
    grid-column: span 1 / span 1;
  }

  #w-node-f6debed5-2d75-fd64-d42a-651e807df271-7b59fd06, #w-node-b690cf14-0a9e-fd2f-d034-be7cd5f9726a-7b59fd06 {
    justify-self: center;
  }

  #First-name.w-node-e1c3b073-4995-b807-a440-5d3dc344d310-7b59fd06, #Last-name.w-node-e1c3b073-4995-b807-a440-5d3dc344d311-7b59fd06 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-adb00a5d, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-548ebe76, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-2b3b0a0e, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-1f912315, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-a72c02ae {
    grid-area: 1 / 1 / 2 / 4;
    place-self: auto;
  }

  #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792ad8-49792ad4, #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792adc-49792ad4, #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b10-49792ad4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_407aec2a-0d36-6edd-9f6a-2e4b49792b20-49792ad4 {
    grid-column-end: 2;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-910f73a1, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-f3119954, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-8c6c3726, #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-f0b72157 {
    grid-area: 1 / 1 / 2 / 4;
    place-self: auto;
  }
}


@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Bold.woff') format('woff'), url('../fonts/EudoxusSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-ExtraBold.woff') format('woff'), url('../fonts/EudoxusSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-ExtraLight.woff') format('woff'), url('../fonts/EudoxusSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Light.woff') format('woff'), url('../fonts/EudoxusSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Medium.woff') format('woff'), url('../fonts/EudoxusSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Regular.woff') format('woff'), url('../fonts/EudoxusSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-Bold.woff') format('woff'), url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-ExtraLight.woff') format('woff'), url('../fonts/PlusJakartaSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-ExtraLightItalic.woff') format('woff'), url('../fonts/PlusJakartaSans-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-Italic.woff') format('woff'), url('../fonts/PlusJakartaSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-Light.woff') format('woff'), url('../fonts/PlusJakartaSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-LightItalic.woff') format('woff'), url('../fonts/PlusJakartaSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-Medium.woff') format('woff'), url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-MediumItalic.woff') format('woff'), url('../fonts/PlusJakartaSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-ExtraBold.woff') format('woff'), url('../fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-Regular.woff') format('woff'), url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans';
  src: url('../fonts/PlusJakartaSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}