@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: #516381;
  --indicator-outline: #c0c0d333;
  --grey-background: #073453;
  --blanc-calice: #fff;
  --black: #082d3a;
  --steel-blue: #51a9f6;
  --dodger-blue-2: #fff;
  --outline: #efeff7;
  --shaddow: #3540751a;
  --royal-blue: #fff;
  --dark-outline: #e6e6f3;
  --black-2: black;
  --black-3: #000000d9;
  --dodger-blue: #217dfc;
  --teal: #32727a;
  --dark-grey: #a3a3a3;
}

.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-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-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.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 {
  background-color: var(--blanc-calice);
  color: var(--black);
  font-family: Inter, sans-serif;
}

.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/Villa0017.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  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/Travel004.jpeg');
}

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

.overlay {
  background-color: #0f132600;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-left: 120px;
  display: flex;
  position: relative;
  inset: 0%;
}

.overlay.dark {
  background-color: #0f13268c;
  margin-left: 0;
}

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

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

.home-subheader {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4em;
}

.home-subheader.small {
  font-size: 8px;
}

.home-subheader.white {
  color: #fff;
}

.home-subheader.large {
  font-size: 14px;
}

.home-subheader.spaced {
  margin-bottom: 25px;
}

.navbar {
  border-bottom: 1px none var(--indicator-outline);
  background-color: #0000;
  justify-content: center;
  max-width: 100vw;
  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;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-right: 0;
  display: grid;
  position: relative;
}

.left-nav {
  z-index: 25;
  border-right: 1px solid var(--indicator-outline);
  border-bottom: 1px solid var(--indicator-outline);
  background-color: #fff;
  width: 80px;
  height: 80px;
  display: flex;
  position: relative;
}

