:root {
  --handy-text: #1e2245;
  --paragraph-text: #6e707b;
  --handy-blue: #1f6de2;
  --white: white;
  --handy-sky: #44abf6;
  --background-1: #10395f;
  --background-3: #f0f4f5;
  --background-2: #d3eef4;
  --handy-footer: #1e2245;
  --handy-purple: #3f3d9b;
}

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

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

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

.w-commerce-commercecheckoutshippingmethodswrapper {
  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-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-commercecheckoutcustomerinfosummarywrapper {
  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-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

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

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

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper, .w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

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

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

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

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

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

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

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

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

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

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional, .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  color: var(--handy-text);
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

h1 {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 62px;
  font-weight: 700;
  line-height: 70px;
}

h2 {
  color: var(--handy-text);
  letter-spacing: -1.5px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}

h3 {
  color: #1e2245;
  letter-spacing: -1.25px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 38px;
  font-weight: 700;
  line-height: 50px;
}

h4 {
  color: #1e2245;
  letter-spacing: -1px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

h5 {
  color: #1e2245;
  letter-spacing: -.75px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 26px;
  font-weight: 700;
  line-height: 38px;
}

h6 {
  color: #1e2245;
  letter-spacing: -.5px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
}

p {
  color: var(--paragraph-text);
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 25px;
}

a {
  color: var(--handy-blue);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

a:hover {
  color: var(--handy-text);
}

ul, ol {
  margin-top: 32px;
  margin-bottom: 24px;
  padding-left: 40px;
}

li {
  color: var(--handy-text);
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
}

img {
  border-radius: 3px;
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 2px solid var(--handy-blue);
  letter-spacing: -.5px;
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: 0;
  padding: 16px 24px;
  font-size: 22px;
  font-weight: 500;
  line-height: 34px;
}

figure {
  margin-top: 40px;
  margin-bottom: 40px;
}

figcaption {
  text-align: center;
  margin-top: 12px;
}

.container {
  width: 1200px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.container.bottom {
  margin-bottom: 32px;
  position: absolute;
  inset: auto 0% 0%;
}

.container._770 {
  width: 770px;
}

.container._970 {
  width: 970px;
}

.container._690 {
  width: 690px;
}

.container._900 {
  width: 900px;
}

.navbar {
  background-color: #fff;
  border-bottom: 1px solid #f0f4f5;
  border-radius: 1px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar.transparent {
  background-color: #fff0;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #1a1a1a;
  border-radius: 3px;
  padding: 16px 45px 17px;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  transition: background-color .25s;
}

.button:hover {
  color: var(--white);
  background-color: #0f58c5;
}

.button.nav {
  background-color: #1a1a1a;
  padding-top: 13px;
  padding-bottom: 14px;
}

.button.white {
  background-color: var(--white);
  color: var(--handy-text);
  transition: color .25s, background-color .25s;
}

.button.white:hover {
  color: #1e2245a6;
}

.button.white.line-border {
  border: 2px solid var(--white);
  color: var(--white);
  background-color: #fff0;
  padding: 14px 25px 15px;
}

.button.white.line-border:hover {
  background-color: var(--white);
  color: var(--handy-text);
}

.button.white._32-top-margin {
  margin-top: 32px;
}

.button.sky {
  background-color: var(--handy-sky);
}

.button.sky:hover {
  background-color: #2ea2f7;
}

.button.sky.nav {
  align-self: flex-start;
}

.button.sky.footer-button {
  align-self: flex-start;
  padding-top: 13px;
  padding-bottom: 14px;
}

.button.wide {
  padding-left: 120px;
  padding-right: 120px;
}

.button._24-top {
  margin-top: 24px;
}

.button._32-top {
  background-color: #1a1a1a;
  margin-top: 32px;
}

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

.button.background-1:hover {
  background-color: var(--handy-blue);
}

.button.icon {
  background-image: url('../images/quote-icon.svg');
  background-position: 37px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 66px;
}

.button.icon.navigation {
  padding-top: 13px;
  padding-bottom: 14px;
}

.button.transparent {
  color: var(--handy-text);
  background-color: #1f6de200;
}

.button._8-top {
  margin-top: 8px;
}

.button.small {
  padding-top: 12px;
  padding-bottom: 12px;
}

.button.grey {
  background-color: var(--background-3);
  color: var(--handy-text);
  text-align: center;
  align-self: stretch;
  transition: color .25s, background-color .25s;
}

.button.grey:hover {
  background-color: var(--background-1);
  color: var(--white);
}

.button.grey._16-top {
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}

.button._16-top {
  margin-top: 16px;
}

.button._16-top._100 {
  width: 100%;
}

.button._16-top.stretch {
  align-self: stretch;
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
}

.button.next {
  background-image: url('../images/white-arrow-right.svg');
  background-position: 86px;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: none;
  padding-left: 36px;
  padding-right: 64px;
}

.button.previous {
  background-image: url('../images/white-arrow-left.svg');
  background-position: 32px;
  background-repeat: no-repeat;
  background-size: auto;
  border-style: none;
  padding-left: 64px;
  padding-right: 36px;
}

.button.narrow {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.button.fullwidth {
  width: 100%;
  display: inline-block;
}

.nav-link {
  padding: 14px 12px 13px;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  transition: color .25s;
}

.nav-link:hover {
  color: #1e2245bf;
}

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

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

.nav-link.phone {
  margin-right: 24px;
}

.logo {
  flex: 1;
}

.logo.shrink {
  flex: 0 auto;
}

.nav-menu {
  padding-right: 24px;
}

.nav-menu.grow {
  flex: 1;
  padding-left: 24px;
}

.nav-dropdown {
  padding: 14px 12px 13px;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
  display: flex;
}

.nav-dropdown.white {
  color: var(--white);
}

.nav-dropdown.left {
  padding-left: 0;
}

.menu-dropdown-icon {
  margin-left: 8px;
}

.header {
  background-color: var(--background-1);
  padding-top: 150px;
  padding-bottom: 150px;
}

.header.lp3 {
  background-image: linear-gradient(#10395f80, #10395f80), url('../images/landing-3-hero.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 150px;
  padding-bottom: 170px;
}

.header.elements-page {
  background-color: #161616;
  padding-top: 110px;
  padding-bottom: 86px;
}

.header.utility {
  background-color: var(--background-2);
  padding-top: 110px;
  padding-bottom: 86px;
}

.header.lp1 {
  background-image: linear-gradient(#10395f80, #10395f80), url('../images/landing-1-hero_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 190px;
}

.header.lp4 {
  background-image: linear-gradient(#10395f80, #10395f80), url('../images/landing-4-hero.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 110px;
  padding-bottom: 140px;
}

.header.lp5 {
  background-image: linear-gradient(#10395f80, #10395f80), url('../images/landing-5-hero_1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 150px;
  padding-bottom: 170px;
}

.header.lp2 {
  background-color: var(--white);
  padding-top: 40px;
  padding-bottom: 40px;
}

.header.home {
  background-image: url('../images/home-hero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 160px;
  padding-bottom: 185px;
}

.header.inner-page {
  background-image: linear-gradient(#10395f80, #10395f80), url('../images/landing-1-hero.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 110px;
  padding-bottom: 86px;
}

.header.white {
  background-color: var(--white);
  padding-top: 110px;
  padding-bottom: 86px;
}

.header.project {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 110px;
  padding-bottom: 86px;
  position: relative;
}

.styleguides-flex {
  justify-content: space-between;
  display: flex;
}

.styleguides-nav {
  flex: 0 25%;
  align-self: flex-start;
  margin-right: 10%;
  padding-right: 30px;
  position: sticky;
  top: 100px;
}

.styleguides-content {
  flex: 1;
}

.h1-heading-dark {
  color: #1e2245;
  font-family: PT Serif, serif;
}

.h1-heading-dark.post {
  text-align: center;
  font-size: 38px;
  line-height: 50px;
}

.color-label {
  color: #1e2245;
  font-size: 15px;
  font-weight: 500;
  line-height: 19px;
}

.heading-div {
  margin-bottom: 32px;
}

.color-grid {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 48px;
}

.color {
  border-radius: 3px;
  height: 100px;
  margin-bottom: 16px;
}

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

.color.handy-sky {
  background-color: var(--handy-sky);
}

.color.handy-footer {
  background-color: var(--handy-footer);
}

.color.background-1 {
  background-color: var(--background-1);
}

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

.color.background-3 {
  background-color: var(--background-3);
}

.color.white {
  border: 1px solid var(--background-3);
  background-color: var(--white);
}

.color.handy-text {
  background-color: var(--handy-text);
}

.color.paragraph-text {
  background-color: var(--paragraph-text);
}

.navbar-div {
  align-items: center;
  display: flex;
}

.navbar-div.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 520px;
  display: flex;
}

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

.header-subtitle {
  color: var(--white);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.header-subtitle._40 {
  margin-bottom: 40px;
}

.header-subtitle._40._75 {
  text-align: center;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.header-subtitle.dark {
  opacity: .5;
  color: var(--handy-text);
}

.header-title-wrap {
  width: 540px;
}

.header-title-wrap.center {
  z-index: 1;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-title-wrap._770 {
  width: 100%;
}

.h1-inner-page {
  letter-spacing: -1.5px;
  font-size: 38px;
  line-height: 50px;
}

.h1-inner-page.dark {
  color: var(--handy-text);
}

.h1-inner-page.merged {
  display: inline;
}

.h1-inner-page.merged.margin-right {
  margin-right: 8px;
}

.breadcrumb {
  color: var(--white);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.breadcrumb.link {
  opacity: .85;
  transition: opacity .25s;
}

.breadcrumb.link:hover {
  opacity: 1;
  color: var(--white);
}

.breadcrumb.dark {
  color: var(--handy-text);
}

.breadcrumb.dark.link {
  color: #1e2245d9;
  transition: color .25s, opacity .25s;
}

.breadcrumb.dark.link:hover {
  color: var(--handy-text);
}

.breadcrumb-divider {
  opacity: .25;
  margin-bottom: 1px;
  margin-left: 8px;
  margin-right: 8px;
}

.footer {
  background-color: #161616;
  padding-top: 150px;
  padding-bottom: 200px;
  position: relative;
}

.footer-v1-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.footer-link-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-items: start;
}

.footer-link {
  color: var(--white);
  margin-bottom: 24px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
  display: block;
}

.footer-link:hover {
  color: #ffffffbf;
}

.footer-link.grey {
  color: #fff9;
  font-size: 14px;
  line-height: 19px;
}

.footer-link.grey:hover {
  color: #fff;
}

.footer-link.dark {
  color: #1e2245bf;
  font-size: 15px;
  line-height: 21px;
}

.footer-link.dark:hover {
  color: var(--handy-text);
}

.footer-about {
  color: var(--white);
  margin-top: 16px;
  font-size: 15px;
  line-height: 22px;
  display: none;
}

.footer-about.grey {
  color: #ffffffbf;
  font-weight: 400;
}

.footer-about.copyright {
  color: var(--handy-text);
  margin-bottom: 24px;
  font-size: 13px;
  font-weight: 500;
}

.five-star-rating {
  color: var(--white);
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: 500;
}

.see-reviews {
  color: #8c8fa7;
  text-decoration: none;
  transition: color .25s;
}

.see-reviews:hover {
  color: var(--white);
}

.footer-rating {
  margin-top: 36px;
}

.footer-info-div {
  width: 70%;
}

.footer-info-div.fullwidth {
  width: 100%;
}

.footer-bottom {
  color: var(--white);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.footer-bottom.link {
  transition: color .25s;
}

.footer-bottom.link:hover {
  color: #ffffffbf;
}

.footer-bottom.link.right {
  margin-left: 32px;
}

.footer-bottom.link.right.dark {
  color: var(--handy-text);
  font-size: 14px;
}

.footer-bottom.link.right.dark:hover {
  color: #1e2245a6;
}

.footer-bottom.link.left {
  margin-right: 32px;
}

.footer-bottom.link.left.dark {
  color: var(--handy-text);
  font-size: 14px;
}

.footer-bottom.link.left.dark:hover {
  color: #1e2245a6;
}

.bottom-div {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-link {
  color: var(--white);
  text-decoration: none;
  transition: color .25s;
}

.text-link:hover {
  color: #ffffffbf;
}

.text-link.dark {
  color: var(--handy-text);
  font-size: 13px;
  font-weight: 500;
}

.text-link.dark:hover {
  color: var(--handy-blue);
}

.text-link.dark._24-right {
  margin-right: 24px;
}

.text-link.blue {
  color: var(--handy-blue);
  font-weight: 500;
  display: inline-block;
}

.text-link.blue:hover {
  color: var(--handy-text);
}

.text-link.blue._16-top {
  margin-top: 16px;
}

.sidebar-nav-links {
  color: var(--handy-text);
  border-radius: 3px;
  margin-bottom: 8px;
  padding: 16px 24px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .5s;
  display: block;
}

.sidebar-nav-links:hover, .sidebar-nav-links.w--current {
  background-color: var(--background-3);
}

.sidebar-nav-div {
  margin-top: 40px;
}

.header-1-grid {
  grid-column-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(300px, 300px);
}

.open-times {
  background-color: var(--white);
  border-radius: 3px;
  padding: 32px 40px;
}

.open-times._0-padding {
  padding: 0;
}

.open-times._0-padding._220 {
  max-width: 220px;
}

.open-times.margin {
  padding: 56px 70px 48px;
}

.open-times._300px {
  z-index: 1;
  width: 300px;
  position: absolute;
  left: 0%;
}

.calendar-day {
  flex: 1;
  margin-bottom: 2px;
  font-size: 17px;
  font-weight: 500;
}

.calendar-day.fixed {
  flex: 0 auto;
  width: 145px;
}

.calendar-time {
  flex: none;
  font-size: 15px;
  font-weight: 500;
}

.calendar-time.closed {
  opacity: .5;
}

.calendar-time.fixed {
  width: 120px;
}

.open-day {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.open-day.left {
  justify-content: flex-start;
}

.header-1-text {
  max-width: 700px;
  margin-bottom: 32px;
}

.open-times-title {
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.navbar-top {
  position: absolute;
  inset: 16px 0% auto;
}

.navbar-top-flex {
  justify-content: flex-end;
  margin-bottom: 8px;
  display: flex;
}

.nav-top {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
}

.nav-top:hover {
  color: #ffffffbf;
}

.nav-top.left-margin {
  margin-left: 32px;
}

.nav-button-grow {
  text-align: right;
  flex: 1;
}

.header-2-grid {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
}

.header-2-hero {
  background-image: url('../images/Schulz.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  min-height: 570px;
}

.text-field {
  background-color: var(--background-3);
  border: 1px #000;
  border-radius: 3px;
  height: 54px;
  margin-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  transition: background-color .25s;
}

.text-field:focus {
  background-color: #eaf0f1;
}

.text-field::placeholder {
  color: #1e224580;
  font-size: 14px;
  font-weight: 500;
}

.text-field.white {
  background-color: var(--white);
  transition: background-color .25s;
}

.text-field.white:focus {
  background-color: #ffffffd9;
}

.text-field.white.message {
  height: 100px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.text-field.footer-field {
  height: 48px;
  color: var(--white);
  background-color: #2a2f56;
  margin-right: 12px;
  font-weight: 500;
}

.text-field.footer-field:focus {
  background-color: #292d53;
}

.text-field.footer-field::placeholder {
  color: #ffffffbf;
}

.text-field._320 {
  max-width: 320px;
  transition: background-color .25s;
}

.text-field._320:focus {
  background-color: #eaf0f1;
}

.text-field.message {
  width: 100%;
  max-width: 100%;
  height: 90px;
  max-height: 110px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.text-field._16-bottom {
  margin-bottom: 16px;
}

.lp2-form {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 32px;
  margin-bottom: 24px;
  display: flex;
}

.header-2-text {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 30px;
}

.lp2-form-div {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.checkmark-blue {
  background-color: var(--white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  display: flex;
}

.unsubscribe {
  margin-top: 16px;
  display: flex;
}

.unsubscribe-text {
  font-size: 13px;
  font-weight: 500;
}

.lp-grid {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-columns: 1fr 1fr 1fr;
}

.page-link {
  border-radius: 3px;
  transition: box-shadow .2s;
  overflow: hidden;
  box-shadow: 0 0 40px #10395f14;
}

.page-link:hover {
  box-shadow: 0 0 #10395f00;
}

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

.page-text {
  letter-spacing: -.5px;
  margin-top: 18px;
  font-size: 19px;
  font-weight: 500;
  line-height: 30px;
}

.h1-inner-div.center {
  margin-left: auto;
  margin-right: auto;
}

.paragraph-div {
  margin-bottom: 16px;
}

.paragraph-div._75 {
  width: 75%;
}

.paragraph-div._80 {
  width: 80%;
}

.under-button-link {
  color: var(--handy-text);
  margin-top: 28px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
}

.under-button-link:hover {
  color: var(--handy-blue);
}

.under-button-link._0-top {
  margin-top: 0;
}

.component-image {
  width: 100%;
  position: relative;
  inset: auto 0% 0%;
}

.h2-heading.white {
  color: var(--white);
}

.h2-heading.white.center, .h2-heading.center {
  text-align: center;
}

.stat-div {
  margin-bottom: 24px;
  margin-right: 50px;
}

.stats-wrapper {
  flex-wrap: wrap;
  margin-top: 32px;
  display: flex;
}

.stat-about {
  color: #8c9cb4;
  font-size: 15px;
  font-weight: 500;
}

.element-divider-section {
  padding-top: 12px;
  padding-bottom: 12px;
}

.line {
  background-color: #10395f14;
  height: 1px;
}

.white-box {
  background-color: #0000;
  border-radius: 3px;
}

.white-box._40 {
  padding: 40px;
}

.white-box._15-right {
  text-align: center;
  background-color: #0000;
  padding-right: 15%;
}

.title-text {
  margin-bottom: 12px;
  font-family: PT Serif, serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
}

.title-text.pricing {
  margin-bottom: -16px;
}

.title-text.city {
  margin-bottom: 0;
}

.title-text.contact {
  color: var(--handy-text);
  margin-bottom: 8px;
  text-decoration: none;
  display: block;
}

.title-text.contact.link {
  transition: color .25s;
}

.title-text.contact.link:hover {
  color: #1e2245bf;
}

.title-text.position {
  margin-bottom: 0;
  line-height: 22px;
}

.title-text.position._12-right {
  margin-right: 12px;
}

.arrow-button {
  color: var(--handy-text);
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  display: none;
}

.arrow-button._24-top {
  margin-top: 24px;
}

.arrow-button._8-top {
  margin-top: 8px;
}

.read-more-arrow {
  margin-top: 2px;
  margin-left: 8px;
}

.green-feature {
  align-items: center;
  height: 32px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}

.service-icon {
  margin-right: 16px;
}

.service-rating {
  align-items: center;
  margin-top: 24px;
  font-size: 19px;
  font-weight: 500;
  line-height: 32px;
  display: flex;
}

.two-service-tag {
  background-color: var(--background-2);
  border-radius: 20px;
  margin-top: 16px;
  padding: 7px 20px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
}

.team-box-top {
  background-image: none;
  background-position: 50% 25%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  height: 270px;
  position: relative;
}

.team-box-top.jim {
  background-image: url('../images/jim.jpg');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
}

.team-box-top.tobias {
  background-image: url('../images/tobias.jpg');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
}

.team-box-top.alex {
  background-image: url('../images/alex.jpg');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
}

.team-box-top.peter {
  background-image: url('../images/peter.jpg');
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: cover;
}

.team-position-div {
  color: var(--handy-text);
  font-size: 13px;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: auto 24px 24px;
}

.team-top {
  border-radius: 3px;
  position: relative;
}

.team-image {
  border-radius: 3px;
}

.team-social {
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 24px 24px auto auto;
}

.team-social-div {
  background-color: var(--white);
  opacity: 0;
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-left: 12px;
  display: flex;
}

.h3-heading.white {
  color: var(--white);
}

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

.h3-heading.center._75 {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.client-quote-image {
  background-image: url('../images/isac-client_1isac-client.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.client-quote-name {
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.client-quote-name.dark {
  color: var(--handy-text);
}

.client-quote-company {
  color: var(--white);
  font-size: 12px;
  font-weight: 500;
}

.client-quote-company.dark {
  color: var(--handy-text);
}

.client-quote-info-div {
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.client-quote-info-div._16-top {
  margin-top: 16px;
}

.spacing-section {
  width: 100%;
  height: 12px;
}

.collection-wrapper._80-top {
  margin-top: 80px;
}

.h5-heading {
  padding-right: 0;
}

.h5-heading._8-bottom {
  margin-bottom: 8px;
}

.h5-heading._12-top {
  margin-top: 12px;
}

.h5-heading._40-top {
  color: #161616;
  margin-top: 40px;
}

.blog-date {
  color: #1e224580;
  font-weight: 500;
}

.blog-three-image {
  width: 100%;
  height: 200px;
  margin-bottom: 24px;
  text-decoration: none;
  position: relative;
}

.blog-three-image.two {
  height: 250px;
}

.blog-box-grid {
  grid-column-gap: 50px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 2fr;
  margin-top: 80px;
}

.lightbox-link {
  background-image: url('../images/blue-house.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lightbox-play {
  background-color: var(--white);
  border-radius: 37.5px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
}

.lp3-form-grid {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 56px;
  margin-bottom: 16px;
}

.field-label {
  margin-bottom: 6px;
}

.footer-v2-grid {
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

.footer-v2 {
  background-color: var(--handy-footer);
  padding-top: 125px;
  padding-bottom: 180px;
  position: relative;
}

.footer-header {
  color: var(--white);
  margin-bottom: 32px;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

.footer-header._16-bottom {
  margin-bottom: 16px;
}

.footer-header.dark {
  color: var(--handy-text);
  font-size: 18px;
}

.footer-form {
  margin-top: 24px;
  display: flex;
}

.bottom-footer-v2 {
  margin-bottom: 32px;
  position: absolute;
  inset: auto 0% 0%;
}

.bottom-line {
  background-color: #ffffff0d;
  width: 100%;
  height: 1px;
  margin-bottom: 34px;
}

.footer-v3-grid {
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
}

.social-link {
  background-color: var(--background-3);
  border-radius: 17px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 12px;
  margin-right: 12px;
  transition: background-color .25s;
  display: flex;
}

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

.socail-links {
  display: flex;
}

.footer-v3 {
  background-color: var(--white);
  padding-top: 125px;
  padding-bottom: 180px;
  position: relative;
}

.h5-heading-link {
  text-decoration: none;
}

.category-tag {
  z-index: 1;
  background-color: var(--white);
  color: var(--handy-text);
  border-radius: 20px;
  padding: 8px 24px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: relative;
  bottom: auto;
  right: auto;
}

.category-tag._35 {
  z-index: 10;
}

.category-tag.post {
  background-color: var(--background-3);
  transition: background-color .25s;
  display: inline-block;
  position: static;
}

.category-tag.post:hover {
  background-color: var(--white);
}

.blog-image {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  position: absolute;
  inset: 0%;
}

.blog-box-image {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  align-items: flex-end;
  padding-bottom: 12px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.h4-heading.white {
  z-index: 2;
  color: var(--white);
  position: relative;
}

.h4-heading._0-top {
  margin-top: 0;
}

.h4-heading._40-top {
  margin-top: 40px;
}

.h4-heading._80-top {
  margin-top: 80px;
}

.h4-heading._0-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.h4-heading._8-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.h6-heading.white {
  z-index: 2;
  color: var(--white);
  position: relative;
}

.h6-heading.number {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.h6-heading._8-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.h6-heading._0-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.blog-fade {
  z-index: 1;
  background-image: linear-gradient(#1e224500, #1e224580);
  border-radius: 3px;
  position: absolute;
  inset: 0%;
}

.faq-divider {
  background-color: var(--background-3);
  height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.faq-divider.tall {
  margin-top: 12px;
  margin-bottom: 12px;
}

.faq-element.box {
  background-color: var(--white);
  border-radius: 3px;
  padding: 8px 32px;
}

.faq-element.box.background-3 {
  background-color: var(--background-3);
}

.faq-question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.faq-question.box {
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq-answer {
  padding-right: 40px;
  display: none;
  overflow: hidden;
}

.faq-answer.box {
  display: none;
}

.faq-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.plus-horizontal {
  background-color: var(--handy-text);
  border-radius: 1px;
  width: 12px;
  height: 2px;
}

.plus-vertical {
  background-color: var(--handy-text);
  border-radius: 1px;
  width: 2px;
  height: 12px;
  position: absolute;
}

.plus-div {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-left: 40px;
  display: flex;
  position: relative;
}

.email-link {
  color: var(--handy-text);
  margin-top: 8px;
  margin-bottom: 40px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
  display: block;
}

.email-link:hover {
  color: #1e2245a6;
}

.career-element {
  background-color: var(--white);
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  padding: 28px 32px;
  display: flex;
  box-shadow: 0 0 40px #10395f14;
}

.career-position {
  font-size: 19px;
  font-weight: 700;
  line-height: 22px;
}

.career-position.small {
  font-size: 16px;
}

.phone-link {
  color: var(--handy-blue);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
}

.phone-link.w--current {
  margin-left: 24px;
}

.location {
  color: #1e224580;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 500;
}

.location._0-bottom {
  margin-bottom: 0;
}

.location.small {
  font-size: 14px;
}

.perks {
  margin-bottom: 16px;
  margin-right: 24px;
  font-size: 15px;
  font-weight: 700;
  display: inline-block;
}

.perks-div {
  margin-top: 32px;
  margin-bottom: 24px;
}

.career-div {
  align-items: flex-end;
  display: flex;
}

.career-link {
  background-color: var(--white);
  color: var(--handy-text);
  cursor: pointer;
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  padding: 28px 32px;
  text-decoration: none;
  display: flex;
}

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

.city-contact-div {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.cta-link {
  color: var(--handy-text);
  margin-bottom: 12px;
  margin-right: 32px;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
  display: inline-block;
}

.cta-link:hover {
  color: #1e2245b3;
}

.cta-links {
  margin-top: 40px;
}

.grid-box {
  background-color: var(--background-1);
  border-radius: 3px;
  grid-template-rows: auto;
  padding: 51px 70px 59px;
}

.quote-white-div {
  background-color: var(--white);
  border-radius: 3px;
  padding: 40px 40px 32px;
  box-shadow: 0 0 40px #10395f14;
}

.quote-text {
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
}

.client-quote-div {
  margin-top: 8px;
}

.popup-bg {
  z-index: 99999;
  background-color: #10395f66;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-bg.simple, .popup-bg.two {
  display: none;
}

.popup-box {
  background-color: var(--white);
  text-align: center;
  border-radius: 3px;
  width: 900px;
  max-width: 90%;
  padding: 24px 100px 48px;
  position: relative;
}

.popup-box.one {
  display: block;
}

.popup-box.two {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.popup-grid {
  grid-template-rows: auto;
  align-self: stretch;
  margin-top: 16px;
  margin-bottom: 16px;
}

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

.popup-text {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: 16px 16px auto auto;
}

.form-block {
  margin-bottom: 0;
}

.video-div {
  background-image: linear-gradient(#10395f80, #10395f80), url('../images/gallery-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 3px;
  align-items: flex-end;
  height: 450px;
  display: flex;
}

.video-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  margin: 40px 64px;
}

.video-circle {
  background-color: var(--white);
  border-radius: 37.5px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  display: flex;
}

.play-circle {
  background-color: var(--white);
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

.play-border {
  border: 2px solid var(--white);
  border-radius: 45px;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
}

.video-text {
  color: var(--white);
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

.contact-block {
  margin-top: 32px;
}

.form-box {
  background-color: var(--white);
  border-radius: 3px;
  width: 370px;
  padding: 48px 40px;
}

.form-box.lp {
  width: 450px;
}

.form-box.lp.shadow {
  box-shadow: 0 0 40px #10395f14;
}

.caption {
  color: var(--handy-blue);
  letter-spacing: .5px;
  margin-bottom: -12px;
  font-size: 13px;
  font-weight: 700;
}

.form-2 {
  flex-direction: column;
  margin-top: 32px;
  display: flex;
}

.form-white-box {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 3px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px;
  display: block;
}

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

.checkbox {
  border: 1.5px solid #10395f1c;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.checkbox-label {
  margin-left: 12px;
  font-size: 13px;
  font-weight: 500;
}

.checkbox-field {
  margin-bottom: 16px;
}

.position-form-block {
  margin-bottom: 0;
}

.gallery-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 480px;
  display: grid;
}

.lightbox-gallery {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  align-items: flex-end;
  padding: 24px;
  display: flex;
  position: relative;
}

.lightbox-gallery.one {
  background-image: linear-gradient(#10395f40, #10395f40), url('../images/gallery-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.lightbox-gallery.two {
  background-image: linear-gradient(#10395f40, #10395f40), url('../images/gallery-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.lightbox-gallery.three {
  background-image: linear-gradient(#10395f40, #10395f40), url('../images/gallery-3.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.lightbox-gallery.four {
  background-image: linear-gradient(#10395f40, #10395f40), url('../images/gallery-4.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.lightbox-gallery.five {
  background-image: linear-gradient(#10395f40, #10395f40), url('../images/gallery-5.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.lightbox-gallery.six {
  background-image: linear-gradient(#10395f40, #10395f40), url('../images/gallery-6.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.gallery-image-div {
  color: var(--handy-text);
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
}

.gallery-grid-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 630px;
  display: grid;
}

.notification-grid {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--background-1);
  border-radius: 3px;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr .75fr;
  grid-auto-columns: 1fr;
  padding: 16px 24px 16px 32px;
  display: grid;
  position: fixed;
  inset: auto 20px 20px;
}

.notification-text {
  color: var(--white);
  font-size: 13px;
  font-weight: 400;
}

.tabs-content {
  align-self: stretch;
  margin-top: 60px;
}

.tab-link {
  color: #1e224566;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #ddd0;
  margin-bottom: -2px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 13px;
  font-weight: 700;
  transition: color .25s;
}

.tab-link.w--current {
  border-bottom: 2px solid var(--handy-footer);
  color: #1e2245;
  background-color: #ddd0;
}

.tabs-menu {
  border-bottom: 2px solid var(--background-3);
  display: inline-block;
}

.tabs {
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.tabs-content-2 {
  margin-top: 40px;
}

.tab-link-2 {
  color: var(--handy-text);
  background-color: #ddd0;
  margin-right: 8px;
  padding: 12px 25px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .5s;
}

.tab-link-2:hover {
  background-color: var(--background-3);
}

.tab-link-2.w--current {
  background-color: var(--background-3);
  border-radius: 3px;
}

.tabs-menu-3 {
  flex-direction: column;
  display: flex;
}

.tab-link-3 {
  background-color: #ddd0;
  border-radius: 3px;
  margin-bottom: 8px;
  padding: 16px 24px;
  font-size: 15px;
  font-weight: 500;
  transition: background-color .5s;
}

.tab-link-3:hover, .tab-link-3.w--current {
  background-color: var(--background-3);
}

.category-link {
  background-color: var(--background-3);
  color: var(--handy-text);
  border-radius: 20px;
  margin-right: 24px;
  padding: 8px 24px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.post-info-div {
  align-items: center;
  display: flex;
}

.post-date {
  font-size: 13px;
  font-weight: 700;
}

.empty-image {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
}

.pricing-box {
  background-color: var(--background-3);
  text-align: center;
  border-radius: 3px;
  flex-direction: column;
  align-items: center;
  max-width: 330px;
  padding: 56px 32px 48px;
  display: flex;
}

.pricing-feature-text {
  text-align: left;
  font-size: 15px;
  font-weight: 500;
}

.image {
  border-radius: 3px;
}

.image.inspection {
  background-image: url('../images/blue-house.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image._24-bottom {
  margin-bottom: 24px;
}

.image.maintnence {
  background-image: url('../images/blue-house.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.maintnence.hire-image {
  background-image: url('../images/bernd-klutsch-nE2HV5AUXFo-unsplash.jpg');
}

.image._16-bottom {
  margin-bottom: 16px;
}

.image.property {
  background-image: url('../images/blue-house.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.right {
  background-image: url('../images/landing-1-hero_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150%;
}

.image.left {
  background-image: url('../images/landing-5-hero.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150%;
}

.image.person {
  background-image: url('../images/house-image.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.estimate {
  background-image: linear-gradient(#10395f40, #10395f40), url('../images/gallery-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.image.estimate._280 {
  background-image: linear-gradient(#0000, #0000), url('../images/luca-bravo-9l_326FISzk-unsplash.jpg');
}

.image.book {
  background-image: url('../images/landing-5-hero_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.image.book._280 {
  background-image: url('../images/vladimir-kudinov-KBX9XHk266s-unsplash.jpg');
}

.pricing-feature-image-div {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  display: flex;
}

.pricing-feature {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 16px;
  display: flex;
}

.pricing-feature.left {
  justify-content: flex-start;
}

.pricing-box-white {
  background-color: var(--white);
  text-align: center;
  border-radius: 3px;
  flex-direction: column;
  align-items: center;
  padding: 36px 40px 40px;
  display: flex;
}

.pricing-box-white.middle {
  padding-top: 15px;
}

.most-popular {
  background-color: var(--handy-sky);
  color: var(--white);
  border-radius: 3px;
  align-self: stretch;
  margin-bottom: 36px;
  margin-left: -25px;
  margin-right: -25px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
}

.pricing-grid-cta {
  grid-column-gap: 80px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr;
  grid-auto-columns: 1fr;
  padding-right: 50px;
}

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

.pricing-top-plan {
  margin-bottom: -16px;
  font-size: 16px;
  font-weight: 500;
}

.pricing-grid-top {
  grid-column-gap: 80px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr 1fr;
  align-items: end;
  margin-bottom: 15px;
  padding-right: 50px;
}

.pricing-grid-content {
  grid-column-gap: 80px;
  grid-row-gap: 50px;
  border-top: 1px solid var(--background-3);
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr 1fr;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 50px;
}

.pricing-text {
  font-size: 16px;
  font-weight: 500;
}

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

.city-address {
  font-size: 15px;
  font-weight: 500;
}

.rating-name-div {
  margin-top: 24px;
}

.contact-main {
  color: var(--handy-text);
  margin-bottom: 2px;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}

.contact-main.link {
  transition: color .25s;
}

.contact-main.link:hover {
  color: #1e2245bf;
}

.contact-info-title {
  color: #1e224580;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.contact-info-div {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.contact-info {
  margin-bottom: 24px;
}

.open-times-div {
  background-color: var(--white);
  border-radius: 3px;
  flex: none;
  align-self: flex-start;
  margin-top: 40px;
  margin-left: 50px;
  box-shadow: 0 0 40px #10395f14;
}

.grey-description {
  color: #8c9cb4;
  margin-bottom: 8px;
  font-weight: 500;
  line-height: 21px;
}

.location-div {
  margin-bottom: 32px;
}

.location-div.center {
  text-align: center;
  max-width: 250px;
  text-decoration: none;
}

.content-flex {
  flex: 1;
  max-width: 550px;
}

.open-div {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.open-times-title-2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.open-image {
  margin-right: 12px;
}

.testimonial-copy {
  color: #ffffffa6;
  width: 65%;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.pricing-feature-div {
  margin-top: 32px;
}

.package-title {
  letter-spacing: -.5px;
  margin-bottom: -16px;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.free-package {
  color: #6e707ba6;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 500;
}

.h4-pricing {
  margin-right: 1px;
  display: inline-block;
}

.per-month {
  font-size: 19px;
  font-weight: 500;
  display: inline-block;
}

.testimonial-image {
  background-image: url('../images/blue-house.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  flex: 1;
  height: 100%;
  padding: 32px 40px;
  position: relative;
}

.testimonial-image-opening {
  justify-content: flex-end;
  align-items: center;
  padding-left: 35%;
  display: flex;
  position: relative;
}

.testimonial {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 770px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slide {
  height: auto;
}

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

.slide-nav {
  display: none;
}

.slider-circle {
  border: 2px solid #fff3;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.right-arrow {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.left-arrow {
  align-items: center;
  display: flex;
}

.mask {
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.steps-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 72px;
  margin-bottom: 72px;
  padding-left: 70px;
  padding-right: 70px;
}

.step-inner-circle {
  border: 2px solid var(--handy-sky);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.h4-number {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
}

.step-circle {
  border: 6px solid #44abf633;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-bottom: 40px;
  display: flex;
}

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

.step-description {
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.section._64-top {
  padding-top: 64px;
}

.section.background-3 {
  background-color: var(--background-3);
}

.section._76-top {
  padding-top: 76px;
}

.section._76-top.background-fade {
  background-image: linear-gradient(to bottom, var(--background-3), white);
}

.section._76-top.bg1 {
  background-image: linear-gradient(#10395f80, #10395f80), url('../images/blue-house.jpg');
  background-position: 0 0, 50% 65%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

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

.section._96-120.background-fade {
  background-image: linear-gradient(to bottom, var(--background-3), white);
}

.section._56-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.section.background-2 {
  background-color: var(--background-2);
}

.section._40-48 {
  padding-top: 40px;
  padding-bottom: 48px;
}

.section._40-48.footer-color {
  background-color: var(--handy-footer);
}

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

.section._150-150.bg1 {
  background-image: linear-gradient(#10395f80, #10395f80), url('../images/helmet-image.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

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

.section._120-120.background-fade {
  background-image: linear-gradient(to bottom, var(--background-3), white);
}

.section.bg2 {
  background-image: linear-gradient(#10395f80, #10395f80), url('../images/video-bg-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section._84-top {
  padding-top: 84px;
}

.section.overflow {
  overflow: hidden;
}

.section.overflow._100-76 {
  padding-bottom: 76px;
}

.section._76-84 {
  padding-top: 76px;
  padding-bottom: 84px;
}

.section._76-84.background-fade {
  background-image: linear-gradient(to bottom, var(--background-3), white);
}

.section._48-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.section.background-1 {
  background-color: var(--background-1);
}

.section._150-top {
  padding-top: 150px;
}

.section._175-bottom {
  padding-bottom: 175px;
}

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

.section._76-52 {
  padding-top: 76px;
  padding-bottom: 52px;
}

.section._80-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section._0-bottom {
  padding-bottom: 0;
}

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

.section._48-bottom {
  padding-bottom: 48px;
}

.section._40-top {
  padding-top: 40px;
}

.section._48-top {
  padding-top: 48px;
}

.section._24-top {
  padding-top: 24px;
}

.section._84-0 {
  padding-top: 84px;
  padding-bottom: 0;
}

.section._76-bottom {
  padding-bottom: 76px;
}

.section._70-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.section._160-110 {
  padding-top: 160px;
  padding-bottom: 110px;
}

.section._64-205 {
  padding-top: 64px;
  padding-bottom: 205px;
}

.logo-grid-div {
  position: absolute;
  inset: -75px 0% auto;
}

.logo-grid {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 56px 50px;
  display: grid;
}

.projects-completed {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.project-top {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  align-items: flex-end;
  width: 100%;
  height: 320px;
  padding: 24px;
  display: flex;
  position: relative;
}

.client-info {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.client-info.client {
  margin-right: 16px;
}

.client-info.info {
  color: #1e224580;
}

.client-info-div {
  margin-top: 24px;
}

.h5-link-block {
  text-decoration: none;
}

.grey-background {
  z-index: -1;
  background-image: linear-gradient(to bottom, white, var(--background-3));
  height: 250px;
  position: absolute;
  inset: auto 0% 0%;
}

.blog-sidebar {
  flex-direction: column;
  width: 100%;
  max-width: 280px;
}

.category-item {
  border-bottom: 1px solid var(--background-3);
  font-size: 15px;
  font-weight: 500;
}

.blog-sidebar-div {
  margin-bottom: 48px;
}

.blog-sidebar-div.tags {
  margin-bottom: 0;
}

.tag-list {
  flex-wrap: wrap;
  display: flex;
}

.tag-item {
  border-bottom: 1px solid var(--background-3);
  background-color: var(--background-3);
  border-radius: 3px;
  margin-bottom: 8px;
  margin-right: 8px;
  font-size: 15px;
  font-weight: 500;
  transition: background-color .25s;
}

.tag-item:hover {
  background-color: var(--white);
}

.pagination {
  justify-content: flex-start;
  margin-top: 80px;
}

.next {
  margin-left: 0;
  margin-right: 0;
}

.previous {
  margin-left: 0;
  margin-right: 16px;
}

.post-image {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 3px;
  height: 450px;
}

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

.post-header {
  flex-direction: column;
  align-items: center;
  width: 50%;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rich-text h4, .rich-text h3, .rich-text h2 {
  margin-top: 48px;
}

.rich-text h5 {
  margin-top: 40px;
}

.rich-text h6 {
  margin-top: 32px;
}

.rich-text ol {
  margin-top: 32px;
  margin-bottom: 26px;
}

.rich-text li {
  color: var(--handy-text);
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
}

.rich-text ul {
  margin-top: 32px;
  margin-bottom: 24px;
}

.rich-text strong {
  color: var(--handy-text);
  font-weight: 500;
}

.rich-text blockquote {
  margin-left: -26px;
}

.rich-text a {
  font-size: 16px;
}

.written-by {
  margin-top: 40px;
  margin-bottom: 24px;
}

.post-info {
  color: var(--handy-text);
  margin-right: 4px;
  font-weight: 500;
  text-decoration: none;
  display: inline;
}

.post-info.grey {
  color: #1e224599;
}

.message-copy {
  color: #1e224599;
  width: 75%;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.support-div {
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.support-image {
  background-image: url('../images/jim-support.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 37.5px;
  width: 75px;
  height: 75px;
  margin-right: 24px;
}

.support-subtitle {
  font-weight: 500;
}

.map {
  border-radius: 3px;
  height: 100%;
}

.map-2 {
  height: 375px;
}

.contact-grid {
  grid-column-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  margin-left: 70px;
  margin-right: 70px;
}

.career-location {
  color: var(--white);
  font-weight: 500;
}

.service-quote-div {
  margin-top: 40px;
  padding-right: 20%;
}

.service-quote-text {
  letter-spacing: -.5px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
}

.project-fade {
  background-color: #10395f80;
  border-radius: 3px;
  position: absolute;
  inset: 0%;
}

.project-client-logo {
  z-index: 1;
  position: relative;
}

.project-wrapper {
  margin-top: 80px;
}

.darkener {
  background-color: #10395f80;
  position: absolute;
  inset: 0%;
}

.project-quote {
  max-width: 400px;
  margin-top: 64px;
}

.h1-merged-div {
  margin-top: 24px;
  margin-bottom: 24px;
}

.sidebar-div {
  background-color: var(--background-3);
  border-radius: 3px;
  margin-bottom: 24px;
  padding: 12px 40px 40px;
}

.sidebar-div.black {
  background-color: var(--background-1);
}

.sidebar-div.last {
  margin-bottom: 0;
}

.service-link {
  color: var(--handy-text);
  background-color: #fff0;
  border-radius: 3px;
  margin-bottom: 8px;
  padding: 14px 24px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .5s;
  display: block;
}

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

.service-link.w--current {
  background-color: #fff;
}

.service-sidebar {
  max-width: 350px;
  margin-top: 48px;
}

.service-wrapper {
  margin-top: 32px;
}

.emergency-text {
  color: #ffffff80;
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 25px;
}

.download-link {
  color: var(--handy-text);
  flex-wrap: wrap;
  align-items: flex-end;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
  display: flex;
}

.download-link:hover {
  color: var(--handy-blue);
}

.download-image {
  margin-right: 12px;
}

.navigation-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
}

.navigation-link {
  text-align: center;
  text-decoration: none;
}

.title-div {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.title-div._60 {
  width: 60%;
  margin-bottom: 16px;
}

.component-link {
  color: var(--white);
  margin: 14px 20px;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
  transition: color .25s;
}

.component-link:hover {
  color: #d1dbe4;
}

.component-div {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 850px;
  margin: 60px auto 16px;
  display: flex;
}

.paragraph._8-bottom {
  margin-bottom: 8px;
}

.paragraph._0-bottom {
  margin-bottom: 0;
}

.paragraph.bold {
  font-weight: 700;
}

.paragraph-link {
  transition: color .25s;
}

.account-div {
  justify-content: center;
  align-items: center;
  margin-top: 14vh;
  padding-bottom: 100px;
  display: flex;
}

.account-div._20vh {
  margin-top: 20vh;
}

.account-block {
  width: 370px;
  max-width: 90%;
  overflow: auto;
}

.account-form {
  margin-top: 32px;
}

.aternative-links {
  margin-top: 24px;
}

.or-grid {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(14px, 14px) 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  display: grid;
}

.or {
  font-size: 13px;
  font-weight: 500;
}

.line-div {
  background-color: #10395f14;
  width: 100%;
  height: 1px;
}

.google-button {
  border: 1.5px solid var(--background-3);
  width: 100%;
  color: var(--handy-text);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 500;
  transition: background-color .25s;
  display: flex;
}

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

.google-image {
  margin-right: 14px;
}

.bg2 {
  background-color: var(--background-2);
}

.source-link {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 210px;
  display: flex;
}

.source-link.unsplash {
  background-color: #000;
}

.source-link.pexels {
  background-color: #07a081;
}

.styleguide-div {
  margin-top: 80px;
}

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

.dropdown-list {
  background-color: var(--background-3);
}

.dropdown-list.w--open {
  border-radius: 3px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  font-weight: 500;
  left: -12px;
}

.dropdown-link {
  margin-left: 0;
  margin-right: 0;
  padding: 12px 48px 12px 24px;
  transition: background-color .25s;
}

.dropdown-link:hover {
  background-color: #1e22450f;
}

.dropdown-link.w--current {
  color: var(--handy-text);
  background-color: #1e22450f;
}

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

.grid._80-60 {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
}

.grid._50-50._4-col {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid._50-50._4-col._80-top {
  margin-top: 80px;
}

.grid._50-50._5-col {
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid._50-50._40-top {
  margin-top: 40px;
}

.grid._50-50._1-2 {
  grid-template-columns: 1fr 2fr;
}

.grid._80-80 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.grid._80-80._1-col, .grid._1-col {
  grid-template-columns: 1fr;
}

.grid._1-col._24-top {
  margin-top: 24px;
}

.grid._1-col._30-30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.grid._1-col._32-top {
  grid-row-gap: 16px;
  margin-top: 32px;
}

.grid._1-col._30-16 {
  grid-row-gap: 16px;
}

.grid._30-30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.grid._30-30._64-top {
  margin-top: 64px;
}

.grid._30-30.testimonial-grid {
  grid-template-columns: 2.1fr 1fr;
}

.grid._30-30._4-col-1-row {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid._30-30.align-end {
  align-items: end;
}

.grid._30-30.benefits {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  place-items: start center;
}

.grid._40-40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.grid._40-40._4-col {
  grid-row-gap: 64px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid._40-40._40-top {
  margin-top: 40px;
}

.grid._40-40.team {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid._40-40.team._80-top {
  margin-top: 80px;
}

.grid._40-40.icon-grid {
  margin-top: 32px;
}

.grid._56-56 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
}

.grid._100-50 {
  grid-column-gap: 100px;
  grid-row-gap: 50px;
}

.grid._100-50._300px-1 {
  grid-template-columns: minmax(300px, 300px) 1fr;
  align-items: center;
}

.grid._120-60 {
  grid-column-gap: 120px;
  grid-row-gap: 60px;
}

.grid._120-60._33-1 {
  grid-template-columns: 33% 1fr;
}

.grid._50-60 {
  grid-column-gap: 50px;
  grid-row-gap: 60px;
}

.grid._50-60._3-col {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid._50-60._2-1 {
  grid-template-columns: 2fr 1fr;
}

.grid._50-60._1-3 {
  grid-template-columns: 1fr 3fr;
}

.grid._30-16 {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
}

.grid._30-16._1-col {
  grid-template-columns: 1fr;
}

.grid._30-16._1-col._40-top {
  margin-top: 40px;
}

.grid._32-16 {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
}

.grid._32-16._50px-1 {
  grid-template-columns: minmax(50px, 50px) 1fr;
}

.grid._50-50 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.grid._50-50._4-col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid._30-0 {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
}

.grid._30-0._64-top {
  margin-top: 64px;
}

.grid._30-0._4-col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid.pricing {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: end;
}

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

.content-div._32-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.content-div._32-32._16-right {
  padding-right: 16px;
}

.content-div._76-100 {
  margin-top: 78px;
  margin-bottom: 100px;
}

.content-div._76-100._15-right {
  padding-right: 15%;
}

.content-div._32-top {
  margin-top: 32px;
}

.content-div._20-right {
  padding-right: 20%;
}

.content-div._70-right {
  padding-right: 70px;
}

.content-div._100-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.content-div._100-100._20 {
  padding-right: 20%;
}

.content-div._100-100._70-10 {
  padding-left: 70px;
  padding-right: 10%;
}

.content-div._75-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.content-div._75-75._20 {
  padding-right: 20%;
}

.content-div._10-right {
  padding-right: 10%;
}

.content-div._24-top {
  margin-top: 24px;
}

.content-div._40-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.content-div._40-40._50-left {
  padding-left: 50px;
}

.content-div._48-top {
  margin-top: 48px;
}

.content-div._75 {
  width: 75%;
}

.content-div._450 {
  width: 450px;
}

.content-div._520 {
  width: 520px;
}

.content-div._600 {
  width: 600px;
}

.blog-box-item {
  height: 360px;
  display: block;
  position: relative;
}

.h5-heading-div {
  margin-top: 48px;
  margin-bottom: 32px;
}

.flex-vertical {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.flex-vertical._65 {
  width: 65%;
}

.flex-vertical._75 {
  width: 75%;
}

.flex-vertical._75._64-bottom {
  margin-bottom: 64px;
}

.flex-vertical._75._32-bottom {
  margin-bottom: 32px;
}

.flex-vertical.stretch {
  align-items: stretch;
}

.flex-vertical._540 {
  width: 540px;
}

.flex-vertical._64-bottom {
  margin-bottom: 64px;
}

.flex-vertical._80-bottom {
  margin-bottom: 80px;
}

.image-element {
  cursor: pointer;
}

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

.contact-flex {
  justify-content: space-between;
  display: flex;
}

.div._40-top, .message-form {
  margin-top: 40px;
}

.success-message {
  background-color: var(--background-3);
  text-align: center;
  border-radius: 3px;
  padding: 32px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
}

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

.success-message.white.left {
  text-align: left;
  padding-top: 24px;
  padding-bottom: 24px;
}

.success-message.footer {
  color: var(--white);
  text-align: left;
  background-color: #2a2f56;
  padding-top: 24px;
  padding-bottom: 24px;
}

.success-message.left {
  text-align: left;
  padding-top: 24px;
  padding-bottom: 24px;
}

.lp2-subscription {
  margin-top: 32px;
}

.error-message {
  background-color: var(--background-3);
  border-radius: 3px;
  max-width: 280px;
  margin-top: 24px;
  padding: 12px 16px;
  font-weight: 500;
  line-height: 23px;
}

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

.error-message.footer {
  margin-top: 12px;
}

.error-message.center {
  margin-left: auto;
  margin-right: auto;
}

.error-message.fullwidth {
  max-width: 100%;
}

.error-flex {
  align-items: center;
  display: flex;
}

.error-flex.center {
  justify-content: center;
}

.error-image {
  margin-right: 16px;
}

.lp3-appointment {
  margin-top: 58px;
}

.footer-subscription {
  margin-top: 24px;
}

.quote-request {
  margin-top: 32px;
  margin-bottom: 0;
}

.contact-form {
  margin-top: 56px;
}

.number-circle {
  border: 2px solid var(--background-1);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.step-line {
  background-color: #10395f1a;
  border-radius: 1px;
  width: 2px;
  height: 60px;
}

.services-grid-div {
  position: absolute;
  inset: -80px 0% auto;
}

.services-div {
  background-color: var(--white);
  border-radius: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 56px 40px;
  display: block;
}

.service-flex {
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.service-image {
  margin-right: 20px;
}

.service-image.big {
  width: 42px;
  height: 42px;
}

.empty-state {
  background-color: var(--background-3);
  text-align: center;
  border-radius: 3px;
  padding: 32px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
}

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

.video-lightbox {
  margin-top: 24px;
  transition: transform .25s;
}

.video-lightbox:hover {
  transform: scale(1.15);
}

.blog-item-div {
  transition: transform .25s;
}

.blog-item-div:hover {
  transform: translate(0, -5px);
}

.tag-link {
  background-color: var(--background-3);
  color: var(--handy-text);
  border-radius: 3px;
  padding: 8px 15px;
  transition: background-color .25s;
}

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

.category-link-block {
  color: var(--handy-text);
  padding-top: 16px;
  padding-bottom: 16px;
  transition: transform .25s;
  display: block;
}

.category-link-block:hover {
  transform: translate(5px);
}

.project-item-div {
  transition: transform .25s;
}

.project-item-div:hover {
  transform: translate(0, -5px);
}

.name {
  clear: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

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

.company {
  font-weight: 500;
  line-height: 21px;
}

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

.button-grid {
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 48px;
  display: flex;
}

.button-div {
  align-self: flex-start;
  margin-bottom: 16px;
  margin-right: 16px;
}

.button-div.text {
  align-self: center;
  padding-left: 16px;
  padding-right: 16px;
}

.text-div {
  margin-top: 48px;
}

.open-time-div {
  display: flex;
}

.blog-box-small-grid {
  grid-column-gap: 50px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._50-50 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-position, .gallery-image {
  float: left;
  background-color: var(--white);
  border-radius: 20px;
  padding: 8px 24px;
}

.category-tag-div {
  z-index: 1;
  float: left;
  color: var(--handy-text);
  padding-top: 35px;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.category-tag-div._32 {
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
}

.lumen-link {
  color: #1e2245bf;
  font-size: 13px;
}

.lumen-link:hover {
  color: var(--handy-text);
}

.image-2 {
  border: 1px solid #f0f1f1;
  border-radius: 100px;
}

.heading {
  font-family: PT Serif, serif;
}

.image-3 {
  border: 1px solid #29292a;
  border-radius: 20px;
}

.company-image {
  height: 64px;
}

.bold-text {
  font-family: PT Serif, serif;
}

.bold-text-2 {
  color: #161616;
}

.heading-2 {
  font-family: PT Serif, serif;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 52px;
    line-height: 62px;
  }

  h2 {
    font-size: 42px;
    line-height: 52px;
  }

  h3 {
    font-size: 34px;
    line-height: 44px;
  }

  h4 {
    font-size: 28px;
    line-height: 40px;
  }

  h5 {
    font-size: 24px;
    line-height: 36px;
  }

  h6 {
    font-size: 20px;
    line-height: 32px;
  }

  .button.sky.footer-button, .button.pricing, .button.lp2 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .nav-link {
    padding-left: 5%;
    padding-right: 5%;
  }

  .nav-link.phone {
    padding-left: 24px;
    padding-right: 24px;
  }

  .logo.shrink {
    flex: 1;
  }

  .nav-menu {
    background-color: var(--background-3);
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 0;
  }

  .nav-menu.grow {
    padding-left: 0;
  }

  .nav-menu.grow.dark {
    background-color: var(--background-1);
  }

  .nav-dropdown {
    padding-left: 5%;
    padding-right: 5%;
  }

  .nav-dropdown.left {
    padding-left: 5%;
  }

  .header.lp3 {
    padding-top: 100px;
    padding-bottom: 120px;
  }

  .header.elements-page, .header.utility {
    padding-top: 90px;
    padding-bottom: 66px;
  }

  .header.lp1 {
    padding-top: 170px;
    padding-bottom: 110px;
  }

  .header.lp4 {
    padding-top: 90px;
    padding-bottom: 120px;
  }

  .header.lp5 {
    padding-top: 100px;
    padding-bottom: 120px;
  }

  .header.home {
    padding-top: 100px;
    padding-bottom: 125px;
  }

  .header.inner-page, .header.white {
    padding-top: 90px;
    padding-bottom: 66px;
  }

  .header.project {
    padding-top: 90px;
    padding-bottom: 76px;
  }

  .styleguides-nav {
    margin-right: 5%;
    padding-right: 0;
  }

  .navbar-div.grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: .5fr .5fr minmax(40px, 50px);
  }

  .footer {
    padding-top: 125px;
    padding-bottom: 175px;
  }

  .header-1-grid {
    grid-column-gap: 40px;
  }

  .open-times.margin {
    padding: 40px 40px 30px;
  }

  .calendar-day.fixed {
    width: 120px;
  }

  .calendar-time.fixed {
    width: 100px;
  }

  .header-2-grid {
    grid-column-gap: 30px;
  }

  .header-2-text {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .lp-grid {
    grid-column-gap: 40px;
  }

  .team-position-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-wrapper._80-top {
    margin-top: 70px;
  }

  .blog-box-grid {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 2fr;
    margin-top: 70px;
  }

  .footer-v2-grid {
    grid-column-gap: 30px;
    grid-template-columns: 1.3fr 1fr;
  }

  .footer-v2, .footer-v3 {
    padding-top: 100px;
    padding-bottom: 155px;
  }

  .h4-heading.white.box {
    font-size: 20px;
    line-height: 32px;
  }

  .h4-heading._80-top {
    margin-top: 60px;
  }

  .h4-heading._8-8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .city-contact-div {
    flex-direction: column;
  }

  .city-contact-div.apply {
    flex-direction: row;
  }

  .cta-link {
    display: inline-block;
  }

  .grid-box {
    padding: 39px 50px 47px;
  }

  .video-grid {
    grid-column-gap: 16px;
    grid-template-columns: 3fr 1fr;
    margin-left: 50px;
    margin-right: 50px;
  }

  .form-box.lp, .form-box.lp.align-end.shadow {
    width: auto;
  }

  .gallery-grid, .gallery-grid-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .pricing-box-white {
    padding-left: 30px;
    padding-right: 30px;
  }

  .most-popular {
    margin-left: -15px;
    margin-right: -15px;
  }

  .pricing-grid-cta, .pricing-grid-top, .pricing-grid-content {
    grid-column-gap: 50px;
  }

  .open-times-div {
    margin-left: 40px;
  }

  .steps-grid {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

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

  .section._64-top {
    padding-top: 44px;
  }

  .section._76-top {
    padding-top: 56px;
    padding-bottom: 80px;
  }

  .section._96-120 {
    padding-top: 66px;
    padding-bottom: 90px;
  }

  .section._56-56 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

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

  .section._84-top {
    padding-top: 64px;
  }

  .section.overflow._100-76 {
    padding-bottom: 56px;
  }

  .section._76-84 {
    padding-top: 56px;
    padding-bottom: 64px;
  }

  .section._150-top.background-2 {
    padding-top: 140px;
  }

  .section._175-bottom {
    padding-bottom: 150px;
  }

  .section._76-52 {
    padding-top: 56px;
    padding-bottom: 32px;
  }

  .section._80-80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section._48-bottom {
    padding-bottom: 28px;
  }

  .section._40-top {
    padding-top: 20px;
  }

  .section._48-top {
    padding-top: 28px;
  }

  .section._84-0 {
    padding-top: 64px;
  }

  .section._76-bottom {
    padding-bottom: 56px;
  }

  .section._70-70 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section._160-110 {
    padding-top: 125px;
    padding-bottom: 75px;
  }

  .section._64-205 {
    padding-top: 44px;
    padding-bottom: 155px;
  }

  .pagination {
    margin-top: 60px;
  }

  .post-header {
    width: 65%;
  }

  .rich-text blockquote {
    margin-left: 0;
    padding-left: 24px;
    font-size: 20px;
    line-height: 31px;
  }

  .contact-grid {
    margin-left: 0;
    margin-right: 0;
  }

  .career-location {
    margin-bottom: 16px;
  }

  .project-wrapper {
    margin-top: 70px;
  }

  .sidebar-div {
    padding-left: 30px;
    padding-right: 30px;
  }

  .title-div {
    margin-bottom: 44px;
  }

  .title-div._60 {
    width: 80%;
  }

  .component-div {
    margin-top: 40px;
  }

  .account-block {
    position: sticky;
    top: 0;
  }

  .styleguide-div {
    margin-top: 60px;
  }

  .dropdown-list.w--open {
    background-color: var(--white);
    border-radius: 0;
    left: 0;
  }

  .dropdown-list.dark.w--open {
    background-color: #0d3357;
  }

  .dropdown-link {
    padding-left: 5%;
    padding-right: 5%;
  }

  .dropdown-link:hover, .dropdown-link.w--current {
    background-color: var(--background-3);
  }

  .dropdown-link.dark {
    color: var(--white);
    background-color: #0d3357;
  }

  .dropdown-link.dark:hover, .dropdown-link.dark.w--current {
    background-color: var(--background-1);
  }

  .grid._80-60 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .grid._50-50 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .grid._50-50._4-col._80-top {
    margin-top: 60px;
  }

  .grid._50-50._5-col {
    grid-template-rows: auto;
  }

  .grid._80-80 {
    grid-column-gap: 50px;
  }

  .grid._30-30._64-top {
    margin-top: 44px;
  }

  .grid._30-30.testimonial-grid {
    grid-template-columns: 1.8fr 1fr;
  }

  .grid._40-40._4-col {
    grid-column-gap: 30px;
  }

  .grid._40-40._40-top {
    grid-template-columns: 1fr;
  }

  .grid._40-40.team {
    grid-column-gap: 30px;
  }

  .grid._40-40.team._80-top {
    margin-top: 70px;
  }

  .grid._40-40.icon-grid {
    margin-bottom: -24px;
  }

  .grid._100-50._300px-1 {
    grid-column-gap: 50px;
  }

  .grid._120-60._33-1 {
    grid-column-gap: 50px;
    grid-template-columns: 50% 1fr;
  }

  .grid._50-60 {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .grid._50-60._2-col {
    grid-template-columns: 1fr 1fr;
  }

  .grid._50-60._1-3 {
    grid-template-columns: 1fr 2fr;
    display: grid;
  }

  .grid._30-0._4-col._64-top {
    margin-top: 44px;
  }

  .grid.pricing, .grid._3-services {
    grid-column-gap: 40px;
  }

  .content-div._76-100._15-right, .content-div._20-right {
    padding-right: 10%;
  }

  .content-div._70-right {
    padding-right: 0;
  }

  .content-div._100-100._20 {
    padding-right: 10%;
  }

  .content-div._100-100._70-10 {
    padding-left: 50px;
    padding-right: 0%;
  }

  .content-div._75-75._20 {
    padding-right: 10%;
  }

  .content-div._10-right {
    padding-right: 5%;
  }

  .content-div._40-40._50-left {
    padding-left: 25px;
  }

  .flex-vertical._65 {
    width: 75%;
  }

  .flex-vertical._75._64-bottom, .flex-vertical._64-bottom {
    margin-bottom: 44px;
  }

  .flex-vertical._80-bottom {
    margin-bottom: 70px;
  }

  .city-div {
    margin-top: -5px;
    margin-bottom: 12px;
  }

  .service-flex {
    font-size: 17px;
  }

  .service-image.big {
    width: 36px;
    height: 36px;
  }

  .menu-image {
    border-radius: 0;
  }

  .menu-button {
    padding: 14px 0 14px 24px;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .navbar-cta-div {
    flex: none;
    align-items: center;
    display: flex;
  }

  .blog-box-small-grid {
    grid-column-gap: 30px;
    grid-row-gap: 40px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 44px;
    line-height: 54px;
  }

  h2 {
    font-size: 38px;
    line-height: 50px;
  }

  h3 {
    font-size: 30px;
    line-height: 40px;
  }

  h4 {
    font-size: 25px;
    line-height: 35px;
  }

  h5 {
    font-size: 21px;
    line-height: 33px;
  }

  h6 {
    font-size: 18px;
    line-height: 28px;
  }

  .button.sky.footer-button {
    padding-left: 45px;
    padding-right: 45px;
  }

  .button.wide {
    padding-left: 100px;
    padding-right: 100px;
  }

  .button.small {
    margin-left: 24px;
  }

  .button.pricing {
    padding-left: 12px;
    padding-right: 12px;
  }

  .button.lp2 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .nav-link.phone {
    display: none;
  }

  .logo {
    padding-left: 0;
  }

  .header.lp3 {
    padding-top: 70px;
    padding-bottom: 90px;
  }

  .header.elements-page, .header.utility {
    padding-top: 70px;
    padding-bottom: 46px;
  }

  .header.lp1 {
    padding-top: 150px;
    padding-bottom: 80px;
  }

  .header.lp4, .header.lp5 {
    padding-top: 70px;
    padding-bottom: 90px;
  }

  .header.home {
    padding-top: 65px;
    padding-bottom: 100px;
  }

  .header.inner-page, .header.white {
    padding-top: 70px;
    padding-bottom: 46px;
  }

  .header.project {
    padding-top: 70px;
    padding-bottom: 56px;
  }

  .styleguides-flex {
    flex-direction: column;
  }

  .styleguides-nav {
    position: static;
  }

  .header-subtitle._40._75, .header-title-wrap {
    width: 100%;
  }

  .header-title-wrap.center {
    width: 90%;
  }

  .footer {
    padding-top: 100px;
    padding-bottom: 160px;
  }

  .footer-v1-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    margin-top: 24px;
    margin-bottom: 16px;
  }

  .footer-bottom.link.right {
    margin-left: 0;
    margin-right: 32px;
  }

  .footer-bottom.link.left.dark {
    display: inline-block;
  }

  .bottom-div {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .open-times {
    width: 300px;
  }

  .open-times._0-padding._220.nearby {
    width: 100%;
    max-width: 100%;
  }

  .open-times._0-padding.contact {
    width: 100%;
  }

  .open-times.margin {
    width: auto;
    padding-left: 45px;
    padding-right: 45px;
  }

  .open-times._300px {
    position: relative;
  }

  .open-times._400 {
    width: 400px;
  }

  .calendar-day {
    text-align: left;
  }

  .calendar-day.fixed {
    width: 135px;
  }

  .calendar-time.fixed {
    width: 120px;
  }

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

  .header-2-hero {
    background-position: 50% 70%;
    height: 380px;
    min-height: auto;
  }

  .header-2-text {
    padding-top: 0;
    padding-bottom: 15px;
    padding-right: 0;
  }

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

  .h1-inner-div.center {
    width: 100%;
  }

  .stat-div._0-bottom {
    margin-bottom: 0;
  }

  .collection-wrapper._80-top {
    margin-top: 60px;
  }

  .blog-box-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    margin-top: 60px;
  }

  .lightbox-link.video-image {
    height: 280px;
  }

  .footer-v2-grid {
    grid-template-columns: 1.3fr;
  }

  .footer-v2 {
    padding-top: 80px;
    padding-bottom: 200px;
  }

  .footer-v3-grid {
    grid-template-columns: 1fr;
  }

  .footer-v3 {
    padding-top: 80px;
    padding-bottom: 140px;
  }

  .h4-heading.white.box, .h6-heading.white.box-small {
    font-size: 28px;
    line-height: 38px;
  }

  .career-div {
    flex-wrap: wrap;
    padding-right: 24px;
  }

  .grid-box {
    grid-template-columns: 1fr;
    padding-top: 19px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .popup-box {
    padding-left: 40px;
    padding-right: 40px;
  }

  .form-white-box {
    padding: 50px 40px;
  }

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

  .gallery-grid-2 {
    grid-template-columns: 1fr 1fr;
    height: 630px;
  }

  .notification-grid {
    padding-left: 24px;
  }

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

  .tab-link-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .empty-image {
    height: 280px;
  }

  .image.inspection.testimonial-image {
    margin-left: 0;
  }

  .image.inspection.team-service-image, .image.inspection._280, .image.maintnence.hire-image, .image.maintnence._280, .image.property.quote-image {
    height: 280px;
  }

  .image.right, .image.left {
    width: 100%;
    height: 280px;
  }

  .image.person, .image.estimate._280, .image.book._280 {
    height: 280px;
  }

  .pricing-grid-cta {
    grid-column-gap: 30px;
    grid-template-columns: 1.5fr;
    padding-right: 0;
  }

  .pricing-grid-top, .pricing-grid-content {
    grid-column-gap: 30px;
    grid-template-columns: 1.5fr 1fr 1fr;
    padding-right: 0;
  }

  .open-times-div {
    margin-left: 0;
  }

  .location-div.last {
    margin-bottom: 0;
  }

  .testimonial-copy {
    width: 90%;
  }

  .testimonial-image {
    min-height: 320px;
    margin-left: -24px;
  }

  .testimonial-image.testimonial-times {
    height: 300px;
  }

  .testimonial-image-opening {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0%;
  }

  .slider {
    flex-direction: column;
  }

  .right-arrow {
    justify-content: flex-start;
    align-items: flex-end;
    width: 45%;
  }

  .left-arrow {
    justify-content: flex-end;
    align-items: flex-end;
    width: 45%;
  }

  .mask {
    max-width: 100%;
    padding-bottom: 100px;
  }

  .steps-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section._64-top {
    padding-top: 34px;
  }

  .section._76-top, .section._96-120 {
    padding-top: 46px;
    padding-bottom: 70px;
  }

  .section._56-56 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section._40-48.footer-color {
    padding-top: 20px;
  }

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

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

  .section._84-top {
    padding-top: 54px;
  }

  .section.overflow._100-76 {
    padding-bottom: 46px;
  }

  .section._76-84 {
    padding-top: 46px;
    padding-bottom: 54px;
  }

  .section._150-top {
    padding-top: 200px;
  }

  .section._150-top.background-2 {
    padding-top: 150px;
  }

  .section._175-bottom {
    padding-bottom: 185px;
  }

  .section._76-52 {
    padding-top: 46px;
    padding-bottom: 22px;
  }

  .section._80-80 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section._80-80._16-bottom {
    margin-bottom: 16px;
  }

  .section._48-bottom {
    padding-bottom: 18px;
  }

  .section._40-top {
    padding-top: 10px;
  }

  .section._48-top {
    padding-top: 18px;
  }

  .section._24-top {
    padding-top: 14px;
  }

  .section._84-0 {
    padding-top: 54px;
  }

  .section._76-bottom {
    padding-bottom: 16px;
  }

  .section._64-205 {
    padding-top: 34px;
  }

  .logo-grid-div {
    top: -120px;
  }

  .logo-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    padding: 40px 50px;
  }

  .blog-sidebar {
    max-width: 100%;
  }

  .blog-sidebar-div.last {
    margin-bottom: 0;
  }

  .post-header {
    width: 85%;
  }

  .rich-text blockquote {
    font-size: 18px;
    line-height: 28px;
  }

  .message-copy {
    width: 85%;
  }

  .map {
    height: 280px;
  }

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

  .project-wrapper {
    margin-top: 60px;
  }

  .project-quote {
    margin-top: 44px;
  }

  .service-sidebar {
    max-width: 100%;
    margin-top: 0;
  }

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

  .title-div._60 {
    width: 100%;
  }

  .component-div {
    margin-top: 30px;
  }

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

  .grid._80-60 {
    grid-row-gap: 30px;
  }

  .grid._50-50._4-col {
    grid-template-columns: 1fr 1fr;
  }

  .grid._50-50._4-col._80-top {
    grid-row-gap: 30px;
    margin-top: 50px;
  }

  .grid._50-50._5-col {
    grid-row-gap: 30px;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
  }

  .grid._50-50._1-2 {
    grid-template-columns: 1fr;
  }

  .grid._80-80 {
    grid-row-gap: 16px;
  }

  .grid._80-80._1-col {
    grid-row-gap: 60px;
  }

  .grid._1-col._24-top {
    grid-row-gap: 20px;
  }

  .grid._1-col._32-top {
    grid-row-gap: 24px;
    margin-top: 0;
  }

  .grid._30-30 {
    grid-template-columns: 1fr;
  }

  .grid._30-30._64-top {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }

  .grid._30-30.testimonial-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid._30-30._4-col-1-row {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .grid._30-30.career {
    grid-row-gap: 0px;
  }

  .grid._30-30.benefits {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .grid.cta-button {
    grid-row-gap: 16px;
  }

  .grid._40-40._4-col {
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .grid._40-40._40-top {
    grid-template-columns: 1fr 1fr;
    margin-top: 24px;
  }

  .grid._40-40.team {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .grid._40-40.team._80-top {
    margin-top: 60px;
  }

  .grid._40-40.icon-grid {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
  }

  .grid._100-50._300px-1, .grid._120-60._33-1 {
    grid-template-columns: 1fr;
  }

  .grid._50-60 {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .grid._50-60._3-col {
    grid-column-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid._50-60._2-1, .grid._50-60._2-col, .grid._50-60._1-3 {
    grid-template-columns: 1fr;
  }

  .grid._30-16._1-col._24-top {
    grid-row-gap: 16px;
  }

  .grid._50-50 {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .grid._30-0._4-col {
    grid-template-columns: 1fr 1fr;
  }

  .grid._30-0._4-col._64-top {
    margin-top: 34px;
  }

  .grid.pricing, .grid._3-services {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .content-div._32-32 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .content-div._76-100._15-right {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0%;
  }

  .content-div._20-right {
    padding-right: 0%;
  }

  .content-div._100-100._20 {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0%;
  }

  .content-div._100-100._70-10 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 30%;
  }

  .content-div._75-75 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .content-div._75-75._20 {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0%;
  }

  .content-div._10-right {
    padding-right: 0%;
  }

  .content-div._40-40._50-left {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }

  .content-div._75 {
    width: 85%;
  }

  .content-div._450, .content-div._520 {
    width: 430px;
  }

  .content-div._600 {
    width: 100%;
  }

  .blog-box-item {
    height: 300px;
  }

  .flex-vertical._65 {
    width: 90%;
  }

  .flex-vertical._75 {
    width: 100%;
  }

  .flex-vertical._75._64-bottom {
    width: 100%;
    margin-bottom: 34px;
  }

  .flex-vertical._540 {
    width: 100%;
  }

  .flex-vertical._64-bottom {
    margin-bottom: 34px;
  }

  .flex-vertical._80-bottom {
    margin-bottom: 60px;
  }

  .contact-flex {
    flex-direction: column;
  }

  .services-grid-div.lp5 {
    top: -90px;
  }

  .services-div {
    padding: 40px 25px;
  }

  .blog-box-small-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 46px;
  }

  h2 {
    font-size: 33px;
    line-height: 43px;
  }

  h3 {
    font-size: 28px;
    line-height: 36px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
    line-height: 30px;
  }

  h6 {
    font-size: 17px;
    line-height: 26px;
  }

  .button, .button.nav, .button.white {
    padding-left: 25px;
    padding-right: 25px;
  }

  .button.wide {
    padding-left: 32px;
    padding-right: 32px;
  }

  .button.icon.navigation {
    background-position: 25px;
    padding-left: 54px;
  }

  .button.small {
    margin-left: 0;
  }

  .header.lp3 {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .header.elements-page, .header.utility {
    padding-top: 60px;
    padding-bottom: 36px;
  }

  .header.lp1 {
    padding-top: 125px;
    padding-bottom: 60px;
  }

  .header.lp4 {
    padding-top: 50px;
    padding-bottom: 80px;
  }

  .header.lp5 {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .header.lp2 {
    padding-top: 15px;
  }

  .header.home {
    padding-top: 50px;
    padding-bottom: 80px;
  }

  .header.inner-page, .header.white {
    padding-top: 60px;
    padding-bottom: 36px;
  }

  .styleguides-nav {
    flex-basis: 100%;
    align-self: stretch;
    margin-right: 0%;
  }

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

  .header-title-wrap, .header-title-wrap.center {
    width: 100%;
  }

  .h1-inner-page {
    font-size: 35px;
    line-height: 45px;
  }

  .h1-inner-page.merged.margin-right {
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
  }

  .footer {
    padding-top: 60px;
    padding-bottom: 140px;
  }

  .footer-link-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom.link.right.dark {
    margin-top: 0;
    margin-bottom: 8px;
    display: inline-block;
  }

  .open-times {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .open-times._0-padding.contact {
    margin-bottom: -40px;
  }

  .open-times.margin {
    padding: 32px 25px 8px;
  }

  .open-times._300px, .open-times._400 {
    width: 100%;
  }

  .open-day.left {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
  }

  .nav-top.left-margin {
    display: none;
  }

  .nav-button-grow {
    flex: 0 auto;
  }

  .header-2-hero {
    height: 280px;
  }

  .lp2-form-div {
    flex-direction: column;
  }

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

  .h1-inner-div, .paragraph-div._75, .paragraph-div._80 {
    width: 100%;
  }

  .stat-div {
    margin-bottom: 16px;
  }

  .stat-div._0-bottom {
    margin-bottom: 24px;
  }

  .stats-wrapper._24-bottom {
    margin-bottom: -24px;
  }

  .green-feature {
    justify-content: flex-start;
  }

  .h3-heading.center._75 {
    width: 100%;
  }

  .collection-wrapper._80-top {
    margin-top: 50px;
  }

  .blog-box-grid {
    grid-row-gap: 16px;
    margin-top: 50px;
  }

  .lp3-form-grid {
    grid-column-gap: 0px;
    grid-template-columns: auto;
  }

  .footer-v2 {
    padding-top: 60px;
    padding-bottom: 180px;
  }

  .footer-form {
    flex-direction: column;
  }

  .footer-v3 {
    padding-top: 60px;
    padding-bottom: 160px;
  }

  .h4-heading.white.box, .h6-heading.white.box-small {
    font-size: 20px;
    line-height: 32px;
  }

  .faq-element.box {
    padding-left: 24px;
    padding-right: 24px;
  }

  .faq-answer {
    padding-right: 0;
  }

  .faq-answer.box {
    padding-right: 0;
    display: none;
  }

  .career-element {
    flex-direction: column;
    align-items: flex-start;
  }

  .phone-link {
    margin-top: 24px;
  }

  .phone-link.w--current {
    margin-top: 8px;
    margin-left: 0;
  }

  .city-contact-div {
    flex-direction: column;
  }

  .grid-box {
    padding-left: 24px;
    padding-right: 24px;
  }

  .popup-box {
    padding-left: 25px;
    padding-right: 25px;
  }

  .popup-grid {
    grid-column-gap: 8px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-bottom: 8px;
  }

  .video-grid {
    grid-template-columns: 1fr;
    justify-items: start;
    margin: 30px 25px 16px;
  }

  .form-box {
    width: 100%;
    padding: 30px 25px;
  }

  .form-white-box {
    padding: 30px 25px;
  }

  .position-form {
    grid-template-columns: 1fr;
  }

  .gallery-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .lightbox-gallery {
    height: 200px;
  }

  .gallery-grid-2 {
    grid-template-columns: 1fr;
    height: auto;
  }

  .notification-grid {
    grid-template-columns: 1fr;
    justify-items: start;
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .tabs-content {
    margin-top: 30px;
  }

  .tab-link {
    text-align: center;
    margin-bottom: 12px;
  }

  .tab-link.w--current {
    text-align: center;
  }

  .tabs-menu {
    border-bottom-style: none;
  }

  .tabs {
    margin-top: 0;
  }

  .image.inspection.testimonial-image {
    height: 260px;
  }

  .pricing-grid-cta {
    grid-template-columns: 1fr;
  }

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

  .pricing-grid-content {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-text.feature {
    font-size: 14px;
  }

  .open-times-div {
    align-self: stretch;
  }

  .testimonial-copy {
    width: 100%;
  }

  .testimonial-image {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
  }

  .testimonial-image.testimonial-times {
    flex: 1;
    width: 100%;
  }

  .testimonial-image-opening {
    flex-direction: column;
  }

  .testimonial {
    max-width: 100%;
  }

  .steps-grid {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

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

  .section._64-top {
    padding-top: 24px;
  }

  .section._76-top, .section._96-120 {
    padding-top: 36px;
    padding-bottom: 60px;
  }

  .section._56-56 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .section._40-48.footer-color {
    padding-top: 14px;
  }

  .section._150-150, .section._120-120 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section._84-top {
    padding-top: 44px;
  }

  .section.overflow._100-76 {
    padding-bottom: 36px;
  }

  .section._76-84 {
    padding-top: 36px;
    padding-bottom: 44px;
  }

  .section._150-top {
    padding-top: 250px;
  }

  .section._175-bottom {
    padding-bottom: 150px;
  }

  .section._76-52 {
    padding-top: 36px;
    padding-bottom: 12px;
  }

  .section._80-80 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section._48-bottom {
    padding-bottom: 8px;
  }

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

  .section._48-top {
    padding-top: 8px;
  }

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

  .section._84-0 {
    padding-top: 44px;
  }

  .section._76-bottom {
    padding-bottom: 6px;
  }

  .section._70-70 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section._160-110 {
    padding-top: 175px;
    padding-bottom: 65px;
  }

  .section._64-205 {
    padding-top: 24px;
    padding-bottom: 200px;
  }

  .logo-grid-div {
    top: -100px;
  }

  .logo-grid {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 1fr;
    padding-left: 32px;
    padding-right: 32px;
  }

  .pagination {
    margin-top: 50px;
  }

  .post-header {
    width: 100%;
  }

  .rich-text blockquote {
    font-size: 17px;
    line-height: 26px;
  }

  .message-copy {
    width: 100%;
  }

  .map-2 {
    height: 300px;
  }

  .project-wrapper {
    margin-top: 50px;
  }

  .title-div._60 {
    margin-bottom: 30px;
  }

  .component-link {
    margin-left: 8px;
    margin-right: 8px;
    font-size: 16px;
  }

  .component-div {
    margin-top: 20px;
  }

  .grid._50-50, .grid._50-50._4-col {
    grid-template-columns: 1fr;
  }

  .grid._50-50._4-col._80-top {
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .grid._50-50._5-col {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .grid._80-80._1-col {
    grid-row-gap: 50px;
  }

  .grid._30-30 {
    grid-template-rows: auto auto;
  }

  .grid._30-30._64-top {
    margin-top: 24px;
  }

  .grid._30-30.testimonial-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .grid._30-30._4-col-1-row {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .grid._30-30.contact {
    grid-row-gap: 16px;
  }

  .grid._30-30.benefits {
    grid-column-gap: 0px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .grid._40-40._4-col {
    grid-template-columns: 1fr;
  }

  .grid._40-40._40-top {
    grid-template-columns: 1fr;
    margin-top: 16px;
  }

  .grid._40-40.team {
    grid-template-columns: 1fr;
  }

  .grid._40-40.team._80-top {
    margin-top: 50px;
  }

  .grid._40-40.icon-grid, .grid._50-60, .grid._50-60._3-col {
    grid-template-columns: 1fr;
  }

  .grid._30-16 {
    grid-auto-columns: 1fr;
  }

  .grid._30-16.form {
    grid-row-gap: 8px;
  }

  .grid._32-16._50px-1 {
    margin-top: 16px;
  }

  .grid._50-50 {
    grid-template-rows: auto auto;
  }

  .grid._30-0._4-col {
    grid-template-columns: 1fr;
  }

  .grid._30-0._4-col._64-top {
    margin-top: 24px;
  }

  .grid.pricing {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
  }

  .grid._3-services {
    grid-row-gap: 16px;
  }

  .content-div._76-100._15-right, .content-div._100-100._70-10, .content-div._10-right {
    padding-right: 0%;
  }

  .content-div._75, .content-div._450, .content-div._520 {
    width: 100%;
  }

  .blog-box-item {
    height: 300px;
  }

  .flex-vertical._65 {
    width: 100%;
  }

  .flex-vertical._75._64-bottom {
    margin-bottom: 24px;
  }

  .flex-vertical._80-bottom {
    margin-bottom: 50px;
  }

  .city-div {
    margin-top: 0;
  }

  .services-grid-div.lp5 {
    top: -150px;
  }

  .video-lightbox {
    margin-top: 0;
  }

  .menu-button {
    padding-left: 16px;
  }

  .open-time-div {
    margin-top: 8px;
  }

  .blog-box-small-grid {
    grid-row-gap: 16px;
  }
}

#w-node-f8bd1c50-7193-7b69-8b62-2107b68d54ff-51a2898e {
  align-self: center;
}

#w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd63-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd64-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd65-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd66-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd67-51a2898e {
  place-self: center;
}

#w-node-e27129c4-678d-bfd1-93b3-3d768f0afae8-51a2898e, #w-node-e27129c4-678d-bfd1-93b3-3d768f0afb0c-51a2898e, #w-node-e27129c4-678d-bfd1-93b3-3d768f0afb0e-51a2898e {
  place-self: stretch stretch;
}

#w-node-_9c91956b-45d9-e19b-20ff-5894635ae142-51a2898e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9c91956b-45d9-e19b-20ff-5894635ae146-51a2898e {
  justify-self: start;
}

#w-node-_329378c8-b219-3f57-976d-1cfc21b5d965-21b5d957 {
  justify-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_9c91956b-45d9-e19b-20ff-5894635ae146-51a2898e {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd63-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd64-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd65-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd66-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd67-51a2898e {
    justify-self: start;
  }

  #w-node-e27129c4-678d-bfd1-93b3-3d768f0afb0c-51a2898e {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd63-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd64-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd65-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd66-51a2898e, #w-node-_8d1ada05-3028-bec9-efb7-bd9d8c84fd67-51a2898e {
    justify-self: start;
  }

  #w-node-c2d202d9-37cb-cf01-fe54-f4ff8dffd961-51a2898e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c2d202d9-37cb-cf01-fe54-f4ff8dffd962-51a2898e {
    justify-self: stretch;
  }

  #w-node-c2d202d9-37cb-cf01-fe54-f4ff8dffd96e-51a2898e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
  }

  #w-node-_9c91956b-45d9-e19b-20ff-5894635ae13a-51a2898e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_9c91956b-45d9-e19b-20ff-5894635ae13e-51a2898e {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_9c91956b-45d9-e19b-20ff-5894635ae146-51a2898e {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }
}



/* --- Patch 26.10.2026: deutliche Hover-States für die Hauptnavigation --- */
.nav-link:hover {
  color: #0f58c5;
}

.button.nav:hover {
  background-color: #0f58c5;
}