.right-nav {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

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

.scroll-indicator {
  z-index: 49;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: 1px solid var(--indicator-outline);
  flex-direction: column;
  grid-template-rows: minmax(200px, 620px) auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  padding-top: 80px;
  padding-bottom: 24px;
  display: grid;
  position: fixed;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.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: 36px;
  padding-bottom: 0;
}

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

.nav-link {
  color: var(--blanc-calice);
  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(--blanc-calice);
}

.grid-wrapper {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: 0;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
  position: relative;
}

.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.large.white {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

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

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

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

.slider-wrapper {
  margin-left: 80px;
  padding-top: 60px;
  padding-bottom: 48px;
  overflow: hidden;
}

.location-card-slider {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: -80px;
  display: flex;
}

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

.location-card-wrapper {
  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: center;
  width: 100%;
  height: 28vw;
  min-height: 450px;
  max-height: 550px;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slider-arrow {
  border: 1px solid var(--outline);
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-left: -72px;
  display: flex;
  inset: auto auto -30px;
}

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

.slide-nav {
  font-size: 9px;
  display: block;
}

.nav-menu {
  z-index: 40;
  justify-content: center;
  max-width: 600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  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 none var(--blanc-calice);
  background-color: var(--blanc-calice);
  color: var(--black);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 3px;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 11px;
  text-decoration: none;
  display: none;
  position: relative;
}

.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: 0;
  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;
}

.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 {
  margin-top: 35px;
  margin-bottom: 66px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 36px;
  line-height: 46px;
}

.xxl-heading.nospace {
  margin-bottom: -1px;
  font-size: 44px;
  line-height: 57px;
}

.xxl-heading.nospace.contact {
  margin-top: 0;
  margin-bottom: 36px;
}

.menu-lottie {
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: none;
}

.social-sidebar-icons {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sidebar-icon {
  border: 1px solid var(--indicator-outline);
  background-color: #aeaec00d;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 8px;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.sidebar-icon:hover {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
}

.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: 120px;
  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: 0;
  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-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: auto;
  display: none;
  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: 12px;
  min-height: 250px;
  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%;
  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-services {
  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-services:hover {
  background-color: var(--black);
}

.button-services.white {
  border: 3px solid var(--dodger-blue-2);
  color: var(--blanc-calice);
  background-color: #fff0;
  border-radius: 6px;
  max-width: 30vw;
  margin-bottom: 54px;
  font-family: Montserrat, sans-serif;
}

.button-services.white:hover {
  color: var(--dodger-blue-2);
  background-color: #e6e6f300;
  box-shadow: 0 0 10px 1px #219dfca1;
}

.button-services.white.altrolover {
  max-width: 30vw;
}

.button-services.white.altrolover:hover {
  color: var(--blanc-calice);
}

.button-services.white.altrolover.w--current:hover {
  background-color: #0000004d;
}

.button-services.white.altrolover.footer {
  max-width: 20vw;
}

.button-services.white.top.w--current {
  padding-top: 16px;
  padding-bottom: 16px;
}

.button-services.top {
  border: 3px solid var(--dodger-blue-2);
  color: var(--blanc-calice);
  letter-spacing: 1px;
  background-color: #fff0;
  border-radius: 6px;
  max-width: 30vw;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

.button-services.top:hover {
  color: var(--dodger-blue-2);
  background-color: #e6e6f300;
  box-shadow: 0 0 10px 1px #219dfca1;
}

.button-services.top.altrolover {
  max-width: 30vw;
}

.button-services.top.altrolover:hover {
  color: var(--blanc-calice);
}

.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: 0 0 0 36px;
  display: flex;
  position: relative;
}

.navigation-shade {
  border-bottom: 1px solid var(--indicator-outline);
  background-color: #000;
  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: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 360px;
  grid-auto-columns: 1fr;
  align-content: space-between;
  padding-top: 128px;
  padding-bottom: 0;
  padding-left: 120px;
  display: grid;
  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-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 50vw;
  grid-auto-columns: 1fr;
  max-width: 550px;
  display: grid;
  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;
}

.services_plomberie {
  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;
  min-height: 100vh;
  padding: 36px 36px 0 84px;
  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;
  margin-left: 120px;
  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 auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

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

.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%;
  padding-bottom: 72px;
  text-decoration: none;
  display: grid;
  position: relative;
}

.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 {
  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 {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.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: 100%;
}

.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: 90vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% auto;
}

.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/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

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

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

.background.bckgvideo {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

.background.bckgphoto, .background.bckgphoto2 {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: none;
}

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

.hero-slide-arrow.left {
  border-top-style: none;
  border-top-left-radius: 5px;
  bottom: 70px;
}

.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 {
  color: var(--blanc-calice);
  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: 16px;
}

.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: 100%;
  display: none;
}

.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%;
  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 solid var(--indicator-outline);
  background-color: var(--grey-background);
  border-radius: 100px;
  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 {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.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: auto 1fr;
  grid-auto-columns: 1fr;
  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-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);
}

.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/plombier-plomberie-quebec-residentiel-commercial-installation-debouchage-drainage-inspection.jpg');
  margin-top: 0;
}

.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: #f7f8fc00;
  border-radius: 5px;
  height: 100%;
  max-height: 42px;
  position: absolute;
  inset: auto 0%;
}

.link-text {
  z-index: 10;
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}

.nav-menu-links {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: flex;
}

.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;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 750px;
  margin-left: 0;
  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 {
  background-image: url('../images/menuicon-X01.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 33px 33px;
  display: none;
}

.flyout-menu.open {
  background-image: url('../images/menuicon-hamburger01.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 33px 33px;
  display: flex;
}

.dropdown-text {
  color: var(--black-2);
  font-family: Montserrat, sans-serif;
}

.dropdown-icon {
  display: none;
}

.flyout-menu-wrapper {
  z-index: 20;
  background-color: #071224a3;
  width: 100vw;
  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;
  background-image: url('../images/plombier-ville-de-quebec-beauport-val-belair-charlesbourg-portneuf.png');
  background-position: 100% 7%;
  background-repeat: no-repeat;
  background-size: auto;
  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;
  height: 100vh;
  padding: 13px 0 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.flyout-menu-content.gs {
  background-color: #073453;
  background-image: url('../images/cle-en-main-construction-plomberie-toilette-evier-bain-quebec.svg');
  background-position: 160px 7%;
  box-shadow: 0 2px 6px 3px #0000006e;
}

.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: none;
  position: relative;
  overflow: hidden;
}

.footer {
  justify-content: center;
  display: flex;
  position: relative;
}

.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;
}

.logofooter {
  width: 230px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.heading {
  color: #747474;
  font-size: 25px;
}

.text-block {
  letter-spacing: 1px;
  font-family: Nunito, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 13px;
}

.youtube_link {
  border: 1px dashed #fcfcff70;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
  position: relative;
}

.youtube_link:hover {
  border-color: #219dfc;
  box-shadow: 1px 1px 10px #217dfc6e;
}

.youtube_wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.vidicon {
  filter: none;
  width: 33px;
  height: 33px;
  position: relative;
  left: 3px;
}

.splashnew {
  height: 100%;
}

.travaux_youtube_title {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4em;
  position: relative;
  top: -34px;
}

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

.travaux_youtube_title.white {
  color: #fff;
}

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

.bckgvid {
  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;
}

.bckgvid.one {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

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

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

.bckgvid.signaturehd, .bckgvid.bckgphoto, .bckgvid.signaturehd2 {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

.buttonleftmenu {
  border-bottom: 1px solid var(--steel-blue);
  color: var(--steel-blue);
  text-transform: uppercase;
  background-color: #0000;
  width: 100%;
  padding-left: 28px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.buttonleftmenu:hover {
  color: #0070c5;
  text-shadow: 0 0 5px #219dfca1;
  border-bottom-width: 1px;
  border-bottom-color: #0070c5;
}

.buttonleftmenu.sm {
  font-size: 12px;
}

.buttonleftmenu.last {
  margin-bottom: 210px;
}

.buttonleftmenu.sm2 {
  font-size: 12px;
}

.logomobilemenu {
  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;
}

.logomobilemenu.w--current {
  margin-bottom: 51px;
  left: 28px;
}

.logoimage_menu {
  width: 150px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  left: 0;
}

.about-description {
  grid-column-gap: 0px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-right: 24px;
  display: grid;
}

.pin-stripe {
  background-color: #f3f6fc;
  width: 1px;
}

.pin-stripe.white {
  background-color: #ffffff1f;
}

.service-menu-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #f3f6fc;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-menu-list.white {
  border-top-color: #ffffff26;
  width: 100%;
  margin-left: 1px;
  margin-right: 1px;
}

.wrapper {
  z-index: 10;
  width: 100%;
  max-width: 1400px;
  position: relative;
}

.wrapper.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.stripe-container {
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.team-social-icon {
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 10px;
  display: flex;
}

.team-social-icon.small {
  width: 30px;
  height: 30px;
  padding: 7px;
}

.footer-credits {
  font-size: 13px;
  font-weight: 400;
}

.footer-section {
  z-index: 10;
  color: #fff;
  background-color: #090b19;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 0 24px 120px;
  display: none;
  position: relative;
}

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

.stripe-wrapper {
  z-index: 5;
  justify-content: center;
  width: 100vw;
  min-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  inset: 0% auto;
}

.body-display-2 {
  color: #6e7488;
  font-size: 14px;
  line-height: 20px;
}

.body-display-2.white {
  color: #ffffffe6;
}

.footer-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 36px;
  grid-template-rows: minmax(44px, auto) minmax(102px, auto) minmax(103px, auto) minmax(103px, auto) minmax(103px, auto) minmax(36px, auto);
  grid-template-columns: 30% 1fr 1fr;
  grid-auto-rows: minmax(106px, auto);
  grid-auto-columns: 1fr;
  display: grid;
}

.list-item-text {
  font-family: Montserrat, sans-serif;
}

.list-item-arrow {
  width: 18px;
  min-width: 18px;
}

.subtitle {
  z-index: 10;
  color: #090b19;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

.subtitle.white {
  color: #fff;
  left: 25px;
}

.menu-list-item {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  color: #6e7488;
  letter-spacing: -.03em;
  white-space: normal;
  border-top: 1px #f3f6fc;
  border-bottom: 1px solid #f3f6fc;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  padding: 24px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25em;
  text-decoration: none;
  transition: padding .4s cubic-bezier(.25, .46, .45, .94), color .4s cubic-bezier(.25, .46, .45, .94);
  display: grid;
}

.menu-list-item:hover {
  color: #090b19;
}

.menu-list-item.w--current {
  color: #090b19;
  padding-left: 36px;
}

.menu-list-item.white {
  color: #fff;
  cursor: pointer;
  border-top-color: #ffffff26;
  border-bottom-color: #ffffff26;
  align-items: center;
  margin-bottom: 0;
  font-size: 16px;
}

.menu-list-item.white.small {
  padding-top: 19px;
  padding-bottom: 19px;
}

.text-block-2 {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.text-block-3, .text-block-4 {
  letter-spacing: 2px;
  font-family: Montserrat, sans-serif;
}

.text-block-5 {
  letter-spacing: 2px;
}

.heading-2 {
  font-weight: 900;
}

.heading-3 {
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.image-2 {
  width: 100%;
  height: 210px;
  position: relative;
}

.photos_tabs_services {
  background-image: url('../images/plombier-plomberie-debouchage-canalisation-drain-tuyauterie-maison-industriel-quebec.jpg');
  background-position: 50% 45%;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 220px;
  padding-bottom: 16px;
  padding-left: 20px;
  display: flex;
}

.photos_tabs_services._02 {
  background-image: url('../images/plombier-plomberie-drainage-agricole-terrain-sous-sol-quebec-levis-beauce.jpeg');
}

.photos_tabs_services._03 {
  background-image: url('../images/plomberie-a-domicile-cuisine-evier-salle-bain-douche-quebec.jpeg');
  background-position: 50%;
}

.photos_tabs_services._04 {
  background-image: url('../images/plombier-inspection-par-camera-drain-egout-tuyauterie-entree-sortie-eau-quebec.jpeg');
  background-position: 50% 90%;
}

.heading-4 {
  color: var(--blanc-calice);
  letter-spacing: 3px;
  text-shadow: 2px 2px 0 var(--black);
  min-height: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 33px;
  line-height: 33px;
}

.tabwrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 40px;
  display: flex;
  position: relative;
}

.text-block-6 {
  color: var(--black-3);
  text-align: justify;
  margin-top: 47px;
  padding-left: 20px;
  padding-right: 120px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 31px;
  position: relative;
}

.logoheader {
  width: 150px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section01_entreprise {
  background-image: linear-gradient(#00000085, #00000085), url('../images/plombier-quebec-service-rapide-professionnel-garanti-membre-cmmtq.jpeg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  min-height: 200px;
  padding-top: 120px;
  padding-bottom: 149px;
}

.contentwrap {
  color: var(--blanc-calice);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-height: 50px;
  padding-left: 25vw;
  padding-right: 25vw;
  font-family: Montserrat, sans-serif;
  font-size: 33px;
  font-weight: 700;
  line-height: 33px;
  display: flex;
}

.preview_heading {
  border-bottom: 2px solid var(--dodger-blue-2);
  align-items: flex-start;
  padding-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 33px;
  line-height: 33px;
  display: flex;
}

.preview_text {
  color: var(--blanc-calice);
  text-align: center;
  margin-top: 38px;
  margin-bottom: 81px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.6em;
}

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

.preview_text.large.white {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

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

.preview_text.white {
  color: #fff;
}

.preview_section02 {
  background-image: linear-gradient(#0000004a, #0000004a), url('../images/installation-plomberie-lavabo-douche-bain-toilette-evier-sink-quebec.jpeg');
  background-position: 0 0, 50% 60%;
  background-size: auto, cover;
  min-height: 200px;
  padding-top: 120px;
  padding-bottom: 149px;
}

.preview_section03 {
  background-image: linear-gradient(#000000cf, #000000cf), url('../images/enreprise-de-plomberie-quebec-charlesbourg-beauport-vanier-limoilou.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  min-height: 200px;
  padding-top: 120px;
  padding-bottom: 149px;
}

.top-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 17px;
  margin-bottom: 40px;
  padding-bottom: 0;
  display: flex;
}

.footerprops {
  color: #6e7488;
  font-size: 16px;
  line-height: 1.6em;
}

.footerprops.white {
  color: #ffffffe6;
  margin-bottom: 23px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 17px;
}

.link_rjdesign {
  width: 100%;
  min-height: 30px;
}

.footer-subheader {
  text-align: left;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4em;
}

.footer-subheader.small {
  font-size: 8px;
}

.footer-subheader.white {
  color: #fff;
}

.footer-subheader.large {
  font-size: 14px;
}

.footer-subheader.spaced {
  margin-bottom: 25px;
}

.text-block-7 {
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.pages_hero {
  background-color: #fff;
  align-items: stretch;
  height: 400px;
  min-height: 300px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.footpromo.no-padding {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

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

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

.services-tabs.no-padding {
  padding-top: 36px;
  padding-bottom: 0;
}

.services-tabs.no-top-padding {
  padding-top: 0;
}

.page-sec-hero {
  background-color: #fff;
  align-items: stretch;
  height: 400px;
  min-height: 300px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.link-4b {
  color: #9c9c9c;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.link-4b.w--current {
  color: #fff;
  text-decoration: none;
}

.footerpbs {
  background-color: #181d23;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 77px;
  padding-bottom: 41px;
  display: flex;
  position: relative;
}

.logo_footer {
  margin-top: 0;
  position: relative;
}

.column_footer {
  width: 80%;
  margin-top: 0;
  margin-bottom: 5px;
}

.footer_adress_legal {
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  position: relative;
}

.column2_country.off {
  display: block;
}

.footer_adress_title {
  color: var(--dodger-blue-2);
  margin-bottom: 18px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  position: relative;
}

.footer_adress_title.small {
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
}

.footer_adress_title.gs {
  font-family: Syne, sans-serif;
}

.footer_adress_title.gs.hide {
  display: none;
}

.link-4 {
  color: #cac6c6;
  font-family: Syne, sans-serif;
  position: relative;
}

.link-4:hover {
  color: var(--royal-blue);
}

.link-4.w--current {
  color: #fff;
  text-decoration: none;
}

.link-4.hide {
  display: none;
}

.legalstuff {
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 24px;
  margin-bottom: 10px;
  display: flex;
}

.link-3 {
  color: #fff;
  position: relative;
}

.link-3:hover {
  color: var(--dodger-blue);
}

.link-3.gs {
  z-index: 1111;
  font-family: Syne, sans-serif;
}

.footer_adress_location {
  color: #fff;
  margin-bottom: 17px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 13px;
  position: relative;
}

.footer_adress_location.gs {
  color: #fff;
  font-family: Syne, sans-serif;
}

.footer_adress_location.gs.pad {
  text-align: left;
  margin-top: 13px;
}

.column-2 {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_rjdesign {
  text-align: center;
  background-color: #111;
  border: 0 solid #c61e1d;
  width: 100%;
  height: auto;
  padding-top: 6px;
  padding-bottom: 5px;
  position: relative;
}

.text-block-8 {
  color: #fff;
  margin-bottom: 7px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: Syne, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.link-block {
  background-image: url('../images/creation_site_web_video.svg');
  background-position: 50%;
  background-size: cover;
  width: 150px;
  height: 30px;
  margin-top: -5px;
  margin-bottom: 9px;
}

.adresstext {
  color: var(--blanc-calice);
  text-align: justify;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 120px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
}

.googlemaps {
  height: 600px;
}

.googlemaps_link {
  background-image: url('../images/je-recherche-un-plombier-a-quebec-et-les-environs.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.clip {
  position: relative;
  overflow: hidden;
}

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

.large-heading {
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  line-height: 1.15em;
}

.services-card {
  grid-column-gap: 0px;
  grid-row-gap: 36px;
  border-top: 1px #f3f6fc;
  border-bottom: 1px solid #f3f6fc;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  padding: 36px;
  display: grid;
}

.services-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-top: 1px solid #f3f6fc;
  border-left: 1px solid #f3f6fc;
  border-right: 1px solid #f3f6fc;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tripple-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: 50% 15% 25%;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  display: grid;
}

.card-circle {
  background-color: #f3f6fc;
  border-radius: 100%;
  width: 6vw;
  max-width: 800px;
  height: 6vw;
  max-height: 800px;
  position: absolute;
  inset: -6vw -6vw auto auto;
}

.card-hover-item {
  grid-column-gap: 16px;
  grid-row-gap: 36px;
  border-top: 1px #f3f6fc;
  border-bottom: 1px #f3f6fc;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: flex-start stretch;
  padding: 0;
  text-decoration: none;
  display: grid;
  position: relative;
  overflow: hidden;
}

.feature-card-description {
  z-index: 10;
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.button {
  color: #fff;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #090b19;
  border: 1px solid #090b19;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 28px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  transition: all .4s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:hover {
  color: #090b19;
  background-color: #e2e7f1;
  border-color: #e2e7f1;
}

.button.grey-outline {
  color: #090b19;
  background-color: #090b1900;
  border-color: #e2e7f1;
}

.button.grey-outline:hover {
  color: #fff;
  background-color: #090b19;
  border-color: #090b19;
}

.card-button-wrapper {
  display: flex;
}

.icon {
  z-index: 10;
  background-color: var(--dodger-blue-2);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  display: flex;
  position: relative;
}

.entreprise-main {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 5vw 120px 120px;
  display: flex;
  position: relative;
}

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

.heading-5 {
  z-index: 10;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  position: relative;
}

.feature-card-info {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.intro-wrapper-2 {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.heading-6 {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.blog-placeholder-image {
  background-image: url('../images/plumber-plombier-service-quebec-montreal-commercial-residential.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 14px;
  width: 100%;
  min-height: 220px;
}

.blog-card {
  background-color: #fff;
  border-radius: 20px;
  width: 75%;
  margin-right: 0;
  padding: 15px 16px 35px;
  transition: all .3s ease-out;
  overflow: hidden;
  box-shadow: 14px 14px 40px #767ead14;
}

.blog-card:hover {
  transform: translate(0, -4px);
  box-shadow: 14px 14px 40px #767ead1f;
}

.blog-card.off {
  display: none;
}

.blog-placeholder-image-02 {
  background-image: url('../images/kelly-lebrock783.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 14px;
  width: 100%;
  min-height: 220px;
}

.section02_equipe {
  background-color: #fff;
  background-image: url('../images/bg_shade.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  min-height: 500px;
  padding: 120px 5%;
}

.category-title {
  color: var(--royal-blue);
  letter-spacing: 1.5px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.title {
  color: #484dff;
  text-align: left;
  letter-spacing: 3px;
  text-transform: uppercase;
  max-width: 500px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 700;
}

.title-wrap {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.blog-article-wrap {
  flex-wrap: wrap;
  place-content: stretch space-around;
  align-items: stretch;
  margin-bottom: 32px;
  display: flex;
}

.heading-primary {
  color: #1a3066;
  letter-spacing: -.5px;
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 46px;
  font-weight: 700;
  line-height: 1;
}

.heading-primary.h3-centre {
  text-align: center;
  max-width: 700px;
}

.blog-content {
  margin-bottom: 25px;
}

.heading-7 {
  color: #2e3642;
  text-align: left;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
}

.button-default {
  background-color: #484dff;
  border-radius: 50px;
  padding: 18px 35px;
  font-size: 16px;
  transition: all .2s;
}

.button-default:hover {
  background-color: #343af0;
}

.blog-content-wrap {
  flex-direction: column;
  align-items: flex-start;
  min-height: 140px;
  padding-top: 15px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.blog-placeholder-image-03 {
  background-image: url('../images/unsplash_img_02.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 14px;
  width: 100%;
  min-height: 220px;
}

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

.category-tag {
  border: 1px none var(--royal-blue);
  background-color: #e9f9f000;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 12px 20px 12px 0;
  display: flex;
}

.text-span {
  color: #484dff;
}

.column {
  width: 33%;
  padding: 10px;
}

.paragraph {
  color: #546681;
  max-width: 490px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-style: normal;
  line-height: 1.3;
}

.section03_qualite {
  background-image: linear-gradient(#00000085, #00000085), url('../images/plombier-plomberie-debouchage-canalisation-drain-tuyauterie-maison-industriel-quebec.jpg');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  min-height: 200px;
  padding-top: 120px;
  padding-bottom: 149px;
}

.heading-collab {
  color: var(--black-2);
  margin-top: 33px;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.wrapper-tech {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.button-2 {
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #2bded3;
  border-radius: 2em;
  padding: 15px 2em;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.5;
}

.button-2:hover {
  color: #121e2b;
  background-color: #2bded3;
}

.item-title {
  margin-top: -1px;
  margin-bottom: 26px;
  padding-top: 1em;
  padding-bottom: 1em;
}

.small-text {
  color: var(--blanc-calice);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: .9em;
  position: relative;
}

.sticky-item {
  border-top-right-radius: 25em;
  border-bottom-right-radius: 25em;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 80%;
  height: 70vh;
  padding-top: 5em;
  padding-bottom: 5em;
  padding-left: 10em;
  display: flex;
}

.g-shape {
  background-color: #0000;
  background-image: linear-gradient(270deg, #3f4b5f00 20%, #e0e7f0);
  border-top-left-radius: 25em;
  border-bottom-left-radius: 25em;
  width: 10em;
  height: 4em;
}

.g-shape.is--filp {
  background-image: linear-gradient(to right, #3f4b5f00 20%, #e0e7f0);
  border-radius: 0 25em 25em 0;
}

.section-sticky {
  height: 350vh;
}

.g-row {
  display: flex;
}

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

.container-sticky {
  height: 100%;
  padding-top: 5em;
}

.item-content {
  border-bottom: 1px solid #0000007a;
  width: 90%;
  margin-bottom: 120px;
  padding-top: 0;
  padding-bottom: 100px;
}

.sticky-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.projet_description {
  color: var(--black-3);
  text-align: justify;
  width: 50%;
  margin-top: 16px;
  font-family: Montserrat, sans-serif;
}

.heading-project {
  color: var(--black-2);
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  line-height: 26px;
}

.heading-city {
  color: #4d4d4d;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.gallery-project-wrap {
  flex-direction: row;
  align-items: center;
  margin-bottom: 13px;
  display: flex;
}

.section-collabos-projets {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  padding: 60px 30px 120px 120px;
  display: flex;
}

.heading-8 {
  display: none;
}

.lightbox-thumb-c2b {
  width: 100%;
  height: 100%;
  margin-right: 21px;
}

.links-collabs-title {
  color: var(--steel-blue);
  text-decoration: none;
}

.logo-collaborateurs {
  flex-direction: column;
  align-items: flex-start;
  width: 150px;
  height: 150px;
  min-height: 100px;
  display: flex;
}

.logos_entreprise {
  width: auto;
  height: auto;
}

.lightbox-thumb-c2b_02, .lightbox-thumb-c2b_03 {
  width: 100%;
  height: 100%;
  margin-right: 21px;
}

.lightbox-link {
  width: 18vw;
  height: 18vw;
}

.lightbox01 {
  width: 18vw;
  height: 18vw;
  margin-right: 26px;
}

.link-5 {
  color: var(--steel-blue);
  font-weight: 700;
  text-decoration: none;
}

.image-3 {
  width: 33px;
  height: 33px;
}

.pute {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.brand02 {
  z-index: 25;
  color: var(--black);
  letter-spacing: -.02em;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
  padding-right: 0;
  font-family: Eudoxussans, sans-serif;
  font-size: 22px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.brand02.w--current {
  top: -12px;
}

.footerheading {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 18px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 800;
  display: flex;
}

.legaltext {
  color: var(--black-3);
  text-align: justify;
  width: 100%;
  margin-top: 16px;
  font-family: Montserrat, sans-serif;
}

.bckgvid2 {
  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;
}

.bckgvid2.one {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

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

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

.bckgvid2.signaturehd, .bckgvid2.bckgphoto {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

.bckgvid2.groupehd {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 90vh;
  display: flex;
}

.splashnew2 {
  background-image: linear-gradient(#052935a1, #052935a1);
  height: 90vh;
}

.grid-wrapper2 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: 0;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  height: 90vh;
  display: grid;
  position: relative;
}

.home-hero2 {
  background-color: #fff;
  align-items: stretch;
  height: 90vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-content2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 360px;
  grid-auto-columns: 1fr;
  align-content: space-between;
  height: 90vh;
  padding-top: 128px;
  padding-bottom: 0;
  padding-left: 120px;
  display: grid;
  position: relative;
}

.home-hero-intro2 {
  z-index: 20;
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  background-image: url('../images/salle-de-bain-residentiel-commercial-renovation-plomberie-entrepreneur-quebec.svg');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto 1000px;
  background-attachment: scroll;
  grid-template-rows: auto;
  grid-template-columns: 50vw;
  grid-auto-columns: 1fr;
  width: 550px;
  max-width: 550px;
  display: grid;
  position: relative;
}

.home-hero-intro2.sallesdebain {
  background-image: url('../images/bathroom-premium-package-contractor-plumber-quebec.svg');
}

.home-hero-intro2.plomberiereno {
  background-image: url('../images/constructeur-de-salle-de-bain-levis-quebec-centre-ville.svg');
}

.home-hero-intro2.legroupe {
  background-image: url('../images/salle-de-bain-residentiel-commercial-renovation-plomberie-entrepreneur-quebec.svg');
}

.home-hero-intro2.contact {
  background-image: url('../images/soumission-salle-de-bain-neuve-renovation-quebec-contact.svg');
}

.top-content-wrapper2 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 33px;
  padding-top: 33px;
  padding-bottom: 180px;
  display: flex;
}

.youtube_wrapper2 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.travaux_youtube_title-copy {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4em;
  position: relative;
  top: -34px;
}

.travaux_youtube_title-copy.small {
  font-size: 8px;
}

.travaux_youtube_title-copy.white {
  color: #fff;
}

.travaux_youtube_title-copy.large {
  font-size: 14px;
}

.travaux_youtube_title2 {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Syne, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4em;
  position: relative;
  top: -34px;
}

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

.travaux_youtube_title2.white {
  color: #fff;
}

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

.background2 {
  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;
}

.background2.one {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

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

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

.background2.bckgvideo {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

.background2.bckgphoto {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: none;
}

.background2.bckgphoto2 {
  background-image: url('../images/placeholder-salle-de-bain-neuve-professionnel-renovation-quebec.jpg');
  height: 90vh;
  display: none;
}

.navbar-copy {
  border-bottom: 1px none var(--indicator-outline);
  background-color: #0000;
  justify-content: center;
  max-width: 100vw;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.groupesplashcolor01 {
  background-image: radial-gradient(circle at 0 0, #05293500, #052935);
  width: 100%;
  height: 100%;
}

.gs-navbar {
  z-index: 1000;
  border-bottom: 1px none var(--indicator-outline);
  background-color: #0000;
  justify-content: center;
  max-width: 100vw;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

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

.logoheader2 {
  width: 250px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 5px;
}

.gs-xxlheading {
  margin-top: 35px;
  margin-bottom: 66px;
  font-family: Syne, sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 46px;
}

.gs-xxlheading.nospace {
  margin-bottom: -1px;
  font-size: 44px;
  line-height: 57px;
}

.gs-xxlheading.nospace.contact {
  margin-top: 0;
  margin-bottom: 36px;
}

.gs-xxlheading.lft {
  text-align: left;
}

.gs-xxlheading.lesspad {
  margin-bottom: 15px;
}

.gs-xxlheading.morepadd {
  margin-bottom: 120px;
}

.gs-home-subheader {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Syne, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.4em;
}

.gs-home-subheader.small {
  font-size: 8px;
}

.gs-home-subheader.white {
  color: #fff;
}

.gs-home-subheader.large {
  font-size: 14px;
}

.gs-home-subheader.spaced {
  margin-bottom: 25px;
}

.gs-home-subheader.lft {
  text-align: left;
}

.bckgvid-copy {
  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;
}

.bckgvid-copy.one {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

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

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

.bckgvid-copy.signaturehd, .bckgvid-copy.bckgphoto, .bckgvid-copy.signaturehd2 {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

.overlay2 {
  background-color: #0f132600;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-left: 120px;
  display: flex;
  position: relative;
  inset: 0%;
}

.overlay2.dark {
  background-color: #0f13268c;
  margin-left: 0;
}

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

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

.button-services2 {
  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-services2:hover {
  background-color: var(--black);
}

.button-services2.white {
  border: 3px solid var(--dodger-blue-2);
  color: var(--blanc-calice);
  background-color: #fff0;
  border-radius: 6px;
  max-width: 30vw;
  margin-bottom: 54px;
  font-family: Montserrat, sans-serif;
}

.button-services2.white:hover {
  color: var(--dodger-blue-2);
  background-color: #e6e6f300;
  box-shadow: 0 0 10px 1px #219dfca1;
}

.button-services2.white.altrolover {
  max-width: 30vw;
}

.button-services2.white.altrolover:hover {
  color: var(--blanc-calice);
}

.button-services2.white.altrolover.w--current:hover {
  background-color: #0000004d;
}

.button-services2.white.altrolover.footer {
  max-width: 20vw;
}

.button-services2.white.top.w--current {
  padding-top: 16px;
  padding-bottom: 16px;
}

.button-services2.white.top2 {
  font-family: Syne, sans-serif;
}

.button-services2.white.top2.w--current {
  padding-top: 16px;
  padding-bottom: 16px;
}

.button-services2.top {
  border: 3px solid var(--dodger-blue-2);
  color: var(--blanc-calice);
  letter-spacing: 1px;
  background-color: #fff0;
  border-radius: 6px;
  max-width: 30vw;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

.button-services2.top:hover {
  color: var(--dodger-blue-2);
  background-color: #e6e6f300;
  box-shadow: 0 0 10px 1px #219dfca1;
}

.button-services2.top.altrolover {
  max-width: 30vw;
}

.button-services2.top.altrolover:hover {
  color: var(--blanc-calice);
}

.text-block2 {
  letter-spacing: 1px;
  font-family: Syne, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 13px;
}

.top-nav-wrapper2 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: minmax(80px, 1fr) minmax(auto, 1400px) minmax(80px, 1fr);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-right: 0;
  display: grid;
  position: relative;
}

.flyout-menu-content2 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 48px;
  background-color: #fff;
  background-image: url('../images/plombier-ville-de-quebec-beauport-val-belair-charlesbourg-portneuf.png');
  background-position: 100% 7%;
  background-repeat: no-repeat;
  background-size: auto;
  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;
  height: 100vh;
  padding: 13px 0 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.logomobilemenu-2 {
  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;
}

.logomobilemenu-2.w--current {
  margin-bottom: 51px;
  left: 28px;
}

.logoimage_menu2 {
  width: 250px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: -24px;
  left: 29px;
}

.buttonleftmenu2 {
  border-bottom: 1px solid var(--steel-blue);
  color: var(--blanc-calice);
  text-transform: none;
  background-color: #0000;
  width: 100%;
  padding-left: 28px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.buttonleftmenu2:hover {
  color: #fff;
  text-shadow: 0 0 11px #fff;
  background-image: url('../images/construction-renovation-plomberie-salle-de-bain-toilettes-evier-quebec.svg'), radial-gradient(circle at 100% 180%, #00000073, #0000 61%);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 22px 22px, auto;
  background-attachment: scroll, scroll;
  border-bottom-width: 1px;
  border-bottom-color: #0070c5;
}

.buttonleftmenu2.sm {
  font-size: 12px;
}

.buttonleftmenu2.last {
  margin-bottom: 210px;
}

.buttonleftmenu2.sm2 {
  font-size: 11px;
}

.buttonleftmenu-copy {
  border-bottom: 1px solid var(--steel-blue);
  color: var(--steel-blue);
  text-transform: uppercase;
  background-color: #0000;
  width: 100%;
  padding-left: 28px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.buttonleftmenu-copy:hover {
  color: #0070c5;
  text-shadow: 0 0 5px #219dfca1;
  border-bottom-width: 1px;
  border-bottom-color: #0070c5;
}

.buttonleftmenu-copy.sm {
  font-size: 12px;
}

.buttonleftmenu-copy.last {
  margin-bottom: 210px;
}

.buttonleftmenu-copy.sm2 {
  font-size: 12px;
}

.gs-splash-button {
  border: 1px solid #9ed1fd;
  padding-left: 33px;
  font-family: Aboreto, sans-serif;
  font-size: 25px;
  line-height: 38px;
}

.gssplashbutton02 {
  background-image: url('../images/construction-renovation-plomberie-salle-de-bain-toilettes-evier-quebec.svg');
  background-position: 93%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  border: 1px solid #fff;
  padding-left: 33px;
  padding-right: 40px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 30px;
  position: relative;
  box-shadow: 0 9px 5px #0003;
}

.gssplashbutton02:hover {
  background-color: #51a9f6;
  border-color: #fff;
  box-shadow: 0 0 16px #fff;
}

.gssplashbutton02:active {
  background-color: #1f86e0;
}

.gssplashbutton02.pad {
  z-index: 1111;
  margin-bottom: 33px;
}

.gssplashbutton02.glow {
  z-index: 1111;
  text-align: center;
  margin-bottom: 550px;
  box-shadow: 0 0 16px 10px #6bbaff;
}

.gssplashbutton02.glow:hover {
  border-style: solid;
  border-color: #fff;
  border-radius: 0;
  box-shadow: 0 0 20px 14px #afd5f6ab;
}

.gssplashbutton02.glow.col02 {
  z-index: 1111;
  background-color: #004356;
}

.gssplashbutton02.glow.col02:hover {
  background-color: #107b99;
}

.gssplashbutton02.glow.aquaearthgreen {
  z-index: 1111;
  background-color: #0f3f3a;
}

.gssplashbutton02.glow.aquaearthgreen:hover {
  background-color: #4eb2a8;
}

.slider {
  width: 250px;
  height: 150px;
}

.gs-slider-splash {
  width: 250px;
  height: 250px;
  margin-bottom: 33px;
}

.slide-2 {
  width: 250px;
  height: 150px;
}

.gs-slide-splash {
  width: auto;
  height: auto;
}

.slide-nav-2, .left-arrow, .right-arrow {
  display: none;
}

.gs-sl-tabarnakk {
  width: 250px;
  height: 250px;
  margin-bottom: 33px;
  box-shadow: 10px 10px #0003;
}

.left-arrow-2, .right-arrow-2, .osti {
  display: none;
}

.gs-imslide {
  width: 100%;
  height: 100%;
  position: relative;
}

.gs-section-legroupe {
  background-color: #0e5886;
  background-image: url('../images/projet-salle-de-bain-compagnie-entreprise-quebecoise-du-quebec.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 200px;
  padding-top: 0;
  padding-bottom: 0;
}

.gs-section-legroupe._02 {
  background-color: #0a517c;
  background-image: url('../images/salle-de-bain-classique-contemporaine-modernisme-pur-quebec.jpg');
  padding-bottom: 300px;
}

.gs-section-legroupe._03 {
  background-color: #06456b;
  background-image: url('../images/designer-salle-de-bain-decor-plomberie-construction-quebec.jpg');
  padding-bottom: 500px;
}

.gs-section-legroupe._04 {
  background-image: url('../images/entrepreneur-installation-bain-sur-pied-plomberie-renovation-levis-quebec.jpg');
  padding-bottom: 500px;
}

.gs-section-legroupe.legal {
  padding-bottom: 500px;
}

.tt-rig-wrap {
  z-index: 200;
  background-color: #fff0;
  background-image: url('../images/TT-construction-renovation-salle-de-bain-entrepreneur-plombier-quebec.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 24vh;
  margin-top: 0;
  display: flex;
  position: relative;
  top: -1vh;
}

.tt-rig-wrap._02 {
  background-image: url('../images/TT-entreprise-qui-regroupe-plomberie-renovation-construction-levis-quebec.svg');
}

.tt-rig-wrap._02.anim {
  top: -9vh;
}

.tt-rig-wrap._03 {
  background-image: url('../images/TT-renovation-neuf-salle-bain-toilettes-douche-quebec.svg');
}

.gs-tt-text {
  color: var(--blanc-calice);
  font-family: Syne, sans-serif;
  font-size: 3vw;
  position: relative;
  top: 2.3vh;
}

.gs-tt-sub {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Syne, sans-serif;
  font-size: 11px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.4em;
  position: relative;
  top: 2.3vh;
}

.gs-tt-sub.small {
  font-size: 8px;
}

.gs-tt-sub.white {
  color: #fff;
}

.gs-tt-sub.large {
  font-size: 14px;
}

.gs-tt-sub.spaced {
  margin-bottom: 25px;
}

.gs-contentwrap {
  color: var(--blanc-calice);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-height: 50px;
  margin-top: 120px;
  padding-left: 20vw;
  padding-right: 20vw;
  font-family: Montserrat, sans-serif;
  font-size: 33px;
  font-weight: 700;
  line-height: 33px;
  display: flex;
}

.gs-contentwrap.gallery {
  padding-left: 5vw;
  padding-right: 5vw;
}

.gs-sectioncolumn {
  width: 100%;
  margin-top: 99px;
  margin-bottom: 99px;
}

.gs-sectioncol-cell {
  justify-content: center;
  display: flex;
}

.gs-content_txtwrap {
  width: 100%;
}

.gs-content_txtwrap.padrt {
  padding-right: 3vw;
}

.heading-9 {
  text-align: center;
  margin-bottom: 44px;
  font-family: Syne, sans-serif;
  font-size: 1.7vw;
  font-weight: 400;
  line-height: 1.4em;
}

.heading-9.padtop {
  margin-top: 80px;
}

.text-block-9 {
  font-family: Syne, sans-serif;
}

.paragraph-2 {
  color: var(--blanc-calice);
  text-align: left;
  margin-bottom: 120px;
  font-family: Syne, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 55px;
}

.paragraph-2.lesspad {
  margin-bottom: 80px;
}

.paragraph-2.lesspad.justify, .paragraph-2.justify {
  text-align: justify;
}

.paragraph-2.sm {
  font-size: 14px;
  line-height: 16px;
}

.gs-content-img {
  width: 100%;
  height: 100%;
  box-shadow: 10px 10px #0003;
}

.gs-img-wrap {
  width: 100%;
  height: 100%;
}

.gs-section01-imgdiv {
  background-image: url('../images/SLIDE-salle-de-bain-toilette-bain-douche-quebec.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 33vw;
  position: relative;
}

.image-4 {
  width: 100%;
  margin-bottom: 180px;
  box-shadow: 10px 10px #0003;
}

.gs-logofooter {
  z-index: 1111;
  width: 230px;
  height: 100%;
  margin-top: -22px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.gs-footerpbs {
  background-color: #002b49;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 77px;
  padding-bottom: 41px;
  display: flex;
  position: relative;
}

.logofooter-gs-apchq {
  width: 120px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.gs-section-sallesdebain {
  background-color: #08576d;
  background-image: url('../images/bathroom-toilettes-douche-bain-lavabo-plomberie-levis-quebec.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  min-height: 200px;
  padding-top: 0;
  padding-bottom: 0;
}

.lottiearrow01 {
  width: 120px;
  height: 100px;
  margin-bottom: 40px;
}

.gs-section-plomberie {
  background-color: #2f4c49;
  background-image: url('../images/salles-de-bain-quebec-levis-beauport-portneuf-beauce-charlesbourg.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 200px;
  padding-top: 0;
  padding-bottom: 300px;
}

.image-gallery-imac {
  width: 512px;
  margin-bottom: 180px;
  box-shadow: 10px 10px #0003;
}

.gallery-imac-link {
  background-image: url('../images/galerie-projets-realisations-salles-de-bain-plomberie-entreprise-levis-quebec.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 565px;
  height: 512px;
  margin-bottom: 80px;
}

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

.gs-footpromo.no-padding {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.gs-footpromo.no-top-padding {
  padding-top: 0;
}

.gs-paralaxbackground {
  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%;
}

.gs-paralaxbackground.two {
  background-image: url('../images/expert-salle-de-bain-plomberie-renovation-service-quebec-levis.jpg');
  margin-top: 0;
}

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

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

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

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

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

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

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

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

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

.gs-sectionintro {
  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;
  margin-left: 120px;
  padding: 140px 0 200px;
  display: grid;
  position: relative;
}

.gs-overlay {
  background-color: #0f132600;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-left: 120px;
  display: flex;
  position: relative;
  inset: 0%;
}

.gs-overlay.dark {
  background-color: #0f13268c;
  margin-left: 0;
}

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

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

.gs-overlay.dark2 {
  background-color: #0f13265c;
  margin-left: 0;
}

.gs-button-services {
  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;
}

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

.gs-button-services.white {
  border: 3px solid var(--dodger-blue-2);
  color: var(--blanc-calice);
  background-color: #fff0;
  border-radius: 6px;
  max-width: 30vw;
  margin-bottom: 54px;
  font-family: Montserrat, sans-serif;
}

.gs-button-services.white:hover {
  color: var(--dodger-blue-2);
  background-color: #e6e6f300;
  box-shadow: 0 0 10px 1px #219dfca1;
}

.gs-button-services.white.altrolover {
  max-width: 30vw;
}

.gs-button-services.white.altrolover:hover {
  color: var(--blanc-calice);
}

.gs-button-services.white.altrolover.w--current:hover {
  background-color: #0000004d;
}

.gs-button-services.white.altrolover.footer {
  max-width: 20vw;
}

.gs-button-services.white.top.w--current {
  padding-top: 16px;
  padding-bottom: 16px;
}

.gs-button-services.top {
  border: 3px solid var(--dodger-blue-2);
  color: var(--blanc-calice);
  letter-spacing: 1px;
  background-color: #fff0;
  border-radius: 6px;
  max-width: 30vw;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

.gs-button-services.top:hover {
  color: var(--dodger-blue-2);
  background-color: #e6e6f300;
  box-shadow: 0 0 10px 1px #219dfca1;
}

.gs-button-services.top.altrolover {
  max-width: 30vw;
}

.gs-button-services.top.altrolover:hover {
  color: var(--blanc-calice);
}

.gs-text-block {
  letter-spacing: 1px;
  font-family: Syne, sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 13px;
}

.gs-subtitlewrapper {
  text-align: left;
  margin-bottom: 18px;
}

.lottiearrow01-titles {
  z-index: 500;
  text-align: center;
  width: 24vw;
  height: 20vw;
  margin-bottom: 40px;
  position: absolute;
  top: -18vw;
}

.grid-wrapper3 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: 0;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  height: 1080px;
  display: grid;
  position: relative;
}

.splashnew3 {
  background-image: url('../images/header-salles-de-bain-premium-service-renovation-reparation-quebec.jpg'), linear-gradient(#3985c4, #3985c4);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  height: 90vh;
  position: relative;
}

.splashnew4 {
  background-image: linear-gradient(#052935a1, #052935a1);
  height: 90vh;
}

.tt-rig-wrap2 {
  z-index: 200;
  background-color: #fff0;
  background-image: url('../images/TT-construction-renovation-salle-de-bain-entrepreneur-plombier-quebec.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 24vh;
  margin-top: 0;
  display: flex;
  position: relative;
  top: -1vh;
}

.tt-rig-wrap2._02 {
  background-image: url('../images/TT-entreprise-qui-regroupe-plomberie-renovation-construction-levis-quebec.svg');
}

.tt-rig-wrap2._02.anim {
  display: none;
  top: -9vh;
}

.tt-rig-wrap2._03 {
  background-image: url('../images/TT-renovation-neuf-salle-bain-toilettes-douche-quebec.svg');
}

.bckgvid3 {
  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;
}

.bckgvid3.one {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

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

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

.bckgvid3.signaturehd, .bckgvid3.bckgphoto {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

.bckgvid3.groupehd {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 90vh;
  display: flex;
}

.gs-section-sdb-cle {
  background-color: #08576d;
  background-image: url('../images/plomberie-signature-entrepreneur-plombier-salle-de-bain-plomberie-tuyauterie.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px;
  padding-top: 0;
  padding-bottom: 500px;
}

.gs-section-sdb-luxe {
  background-color: #0a4657;
  background-image: url('../images/collections-styles-caterogies-designs-recherche-salle-de-bain-quebec.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 200px;
  padding-top: 0;
  padding-bottom: 300px;
}

.gs-section-sdb-galerie-photo {
  background-color: #00394b;
  background-image: url('../images/salle-de-bain-fabrication-quebecoise-entrepreneur-plomberie-quebec.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 200px;
  padding-top: 0;
  padding-bottom: 600px;
}

.wrap-gallery-lightbox {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  flex-flow: column;
  grid-template-rows: 1fr 1fr 1fr 1fr auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 85%;
  height: 100%;
  min-height: 400px;
  display: grid;
}

.gs-lightbox-link01 {
  width: 100%;
  height: 100%;
}

.gs-lightbox-link01:hover {
  box-shadow: 8px 8px #ffffffb3;
}

.gs-lightbox-image01 {
  width: 100%;
  box-shadow: 7px 7px #0003;
}

.bckgvid4 {
  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;
}

.bckgvid4.one {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

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

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

.bckgvid4.signaturehd, .bckgvid4.bckgphoto {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 100%;
  display: flex;
}

.bckgvid4.groupehd {
  background-image: url('../images/plomberie-plombier-service-residentiel-commercial-urgence-debouchage-drainage-quebec-levis.jpg');
  height: 90vh;
  display: flex;
}

.gs-section-reno {
  background-color: #294945;
  background-image: url('../images/renovation-salle-de-bain-commercial-residentiel-quebec-levis.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px;
  padding-top: 0;
  padding-bottom: 500px;
}

.gs-buttonleftmenu2 {
  border-bottom: 1px solid var(--steel-blue);
  color: var(--blanc-calice);
  text-transform: none;
  background-color: #0000;
  width: 100%;
  padding-left: 28px;
  font-family: Syne, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.gs-buttonleftmenu2:hover {
  color: #fff;
  text-shadow: 0 0 11px #fff;
  background-image: url('../images/construction-renovation-plomberie-salle-de-bain-toilettes-evier-quebec.svg'), radial-gradient(circle at 100% 180%, #00000073, #0000 61%);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 22px 22px, auto;
  background-attachment: scroll, scroll;
  border-bottom-width: 1px;
  border-bottom-color: #0070c5;
}

.gs-buttonleftmenu2.sm {
  font-size: 12px;
}

.gs-buttonleftmenu2.last {
  margin-bottom: 210px;
}

.gs-buttonleftmenu2.sm2, .gs-buttonleftmenu2.sm3 {
  font-size: 11px;
}

.gs-section-resultatpremium {
  background-color: #1f3f3b;
  background-image: url('../images/bathrooms-design-palette-creator-concept-quebec-canada.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 200px;
  padding-top: 0;
  padding-bottom: 300px;
}

.gs-footer_adress_corpname {
  color: var(--dodger-blue-2);
  margin-bottom: -2px;
  font-family: Syne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  position: relative;
}

.gs-footer_adress_corpname.small {
  font-size: 10px;
  font-weight: 400;
  line-height: 11px;
}

.gs-footer_adress_corpname.gs {
  font-family: Syne, sans-serif;
}

.gs-footer_adress_corpname.gs.hide {
  display: none;
}

.gs-adresstext {
  color: var(--blanc-calice);
  text-align: justify;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 120px;
  font-family: Syne, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  position: relative;
}

.gs-googlemaps_link {
  background-image: url('../images/trouver-google-maps-entrepreneur-renovation-salle-de-bain-neuve.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.gs-googlemaps {
  height: 600px;
}

.brand03 {
  z-index: 25;
  color: var(--black);
  letter-spacing: -.02em;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
  padding-right: 0;
  font-family: Eudoxussans, sans-serif;
  font-size: 22px;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.brand03.w--current {
  margin-bottom: 0;
  top: -12px;
}

.link-toptriangle {
  color: #fff;
}

.link-toptriangle:hover {
  text-shadow: 0 0 9px #fff;
}

.gs-button-backtotop {
  z-index: 2000;
  position: fixed;
  inset: auto 0% 0%;
}

.gs-blog-card {
  background-color: #3884a0;
  background-image: linear-gradient(224deg, #fff0 40%, #ffffff2e 45%, #ffffff3d 60%, #fff0 77%);
  border-radius: 0;
  width: 75%;
  margin-bottom: 40px;
  margin-right: 0;
  padding: 33px 33px 35px;
  transition: all .3s ease-out;
  overflow: hidden;
  box-shadow: 14px 14px 40px #767ead14;
}

.gs-blog-card:hover {
  transform: translate(0, -4px);
  box-shadow: 14px 14px 40px #767ead1f;
}

.gs-blog-card.off {
  display: none;
}

.paragraphgs {
  color: #546681;
  max-width: 490px;
  font-family: Syne, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}

.gs-heading7 {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Syne, sans-serif;
}

.gs-categorytitle {
  color: var(--royal-blue);
  letter-spacing: 1.5px;
  margin-bottom: 19px;
  font-family: Syne, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.paragraphgs02 {
  color: #fff;
  max-width: 490px;
  font-family: Syne, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}

.gs-placeholderimage {
  background-image: linear-gradient(224deg, #fff0 71% 83%, #ffffffbf 89%, #fff0 93%), url('../images/plumber-plombier-service-quebec-montreal-commercial-residential.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  border-radius: 0;
  width: 100%;
  min-height: 220px;
  box-shadow: 8px 8px #0003;
}

.gs-placeholderimage.maggy {
  background-image: linear-gradient(224deg, #fff0 71% 83%, #ffffffbf 89%, #fff0 93%), url('../images/maggy-dubois-malenfant-groupe-signature-salle-de-bains-quebec.jpg');
  background-size: auto, cover;
}

.gs-blogcontentwrap {
  flex-direction: column;
  align-items: flex-start;
  min-height: 140px;
  padding-top: 0;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.backtotop-wrapper {
  z-index: 1000;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: 99px;
  min-height: 33px;
  padding-right: 3vw;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.gs-footer_rjdesign {
  text-align: center;
  background-color: #111;
  border: 0 solid #c61e1d;
  width: 100%;
  height: auto;
  padding-top: 6px;
  padding-bottom: 33px;
  position: relative;
}

.button-3 {
  z-index: 2000;
  position: fixed;
}

.back-to-top {
  z-index: 1001;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  border-color: var(--blanc-calice);
  text-transform: uppercase;
  background-color: #3898ecd1;
  background-image: url('../images/groupe-signature-salles-de-bain-custom-cle-en-main.svg'), linear-gradient(#0000 63%, #000000b0);
  background-position: 12px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 23px 26px, auto;
  padding-left: 47px;
  padding-right: 23px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
  position: fixed;
  box-shadow: 0 0 15px #fff;
}

.back-to-top:hover {
  background-color: #1d7dd1eb;
  box-shadow: 0 0 20px #fff;
}

.navbar-2 {
  z-index: 1111;
}

.gslink {
  color: var(--steel-blue);
}

@media screen and (min-width: 1280px) {
  .xxl-heading {
    line-height: 46px;
  }

  .steps-grid {
    grid-column-gap: 100px;
    grid-template-columns: .8fr 1fr;
  }

  .steps-card {
    padding: 36px;
  }

  .team-image {
    min-height: 275px;
  }

  .button-services.white.altrolover.footer {
    max-width: 17vw;
  }

  .featured-journal-wrapper {
    grid-column-gap: 60px;
    padding-top: 48px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .services_plomberie {
    padding-top: 48px;
    padding-left: 84px;
    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;
  }

  .card-hover-item {
    padding: 0;
  }

  .footerheading {
    text-align: left;
  }

  .gs-xxlheading {
    line-height: 46px;
  }

  .button-services2.white.altrolover.footer {
    max-width: 17vw;
  }

  .gs-splash-button {
    padding-left: 33px;
    padding-right: 33px;
    font-size: 20px;
    line-height: 30px;
  }

  .gs-button-services.white.altrolover.footer {
    max-width: 17vw;
  }
}

@media screen and (min-width: 1440px) {
  .xxl-heading {
    font-size: 46px;
    line-height: 55px;
  }

  .xxl-heading.nospace.contact {
    font-size: 40px;
    line-height: 50px;
  }

  .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;
  }

  .button-services.white.altrolover.footer {
    max-width: 15vw;
  }

  .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;
  }

  .page-sec-hero {
    height: 480px;
  }

  .services-card {
    padding: 48px;
  }

  .blog-card {
    width: 60%;
  }

  .brand02.w--current {
    top: -13px;
  }

  .footerheading {
    text-align: left;
  }

  .gs-xxlheading {
    font-size: 46px;
    line-height: 55px;
  }

  .gs-xxlheading.nospace.contact {
    font-size: 40px;
    line-height: 50px;
  }

  .button-services2.white.altrolover.footer, .gs-button-services.white.altrolover.footer {
    max-width: 15vw;
  }

  .brand03.w--current {
    top: -13px;
  }

  .gs-blog-card {
    width: 60%;
  }
}

@media screen and (min-width: 1920px) {
  .overlay {
    height: auto;
  }

  .grid-wrapper {
    grid-template-rows: .25fr;
    width: 100vw;
    min-width: 100%;
  }

  .xxl-heading {
    font-size: 56px;
    line-height: 66px;
  }

  .membership-plans-wrapper {
    margin-left: 0;
  }

  .button-services.white.altrolover.footer {
    max-width: 12vw;
  }

  .navigation-shade {
    background-color: #0000;
    background-image: linear-gradient(81deg, #000, #0000 27%);
  }

  .home-hero {
    height: auto;
  }

  .home-hero-content {
    grid-template-rows: .5fr;
  }

  .services_plomberie {
    padding-left: 126px;
  }

  .hero-video-wrapper, .video-flyout {
    max-width: 1000px;
  }

  .background.bckgphoto, .background.bckgphoto2 {
    height: auto;
  }

  .footer-wrapper {
    position: relative;
  }

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

  .splashnew {
    width: 100vw;
    height: auto;
    position: relative;
  }

  .bckgvid.signaturehd, .bckgvid.signaturehd2 {
    height: auto;
  }

  .stripe-wrapper {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .menu-list-item.white.small {
    padding-top: 0;
  }

  .contentwrap {
    padding-left: 400px;
    padding-right: 400px;
  }

  .section_tabservice {
    padding-left: 120px;
    padding-right: 80px;
  }

  .pages_hero {
    height: auto;
  }

  .page-sec-hero {
    height: 550px;
  }

  .footer_adress_title.gs {
    margin-top: 14px;
  }

  .footer_rjdesign {
    border-style: none;
  }

  .googlemaps {
    height: 800px;
  }

  .brand02.w--current {
    top: -20px;
  }

  .footerheading {
    text-align: left;
  }

  .bckgvid2.signaturehd, .bckgvid2.groupehd {
    height: auto;
  }

  .splashnew2 {
    width: 100vw;
    height: auto;
    position: relative;
  }

  .grid-wrapper2 {
    grid-template-rows: .25fr;
    width: 100vw;
    min-width: 100%;
  }

  .home-hero2 {
    height: auto;
  }

  .home-hero-content2 {
    grid-template-rows: .5fr;
  }

  .home-hero-intro2.plomberiereno {
    background-image: url('../images/constructeur-de-salle-de-bain-levis-quebec-centre-ville.svg');
  }

  .background2.bckgphoto, .background2.bckgphoto2 {
    height: auto;
  }

  .logoheader2 {
    width: 250px;
    position: relative;
    top: 5px;
  }

  .gs-xxlheading {
    font-size: 44px;
    line-height: 46px;
  }

  .bckgvid-copy.signaturehd, .bckgvid-copy.signaturehd2, .overlay2 {
    height: auto;
  }

  .button-services2.white.altrolover.footer {
    max-width: 12vw;
  }

  .gs-section-legroupe {
    padding-bottom: 280px;
  }

  .gs-contentwrap {
    margin-top: 180px;
    padding-left: 400px;
    padding-right: 400px;
  }

  .paragraph-2 {
    margin-bottom: 120px;
  }

  .gs-logofooter {
    margin-top: 0;
  }

  .logofooter-gs-apchq {
    width: 150px;
  }

  .gs-section-sallesdebain, .gs-section-plomberie {
    padding-bottom: 280px;
  }

  .gs-overlay {
    height: auto;
  }

  .gs-button-services.white.altrolover.footer {
    max-width: 12vw;
  }

  .grid-wrapper3 {
    grid-template-rows: .25fr;
    width: 100vw;
    min-width: 100%;
  }

  .splashnew3, .splashnew4 {
    width: 100vw;
    height: auto;
    position: relative;
  }

  .bckgvid3.signaturehd, .bckgvid3.groupehd {
    height: auto;
  }

  .gs-section-sdb-cle {
    padding-bottom: 280px;
  }

  .gs-section-sdb-luxe {
    padding-bottom: 280px;
    position: relative;
    top: -2.2vh;
  }

  .gs-section-sdb-galerie-photo {
    padding-bottom: 600px;
    position: relative;
    top: -2.2vh;
  }

  .gs-lightbox-link01 {
    box-shadow: 8px 8px #0003;
  }

  .gs-lightbox-link01:hover {
    border: 4px #fff;
    border-radius: 0;
    box-shadow: 8px 8px #ffffffb3;
  }

  .gs-lightbox-image01 {
    box-shadow: none;
  }

  .bckgvid4.signaturehd, .bckgvid4.groupehd {
    height: auto;
  }

  .gs-section-reno {
    background-color: #1a4a42;
    background-image: url('../images/renovation-salle-de-bain-commercial-residentiel-quebec-levis.jpg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 280px;
  }

  .gs-section-resultatpremium {
    background-color: #1e403a;
    background-image: url('../images/bathrooms-design-palette-creator-concept-quebec-canada.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 280px;
  }

  .gs-footer_adress_corpname.gs {
    margin-top: 35px;
  }

  .gs-googlemaps {
    height: 800px;
  }

  .brand03.w--current {
    top: -20px;
  }

  .gs-footer_rjdesign {
    border-style: none;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 28px;
  }

  .overlay {
    height: 100%;
  }

  .overlay.dark {
    height: auto;
  }

  .navbar {
    max-width: 100vw;
  }

  .top-nav-wrapper {
    grid-template-columns: minmax(60px, 1fr) minmax(auto, 1400px);
  }

  .left-nav {
    border-bottom-style: none;
    width: 65px;
    height: 65px;
  }

  .right-nav {
    z-index: 20;
    grid-template-columns: 1fr;
    position: relative;
  }

  .brand {
    padding-right: 0;
  }

  .scroll-indicator {
    width: 65px;
    padding-top: 65px;
  }

  .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(--steel-blue);
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .nav-link:hover {
    color: var(--dodger-blue-2);
  }

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

  .nav-link.w--current:hover {
    color: var(--dodger-blue-2);
  }

  .grid-wrapper {
    grid-template-columns: minmax(65px, 1fr) minmax(auto, 1400px) minmax(65px, 1fr);
  }

  .slider-wrapper {
    margin-left: 65px;
    padding-top: 48px;
  }

  .location-card-slider {
    margin-left: -65px;
  }

  .location-mask {
    width: 70%;
  }

  .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: 0;
  }

  .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: 33px;
    line-height: 43px;
  }

  .xxl-heading.nospace {
    font-size: 44px;
    line-height: 55px;
  }

  .menu-lottie {
    margin: auto;
    display: none;
    position: absolute;
    inset: 2px 0 0;
  }

  .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;
  }

  .button-services.white.altrolover, .button-services.white.altrolover.w--current {
    max-width: 60vw;
  }

  .button-services.white.altrolover.footer {
    max-width: 30vw;
  }

  .button-services.top {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .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%;
  }

  .navigation-content {
    height: 66px;
    margin-left: 65px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .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;
  }

  .home-hero-content {
    grid-column-gap: 36px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto;
    padding-top: 0;
    padding-left: 36px;
  }

  .hero-video-button {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 140px;
  }

  .home-hero-intro {
    text-align: left;
    margin-bottom: 140px;
  }

  .video-hover-button {
    width: 120px;
    height: 120px;
  }

  .services_plomberie {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-intro {
    margin-left: 0;
    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;
  }

  .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;
  }

  .background.one, .background.bckgvideo {
    background-position: 25%;
  }

  .background.bckgphoto, .background.bckgphoto2 {
    background-position: 25%;
    height: 300px;
  }

  .hero-slide-arrow {
    left: 101px;
    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;
  }

  .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 {
    border-right: 1px none var(--indicator-outline);
    background-color: #c8c8c800;
    background-image: url('../images/menuicon-hamburger01.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 33px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .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;
  }

  .link-text.gs {
    text-transform: none;
    font-family: Syne, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
  }

  .nav-menu-links {
    z-index: 20;
    background-color: var(--grey-background);
    grid-template-columns: 1fr;
    display: block;
    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, .flyout-menu.open, .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%;
  }

  .vidiconwrap {
    width: 75%;
    height: 75%;
  }

  .bckgvid.one {
    background-position: 25%;
  }

  .bckgvid.signaturehd {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .bckgvid.bckgphoto {
    background-position: 25%;
  }

  .bckgvid.signaturehd2 {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .buttonleftmenu.sm {
    font-size: 12px;
  }

  .buttonleftmenu.last {
    margin-bottom: 210px;
  }

  .buttonleftmenu.sm2 {
    font-size: 12px;
  }

  .footer-section {
    padding-top: 100px;
  }

  .footer-wrapper-2 {
    grid-template-rows: minmax(44px, auto) minmax(106px, auto) minmax(106px, auto) minmax(36px, auto);
    grid-template-columns: 1fr 1fr;
  }

  .top-content-wrapper {
    justify-content: center;
  }

  .footer-subheader {
    justify-content: center;
    display: flex;
  }

  .pages_hero {
    height: auto;
    min-height: 93vh;
    max-height: 900px;
    position: relative;
    top: 0;
  }

  .footpromo {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .footpromo.no-top-padding {
    padding-bottom: 60px;
  }

  .services-tabs {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .services-tabs.no-top-padding {
    padding-bottom: 60px;
  }

  .page-sec-hero {
    height: auto;
    min-height: 50vh;
    margin-bottom: -80px;
    position: relative;
    top: -77px;
  }

  .column_footer {
    width: 90%;
    margin-left: 53px;
  }

  .footer_adress_title {
    font-size: 14px;
  }

  .link-3 {
    font-size: 17px;
  }

  .footer_adress_location {
    line-height: 12px;
  }

  .googlemaps {
    position: relative;
  }

  .services-card {
    padding: 36px 24px;
  }

  .services-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
  }

  .tripple-grid {
    grid-row-gap: 36px;
    grid-template-columns: 1fr 1fr;
  }

  .entreprise-main {
    padding: 80px 60px 80px 90px;
  }

  .blog-card {
    padding: 20px 20px 35px;
  }

  .section02_equipe {
    padding: 100px 60px 100px 90px;
  }

  .column {
    width: 100%;
  }

  .sticky-item {
    width: 100%;
    padding-left: 5em;
  }

  .graphic {
    font-size: 1vw;
  }

  .item-content {
    width: 90%;
  }

  .projet_description {
    width: 75%;
  }

  .heading-project {
    font-size: 27px;
  }

  .section-collabos-projets {
    padding-left: 90px;
    padding-right: 60px;
  }

  .links-collabs-title {
    font-size: 14px;
  }

  .brand02 {
    padding-right: 0;
  }

  .brand02.w--current {
    top: 0;
  }

  .footerheading {
    text-align: center;
    justify-content: center;
    position: relative;
  }

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

  .legaltext {
    width: 75%;
  }

  .bckgvid2.one {
    background-position: 25%;
  }

  .bckgvid2.signaturehd {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .bckgvid2.bckgphoto {
    background-position: 25%;
  }

  .bckgvid2.groupehd {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .grid-wrapper2 {
    grid-template-columns: minmax(65px, 1fr) minmax(auto, 1400px) minmax(65px, 1fr);
  }

  .home-hero2 {
    flex-flow: row;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .home-hero-content2 {
    grid-column-gap: 36px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto;
    padding-top: 0;
    padding-left: 36px;
    top: 80px;
    left: -37px;
  }

  .home-hero-intro2 {
    text-align: left;
    margin-bottom: 140px;
    padding-left: 0;
  }

  .home-hero-intro2.legroupe {
    grid-template-columns: 67vw;
  }

  .top-content-wrapper2 {
    justify-content: center;
  }

  .background2.one, .background2.bckgvideo {
    background-position: 25%;
  }

  .background2.bckgphoto, .background2.bckgphoto2 {
    background-position: 25%;
    height: 300px;
  }

  .navbar-copy, .gs-navbar {
    max-width: 100vw;
  }

  .brand-copy {
    padding-right: 0;
  }

  .logoheader2 {
    width: 230px;
    top: 4px;
  }

  .gs-xxlheading {
    margin-top: 17px;
    margin-bottom: 33px;
    font-size: 44px;
    line-height: 64px;
  }

  .gs-xxlheading.nospace {
    font-size: 44px;
    line-height: 55px;
  }

  .gs-home-subheader {
    letter-spacing: 0;
    font-size: 16px;
  }

  .bckgvid-copy.one {
    background-position: 25%;
  }

  .bckgvid-copy.signaturehd {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .bckgvid-copy.bckgphoto {
    background-position: 25%;
  }

  .bckgvid-copy.signaturehd2 {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .overlay2 {
    height: 100%;
  }

  .overlay2.dark {
    height: auto;
  }

  .button-services2.white.altrolover, .button-services2.white.altrolover.w--current {
    max-width: 60vw;
  }

  .button-services2.white.altrolover.footer {
    max-width: 30vw;
  }

  .button-services2.top {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .top-nav-wrapper2 {
    grid-template-columns: minmax(60px, 1fr) minmax(auto, 1400px);
  }

  .buttonleftmenu2.sm {
    font-size: 12px;
  }

  .buttonleftmenu2.last {
    margin-bottom: 210px;
  }

  .buttonleftmenu-copy.sm {
    font-size: 12px;
  }

  .buttonleftmenu-copy.last {
    margin-bottom: 210px;
  }

  .buttonleftmenu-copy.sm2 {
    font-size: 12px;
  }

  .gs-sl-tabarnakk {
    display: none;
  }

  .tt-rig-wrap {
    top: -8vh;
  }

  .gs-tt-text {
    letter-spacing: -.06em;
    font-size: 5vw;
    top: 1.5vh;
  }

  .gs-tt-sub {
    font-size: 10px;
    top: 1.7vh;
  }

  .gs-sectioncolumn {
    margin-top: 0;
  }

  .gs-sectioncol-cell {
    text-align: center;
  }

  .gs-content_txtwrap.padrt {
    margin-bottom: 66px;
    padding-right: 0;
  }

  .heading-9 {
    margin-bottom: 88px;
    font-size: 30px;
  }

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

  .gs-section01-imgdiv {
    height: 66vw;
  }

  .image-4 {
    width: 100%;
  }

  .logofooter-gs-apchq {
    width: 96px;
  }

  .image-gallery-imac {
    width: 100%;
  }

  .gallery-imac-link {
    background-size: contain;
  }

  .gs-footpromo {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .gs-footpromo.no-top-padding {
    padding-bottom: 60px;
  }

  .gs-sectionintro {
    margin-left: 0;
    padding-left: 36px;
  }

  .gs-overlay {
    height: 100%;
  }

  .gs-overlay.dark, .gs-overlay.dark2 {
    height: auto;
  }

  .gs-button-services.white.altrolover, .gs-button-services.white.altrolover.w--current {
    max-width: 60vw;
  }

  .gs-button-services.white.altrolover.footer {
    max-width: 30vw;
  }

  .gs-button-services.top {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .grid-wrapper3 {
    grid-template-columns: minmax(65px, 1fr) minmax(auto, 1400px) minmax(65px, 1fr);
  }

  .tt-rig-wrap2 {
    top: -8vh;
  }

  .bckgvid3.one {
    background-position: 25%;
  }

  .bckgvid3.signaturehd {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .bckgvid3.bckgphoto {
    background-position: 25%;
  }

  .bckgvid3.groupehd {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .wrap-gallery-lightbox {
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    grid-template-rows: 1fr 1fr 1fr 1fr auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    place-content: stretch;
  }

  .bckgvid4.one {
    background-position: 25%;
  }

  .bckgvid4.signaturehd {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .bckgvid4.bckgphoto {
    background-position: 25%;
  }

  .bckgvid4.groupehd {
    background-position: 25%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 0;
  }

  .gs-buttonleftmenu2.sm {
    font-size: 12px;
  }

  .gs-buttonleftmenu2.last {
    margin-bottom: 210px;
  }

  .gs-footer_adress_corpname {
    font-size: 14px;
  }

  .gs-googlemaps {
    position: relative;
  }

  .brand03 {
    padding-right: 0;
  }

  .brand03.w--current {
    top: 0;
  }

  .link-toptriangle:hover {
    box-shadow: 0 2px 5px #0003;
  }

  .gs-blog-card {
    padding: 20px 20px 35px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 26px;
  }

  .overlay {
    margin-left: 30px;
  }

  .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-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(36px, 1fr);
  }

  .slider-wrapper {
    margin-left: 0;
    padding-top: 36px;
  }

  .location-card-slider {
    margin-left: 0;
  }

  .location-mask {
    width: 90%;
  }

  .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 {
    text-align: left;
    margin-bottom: 32px;
    font-size: 26px;
    line-height: 34px;
  }

  .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;
  }

  .button-services.white.w--current {
    max-width: 50vw;
  }

  .button-services.white.altrolover, .button-services.white.altrolover.w--current {
    max-width: 60vw;
  }

  .button-services.white.altrolover.footer {
    max-width: 40vw;
  }

  .button-services.white.top.w--current {
    margin-bottom: 48px;
  }

  .button-services.top {
    letter-spacing: 0;
    font-size: 13px;
    line-height: 16px;
  }

  .button-services.top.altrolover.w--current {
    max-width: 60vw;
  }

  .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 {
    padding-left: 6px;
  }

  .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;
    padding-left: 0;
  }

  .hero-video-button {
    margin-bottom: 48px;
  }

  .home-hero-intro {
    grid-row-gap: 24px;
    text-align: center;
    grid-template-columns: 61vw;
    margin-bottom: 0;
  }

  .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;
  }

  .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-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;
  }

  .menu-button {
    padding-left: 0;
    padding-right: 0;
  }

  .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;
  }

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

  .testimonial-section {
    padding-top: 140px;
  }

  .vacation-hero-intro {
    padding-right: 12px;
  }

  .logofooter {
    width: 160px;
  }

  .travaux_youtube_title {
    text-align: left;
    top: -11px;
  }

  .footer-section {
    padding-bottom: 72px;
  }

  .footer-wrapper-2 {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(36px, auto);
  }

  .list-item-arrow {
    width: 14px;
    min-width: 14px;
  }

  .menu-list-item {
    grid-template-columns: auto 1fr;
  }

  .heading-4 {
    font-size: 25px;
  }

  .pages_hero {
    height: auto;
    min-height: 93vh;
    max-height: none;
  }

  .footpromo {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footpromo.no-top-padding {
    padding-bottom: 48px;
  }

  .services-tabs {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .services-tabs.no-top-padding {
    padding-bottom: 48px;
  }

  .page-sec-hero {
    height: auto;
    min-height: 93vh;
    max-height: none;
  }

  .footerpbs {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .column_footer {
    margin-left: 0;
  }

  .footer_adress_legal {
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .column2_country {
    padding-top: 20px;
  }

  .footer_adress_title {
    text-align: center;
    margin-top: 19px;
  }

  .footer_adress_title.small {
    margin-top: 20px;
  }

  .link-4 {
    color: var(--blanc-calice);
  }

  .legalstuff {
    margin-top: 15px;
  }

  .link-3 {
    font-size: 17px;
  }

  .footer_adress_location, .footer_adress_location.gs.pad {
    text-align: center;
  }

  .column-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .column2_hidemobile {
    padding-top: 20px;
  }

  .services-card {
    padding-left: 0;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .tripple-grid {
    grid-row-gap: 24px;
    grid-template-columns: 1.75fr;
  }

  .entreprise-main {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 5vw;
  }

  .blog-card {
    width: 100%;
    margin-bottom: 35px;
  }

  .section02_equipe {
    padding-left: 3%;
    padding-right: 3%;
  }

  .wrapper-tech {
    height: auto;
    position: static;
  }

  .sticky-item {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sticky-item.is--mirror {
    background-image: linear-gradient(270deg, #2bded3, #0000);
  }

  .section-sticky {
    height: auto;
  }

  .graphic {
    font-size: 2vw;
  }

  .item-content {
    width: 90%;
  }

  .sticky-content {
    flex-direction: column;
  }

  .projet_description {
    width: 100%;
  }

  .brand02, .brand02.w--current {
    padding-left: 0;
  }

  .footerheading {
    text-align: center;
    justify-content: center;
  }

  .legaltext {
    width: 100%;
  }

  .grid-wrapper2 {
    grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(36px, 1fr);
  }

  .home-hero2 {
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .home-hero-content2 {
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .home-hero-intro2 {
    grid-row-gap: 24px;
    text-align: center;
    grid-template-columns: 61vw;
    margin-bottom: 0;
  }

  .home-hero-intro2.legroupe {
    grid-template-columns: 87vw;
    top: -17px;
  }

  .travaux_youtube_title-copy, .travaux_youtube_title2 {
    text-align: left;
    top: -11px;
  }

  .gs-xxlheading {
    text-align: left;
    margin-bottom: 32px;
    font-size: 50px;
    line-height: 70px;
  }

  .gs-home-subheader {
    text-align: left;
    letter-spacing: 0;
  }

  .overlay2 {
    margin-left: 30px;
  }

  .button-services2.white.w--current {
    max-width: 50vw;
  }

  .button-services2.white.altrolover, .button-services2.white.altrolover.w--current {
    max-width: 60vw;
  }

  .button-services2.white.altrolover.footer {
    max-width: 40vw;
  }

  .button-services2.white.top.w--current, .button-services2.white.top2.w--current {
    margin-bottom: 48px;
  }

  .button-services2.top {
    letter-spacing: 0;
    font-size: 13px;
    line-height: 16px;
  }

  .button-services2.top.altrolover.w--current {
    max-width: 60vw;
  }

  .tt-rig-wrap {
    top: -9.9vh;
  }

  .gs-tt-text {
    font-size: 5.4vw;
    top: 1vh;
  }

  .gs-tt-sub {
    top: 1.3vh;
  }

  .heading-9 {
    margin-bottom: 66px;
  }

  .gs-section01-imgdiv {
    margin-top: 33px;
  }

  .gs-logofooter {
    width: 160px;
  }

  .gs-footerpbs {
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .logofooter-gs-apchq {
    width: 96px;
  }

  .gs-footpromo {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .gs-footpromo.no-top-padding {
    padding-bottom: 48px;
  }

  .gs-sectionintro {
    padding: 80px 0 140px;
  }

  .gs-overlay {
    margin-left: 30px;
  }

  .gs-button-services.white.w--current {
    max-width: 50vw;
  }

  .gs-button-services.white.altrolover, .gs-button-services.white.altrolover.w--current {
    max-width: 60vw;
  }

  .gs-button-services.white.altrolover.footer {
    max-width: 40vw;
  }

  .gs-button-services.white.top.w--current {
    margin-bottom: 48px;
  }

  .gs-button-services.top {
    letter-spacing: 0;
    font-size: 13px;
    line-height: 16px;
  }

  .gs-button-services.top.altrolover.w--current {
    max-width: 60vw;
  }

  .grid-wrapper3 {
    grid-template-columns: minmax(36px, 1fr) minmax(auto, 1400px) minmax(36px, 1fr);
  }

  .tt-rig-wrap2 {
    top: -9.9vh;
  }

  .gs-footer_adress_corpname {
    text-align: center;
    margin-top: 19px;
  }

  .gs-footer_adress_corpname.small {
    margin-top: 20px;
  }

  .brand03, .brand03.w--current {
    padding-left: 0;
  }

  .gs-blog-card {
    width: 100%;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 24px;
  }

  .home-subheader {
    letter-spacing: 1px;
  }

  .top-nav-wrapper {
    grid-template-columns: minmax(60px, 1fr) minmax(auto, 1400px);
  }

  .right-nav {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    display: none;
  }

  .brand.w--current {
    padding-right: 31px;
  }

  .nav-link {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-link:hover {
    color: var(--steel-blue);
  }

  .grid-wrapper {
    grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(24px, 1fr);
  }

  .location-mask {
    width: 85%;
  }

  .location-card-wrapper {
    min-height: 325px;
  }

  .nav-menu {
    margin-right: 0;
  }

  .nav-button {
    display: none;
  }

  .location-card {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .horizontal-line.light {
    min-width: auto;
  }

  .xxl-heading {
    text-align: left;
    margin-bottom: 42px;
    font-size: 24px;
    line-height: 32px;
  }

  .xxl-heading.nospace {
    font-size: 28px;
    line-height: 28px;
  }

  .menu-lottie {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
  }

  .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 {
    min-height: 325px;
  }

  .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;
  }

  .button-services.white.w--current {
    max-width: 76vw;
  }

  .button-services.white.altrolover.w--current {
    letter-spacing: 0;
    font-size: 9px;
  }

  .button-services.white.altrolover.footer {
    max-width: 55vw;
  }

  .button-services.white.top.w--current {
    margin-bottom: 76px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-services.top {
    letter-spacing: 0;
    max-width: 60vw;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .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 {
    padding-left: 6px;
  }

  .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: 93vh;
  }

  .home-hero-content {
    grid-row-gap: 48px;
    padding-top: 136px;
    padding-bottom: 3px;
  }

  .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;
  }

  .services_plomberie {
    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%;
  }

  .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-wrapper {
    min-height: auto;
    padding: 51px 6% 40px;
    position: relative;
  }

  .slider-background-wrapper.hero-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .hero-slide-arrow {
    border-right-style: solid;
    width: 60px;
    height: 60px;
    margin-left: 0;
    inset: auto 0 0% auto;
  }

  .hero-slide-arrow.left {
    border-radius: 0;
    bottom: 60px;
  }

  .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;
  }

  .menu-button {
    padding-left: 0;
    padding-right: 0;
  }

  .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;
  }

  .link-text.gs {
    text-transform: none;
    font-family: Syne, sans-serif;
    font-weight: 500;
  }

  .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;
  }

  .flyout-menu.close, .flyout-menu.open, .dropdown-text {
    display: none;
  }

  .dropdown-icon {
    margin-right: 0;
    display: block;
  }

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

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

  .vacation-hero-intro {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 0;
  }

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

  .vidiconwrap {
    width: 75%;
    height: 75%;
  }

  .vidicon {
    width: 33px;
  }

  .travaux_youtube_title {
    letter-spacing: 1px;
  }

  .service-menu-list {
    grid-auto-rows: 1fr;
  }

  .footer-section {
    padding-top: 80px;
  }

  .stacked-description {
    grid-template-columns: 1fr;
  }

  .menu-list-item {
    grid-template-columns: auto 1fr;
    padding-left: 18px;
    padding-right: 18px;
  }

  .menu-list-item.white {
    grid-template-columns: auto 1fr;
  }

  .heading-4 {
    font-size: 14px;
  }

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

  .contentwrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .preview_heading {
    font-size: 21px;
    line-height: 28px;
  }

  .footer-subheader {
    letter-spacing: 1px;
  }

  .pages_hero, .page-sec-hero {
    min-height: 93vh;
  }

  .footer_adress_title.small {
    margin-top: 40px;
  }

  .legalstuff {
    width: 90%;
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
  }

  .link-3 {
    font-size: 16px;
  }

  .column-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .adresstext {
    padding-right: 20px;
  }

  .large-heading {
    font-size: 36px;
  }

  .services-card {
    padding: 36px 18px;
  }

  .tripple-grid {
    grid-template-columns: 1fr;
    width: 100%;
    margin-bottom: 36px;
  }

  .icon {
    margin-bottom: 36px;
  }

  .entreprise-main {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-card {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sticky-item {
    padding-left: 2em;
    padding-right: 2em;
  }

  .item-content {
    width: auto;
  }

  .heading-project {
    font-size: 21px;
  }

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

  .section-collabos-projets {
    padding-left: 60px;
  }

  .brand02.w--current {
    padding-right: 0;
  }

  .footerheading {
    text-align: center;
    justify-content: center;
    position: relative;
  }

  .grid-wrapper2 {
    grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(24px, 1fr);
  }

  .home-hero2 {
    min-height: 89vh;
  }

  .home-hero-content2 {
    grid-row-gap: 48px;
    padding-top: 136px;
    padding-bottom: 3px;
    top: -69px;
  }

  .home-hero-intro2 {
    margin-bottom: 0;
  }

  .travaux_youtube_title-copy, .travaux_youtube_title2 {
    letter-spacing: 1px;
  }

  .brand-copy.w--current {
    padding-right: 31px;
  }

  .gs-xxlheading {
    text-align: left;
    margin-bottom: 42px;
    font-size: 55px;
    line-height: 62px;
  }

  .gs-xxlheading.nospace {
    font-size: 28px;
    line-height: 28px;
  }

  .gs-home-subheader {
    letter-spacing: 1px;
    display: none;
  }

  .button-services2.white.w--current {
    max-width: 76vw;
  }

  .button-services2.white.altrolover.w--current {
    letter-spacing: 0;
    font-size: 9px;
  }

  .button-services2.white.altrolover.footer {
    max-width: 55vw;
  }

  .button-services2.white.top.w--current, .button-services2.white.top2.w--current {
    margin-bottom: 76px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-services2.top {
    letter-spacing: 0;
    max-width: 60vw;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .top-nav-wrapper2 {
    grid-template-columns: minmax(60px, 1fr) minmax(auto, 1400px);
  }

  .gssplashbutton02 {
    display: none;
  }

  .gssplashbutton02.glow {
    display: block;
  }

  .gs-tt-text {
    top: .8vh;
  }

  .gs-tt-sub {
    letter-spacing: 1px;
    display: none;
  }

  .gs-contentwrap {
    margin-top: -40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .gs-contentwrap.gallery {
    padding-left: 3vw;
    padding-right: 2vw;
  }

  .heading-9 {
    font-size: 33px;
  }

  .gs-sectionintro {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .gs-button-services.white.w--current {
    max-width: 76vw;
  }

  .gs-button-services.white.altrolover.w--current {
    letter-spacing: 0;
    font-size: 9px;
  }

  .gs-button-services.white.altrolover.footer {
    max-width: 55vw;
  }

  .gs-button-services.white.top.w--current {
    margin-bottom: 76px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .gs-button-services.top {
    letter-spacing: 0;
    max-width: 60vw;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .grid-wrapper3 {
    grid-template-columns: minmax(24px, 1fr) minmax(auto, 1400px) minmax(24px, 1fr);
  }

  .wrap-gallery-lightbox {
    grid-column-gap: 4vw;
    grid-row-gap: 4vw;
    grid-template-rows: 1fr 1fr 1fr 1fr auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .gs-footer_adress_corpname.small {
    margin-top: 40px;
  }

  .gs-adresstext {
    padding-right: 20px;
  }

  .brand03.w--current {
    padding-right: 0;
  }

  .gs-blog-card {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

#w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-d96e2fc9 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-d96e2fc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-edc1bd9d-104d-9208-98ec-4ac22ca160e1-d96e2fc9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-d96e2fc9 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-d96e2fc9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-d96e2fc9 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-d96e2fc9 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-d96e2fc9 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-d96e2fc9 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef9143-5cef9140 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef9146-5cef9140 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef9148-5cef9140 {
  place-self: center;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef919a-5cef9140 {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef919d-5cef9140 {
  grid-area: 3 / 3 / 6 / 4;
  place-self: start stretch;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91a4-5cef9140 {
  place-self: center start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91a6-5cef9140 {
  place-self: center end;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91aa-5cef9140 {
  place-self: center start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91ac-5cef9140 {
  place-self: center end;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91b0-5cef9140 {
  place-self: center start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91b2-5cef9140 {
  place-self: center end;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91b6-5cef9140 {
  place-self: center start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91b8-5cef9140 {
  place-self: center end;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91b9-5cef9140 {
  grid-area: 2 / 2 / 5 / 3;
  place-self: start stretch;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91be-5cef9140 {
  place-self: center start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91c0-5cef9140 {
  place-self: center end;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91c2-5cef9140 {
  place-self: center start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91c4-5cef9140 {
  place-self: center end;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91c6-5cef9140 {
  place-self: center start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91c8-5cef9140 {
  place-self: center end;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91ca-5cef9140 {
  place-self: center start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91cc-5cef9140 {
  place-self: center end;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91ce-5cef9140 {
  place-self: center start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91d0-5cef9140 {
  place-self: center end;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91d1-5cef9140 {
  grid-area: 2 / 1 / 4 / 2;
  align-self: start;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91d8-5cef9140 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91d9-5cef9140 {
  grid-area: 6 / 3 / 7 / 4;
  align-self: end;
}

#w-node-bea6dba8-8ad9-791c-0433-5e410ef6a886-0ef6a86e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bea6dba8-8ad9-791c-0433-5e410ef6a88d-0ef6a86e {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-bea6dba8-8ad9-791c-0433-5e410ef6a8a2-0ef6a86e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bea6dba8-8ad9-791c-0433-5e410ef6a8aa-0ef6a86e, #w-node-bea6dba8-8ad9-791c-0433-5e410ef6a8b9-0ef6a86e {
  place-self: center stretch;
}

#w-node-bea6dba8-8ad9-791c-0433-5e410ef6a8c6-0ef6a86e {
  align-self: center;
}

#w-node-bea6dba8-8ad9-791c-0433-5e410ef6a8ce-0ef6a86e {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_9b3d0861-357f-c367-a479-19a8e9fb326e-e9fb326d {
  place-self: stretch center;
}

#w-node-c731b8b6-3cab-0aea-30b7-7d5eb055e15c-e9fb326d {
  place-self: end center;
}

#w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-42ced256 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-42ced256 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-edc1bd9d-104d-9208-98ec-4ac22ca160e1-42ced256 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25de05f7-08d0-50ef-c5bb-1fe7c0bf0591-42ced256 {
  justify-self: start;
}

#w-node-df0925e9-a1d7-37c2-e250-10ca7c519c36-42ced256 {
  align-self: center;
}

#w-node-_59b30138-a964-96e1-57ba-9eaeb01226ab-42ced256 {
  place-self: center start;
}

#w-node-b2dbb43d-8b4a-0666-92c5-d6c1865c7021-42ced256 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_4611288b-4067-87f6-03a3-d7fbaed33af0-42ced256, #w-node-_67826c14-2eae-a48d-0aee-988913d7bf13-42ced256, #w-node-c469dfd6-b29e-7171-6a31-4740767dedde-42ced256 {
  align-self: center;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-42ced256 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-42ced256 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-42ced256 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-42ced256 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-42ced256 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-42ced256 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d4326e8-3d4326e5 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d4326eb-3d4326e5 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d4326ed-3d4326e5 {
  place-self: center;
}

#w-node-_1272b414-c06a-5383-1e1b-889d69790a65-3d4326e5 {
  align-self: center;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d4326f8-3d4326e5 {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d4326fb-3d4326e5 {
  grid-area: 3 / 3 / 6 / 4;
  place-self: start stretch;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432702-3d4326e5 {
  place-self: center start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432704-3d4326e5 {
  place-self: center end;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432708-3d4326e5 {
  place-self: center start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d43270a-3d4326e5 {
  place-self: center end;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d43270e-3d4326e5 {
  place-self: center start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432710-3d4326e5 {
  place-self: center end;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432714-3d4326e5 {
  place-self: center start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432716-3d4326e5 {
  place-self: center end;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432717-3d4326e5 {
  grid-area: 2 / 2 / 5 / 3;
  place-self: start stretch;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d43271c-3d4326e5 {
  place-self: center start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d43271e-3d4326e5 {
  place-self: center end;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432720-3d4326e5 {
  place-self: center start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432722-3d4326e5 {
  place-self: center end;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432724-3d4326e5 {
  place-self: center start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432726-3d4326e5 {
  place-self: center end;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432728-3d4326e5 {
  place-self: center start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d43272a-3d4326e5 {
  place-self: center end;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d43272c-3d4326e5 {
  place-self: center start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d43272e-3d4326e5 {
  place-self: center end;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d43272f-3d4326e5 {
  grid-area: 2 / 1 / 4 / 2;
  align-self: start;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432736-3d4326e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_582d4134-cc43-3a3b-304e-7c963d432737-3d4326e5 {
  grid-area: 6 / 3 / 7 / 4;
  align-self: end;
}

#w-node-_69b0d3f6-d0cc-2db5-ee2d-841bd3468614-d3468612 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_84dd6961-055e-cb23-f18c-7410860ce12e-d3468612 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4a59f852-41bf-9100-21ba-09c186cccf0e-d3468612, #w-node-_7694d946-2316-167d-af5b-7bb56fc2c743-d3468612 {
  place-self: center stretch;
}

#w-node-_239c8558-1404-9f29-a4d9-791d8b603a3e-d3468612 {
  align-self: center;
}

#w-node-c05fe523-5a2a-b171-9eca-362095d4bf72-d3468612 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_18f8cf41-07d7-80fd-d338-324c9b57fe0b-2bced259 {
  place-self: end start;
}

#w-node-eeddaf6f-c404-aebc-3778-2d8a247d11ff-2bced259, #w-node-_472c3fef-b927-9a73-550c-be72cb01f47c-2bced259, #w-node-c24fff76-73ef-fefd-c904-7403c5ee1ab1-d7ced25a {
  justify-self: center;
}

#w-node-_783bbe3f-cd97-203e-588a-2e9b724c47ab-b9ced25b {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center stretch;
}

#w-node-_783bbe3f-cd97-203e-588a-2e9b724c47ac-b9ced25b {
  grid-area: 1 / 1 / 2 / 4;
  place-self: end center;
}

#w-node-_05ba988a-3d2b-3085-0a0f-234f4fa569fd-b9ced25b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_801534d5-ba04-46f3-411c-673c54c00a87-b9ced25b {
  justify-self: center;
}

#w-node-ac3990dc-2eec-4ade-30bc-298d8b8dae42-b9ced25b {
  align-self: stretch;
}

#w-node-ac3990dc-2eec-4ade-30bc-298d8b8dae43-b9ced25b {
  align-self: start;
}

#w-node-ac3990dc-2eec-4ade-30bc-298d8b8dae4c-b9ced25b {
  place-self: end start;
}

#w-node-_1e0731bf-724d-a468-c0ef-985cabb97b95-b9ced25b {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_9e28f383-e08d-dd4f-1ce6-757c9e96fdc8-b9ced25b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-fe90ca16-b977-8c59-e31a-b5bdad909786-b9ced25b {
  place-self: center;
}

#w-node-_9c9aa846-e9b8-a932-3930-2ee1f13a0614-b9ced25b {
  place-self: stretch start;
}

#w-node-_316334f5-9430-e9eb-8684-f37f03b4f1db-b9ced25b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d0462fc1-3345-fad6-2501-afd19d4f8d4d-b9ced25b {
  place-self: stretch start;
}

#w-node-c6f23af0-da71-edbe-0a63-64ccbae83ad0-b9ced25b {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-c6f23af0-da71-edbe-0a63-64ccbae83ad3-b9ced25b {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_27b959b6-ab2a-75a4-0f82-b187a3fde142-b9ced25b {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_86c5fef3-cef3-ed96-b245-8d75d9b09b51-b9ced25b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f6cb7662-2e8e-b732-31c0-1f9a59d49f93-59d49f91 {
  grid-area: 1 / 1 / 2 / 4;
  align-self: start;
}

#w-node-_0313ac4f-0baf-452b-a290-5f7efbd43f5a-59d49f91 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-d8eb6401-e01b-7668-75ac-322d0c5697d4-59d49f91 {
  justify-self: start;
}

#w-node-_2021dbe6-3066-ab2b-d9b3-82f2659c2ebe-59d49f91 {
  place-self: center end;
}

#w-node-dfd23af6-828d-947c-849f-db9f9e2ea42e-59d49f91 {
  grid-area: 2 / 2 / 3 / 3;
  justify-self: end;
}

#w-node-fcef22d4-adf5-12da-cf8e-5d61a352dd5c-45ced25d {
  place-self: center start;
}

#w-node-f5c11274-cdb2-c7d9-15e7-5185922db14b-45ced25d, #w-node-_83c2b3b1-4def-fd1f-15f8-3e7122eae97c-45ced25d {
  align-self: start;
}

#w-node-_7e643633-c7d4-289e-db71-e90f621fac58-45ced25d {
  justify-self: end;
}

#w-node-_62c1fed5-9f41-b202-2150-9ddf00f95ed1-45ced25d {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_589243de-a796-e6ce-255b-3118d5c0ddc4-45ced25d {
  align-self: center;
}

#w-node-_49789b07-b593-01d2-ded7-af4911de038d-45ced25d {
  grid-area: 2 / 2 / 3 / 3;
  align-self: center;
}

#w-node-_54ca8548-f73d-abad-3b4f-22c4188fe745-45ced25d {
  align-self: center;
}

#w-node-_60677b3354187cb0f1b2215f000000000096-45ced25d, #w-node-_60677b3354187cb0f1b2215f000000000089-45ced25d, #w-node-_2e210142-ea8c-1244-b7c4-0017a92e645b-45ced25d {
  align-self: start;
}

#w-node-_96870a18-8539-442a-9fb1-a9874d09ea48-73ced260 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center stretch;
}

#w-node-_96870a18-8539-442a-9fb1-a9874d09ea49-73ced260 {
  grid-area: 1 / 1 / 2 / 4;
  place-self: end center;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39fef-73ced260 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ff0-73ced260 {
  justify-self: center;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ff3-73ced260 {
  align-self: center;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ff4-73ced260 {
  align-self: start;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ffa-73ced260 {
  place-self: end start;
}

#w-node-_2263c213-03aa-60dd-180a-d1e7e4a7a8e1-73ced260 {
  justify-self: end;
}

#w-node-aa9bf99e-a603-a93f-29eb-7b5c45b39ffd-73ced260 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ea17719e-7f01-280b-27a4-b7b5954de335-73ced260, #w-node-_84d37c92-025e-78da-a757-4da1c9609e57-73ced260, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6b0-73ced260 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6b2-73ced260, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6b3-73ced260, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6ba-73ced260, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6bb-73ced260, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c2-73ced260, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c3-73ced260, #w-node-_7bc34587-0234-794e-7277-8e01911004a6-73ced260, #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6ca-73ced260 {
  place-self: center;
}

#w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6cb-73ced260 {
  justify-self: center;
}

#w-node-_3d0f6de0-2272-7ffd-7575-11e3e10784d9-73ced260 {
  place-self: end start;
}

#w-node-_7becfe5e-1074-5030-f15b-b92076156327-73ced260 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c5406663-b52c-712e-afae-0b7e9eb3f2f9-73ced260 {
  place-self: center start;
}

#w-node-_03368164-df45-17e0-ad89-4b3b28123c76-73ced260 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-a66dc8db-099b-560a-708f-0c74b9468481-73ced260 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_0a07bd88-fe04-87b1-188c-d004dcf038cc-73ced260 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_0a07bd88-fe04-87b1-188c-d004dcf038cd-73ced260 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd8e-5cced262 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd94-5cced262 {
  align-self: end;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccd9a-5cced262 {
  place-self: end start;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdb5-5cced262 {
  justify-self: start;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdbb-5cced262 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdc1-5cced262 {
  place-self: center stretch;
}

#w-node-f57d5885-45cc-724f-6ba1-ebaf6c953c98-5cced262 {
  place-self: center;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdd0-5cced262 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdd5-5cced262 {
  align-self: end;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccdd6-5cced262 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccddc-5cced262 {
  place-self: end;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccde2-5cced262 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccde5-5cced262 {
  place-self: center stretch;
}

#w-node-_6eecfe6a-1e55-874d-e161-f59511fccded-5cced262 {
  align-self: center;
}

#w-node-ba64b070-9c69-4fd2-4515-5ce85630b360-9fced263 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: center;
}

#w-node-c9b8eaa7-ab2f-1177-57f0-1744d914798f-9fced263 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-f3432b60-fc60-ea80-296a-c45ed124cbec-9fced263 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_79b34619-971d-15eb-e78b-1a7227fe4619-9fced263 {
  align-self: start;
}

#w-node-_3588e91f-ddc6-fbf9-7eb0-712fa1914fa8-9fced263 {
  place-self: start;
}

#w-node-_819d4798-af5e-fef6-c3eb-c49fc5727489-9fced263 {
  justify-self: stretch;
}

#w-node-_30831fb5-55a7-cdc6-ef84-0dd55290f1b3-9fced263 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_782c3184-703d-8f2f-dccf-839b606e92ae-9fced263 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: center end;
}

#w-node-b9b9bf85-d74c-68ee-d2a5-1fe594ca8922-9fced263 {
  grid-area: 1 / 2 / 2 / 3;
  justify-self: center;
}

#w-node-_3ee0131d-22ec-f499-3dbd-4a1dbc63b210-9fced263 {
  justify-self: center;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe59a-9fced263 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5a3-9fced263, #w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5a7-9fced263 {
  justify-self: start;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5ae-9fced263 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5af-9fced263 {
  place-self: center start;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5b1-9fced263 {
  place-self: center stretch;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5b8-9fced263 {
  align-self: stretch;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5b9-9fced263 {
  place-self: start;
}

#w-node-c1dcfdcd-e948-be5a-fc1d-5ac11b6fe5bb-9fced263 {
  align-self: end;
}

#w-node-_2eba15a8-4071-27a1-1a68-7a1e83c7046a-3cced264 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-df40ad2f-3368-f2de-bb49-416501525314-3cced264 {
  align-self: end;
}

#w-node-_4a8b5a0d-1a67-05ea-1df9-edc44a8554fc-3cced264 {
  place-self: end start;
}

#w-node-_119ce2d8-cc65-774c-5a8b-478ccd5761e0-3cced264 {
  justify-self: start;
}

#w-node-_935bed8d-3a45-30de-8dee-c42be8d1d9c4-3cced264 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_935bed8d-3a45-30de-8dee-c42be8d1d9c7-3cced264 {
  place-self: center stretch;
}

#w-node-_257a9523-0623-08e9-baca-547aaebbbf76-3cced264 {
  place-self: center;
}

#w-node-fe51a2d6-e097-ff27-8b12-0270e26fb298-3cced264 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-fe51a2d6-e097-ff27-8b12-0270e26fb29f-3cced264 {
  align-self: end;
}

#w-node-fe51a2d6-e097-ff27-8b12-0270e26fb2a0-3cced264 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fe51a2d6-e097-ff27-8b12-0270e26fb2a6-3cced264 {
  place-self: end;
}

#w-node-_88c4dfa8-adcb-e591-dc25-708926bbe895-3cced264 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_88c4dfa8-adcb-e591-dc25-708926bbe898-3cced264 {
  place-self: center stretch;
}

#w-node-_316c2703-518a-5fa6-a7d6-86e4d7f24e64-3cced264 {
  align-self: center;
}

#w-node-_30371fc4-d0c1-306e-f1af-38696d910c88-3eced265 {
  grid-area: 1 / 1 / 2 / 3;
  align-self: stretch;
}

#w-node-_436b1fba-7c89-1ae1-a32a-93092674d2cf-3eced265 {
  align-self: center;
}

#w-node-d3f4ed17-1128-4c66-2aa4-a7cb6a022fd7-3eced265 {
  place-self: center start;
}

#w-node-a78ac100-8558-16ee-61a7-83de13001455-3eced265, #w-node-ade54bac-eff6-abdd-759b-a40661622e80-3eced265 {
  align-self: start;
}

#w-node-a322fbb8-c2eb-2473-3083-d227311ba0a0-3eced265 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a322fbb8-c2eb-2473-3083-d227311ba0a3-3eced265 {
  place-self: center stretch;
}

#w-node-e3139455-b04f-ed6a-360c-21dd2b1980b9-3eced265 {
  align-self: start;
}

#w-node-fb991bfc-808e-c69b-1e4e-cd43e7d99b79-3eced265, #w-node-_59265d09-dc9b-1f01-650e-c165cf038a9a-3eced265, #w-node-a85afa04-a639-5878-76fb-2bb8165ee83b-3eced265, #w-node-d49b11e7-b982-f287-eac6-bcdf8002fcf7-3eced265 {
  justify-self: center;
}

#w-node-bf2edfe2-2e41-97db-912f-40395b94e7fa-3eced265 {
  align-self: center;
}

#w-node-_889fcff4-c489-9728-a2e1-c8f2a0d003e6-3eced265 {
  align-self: stretch;
}

#w-node-_21a73135-ae5d-bce8-1441-6df1bec9e5fa-90ced267 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a953856a-024d-b59a-88f8-4d793c5fce1d-90ced267 {
  place-self: center stretch;
}

#w-node-_21a73135-ae5d-bce8-1441-6df1bec9e5fe-90ced267, #w-node-e62bc3cd-5135-ad6b-ea6e-9d66a9b9d99d-90ced267 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a91dd53f-68a2-cdfa-c36c-482c46607fdd-90ced267 {
  place-self: center;
}

#w-node-_2cd1b510-6197-d6a4-e2a4-c8320b100d46-90ced267 {
  justify-self: center;
}

#w-node-c76993b6-f388-189d-6e16-b0525de00599-90ced267 {
  place-self: center;
}

#w-node-c76993b6-f388-189d-6e16-b0525de0059a-90ced267 {
  justify-self: center;
}

#w-node-_3d571470-2c5f-f56f-d5dc-ace0e0226399-90ced267 {
  place-self: center;
}

#w-node-_3d571470-2c5f-f56f-d5dc-ace0e022639a-90ced267 {
  justify-self: center;
}

#w-node-ca603036-1de6-8e7b-c1e4-638574f5300f-90ced267 {
  place-self: center;
}

#w-node-ca603036-1de6-8e7b-c1e4-638574f53010-90ced267 {
  justify-self: center;
}

#w-node-_9ec3fe01-adae-faff-0772-7c2387d3d521-90ced267 {
  grid-area: 1 / 1 / 2 / 4;
  align-self: end;
}

#w-node-d2061ad0-5899-1e1a-4f90-c5f927733ede-90ced267 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0ff47164-3651-b2ab-f68b-05c17785f1c1-90ced267, #w-node-a57a6733-84eb-0c70-69ab-d0acb25d640a-90ced267 {
  justify-self: center;
}

#w-node-_8fbdfe59-b1e5-732b-4591-ecaad86e5865-90ced267 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_32a8c887-6766-a3e0-4779-4f1835f5e5e9-90ced267 {
  justify-self: start;
}

#w-node-_08ef7e8a-4236-187a-e43c-693d0c3d728e-90ced267 {
  align-self: start;
}

#w-node-a9e15a34-c36c-b2bc-2201-449836bbe717-90ced267, #w-node-d8081b1c-6212-66ff-a08a-780eb82c4575-90ced267, #w-node-ac3837b8-b82e-0857-02bd-9b6a73191dde-90ced267 {
  align-self: center;
}

#w-node-dccf8652-1582-27e9-9b28-67ebbfc6c9f1-90ced267 {
  align-self: start;
}

#w-node-f6debed5-2d75-fd64-d42a-651e807df271-90ced267 {
  align-self: center;
}

#w-node-_1e3687d3-e232-165e-7075-d90c636e67d7-90ced267 {
  place-self: end start;
}

#w-node-e1c3b073-4995-b807-a440-5d3dc344d30e-90ced267, #w-node-e1c3b073-4995-b807-a440-5d3dc344d313-90ced267, #Email-2.w-node-e1c3b073-4995-b807-a440-5d3dc344d315-90ced267, #w-node-e1c3b073-4995-b807-a440-5d3dc344d317-90ced267, #Phone.w-node-e1c3b073-4995-b807-a440-5d3dc344d319-90ced267 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e1c3b073-4995-b807-a440-5d3dc344d31e-90ced267 {
  justify-self: stretch;
}

#w-node-_0fc8157e-8b47-270b-f1cc-1eca6a0634ca-90ced267 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c69ffc-90ced267 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a013-90ced267 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a01e-90ced267 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a029-90ced267 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a034-90ced267 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-e7834f47-cb57-edf8-91f9-40d9c8c6a03f-90ced267 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_933c998d-e242-02c4-7cee-3bce7390ac2d-90ced267 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_933c998d-e242-02c4-7cee-3bce7390ac2f-90ced267 {
  place-self: center start;
}

#w-node-_933c998d-e242-02c4-7cee-3bce7390ac31-90ced267 {
  place-self: center stretch;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a483-90ced267 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a489-90ced267 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a48f-90ced267 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a495-90ced267 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-f87a93a0-e501-c695-e58f-a0f271e0a4a8-90ced267, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a4c1-90ced267, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a4da-90ced267, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a4f3-90ced267 {
  place-self: center start;
}

#w-node-_0da207b3-ad87-1e9e-f7c9-8f19d462fe85-77ced26c {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-d68959ae-cef0-53ea-6276-b9ef47942760-77ced26c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d68959ae-cef0-53ea-6276-b9ef47942769-77ced26c, #w-node-d68959ae-cef0-53ea-6276-b9ef4794276d-77ced26c {
  justify-self: start;
}

#w-node-d68959ae-cef0-53ea-6276-b9ef47942774-77ced26c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d68959ae-cef0-53ea-6276-b9ef47942775-77ced26c {
  place-self: center start;
}

#w-node-d68959ae-cef0-53ea-6276-b9ef47942777-77ced26c {
  place-self: center stretch;
}

#w-node-d68959ae-cef0-53ea-6276-b9ef4794277e-77ced26c {
  align-self: stretch;
}

#w-node-d68959ae-cef0-53ea-6276-b9ef4794277f-77ced26c {
  place-self: start;
}

#w-node-d68959ae-cef0-53ea-6276-b9ef47942781-77ced26c {
  align-self: end;
}

#w-node-e268af3c-b7e1-8cae-a853-a667c90ef24c-77ced26c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c27e6005-8a91-b1dc-81b2-601abb1e9606-77ced26c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1449fabc-66d6-77fb-a892-4c9448bcb923-77ced26c {
  align-self: stretch;
}

#w-node-d27d4e3b-0d1f-21d2-2e64-4b390a146434-77ced26c {
  place-self: start;
}

#w-node-_505a43c1-fbea-6463-aa6a-94fbf3d0acae-77ced26c {
  align-self: start;
}

#w-node-_7eefe1a0-6e1b-16fc-2373-b0b59b2541fd-77ced26c {
  place-self: end start;
}

#w-node-_30618761-dfa2-e805-b156-91c050e803e3-77ced26c, #w-node-f882a46f-905b-43c9-c19b-926de170e50a-77ced26c {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-f882a46f-905b-43c9-c19b-926de170e50d-77ced26c {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_90f8eb2c-5d0a-a0ad-b0ba-05e06f88b3ae-77ced26c, #w-node-f882a46f-905b-43c9-c19b-926de170e514-77ced26c {
  justify-self: center;
}

#w-node-_60677b3354187cf213b22165000000000060-fbced271 {
  align-self: end;
}

#w-node-_60677b3354187cf213b22165000000000061-fbced271 {
  align-self: start;
}

#w-node-_4d26109b-aa25-ed76-922e-8e27d49301c5-10ced272 {
  place-self: center start;
}

#w-node-e7da366f-c292-c390-0256-54e021be924a-10ced272 {
  align-self: start;
}

#w-node-e7da366f-c292-c390-0256-54e021be924c-10ced272 {
  justify-self: end;
}

#w-node-e7da366f-c292-c390-0256-54e021be924d-10ced272 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-e7da366f-c292-c390-0256-54e021be924e-10ced272 {
  align-self: center;
}

#w-node-e7da366f-c292-c390-0256-54e021be9250-10ced272 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: center;
}

#w-node-a3d9a952-d0b6-273a-d974-d9b7a63a48c3-10ced272 {
  align-self: center;
}

#w-node-_14a79643-ac46-99ce-41d7-98abfe4a9877-10ced272 {
  align-self: start;
}

#w-node-_783bbe3f-cd97-203e-588a-2e9b724c47ab-27ced274 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_783bbe3f-cd97-203e-588a-2e9b724c47ac-27ced274 {
  grid-area: 1 / 1 / 2 / 4;
  place-self: end start;
}

#w-node-_05ba988a-3d2b-3085-0a0f-234f4fa569fd-27ced274 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_801534d5-ba04-46f3-411c-673c54c00a87-27ced274 {
  justify-self: center;
}

#w-node-_4dde1c5d-0db8-c250-544a-b3e5df517386-27ced274, #w-node-_2bf71bfb-cc07-dd69-d9cc-af978156f360-27ced274, #Email.w-node-_2bf71bfb-cc07-dd69-d9cc-af978156f362-27ced274, #w-node-f07b0dbe-6823-4460-d4f8-ac54da8fe1ac-27ced274, #Phone-number.w-node-f07b0dbe-6823-4460-d4f8-ac54da8fe1ae-27ced274, #w-node-_2b3fda8a-ca7d-da23-5a1f-b49e40e2c2bc-27ced274, #Message.w-node-d2c6d0c8-941c-9bc8-24e3-5c1db5253cb3-27ced274 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4dde1c5d-0db8-c250-544a-b3e5df51738c-27ced274 {
  justify-self: stretch;
}

#w-node-_0f485d75-5740-b4e6-7416-037b1c9506bc-27ced274 {
  align-self: stretch;
}

#w-node-af319ef5-20aa-a5c2-d945-39e70445bf93-27ced274 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-af319ef5-20aa-a5c2-d945-39e70445bf94-27ced274 {
  place-self: center start;
}

#w-node-af319ef5-20aa-a5c2-d945-39e70445bf96-27ced274 {
  place-self: center stretch;
}

#w-node-_8d9ad48f-afc0-3496-e7c0-ea55a1a78432-27ced274, #w-node-_9e70e207-68f7-a4bd-d807-f5432beee007-27ced274, #w-node-_5a5598ee-e6dc-625e-d570-6a3d80ea2891-27ced274, #w-node-_08406be0-f758-a007-0837-9a88b639a633-27ced274, #w-node-b67270ae-4934-ab9e-4bb7-809af5589971-27ced274 {
  align-self: center;
}

#w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e80-27ced274 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e83-27ced274 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_621037e2-3c70-f9d5-8c33-07d906e2f0ea-27ced274 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_621037e2-3c70-f9d5-8c33-07d906e2f0eb-27ced274 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-b45b2c9f-c040-a432-bd86-ed974e5ce341-b9843f77 {
  align-self: center;
}

#w-node-b2b6fcff-2256-7008-e1f2-ac5bd83d761f-b9843f77 {
  place-self: center;
}

#w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-b9843f77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-_25de05f7-08d0-50ef-c5bb-1fe7c0bf0591-b9843f77 {
  justify-self: start;
}

#w-node-df0925e9-a1d7-37c2-e250-10ca7c519c36-b9843f77 {
  align-self: center;
}

#w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: end center;
}

#w-node-_405918fc-54de-0cd2-288a-94f88ac10719-b9843f77 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_405918fc-54de-0cd2-288a-94f88ac1071a-b9843f77 {
  place-self: center start;
}

#w-node-_405918fc-54de-0cd2-288a-94f88ac1071c-b9843f77 {
  place-self: center stretch;
}

#w-node-c48b0112-662b-903b-413b-ccc63315bf6b-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_84d4702d-fca5-006a-d0b9-2b5ea654f940-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-f819eacc-a4ec-5719-f0e0-94cdc3d50da2-b9843f77 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_71cb5a78-86bf-9e29-4b8c-fa819c9cdb83-b9843f77, #w-node-b1d50b6f-bddf-013e-c1d5-9a060c9ad02f-b9843f77, #w-node-_8eb9e19c-cf84-cb15-4640-2a43498e0600-b9843f77, #w-node-_27196b6a-53dd-d360-4c77-4e88f689124c-b9843f77 {
  justify-self: center;
}

#w-node-_5257c1c1-1242-fc82-3993-e7d0a581a745-b9843f77 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_73bfb911-5abf-b83c-0719-b8511c35c819-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d087621d-ac8d-a0ed-6c48-e29cbc4d0e33-b9843f77 {
  align-self: stretch;
}

#w-node-fa000883-e681-1f32-b4fb-41a4628d3517-b9843f77 {
  align-self: start;
}

#w-node-_82fb2c12-39f0-438c-8bdb-816e6cd61976-b9843f77 {
  justify-self: start;
}

#w-node-_82fb2c12-39f0-438c-8bdb-816e6cd61980-b9843f77 {
  place-self: center stretch;
}

#w-node-_82fb2c12-39f0-438c-8bdb-816e6cd6198b-b9843f77 {
  align-self: center;
}

#w-node-_0184a814-a10f-e92b-1ff1-ee723d0afa95-b9843f77 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0184a814-a10f-e92b-1ff1-ee723d0afa98-b9843f77 {
  place-self: center stretch;
}

#w-node-e4ae49cb-ae7c-509e-0507-b89bbec7dd33-b9843f77, #w-node-_4f395442-08b8-de95-696a-6c7cef4c3d56-b9843f77, #w-node-b6bd2021-1a68-6def-0759-ff9dd17c8f92-b9843f77, #w-node-_749848ad-5740-e571-8d39-3d396d1bd41b-b9843f77 {
  place-self: start;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-b9843f77 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-b9843f77 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-b9843f77 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-b9843f77 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-b9843f77 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-b9843f77 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_927528b0-6e0e-4b2c-6fb1-5dd4759e9ab4-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e8d16186-dd05-131f-a1df-8804f13ad981-b9843f77 {
  place-self: center start;
}

#w-node-e8d16186-dd05-131f-a1df-8804f13ad983-b9843f77 {
  place-self: center stretch;
}

#w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1c9f-b9843f77 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1ca5-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_39c403db-acbe-6505-7e69-7f7049339549-b9843f77 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_997e4316-3809-459f-0550-db78bd9b6f0c-b9843f77 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-d5cb7e54-02ce-4aa9-84b2-096ae6645ef5-b9843f77, #w-node-d86ed033-6748-7d0c-1688-f5aaa5a6264b-b9843f77, #w-node-e44119d0-4aa0-47d3-c3c7-943b58ecd7f5-b9843f77, #w-node-_07f7822a-effe-0e5a-b64e-5c72915fe726-b9843f77 {
  place-self: center start;
}

#w-node-_0ec51e82-e255-1b52-e2d8-8f022c520994-b9843f77 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_779e935c-1f87-d5fa-f190-8d357821fef7-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-e2508b86-a517-c488-5088-c688f3c57520-b9843f77 {
  place-self: center;
}

#w-node-_6a7f9f7f-ffd7-85a2-738b-640ac8406df9-b9843f77 {
  justify-self: center;
}

#w-node-ae5c77d8-4861-99f8-102c-b4dd740cd420-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ae5c77d8-4861-99f8-102c-b4dd740cd421-b9843f77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-_8cdb7a1e-7b40-b714-c5d2-eac8ff874d25-b9843f77 {
  justify-self: start;
}

#w-node-ae5c77d8-4861-99f8-102c-b4dd740cd422-b9843f77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-ae5c77d8-4861-99f8-102c-b4dd740cd435-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ae5c77d8-4861-99f8-102c-b4dd740cd438-b9843f77 {
  place-self: center stretch;
}

#w-node-ae5c77d8-4861-99f8-102c-b4dd740cd423-b9843f77 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-ae5c77d8-4861-99f8-102c-b4dd740cd424-b9843f77 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_2ce48932-7def-c0e7-f32c-092538d6e779-b9843f77 {
  align-self: stretch;
}

#w-node-ed6ab2f7-6191-feae-8bae-6ea94fbd05ff-b9843f77 {
  place-self: start;
}

#w-node-e86b96ff-3ac5-29ae-9f69-98c2ef862eb7-b9843f77 {
  align-self: end;
}

#w-node-_15e997dc-c8b6-bec7-cec3-828976171b2e-b9843f77 {
  align-self: stretch;
}

#w-node-_15e997dc-c8b6-bec7-cec3-828976171b2f-b9843f77 {
  place-self: start;
}

#w-node-_15e997dc-c8b6-bec7-cec3-828976171b32-b9843f77 {
  align-self: end;
}

#w-node-_47b3f03a-b82e-7211-421c-88e7213c4b5b-b9843f77 {
  align-self: stretch;
}

#w-node-_47b3f03a-b82e-7211-421c-88e7213c4b5c-b9843f77 {
  place-self: start;
}

#w-node-_47b3f03a-b82e-7211-421c-88e7213c4b5f-b9843f77 {
  align-self: end;
}

#w-node-c1ad718d-f9c4-3ebe-b2b4-f5496d420dce-b9843f77 {
  align-self: stretch;
}

#w-node-c1ad718d-f9c4-3ebe-b2b4-f5496d420dcf-b9843f77 {
  place-self: start;
}

#w-node-c1ad718d-f9c4-3ebe-b2b4-f5496d420dd2-b9843f77 {
  align-self: end;
}

#w-node-f545d407-ee5d-53ef-7a47-717f2c58f0f5-b9843f77 {
  grid-area: 1 / 1 / 3 / 4;
}

#w-node-_4cfce31c-44c7-a7c1-8a23-808ea4a04d85-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f67ae86f-fdab-06d1-b3e3-2c770449968f-b9843f77 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_54d28e6f-d67c-3b50-0500-3c55d0ffb87a-b9843f77, #w-node-_04cf0bb6-35d1-0d91-68e5-cc4da57c9141-b9843f77 {
  align-self: start;
}

#w-node-fa8d48dd-2027-76be-0746-d8479b7056ca-b9843f77 {
  grid-area: 3 / 1 / 4 / 4;
}

#w-node-c5abea2e-e58a-c673-a918-e8d2fb675a4a-b9843f77, #w-node-_828c54f8-2b1c-60b8-b7af-93e084f07646-b9843f77, #w-node-b4026e50-ad94-0194-f9f4-828a1aeb682b-b9843f77, #w-node-bcfc8222-cdab-c32f-ed1d-ddfb236c53f1-b9843f77, #w-node-_5e4e3be1-56b3-1d52-d739-ae4a745cf43d-b9843f77, #w-node-_784f50bf-0474-c2cd-1648-39a13ca1242e-b9843f77 {
  place-self: center;
}

#w-node-_39137770-f586-bf4e-8f48-1fdde7b91a98-b9843f77 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_7851dcc0-a3cf-824c-4d11-fa91710dfa31-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_10ca4e88-938d-dff0-9b1c-07293921716d-b9843f77 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_10ca4e88-938d-dff0-9b1c-07293921716e-b9843f77 {
  place-self: center start;
}

#w-node-_10ca4e88-938d-dff0-9b1c-072939217170-b9843f77 {
  place-self: center stretch;
}

#w-node-_71577445-513d-3910-31fd-23821740516e-b9843f77 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center end;
}

#w-node-_2e6b28ca-5bd4-9b6d-02bd-caeb9b0c9bcb-b9843f77 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2e6b28ca-5bd4-9b6d-02bd-caeb9b0c9bd4-b9843f77, #w-node-_33e6d6c0-7e21-5986-07d7-5931a21eb67a-b9843f77 {
  justify-self: start;
}

#w-node-_2e6b28ca-5bd4-9b6d-02bd-caeb9b0c9bdc-b9843f77 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2e6b28ca-5bd4-9b6d-02bd-caeb9b0c9bdd-b9843f77 {
  place-self: center start;
}

#w-node-_2e6b28ca-5bd4-9b6d-02bd-caeb9b0c9bdf-b9843f77 {
  place-self: center stretch;
}

#w-node-_2e6b28ca-5bd4-9b6d-02bd-caeb9b0c9be6-b9843f77 {
  align-self: stretch;
}

#w-node-_2e6b28ca-5bd4-9b6d-02bd-caeb9b0c9be7-b9843f77 {
  place-self: start;
}

#w-node-_2e6b28ca-5bd4-9b6d-02bd-caeb9b0c9be9-b9843f77 {
  align-self: end;
}

#w-node-_927528b0-6e0e-4b2c-6fb1-5dd4759e9ab4-b0b2b5b7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e8d16186-dd05-131f-a1df-8804f13ad981-b0b2b5b7 {
  place-self: center start;
}

#w-node-e8d16186-dd05-131f-a1df-8804f13ad983-b0b2b5b7 {
  place-self: center stretch;
}

#w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1c9f-b0b2b5b7 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1ca5-b0b2b5b7 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_39c403db-acbe-6505-7e69-7f7049339549-b0b2b5b7 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_997e4316-3809-459f-0550-db78bd9b6f0c-b0b2b5b7 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_3e02979e-318f-6af5-275c-a89f06ea3f76-b0b2b5b7, #w-node-_15bd3826-34a8-acf3-eef7-2c96178c7e61-b0b2b5b7, #w-node-da0c8aeb-a42e-a00d-45aa-2c7ea3f1542b-b0b2b5b7, #w-node-da0c8aeb-a42e-a00d-45aa-2c7ea3f1542d-b0b2b5b7, #w-node-_18b586ed-cb01-2fcf-9691-363bc5677327-b0b2b5b7, #w-node-_18b586ed-cb01-2fcf-9691-363bc5677329-b0b2b5b7, #w-node-_08a44baf-b8f9-5a36-d046-30585f38aba9-b0b2b5b7, #w-node-_08a44baf-b8f9-5a36-d046-30585f38abab-b0b2b5b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-140cf727 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-140cf727 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center start;
}

#w-node-edc1bd9d-104d-9208-98ec-4ac22ca160e1-140cf727 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_25de05f7-08d0-50ef-c5bb-1fe7c0bf0591-140cf727 {
  justify-self: start;
}

#w-node-df0925e9-a1d7-37c2-e250-10ca7c519c36-140cf727 {
  align-self: center;
}

#w-node-_59b30138-a964-96e1-57ba-9eaeb01226ab-140cf727 {
  place-self: center start;
}

#w-node-b2dbb43d-8b4a-0666-92c5-d6c1865c7021-140cf727 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_4611288b-4067-87f6-03a3-d7fbaed33af0-140cf727, #w-node-_67826c14-2eae-a48d-0aee-988913d7bf13-140cf727, #w-node-c469dfd6-b29e-7171-6a31-4740767dedde-140cf727 {
  align-self: center;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-140cf727 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-140cf727 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-140cf727 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-140cf727 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-140cf727 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-140cf727 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-_927528b0-6e0e-4b2c-6fb1-5dd4759e9ab4-140cf727 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e8d16186-dd05-131f-a1df-8804f13ad981-140cf727 {
  place-self: center start;
}

#w-node-e8d16186-dd05-131f-a1df-8804f13ad983-140cf727 {
  place-self: center stretch;
}

#w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1c9f-140cf727 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1ca5-140cf727 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_39c403db-acbe-6505-7e69-7f7049339549-140cf727 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_997e4316-3809-459f-0550-db78bd9b6f0c-140cf727 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_3e02979e-318f-6af5-275c-a89f06ea3f76-140cf727, #w-node-_15bd3826-34a8-acf3-eef7-2c96178c7e61-140cf727, #w-node-da0c8aeb-a42e-a00d-45aa-2c7ea3f1542b-140cf727, #w-node-da0c8aeb-a42e-a00d-45aa-2c7ea3f1542d-140cf727, #w-node-_18b586ed-cb01-2fcf-9691-363bc5677327-140cf727, #w-node-_18b586ed-cb01-2fcf-9691-363bc5677329-140cf727, #w-node-_08a44baf-b8f9-5a36-d046-30585f38aba9-140cf727, #w-node-_08a44baf-b8f9-5a36-d046-30585f38abab-140cf727 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_487d6a16-c3bb-a09a-3248-f11e36fe62f3-dba6c2e9 {
  grid-area: 1 / 3 / 2 / 4;
  place-self: center end;
}

#w-node-aff64da9-f896-775c-b3b5-2734cd186620-dba6c2e9 {
  align-self: center;
}

#w-node-_927528b0-6e0e-4b2c-6fb1-5dd4759e9ab4-1552398e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-e8d16186-dd05-131f-a1df-8804f13ad981-1552398e {
  place-self: center start;
}

#w-node-e8d16186-dd05-131f-a1df-8804f13ad983-1552398e {
  place-self: center stretch;
}

#w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1c9f-1552398e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1ca5-1552398e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_39c403db-acbe-6505-7e69-7f7049339549-1552398e {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_997e4316-3809-459f-0550-db78bd9b6f0c-1552398e {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_3e02979e-318f-6af5-275c-a89f06ea3f76-1552398e, #w-node-_15bd3826-34a8-acf3-eef7-2c96178c7e61-1552398e, #w-node-da0c8aeb-a42e-a00d-45aa-2c7ea3f1542b-1552398e, #w-node-da0c8aeb-a42e-a00d-45aa-2c7ea3f1542d-1552398e, #w-node-_18b586ed-cb01-2fcf-9691-363bc5677327-1552398e, #w-node-_18b586ed-cb01-2fcf-9691-363bc5677329-1552398e, #w-node-_08a44baf-b8f9-5a36-d046-30585f38aba9-1552398e, #w-node-_08a44baf-b8f9-5a36-d046-30585f38abab-1552398e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-5d1d3f6e {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-5d1d3f6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1024-5d1d3f6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-5d1d3f6e {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-5d1d3f6e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-5d1d3f6e {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-5d1d3f6e {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-5d1d3f6e {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-5d1d3f6e {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-483d1f9d {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-483d1f9d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1024-483d1f9d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-483d1f9d {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-483d1f9d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-483d1f9d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-483d1f9d {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-483d1f9d {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-483d1f9d {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-8952f8a3 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-8952f8a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1024-8952f8a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-8952f8a3 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-8952f8a3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-8952f8a3 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-8952f8a3 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-8952f8a3 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-8952f8a3 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-21e0b7ae {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-21e0b7ae {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1024-21e0b7ae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-21e0b7ae {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-21e0b7ae {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-21e0b7ae {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-21e0b7ae {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-21e0b7ae {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-21e0b7ae {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-501dc089 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-501dc089 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1024-501dc089 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-501dc089 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-501dc089 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-501dc089 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-501dc089 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-501dc089 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-501dc089 {
  grid-area: 5 / 1 / 6 / 2;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-6e0f0307 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: stretch stretch;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-6e0f0307 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-cfc8598a-1ae0-ab04-addf-39bed58d1024-6e0f0307 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-6e0f0307 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-_198ff5d2-5a08-0656-0130-2ef9dbf11426-6e0f0307 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bccfc712-9bc4-fa66-fa83-a12f1ccee40b-6e0f0307 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1ff5c65b-fb7d-d938-4473-181cba317cab-6e0f0307 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-c1345e21-9b56-cd7d-c96f-a730aaa35349-6e0f0307 {
  grid-area: 4 / 1 / 5 / 2;
}

#w-node-_94ae43cd-bf90-630c-ea53-505b8b28b8ed-6e0f0307 {
  grid-area: 5 / 1 / 6 / 2;
}

@media screen and (min-width: 1920px) {
  #w-node-aebd7d54-e5cd-11fd-2cf6-3ebc6fd711d4-d96e2fc9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bea6dba8-8ad9-791c-0433-5e410ef6a88d-0ef6a86e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-aebd7d54-e5cd-11fd-2cf6-3ebc6fd711d4-42ced256 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-b9843f77 {
    justify-self: start;
  }

  #w-node-aebd7d54-e5cd-11fd-2cf6-3ebc6fd711d4-140cf727, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d102b-5d1d3f6e, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d102b-483d1f9d, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d102b-8952f8a3, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d102b-21e0b7ae, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d102b-501dc089, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d102b-6e0f0307 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef9146-5cef9140, #w-node-_582d4134-cc43-3a3b-304e-7c963d4326eb-3d4326e5, #w-node-c6f23af0-da71-edbe-0a63-64ccbae83ad3-b9ced25b, #w-node-_8fbdfe59-b1e5-732b-4591-ecaad86e5865-90ced267, #w-node-f882a46f-905b-43c9-c19b-926de170e50d-77ced26c, #w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e83-27ced274, #w-node-_779e935c-1f87-d5fa-f190-8d357821fef7-b9843f77, #w-node-ae5c77d8-4861-99f8-102c-b4dd740cd420-b9843f77 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ae5c77d8-4861-99f8-102c-b4dd740cd421-b9843f77 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef9146-5cef9140, #w-node-_582d4134-cc43-3a3b-304e-7c963d4326eb-3d4326e5, #w-node-c6f23af0-da71-edbe-0a63-64ccbae83ad3-b9ced25b, #w-node-f882a46f-905b-43c9-c19b-926de170e50d-77ced26c, #w-node-_7f2f352f-932a-c3f0-43c9-0681162c3e83-27ced274, #w-node-_779e935c-1f87-d5fa-f190-8d357821fef7-b9843f77, #w-node-ae5c77d8-4861-99f8-102c-b4dd740cd420-b9843f77, #w-node-_7851dcc0-a3cf-824c-4d11-fa91710dfa31-b9843f77 {
    grid-area: 1 / 2 / 2 / 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-d96e2fc9 {
    align-self: end;
  }

  #w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-d96e2fc9 {
    justify-self: start;
  }

  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef919a-5cef9140 {
    grid-column-end: 3;
  }

  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef919d-5cef9140 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91b9-5cef9140 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91d1-5cef9140 {
    grid-row-end: 3;
    grid-column-end: 2;
  }

  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91d9-5cef9140 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-bea6dba8-8ad9-791c-0433-5e410ef6a88d-0ef6a86e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-bea6dba8-8ad9-791c-0433-5e410ef6a8ce-0ef6a86e {
    grid-column-end: 3;
  }

  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-42ced256 {
    align-self: end;
  }

  #w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-42ced256, #w-node-_25de05f7-08d0-50ef-c5bb-1fe7c0bf0591-42ced256 {
    justify-self: start;
  }

  #w-node-_582d4134-cc43-3a3b-304e-7c963d4326f8-3d4326e5 {
    grid-column-end: 3;
  }

  #w-node-_582d4134-cc43-3a3b-304e-7c963d4326fb-3d4326e5 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_582d4134-cc43-3a3b-304e-7c963d432717-3d4326e5 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_582d4134-cc43-3a3b-304e-7c963d43272f-3d4326e5 {
    grid-row-end: 3;
    grid-column-end: 2;
  }

  #w-node-_582d4134-cc43-3a3b-304e-7c963d432737-3d4326e5 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_199fb1dc-b4ea-99c3-f373-804a90f62445-d3468612 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-c05fe523-5a2a-b171-9eca-362095d4bf72-d3468612 {
    grid-column-end: 3;
  }

  #w-node-_9c9aa846-e9b8-a932-3930-2ee1f13a0614-b9ced25b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_316334f5-9430-e9eb-8684-f37f03b4f1db-b9ced25b {
    grid-column: span 1 / span 1;
  }

  #w-node-d0462fc1-3345-fad6-2501-afd19d4f8d4d-b9ced25b {
    place-self: stretch start;
  }

  #w-node-aed65773-c733-bb86-6f6d-9e29b44ded00-b9ced25b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d8eb6401-e01b-7668-75ac-322d0c5697d4-59d49f91, #w-node-_2021dbe6-3066-ab2b-d9b3-82f2659c2ebe-59d49f91 {
    justify-self: center;
  }

  #w-node-dfd23af6-828d-947c-849f-db9f9e2ea42e-59d49f91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c0-73ced260 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_6eecfe6a-1e55-874d-e161-f59511fccd8e-5cced262 {
    grid-column-end: 4;
  }

  #w-node-_79b34619-971d-15eb-e78b-1a7227fe4619-9fced263 {
    order: 9999;
  }

  #w-node-_2eba15a8-4071-27a1-1a68-7a1e83c7046a-3cced264, #w-node-_30371fc4-d0c1-306e-f1af-38696d910c88-3eced265 {
    grid-column-end: 4;
  }

  #w-node-_84d8f0a4-0f3e-bad8-a6b6-b6079facb944-90ced267 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_60677b3354187cf213b22165000000000061-fbced271 {
    order: -9999;
  }

  #w-node-_783bbe3f-cd97-203e-588a-2e9b724c47ac-27ced274, #w-node-_783bbe3f-cd97-203e-588a-2e9b724c47af-27ced274 {
    justify-self: center;
  }

  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-b9843f77 {
    align-self: end;
  }

  #w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-b9843f77, #w-node-_25de05f7-08d0-50ef-c5bb-1fe7c0bf0591-b9843f77 {
    justify-self: start;
  }

  #w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-b9843f77 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-_405918fc-54de-0cd2-288a-94f88ac10719-b9843f77 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c48b0112-662b-903b-413b-ccc63315bf6b-b9843f77 {
    grid-column: 1 / 4;
  }

  #w-node-_18ca4256-5f73-dd86-9407-a28c2397089a-b9843f77 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-ae5c77d8-4861-99f8-102c-b4dd740cd420-b9843f77 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ae5c77d8-4861-99f8-102c-b4dd740cd421-b9843f77 {
    order: 9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ae5c77d8-4861-99f8-102c-b4dd740cd422-b9843f77 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ae5c77d8-4861-99f8-102c-b4dd740cd423-b9843f77 {
    grid-row-end: 3;
  }

  #w-node-f67ae86f-fdab-06d1-b3e3-2c770449968f-b9843f77 {
    grid-column: span 1 / span 1;
  }

  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-140cf727 {
    align-self: end;
  }

  #w-node-d9699e8d-5b86-d263-ba3a-4083a13e67b1-140cf727, #w-node-_25de05f7-08d0-50ef-c5bb-1fe7c0bf0591-140cf727 {
    justify-self: start;
  }

  #w-node-_487d6a16-c3bb-a09a-3248-f11e36fe62ec-dba6c2e9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-5d1d3f6e {
    align-self: end;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-5d1d3f6e {
    justify-self: start;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-483d1f9d {
    align-self: end;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-483d1f9d {
    justify-self: start;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-8952f8a3 {
    align-self: end;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-8952f8a3 {
    justify-self: start;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-21e0b7ae {
    align-self: end;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-21e0b7ae {
    justify-self: start;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-501dc089 {
    align-self: end;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-501dc089 {
    justify-self: start;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-6e0f0307 {
    align-self: end;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1023-6e0f0307 {
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-d96e2fc9 {
    grid-column: 2 / 3;
    align-self: stretch;
  }

  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef919a-5cef9140 {
    grid-column-end: 2;
  }

  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef919d-5cef9140 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-dd6f2e0b-094a-bdd6-5f7e-92855cef91d9-5cef9140 {
    grid-row: 5 / 6;
  }

  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-42ced256 {
    grid-column: 2 / 3;
    align-self: stretch;
  }

  #w-node-_25de05f7-08d0-50ef-c5bb-1fe7c0bf0591-42ced256 {
    justify-self: center;
  }

  #w-node-_582d4134-cc43-3a3b-304e-7c963d4326f8-3d4326e5 {
    grid-column-end: 2;
  }

  #w-node-_582d4134-cc43-3a3b-304e-7c963d4326fb-3d4326e5 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_582d4134-cc43-3a3b-304e-7c963d432737-3d4326e5 {
    grid-row: 5 / 6;
  }

  #w-node-_7e643633-c7d4-289e-db71-e90f621fac58-45ced25d {
    justify-self: start;
  }

  #w-node-_57185c84-ccf7-9046-3d3b-d8f1cd32c5c0-45ced25d {
    order: -9999;
  }

  #w-node-f87a93a0-e501-c695-e58f-a0f271e0a483-90ced267, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a489-90ced267, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a48f-90ced267, #w-node-f87a93a0-e501-c695-e58f-a0f271e0a495-90ced267 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e7da366f-c292-c390-0256-54e021be924c-10ced272 {
    justify-self: start;
  }

  #w-node-_4dde1c5d-0db8-c250-544a-b3e5df517386-27ced274 {
    grid-column: span 1 / span 1;
  }

  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-b9843f77 {
    grid-column: 2 / 3;
    align-self: stretch;
  }

  #w-node-_25de05f7-08d0-50ef-c5bb-1fe7c0bf0591-b9843f77, #w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-b9843f77 {
    justify-self: center;
  }

  #w-node-_405918fc-54de-0cd2-288a-94f88ac10719-b9843f77 {
    grid-column: span 1 / span 1;
  }

  #w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1c9f-b9843f77, #w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1ca5-b9843f77, #w-node-_39c403db-acbe-6505-7e69-7f7049339549-b9843f77, #w-node-_997e4316-3809-459f-0550-db78bd9b6f0c-b9843f77, #w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1c9f-b0b2b5b7, #w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1ca5-b0b2b5b7, #w-node-_39c403db-acbe-6505-7e69-7f7049339549-b0b2b5b7, #w-node-_997e4316-3809-459f-0550-db78bd9b6f0c-b0b2b5b7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-140cf727 {
    grid-column: 2 / 3;
    align-self: stretch;
  }

  #w-node-_25de05f7-08d0-50ef-c5bb-1fe7c0bf0591-140cf727 {
    justify-self: center;
  }

  #w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1c9f-140cf727, #w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1ca5-140cf727, #w-node-_39c403db-acbe-6505-7e69-7f7049339549-140cf727, #w-node-_997e4316-3809-459f-0550-db78bd9b6f0c-140cf727 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_487d6a16-c3bb-a09a-3248-f11e36fe62ec-dba6c2e9 {
    grid-column: span 1 / span 1;
  }

  #w-node-_487d6a16-c3bb-a09a-3248-f11e36fe62f3-dba6c2e9 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }

  #w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1c9f-1552398e, #w-node-_1cc7a0b4-f0a7-f8be-56e7-66fd8ffb1ca5-1552398e, #w-node-_39c403db-acbe-6505-7e69-7f7049339549-1552398e, #w-node-_997e4316-3809-459f-0550-db78bd9b6f0c-1552398e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-5d1d3f6e, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-483d1f9d, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-8952f8a3, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-21e0b7ae, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-501dc089, #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-6e0f0307 {
    grid-column: 2 / 3;
    align-self: stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-d96e2fc9 {
    align-self: end;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-d96e2fc9 {
    grid-column: 2 / 3;
  }

  #w-node-bea6dba8-8ad9-791c-0433-5e410ef6a8ce-0ef6a86e {
    grid-column-end: 3;
  }

  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-42ced256 {
    align-self: end;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-42ced256 {
    grid-column: 2 / 3;
  }

  #w-node-c05fe523-5a2a-b171-9eca-362095d4bf72-d3468612 {
    grid-column-end: 3;
  }

  #w-node-ac3990dc-2eec-4ade-30bc-298d8b8dae4c-b9ced25b {
    justify-self: start;
  }

  #w-node-e380cb4a-828d-5bb6-be81-112cfe64beb0-b9ced25b, #w-node-_24b2b908-9913-afd9-b468-8dd4da6d2277-b9ced25b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-aed65773-c733-bb86-6f6d-9e29b44ded00-b9ced25b {
    grid-column: span 3 / span 3;
  }

  #w-node-_2609fcec-8215-0d73-ee30-8ac97ad2c6c0-73ced260 {
    grid-column: span 1 / span 1;
  }

  #w-node-_6eecfe6a-1e55-874d-e161-f59511fccd9a-5cced262, #w-node-_6eecfe6a-1e55-874d-e161-f59511fccdb6-5cced262, #w-node-_4a8b5a0d-1a67-05ea-1df9-edc44a8554fc-3cced264, #w-node-_436b1fba-7c89-1ae1-a32a-93092674d2cf-3eced265, #w-node-_9bfc7c3c-80d1-659d-c699-623ae06b1317-3eced265, #w-node-_2d3a43f8-e0c0-b2d4-96bf-8979e68f0963-3eced265, #w-node-cd00aefd-abd1-5239-1bb9-3c669b2f8225-3eced265, #w-node-bf2edfe2-2e41-97db-912f-40395b94e7fa-3eced265, #w-node-af337b51-b8c8-5eaa-fba7-703ce5a5bdf9-3eced265, #w-node-_889fcff4-c489-9728-a2e1-c8f2a0d003f2-3eced265 {
    justify-self: center;
  }

  #w-node-_21a73135-ae5d-bce8-1441-6df1bec9e5fe-90ced267 {
    grid-column: 1 / 4;
  }

  #w-node-_84d8f0a4-0f3e-bad8-a6b6-b6079facb944-90ced267 {
    grid-column: span 1 / span 1;
  }

  #w-node-f6debed5-2d75-fd64-d42a-651e807df271-90ced267, #w-node-b690cf14-0a9e-fd2f-d034-be7cd5f9726a-90ced267 {
    justify-self: center;
  }

  #First-name.w-node-e1c3b073-4995-b807-a440-5d3dc344d310-90ced267, #Last-name.w-node-e1c3b073-4995-b807-a440-5d3dc344d311-90ced267 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-b9843f77 {
    align-self: end;
  }

  #w-node-_7d85c290-4594-ba2d-819b-8cc7e4136051-b9843f77 {
    align-self: start;
  }

  #w-node-_18ca4256-5f73-dd86-9407-a28c2397089a-b9843f77 {
    grid-column: span 1 / span 1;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-b9843f77 {
    grid-column: 2 / 3;
  }

  #w-node-ae5c77d8-4861-99f8-102c-b4dd740cd435-b9843f77, #w-node-ae5c77d8-4861-99f8-102c-b4dd740cd424-b9843f77 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_10ca4e88-938d-dff0-9b1c-07293921716e-b9843f77 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_10ca4e88-938d-dff0-9b1c-072939217170-b9843f77 {
    grid-area: 2 / 1 / 3 / 3;
    justify-self: center;
  }

  #w-node-_71577445-513d-3910-31fd-23821740516e-b9843f77 {
    grid-area: 3 / 1 / 4 / 3;
    justify-self: center;
  }

  #w-node-bdc50d02-a8e6-7b91-2785-9db5368500c9-140cf727 {
    align-self: end;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-140cf727 {
    grid-column: 2 / 3;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-5d1d3f6e {
    align-self: end;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-5d1d3f6e {
    grid-column: 2 / 3;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-483d1f9d {
    align-self: end;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-483d1f9d {
    grid-column: 2 / 3;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-8952f8a3 {
    align-self: end;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-8952f8a3 {
    grid-column: 2 / 3;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-21e0b7ae {
    align-self: end;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-21e0b7ae {
    grid-column: 2 / 3;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-501dc089 {
    align-self: end;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-501dc089 {
    grid-column: 2 / 3;
  }

  #w-node-cfc8598a-1ae0-ab04-addf-39bed58d1022-6e0f0307 {
    align-self: end;
  }

  #w-node-_853f48eb-fa46-765d-8d1c-f2bad72f3ec2-6e0f0307 {
    grid-column: 2 / 3;
  }
}


@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;
}