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

@font-face {
  font-family: "Brands 400";
  src: url('../fonts/Brands-Regular-400.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sharp 300";
  src: url('../fonts/Sharp-Light-300.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sharp Solid 900";
  src: url('../fonts/Sharp-Solid-900.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sharp 400";
  src: url('../fonts/Sharp-Regular-400.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pro 300";
  src: url('../fonts/Pro-Light-300.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pro Solid 900";
  src: url('../fonts/Pro-Solid-900.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pro 100";
  src: url('../fonts/Pro-Thin-100.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --xylophone: #0d71bc;
  --white: white;
  --light-blue: #46b5e0;
  --black-2: #272727;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

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

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

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

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

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

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

.body {
  color: var(--black);
  font-family: Cabin, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.tel {
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  display: flex;
}

.top-contact-info {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.email-icon {
  padding-right: 10px;
}

.email {
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  display: flex;
}

.tel-icon {
  padding-right: 10px;
}

.menu-section {
  z-index: 10;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
  position: sticky;
  top: 40px;
}

.navigation-div {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 100px;
  padding-left: 10px;
  display: flex;
  box-shadow: 0 0 4px #000;
}

.menu-div {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.menu-bar {
  background-color: var(--xylophone);
  width: 100%;
  margin-top: 0;
  padding-right: 10px;
  position: relative;
}

.nav-menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.nav-item {
  color: var(--white);
  text-align: center;
  border-bottom: 2px solid #0000;
  border-left: 1px solid #fff;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  display: flex;
  position: static;
}

.nav-item:hover {
  border-bottom: 2px solid var(--xylophone);
}

.nav-item:focus {
  border-bottom: 2px solid #434343;
}

.nav-item.w--current {
  color: var(--white);
  border-bottom: 2px solid #0000;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}

.banner-slider {
  z-index: 1;
  height: 575px;
}

.slide._1 {
  background-image: url('../images/banner-1-2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: static;
}

.slide._2 {
  background-image: url('../images/banner-2-2.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide._3 {
  background-image: url('../images/banner-3.webp');
  background-position: 50% 60%;
  background-size: cover;
}

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

.content-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.content-section.royal {
  background-color: var(--xylophone);
}

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

.content-section.h3 {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.single-content-div {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 48%;
  font-family: Montserrat, sans-serif;
  display: block;
}

.single-content-div.area {
  justify-content: center;
  width: 45%;
}

.single-content-div.middle {
  text-align: center;
  width: 100%;
}

.single-content-div.central {
  display: flex;
}

.single-content-div.central.edit {
  width: 66%;
}

.h1 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
  display: flex;
}

.h1.left {
  text-align: left;
  justify-content: flex-start;
}

.h1.heading {
  color: var(--white);
  text-align: left;
  text-transform: uppercase;
  font-size: 42px;
  font-weight: 100;
  line-height: 50px;
}

.underline {
  background-color: var(--xylophone);
  width: 70px;
  height: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
}

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

.underline.center {
  margin-left: auto;
  margin-right: auto;
}

.p {
  letter-spacing: 0;
  width: 100%;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: block;
}

.p.white {
  color: var(--white);
  width: 100%;
}

.p.white._1 {
  text-align: center;
  padding-bottom: 30px;
}

.p._2 {
  padding-top: 30px;
}

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

.single-image-div {
  background-image: url('../images/home-page-1-8.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 48%;
  display: flex;
}

.single-image-div._1 {
  background-image: url('../images/57f24db81e01a.webp');
  background-position: 50%;
  background-size: cover;
  width: 48%;
}

.single-image-div._3 {
  background-image: url('../images/57f24dc6cfade.webp');
  background-position: 100%;
  background-size: cover;
}

.single-image-div._4 {
  background-image: url('../images/57f24cf8af756.webp');
  background-position: 50%;
  background-size: cover;
}

.single-image-div._5 {
  background-image: url('../images/fire-escape-large-stairs.webp');
  background-position: 50%;
  background-size: cover;
  height: 450px;
}

.single-image-div._5.edit {
  width: 31%;
}

.single-image-div._6 {
  background-image: url('../images/57f24d28bba3a.webp');
  background-position: 50%;
  background-size: cover;
}

.single-image-div._7 {
  background-image: url('../images/57f24dd732da6.webp');
}

.single-image-div._8 {
  background-image: url('../images/57f24d0a3e7d1.webp');
}

.single-image-div._9 {
  background-image: url('../images/metal-railing-front-of-house.webp');
  background-position: 50% 0;
}

.single-image-div.steel-fab {
  background-image: url('../images/57f24d9633d0c.webp');
  height: 350px;
}

.single-image-div.steel-fab._1 {
  background-image: url('../images/57f24ccd7b36d.webp');
}

.single-image-div.structural {
  background-image: url('../images/p5.webp');
}

.single-image-div.structure2 {
  background-image: url('../images/p6.webp');
  background-position: 50% 70%;
}

.single-image-div.stairs {
  background-image: url('../images/596.webp');
  background-position: 50% 30%;
}

.single-image-div.stairs2 {
  background-image: url('../images/agnes-9.webp');
  background-position: 50% 100%;
}

.double-content-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1300px;
  display: flex;
}

.double-content-div.horizontal {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1300px;
}

.double-content-div._1 {
  max-width: 1300px;
  padding-bottom: 30px;
}

.double-content-div._2 {
  padding-top: 30px;
}

.double-content-div.centre {
  align-items: center;
  max-width: 1300px;
}

.double-content-div.stretch {
  align-items: stretch;
}

.double-content-div.left {
  align-items: flex-start;
}

.mid-banner-section {
  background-color: #434343;
  background-image: url('../images/AdobeStock_92948622.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.mid-banner-section._1 {
  background-image: url('../images/AdobeStock_248683410.webp');
  background-position: 50%;
  background-size: cover;
}

.mid-banner-section._2 {
  background-image: url('../images/AdobeStock_225063843.webp');
}

.mid-banner-section._3 {
  background-image: url('../images/AdobeStock_275037780.webp');
}

.mid-banner-section._4 {
  background-image: url('../images/metal-black-baluster.webp');
}

.banner-div {
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  max-width: 960px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.over-banner-div {
  background-color: #ffffffd6;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 48%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.list-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
  display: flex;
}

.internal-link-black {
  box-shadow: inset 0 -2px 0 0 var(--light-blue);
  color: #000;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.internal-link-black:hover {
  box-shadow: inset 0 -50px 0 0 var(--light-blue);
  color: #fff;
  text-decoration: none;
}

.h3-div {
  border-top: 2px solid var(--white);
  background-color: var(--light-blue);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.h3-div.top-pad {
  width: 90%;
  max-width: 1300px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.h3 {
  color: var(--white);
  text-align: center;
  margin: 30px 150px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.h3.home {
  margin-left: 0;
  margin-right: 0;
  line-height: 32px;
}

.h3.b {
  color: var(--black);
  margin: 10px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.footer-section {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.footer-contact-info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 48%;
  display: none;
}

.footer-contact-div {
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  max-width: 1300px;
  display: flex;
}

.footerlinks-section {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.footerlinks-div {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1000px;
  display: flex;
}

.footerlinks {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  line-height: 24px;
  text-decoration: none;
}

.b-master-banner {
  opacity: 1;
  background-image: url('../images/57f24d0a3e7d1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 220px;
}

.banner-tint {
  background-color: #000000b3;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.banner-heading-div {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

.banner-heading {
  color: var(--white);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-weight: 100;
  line-height: 50px;
}

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

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

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

.list-white {
  color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 30px;
  padding-left: 0;
  line-height: 24px;
  display: flex;
}

.list-white._2 {
  margin-bottom: 0;
}

.list-white._3 {
  margin-top: 0;
  margin-bottom: 0;
}

.list-white._0b {
  margin-bottom: 0;
}

.list-white.b {
  color: var(--black);
}

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

.list-white._3-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.list-white._3-row.black {
  color: var(--black);
}

.list-white._2-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.list-white._2-row.black {
  color: var(--black);
}

.internal-link-white {
  box-shadow: inset 0 -2px 0 0 var(--white);
  color: var(--white);
  font-weight: 700;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.internal-link-white:hover {
  box-shadow: inset 0 -50px 0 0 var(--white);
  color: var(--xylophone);
}

.contact-us-div {
  background-color: var(--black-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 960px;
  padding-bottom: 20px;
  display: flex;
}

.contact-map {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 960px;
  display: flex;
}

.html-embed-3 {
  width: 100%;
}

.contact-form-div {
  color: var(--white);
  width: 100%;
  height: 100%;
}

.contact-form-html {
  width: 80%;
  margin-top: 40px;
}

.internal-link-black-no-underline {
  box-shadow: inset 0 -2px 0 0 var(--light-blue);
  color: var(--black);
  font-weight: 700;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.internal-link-black-no-underline:hover {
  box-shadow: inset 0 -50px 0 0 var(--light-blue);
  color: var(--white);
}

.slide-nav {
  display: none;
}

.h2 {
  color: #000;
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 500;
  display: block;
}

.h2.white {
  color: var(--white);
  line-height: 30px;
}

.h2.white._1 {
  padding-bottom: 10px;
}

.h2.white.centre {
  text-align: center;
}

.h2.white.centre.t30 {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}

.h2.white._30b {
  margin-bottom: 0;
  font-weight: 600;
}

.h2.white.small {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.h2._2 {
  padding-top: 30px;
}

.h2.padded {
  margin-top: 20px;
  margin-bottom: 0;
}

.divider {
  background-color: var(--white);
  width: 2px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
}

.dropdown {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
}

.dropdown-toggle {
  border-bottom: 2px solid #0000;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 45px;
  display: flex;
}

.dropdown-toggle:hover {
  border-bottom-color: var(--xylophone);
}

.dropdown-link {
  background-color: var(--white);
  font-size: 17px;
}

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

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

.dropdown-link.w--current:hover {
  color: var(--white);
}

.h1-div {
  width: 100%;
}

.h1-div.top {
  margin-top: 40px;
}

.h3-link {
  color: var(--white);
  font-weight: 600;
  text-decoration: none;
  transition: all .3s ease-in-out;
  box-shadow: inset 0 -2px #fff;
}

.h3-link:hover {
  color: var(--xylophone);
  box-shadow: inset 0 -50px #fff;
}

.h4 {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 500;
  display: flex;
}

.contact-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.contact-div._1 {
  padding-top: 0;
  padding-bottom: 30px;
}

.contact-info {
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.text-block-2 {
  color: var(--white);
  font-size: 17px;
}

.list-group {
  display: flex;
}

.list-group.t20 {
  margin-top: 20px;
}

.map-div {
  width: 45%;
}

.area-group-div {
  height: 100%;
}

.address-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.fb-link {
  padding-left: 15px;
}

.fb-link.footer {
  margin-top: 40px;
  padding-top: 10px;
  padding-left: 0;
}

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

.thumbnail {
  background-image: url('../images/57f24d36bdb83.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 150px;
}

.thumbnail._1 {
  background-image: url('../images/57f24db2c4334.webp');
}

.thumbnail._2 {
  background-image: url('../images/57f24dd732da6.webp');
}

.thumbnail._3 {
  background-image: url('../images/57f24dcde371b.webp');
}

.thumbnail._4 {
  background-image: url('../images/57f24d81b1908.jpg');
}

.thumbnail._5 {
  background-image: url('../images/57f24daacf86f.webp');
}

.thumbnail._6 {
  background-image: url('../images/57f24dd2b0bf6.webp');
}

.thumbnail._7 {
  background-image: url('../images/57f24dde139c4.webp');
}

.thumbnail._8 {
  background-image: url('../images/57f24d9633d0c.webp');
}

.thumbnail._9 {
  background-image: url('../images/57f24dc6cfade.webp');
}

.thumbnail._10 {
  background-image: url('../images/57f24db81e01a.webp');
}

.thumbnail._11 {
  background-image: url('../images/57f24d42180ca.webp');
}

.thumbnail._12 {
  background-image: url('../images/57f24d28bba3a.webp');
}

.thumbnail._13 {
  background-image: url('../images/57f24dc169cae.webp');
}

.thumbnail._14 {
  background-image: url('../images/57f24cf8af756.webp');
}

.thumbnail._15 {
  background-image: url('../images/57f24d748eb50.webp');
}

.thumbnail._16 {
  background-image: url('../images/57f24d0a3e7d1.webp');
}

.thumbnail._17 {
  background-image: url('../images/57f24d62ec296.webp');
}

.thumbnail._18 {
  background-image: url('../images/57f24cd97c34e.webp');
}

.thumbnail._19 {
  background-image: url('../images/57f24d1d6a3d0.webp');
}

.thumbnail._20 {
  background-image: url('../images/57f24ccd7b36d.webp');
}

.thumbnail._21 {
  background-image: url('../images/57f24d6bcef2d.webp');
}

.home-html-div {
  justify-content: center;
  align-items: stretch;
  width: 48%;
  display: flex;
}

.home-html {
  clear: left;
  width: 460px;
  height: 500px;
}

.map-section {
  background-color: #434343;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.html-embed-5 {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.home-banner-div {
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  max-width: 1100px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.tel-icon-mobile, .email-icon-mobile {
  padding-right: 10px;
  display: none;
}

.icon-2 {
  color: var(--white);
  margin-left: 10px;
  font-size: 15px;
}

.video {
  width: 100%;
  max-width: 1300px;
  margin: 40px auto;
}

.img-div {
  width: 90%;
  max-width: 1300px;
  margin-left: 30px;
  margin-right: 30px;
}

.body-link {
  color: var(--black);
}

.location-div {
  color: #000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.contact-div-2 {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.top-div {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: flex;
}

.contact-link {
  color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.address-div-2 {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.contact-container {
  justify-content: flex-end;
  align-items: flex-end;
  max-width: 1300px;
  display: flex;
}

.contact-container.right {
  justify-content: center;
  align-items: center;
  width: 30%;
  margin-left: 0;
}

.contact-container.left {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.image {
  width: 15%;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
}

.address-swirly {
  margin-bottom: 4px;
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 18px;
}

.contact-social-div {
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  display: flex;
}

.address {
  margin-bottom: 0;
  margin-left: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.contact-section {
  z-index: 10;
  background-color: #fff;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  position: sticky;
  top: -1px;
}

.navigation-section {
  z-index: 5;
  border-top: 1px solid var(--black-2);
  background-color: var(--xylophone);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
  top: -1px;
}

.fb-logo {
  width: 50px;
  height: 50px;
}

.header-link {
  color: #000;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.logo-slider {
  width: 100%;
}

.gallery-home {
  flex-direction: column;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.portfolio {
  width: 90%;
  max-width: 1300px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.h3-section {
  background-color: var(--xylophone);
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.75fr;
  width: 100%;
}

.footer-div {
  border: 1px solid var(--white);
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.contact-img {
  width: 40px;
}

.footer-heading {
  border-bottom: 0px solid var(--white);
  color: var(--xylophone);
  border-radius: 0;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 44px;
}

.footer-line {
  background-color: var(--black);
  width: 40%;
  height: 1px;
  margin-top: 10px;
}

.footer-p {
  color: var(--black);
  text-align: center;
  margin-top: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.footer-p.no-pad {
  margin-top: 10px;
  margin-bottom: 0;
}

.footer-p.info {
  font-size: 18px;
}

.footer-p.bold {
  margin-top: 20px;
  font-style: italic;
  font-weight: 700;
}

.icon-div {
  background-color: var(--white);
  background-image: linear-gradient(180deg, var(--white), #cacfdf);
  margin-top: 0;
  margin-bottom: 10px;
  padding: 15px;
}

.icon-div.mail {
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.portfolio-gallery {
  width: 100%;
  margin-top: 10px;
}

.body-container-vertical {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 90%;
  display: flex;
}

.body-container-vertical.man {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-height: 400px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.h3-left-div {
  background-color: #0000001a;
  background-image: linear-gradient(#00000080, #00000080), url('../images/company-van.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.h3-contact-button {
  border: 1px solid var(--light-blue);
  background-color: var(--light-blue);
  letter-spacing: 2px;
  margin-top: 20px;
  padding: 6px 20px;
  font-size: 13px;
  line-height: 23px;
  transition: background-color .2s;
}

.h3-contact-button:hover {
  border: 1px solid var(--light-blue);
  color: var(--light-blue);
  background-color: #0000;
}

.h3-right-div {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  width: 65%;
  padding: 40px 54px;
  display: flex;
}

.h3-right-div.home {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/AdobeStock_225063843.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
}

.h3-text {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.git-header {
  color: var(--light-blue);
  background-color: #fff;
  padding: 7px;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
}

.paragraph {
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

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

.nav-link-2 {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-right: 1px #ffffff80;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
}

.nav-link-2:hover {
  background-color: var(--light-blue);
  color: #fff;
}

.nav-link-2.w--current {
  background-color: var(--light-blue);
  color: #fff;
  border-right: 1px solid #ffffff80;
}

.nav-link-left-2 {
  color: #fff;
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.nav-link-left-2:hover {
  background-color: var(--light-blue);
  color: #fff;
}

.nav-link-left-2.w--current {
  background-color: var(--light-blue);
  color: #fff;
  border-left-style: none;
  border-right: 1px #ffffff80;
  padding-left: 30px;
  padding-right: 30px;
}

.nav-link-left-2.home {
  background-color: var(--light-blue);
}

.services-link {
  border-bottom: 1px solid var(--white);
  background-color: var(--xylophone);
  color: #fff;
  transition: all .2s;
}

.services-link:hover {
  border-bottom-color: var(--white);
  background-color: var(--light-blue);
  color: #fff;
  padding-left: 40px;
}

.services-link.w--current {
  background-color: var(--light-blue);
  color: #fff;
  padding-left: 40px;
}

.text-block {
  width: 100%;
  height: 100%;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.dropdown-toggle-2 {
  color: #fff;
  background-color: #0000;
  padding-left: 30px;
  padding-right: 45px;
  transition: all .2s;
}

.dropdown-toggle-2:hover {
  background-color: var(--light-blue);
  color: #fff;
}

.nav-container-2 {
  justify-content: center;
  align-items: stretch;
  width: 90%;
  display: flex;
}

.service-dropdown-fiv {
  width: 100%;
  height: 100%;
}

.navbar-2 {
  background-color: #0000;
}

.nav-menu-3 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.dropdown-list {
  background-color: #574040;
}

.dropdown-list.w--open {
  background-color: #a5db4c;
  width: 250px;
  transition: all .2s;
}

.footer-logos {
  justify-content: center;
  align-items: center;
  width: 85%;
  margin-top: 10px;
  display: flex;
}

.visa {
  margin-left: 10px;
}

.h2-style {
  color: #000;
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 500;
  display: block;
}

.h1-style {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
  display: flex;
}

.bullet {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.bullet.p.b {
  color: var(--black);
}

.bullet-h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

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

.no-line-white, .footer-links {
  color: var(--white);
  text-decoration: none;
}

.mid-title {
  color: var(--light-blue);
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
}

.reviews {
  width: 100%;
  margin-top: 20px;
}

.reviews-head {
  color: var(--white);
  text-align: center;
  margin-top: 30px;
  font-size: 22px;
  line-height: 30px;
}

._3x1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.home1 {
  background-image: url('../images/57f24dd2b0bf6.webp');
  background-position: 50%;
  background-size: cover;
  height: 300px;
}

.home2 {
  background-image: url('../images/57f24dde139c4.webp');
  background-position: 50%;
  background-size: cover;
  height: 300px;
}

.home3 {
  background-image: url('../images/57f24d9633d0c.webp');
  background-position: 50%;
  background-size: cover;
  height: 300px;
}

.widget-block {
  z-index: 1000;
  background-color: #fff;
  background-image: linear-gradient(102deg, var(--xylophone), var(--light-blue));
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 40px;
  display: none;
  position: fixed;
  inset: auto auto 10px 10px;
  box-shadow: 1px 1px 3px #0000002e;
}

.close-icon {
  background-color: var(--white);
  color: var(--xylophone);
  cursor: pointer;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-family: "Sharp Solid 900", sans-serif;
  font-size: 22px;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
  position: absolute;
  inset: 10px 10px auto auto;
}

.close-icon:hover {
  background-color: var(--xylophone);
  color: var(--white);
}

.popup-logo {
  margin-bottom: 40px;
}

.pop-head {
  color: var(--white);
  text-transform: uppercase;
  max-width: 485px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

.text-block-5 {
  color: var(--white);
  margin-top: 25px;
  font-size: 20px;
  line-height: 28px;
}

.pop-bbutton-div {
  margin-top: 30px;
}

.pop-button {
  border: 2px solid var(--white);
  color: #fff;
  background-color: #0000;
  border-radius: 4px;
  padding: 15px 40px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-block;
}

.pop-button:hover {
  border-color: var(--white);
  color: #fff;
  background-color: #0000;
  transform: scale(.9);
}

.pop-button._2 {
  border-color: var(--white);
  background-color: #0000;
  margin-left: 20px;
}

.h2-copy {
  color: #000;
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 500;
  display: block;
}

.h2-copy.white {
  color: var(--white);
  line-height: 30px;
}

.h2-copy.white._1 {
  padding-bottom: 10px;
}

.h2-copy.white.centre {
  text-align: center;
}

.h2-copy.white._30b {
  margin-bottom: 30px;
}

.h2-copy._2 {
  padding-top: 30px;
}

.h2-copy.padded {
  margin-top: 20px;
  margin-bottom: 20px;
}

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

.fs-cc-manager_icon {
  width: 32px;
  height: 32px;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-banner_close-icon {
  width: 24px;
  height: 24px;
}

.fs-cc-prefs_form {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  max-width: 576px;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #f5f6ff;
  border-radius: 100%;
  padding: 10px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: -12px -12px auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #03052499;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-prefs_component {
  z-index: 997;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 32px;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.fs-cc-banner_button {
  border: 2px solid var(--light-blue);
  background-color: var(--light-blue);
  color: #fff;
  text-align: center;
  border-radius: 500px;
  min-width: 140px;
  margin-left: 16px;
  padding: 10px 20px;
  font-size: 16px;
}

.fs-cc-banner_button.fs-cc-button-alt {
  border-color: var(--black-2);
  color: var(--black-2);
  background-color: #f5f5f5;
}

.fs-cc-manager_component {
  z-index: 999;
  display: none;
  position: fixed;
  inset: auto auto 20px 20px;
}

.fs-cc-prefs_title {
  color: var(--light-blue);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 20px;
  height: 20px;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 16px;
  padding-bottom: 16px;
}

.fs-cc-banner_close {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 500px;
  margin-left: 12px;
  padding: 10px;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 40px;
}

.fs-cc-prefs_button {
  border: 2px solid var(--light-blue);
  background-color: var(--light-blue);
  border-radius: 500px;
  margin-right: 8px;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 700;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  border-color: var(--black);
  color: var(--black);
  background-color: #fff;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999px;
  width: 44px;
  height: 24px;
  margin-bottom: 0;
  padding: 2px;
  display: flex;
  position: relative;
}

.fs-cc-banner_buttons-wrapper {
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-banner_container {
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs_close-icon {
  color: #021a7c;
  width: 16px;
  height: 16px;
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-prefs_text {
  color: var(--black);
  font-size: 12px;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_text {
  color: #616161;
  margin-right: 24px;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 32px;
  margin-right: -8px;
  display: flex;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 40px 32px;
  overflow: scroll;
}

.fs-cc-prefs_space-small {
  margin-bottom: 12px;
}

.fs-cc-prefs_label {
  color: var(--xylophone);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 32px;
  font-size: 16px;
  font-weight: 700;
}

.fs-cc-banner_text-link {
  border-bottom: 2px solid var(--black-2);
  color: var(--black);
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-manager_button {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border-radius: 500px;
  flex-direction: column;
  padding: 10px;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-banner_component {
  z-index: 998;
  background-color: #f5f6ff;
  border-top: 1px solid #4353ff29;
  padding: 24px 32px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.list-icon {
  background-image: url('../images/ironwork.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0%;
  flex: none;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding: 13px;
}

.icon-block {
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.cta-link {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  text-decoration: none;
}

.icon-4 {
  background-color: var(--light-blue);
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-family: "Pro Solid 900", sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  display: flex;
}

.icon-4.facebook {
  font-family: "Brands 400", sans-serif;
}

.contact-info-text {
  flex-direction: column;
  display: flex;
}

.left-contact {
  flex-direction: column;
  justify-content: flex-start;
  width: 38%;
  display: flex;
}

.cta-text-contact {
  color: var(--xylophone);
  text-transform: capitalize;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
}

.contact-info-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  transition: box-shadow .2s cubic-bezier(.455, .03, .515, .955);
  display: grid;
}

.contact-info-block.m-bottom-20 {
  border-bottom: 1px solid #15162314;
  border-radius: 0;
  width: 49%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 0 10px;
  font-family: Montserrat, sans-serif;
  transition-property: none;
  display: flex;
}

.contact-info-block.m-bottom-20.m-top-60 {
  border-bottom: 1px solid #1516230f;
  border-radius: 0;
  margin-top: 10px;
  padding-bottom: 10px;
}

.h2-title {
  color: #252525;
  text-transform: uppercase;
  margin: 0 10px;
  font-size: 40px;
  font-weight: 300;
}

.h2-wrapper {
  align-items: center;
  display: flex;
}

.h2-div {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 0;
  display: flex;
}

.light-text-line {
  background-color: #5f5f51;
  width: 40px;
  height: 2px;
}

.blue-colour {
  color: var(--xylophone);
}

.header-icon {
  background-color: var(--light-blue);
  color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  font-family: "Sharp Solid 900", sans-serif;
  display: flex;
}

.heading-text-div {
  direction: ltr;
  color: var(--white);
  overflow-wrap: anywhere;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.heading-3.price {
  color: var(--white);
  margin-right: 5px;
  font-size: 16px;
  line-height: 1.2;
  display: inline-block;
}

.p-black {
  margin-bottom: 20px;
}

.p-black.price {
  line-height: 1.8;
  display: inline;
}

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

.checkatrade-review {
  border: 1px solid #000;
  margin-bottom: 0;
  padding: 12px;
  box-shadow: 0 2px 5px #0003;
}

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

.checka {
  color: #171717;
  margin-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.checka.bottom {
  color: #62687a;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

._10 {
  background-color: var(--light-blue);
  color: var(--white);
  border-radius: 4px;
  margin-top: 10px;
  padding: 7px 15px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 700;
}

.review {
  color: #000;
}

.review.check {
  color: #62687a;
  margin-top: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.bottom-hzl {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 20px;
  display: flex;
}

.grid-2 {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
}

.card-content-2 {
  position: absolute;
  inset: auto 1.5rem 1.5rem;
  overflow: hidden;
}

.card-image-2 {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: .5rem;
}

.card-icon-wrapper-2 {
  display: flex;
  position: relative;
}

.display-s-2 {
  z-index: 3;
  background-color: var(--xylophone);
  letter-spacing: -.02em;
  padding: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2em;
}

.copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.copy.lg {
  width: 90%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.card-2 {
  color: #fff;
  cursor: pointer;
  border-radius: .5rem;
  position: relative;
  overflow: hidden;
}

.card-button {
  background-color: #fff;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.grid-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) 1fr 1fr 1fr 1fr;
  grid-auto-columns: minmax(.5rem, 1fr);
}

.card-content-title {
  position: relative;
}

.card-transition-image {
  position: absolute;
  inset: 25% 0% 0% 40%;
}

.card-button-wrapper {
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: 1.5rem 1.5rem auto;
}

.card-icon-2 {
  width: 1rem;
  max-height: 1rem;
}

.card-icon-2.card-icon-absolute {
  position: absolute;
  inset: 100% 0% auto;
}

.card-transition-block {
  aspect-ratio: 1;
  background-color: #000;
  border-radius: .5rem;
  width: 100%;
  position: absolute;
}

.card-icon-outer-wrapper {
  overflow: hidden;
}

.link-block {
  justify-content: flex-start;
  align-items: flex-end;
  text-decoration: none;
  display: flex;
}

.link-block-2, .link-block-3, .link-block-4, .link-block-5 {
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .menu-section {
    position: static;
  }

  .menu-div {
    align-items: center;
    width: 40%;
  }

  .menu-bar {
    z-index: 3;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding-right: 0;
    display: flex;
  }

  .nav-menu {
    background-color: #ffffffe6;
  }

  .nav-item {
    justify-content: flex-end;
    padding-right: 30px;
  }

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

  .nav-item.w--current {
    flex: 0 auto;
    justify-content: flex-end;
    padding-right: 30px;
  }

  .banner-slider {
    z-index: 0;
  }

  .single-content-div {
    width: 100%;
    padding-bottom: 30px;
  }

  .single-content-div.area {
    width: 100%;
    padding-bottom: 0;
  }

  .single-content-div.middle {
    padding-bottom: 0;
  }

  .single-content-div.central.edit {
    width: 100%;
  }

  .single-image-div {
    width: 100%;
    height: 388px;
  }

  .single-image-div._1 {
    width: 100%;
  }

  .single-image-div._5.edit {
    background-position: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .single-image-div.steel-fab {
    height: 300px;
  }

  .single-image-div.steel-fab._1 {
    margin-top: 30px;
  }

  .single-image-div.stairs2 {
    background-position: 50%;
  }

  .double-content-div.horizontal {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .mid-banner-section {
    flex-direction: column;
    align-items: center;
  }

  .banner-div {
    background-image: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 100%;
    display: flex;
  }

  .over-banner-div {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .banner-heading-div {
    padding-right: 60px;
  }

  .banner-heading {
    text-align: center;
    line-height: 50px;
  }

  .list-white._3-row {
    grid-template-columns: 1fr 1fr;
  }

  .contact-us-div {
    flex-direction: column;
    padding-bottom: 10px;
  }

  .contact-map {
    flex-direction: column;
    line-height: 40px;
  }

  .menu-button {
    width: 100%;
    display: flex;
  }

  .menu-button.w--open {
    z-index: 1;
    background-color: #0000;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .icon {
    color: var(--black);
    text-align: right;
  }

  .home-link {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .home-link.w--current {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
  }

  .dropdown {
    justify-content: flex-end;
    display: flex;
  }

  .dropdown:hover {
    background-color: var(--xylophone);
    color: var(--white);
  }

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

  .dropdown-link {
    text-align: right;
  }

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

  .contact-div {
    justify-content: center;
  }

  .contact-info {
    font-size: 16px;
  }

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

  .list-group {
    width: 100%;
  }

  .map-div {
    width: 100%;
    margin-top: 30px;
  }

  .area-group-div {
    display: flex;
  }

  .thumbnail {
    height: 100px;
  }

  .home-html-div {
    width: 100%;
    height: 500px;
  }

  .home-html {
    width: 100%;
    height: auto;
  }

  .map-section {
    flex-direction: column;
    align-items: center;
  }

  .home-banner-div {
    background-image: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 100%;
    display: flex;
  }

  .img-div {
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .location-div {
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .contact-div-2 {
    margin-bottom: 0;
    margin-right: 0;
  }

  .top-div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .contact-link {
    width: auto;
  }

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

  .contact-container.right {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
  }

  .contact-container.left {
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
  }

  .contact-social-div {
    width: auto;
  }

  .address {
    max-width: 100%;
  }

  .contact-section {
    padding-left: 20px;
    padding-right: 20px;
    position: static;
  }

  .fb-logo {
    display: none;
  }

  .footer-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-heading {
    font-size: 28px;
  }

  .footer-p, .footer-p.no-pad {
    font-size: 18px;
  }

  .body-container-vertical {
    flex-direction: column;
    width: 95%;
  }

  .body-container-vertical.man {
    flex-direction: row;
    min-height: 280px;
  }

  .h3-left-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h3-right-div.home {
    padding: 20px;
  }

  .h3-text {
    margin-left: 0;
    padding: 0;
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph {
    text-align: center;
  }

  .menu-button-2 {
    text-align: center;
    width: 100%;
  }

  .menu-button-2.w--open {
    background-color: #0000;
  }

  .icon-3 {
    color: #fff;
  }

  .nav-link-2 {
    border-right-width: 0;
  }

  .nav-link-left-2.w--current {
    text-align: center;
    border-left-width: 0;
    border-right-width: 0;
  }

  .navbar-2 {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

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

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

  .dropdown-list.w--open {
    text-align: center;
    background-color: #0000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 775px;
    display: flex;
    position: relative;
  }

  .mid-title {
    font-size: 24px;
    line-height: 32px;
  }

  .left-contact {
    width: 100%;
  }

  .contact-info-block.m-bottom-20 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .h2-wrapper {
    align-items: center;
    display: flex;
  }

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

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

  .grid-3 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: minmax(.5rem, 1fr);
    display: grid;
  }

  .card-transition-block {
    inset: 0%;
  }

  .card-transition-block.fire {
    background-image: url('../images/2.webp');
    background-position: 50%;
    background-size: cover;
  }

  .card-transition-block.metal {
    background-image: url('../images/1_1.webp');
    background-position: 50%;
    background-size: cover;
  }

  .card-transition-block.gate {
    background-image: url('../images/Metal-Gates--Railings-1.webp');
    background-position: 50%;
    background-size: cover;
  }

  .card-transition-block.stair {
    background-image: url('../images/1_2.webp');
    background-position: 50%;
    background-size: cover;
  }

  .card-transition-block.p2 {
    background-image: url('../images/5_2.webp');
    background-position: 50%;
    background-size: cover;
  }

  .card-transition-block.p3 {
    background-image: url('../images/4_3.webp');
    background-position: 50%;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .tel {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
  }

  .top-contact-info {
    padding-top: 0;
    padding-bottom: 0;
  }

  .email {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
  }

  .menu-section {
    margin-top: 0;
  }

  .banner-slider {
    height: 260px;
  }

  .single-image-div {
    height: 300px;
  }

  .mid-banner-section {
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .mid-banner-section._2 {
    background-image: url('../images/AdobeStock_225063843.webp');
  }

  .mid-banner-section._4 {
    background-image: url('../images/AdobeStock_221563998.webp');
  }

  .banner-div {
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .over-banner-div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    padding: 20px;
    display: block;
  }

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

  .footer-contact-info {
    width: 100%;
    padding-bottom: 30px;
  }

  .footer-contact-div {
    flex-direction: column;
  }

  .b-master-banner {
    height: 150px;
  }

  .banner-heading-div {
    padding-left: 20px;
  }

  .banner-heading {
    font-size: 35px;
    line-height: 45px;
  }

  .list-white._3-row {
    grid-row-gap: 6px;
    grid-template-columns: 1fr;
  }

  .list-white._2-row {
    grid-row-gap: 3px;
    grid-template-columns: 1fr;
  }

  .contact-us-div {
    padding-top: 10px;
  }

  .contact-div {
    flex-direction: column;
    height: 130px;
  }

  .contact-div._1 {
    height: auto;
  }

  .contact-info {
    padding-top: 0;
    padding-bottom: 0;
  }

  .address-div {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
  }

  .fb-link {
    padding-left: 0;
  }

  .fb-link.footer {
    margin-top: 10px;
    padding-left: 0;
  }

  .grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .map-section {
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .home-banner-div {
    justify-content: center;
    align-items: center;
    width: 90%;
  }

  .img-div {
    padding-left: 0;
    padding-right: 0;
  }

  .location-div {
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 5px;
  }

  .contact-div-2 {
    margin-right: 0;
  }

  .contact-link {
    text-align: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .address-div-2 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .address-div-2.horiz {
    flex-direction: row;
  }

  .contact-container {
    flex-direction: column;
  }

  .contact-container.right {
    align-items: center;
    margin-top: 3px;
  }

  .contact-container.left {
    align-items: center;
  }

  .image {
    display: none;
  }

  .address {
    text-align: left;
    margin-left: 3px;
  }

  .contact-section {
    position: static;
  }

  .footer-grid {
    grid-template-columns: 1.75fr;
  }

  .footer-div {
    height: auto;
    padding-bottom: 30px;
  }

  .icon-div, .icon-div.mail {
    margin-top: 30px;
  }

  .h3-left-div {
    padding: 20px;
  }

  .h3-right-div {
    width: 60%;
    padding: 20px;
  }

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

  .dropdown-list.w--open {
    width: auto;
  }

  ._3x1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .widget-block {
    height: 435px;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .pop-head {
    font-size: 24px;
    line-height: 32px;
  }

  .text-block-5 {
    font-size: 18px;
  }

  .fs-cc-banner_button {
    margin-left: 0;
    margin-right: 8px;
  }

  .fs-cc-prefs_title {
    font-size: 20px;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 12px;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-banner_text-link {
    margin-right: 8px;
  }

  .cta-link {
    font-size: 16px;
  }

  .h2-title {
    font-size: 34px;
  }

  .h2-div {
    margin-bottom: 0;
  }

  .grid-2 {
    grid-row-gap: 9px;
    grid-template-columns: 1fr;
  }

  .grid-3 {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }
}

@media screen and (max-width: 479px) {
  .tel {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .top-contact-info {
    padding-top: 5px;
  }

  .email-icon {
    padding-right: 0;
    display: none;
  }

  .email {
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
  }

  .tel-icon {
    padding-right: 0;
    display: none;
  }

  .navigation-div {
    flex-direction: column;
    padding-top: 20px;
    padding-left: 0;
  }

  .menu-div {
    justify-content: center;
    width: 100%;
  }

  .menu-bar {
    justify-content: center;
  }

  .nav-item, .nav-item.w--current {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .banner-slider {
    height: 200px;
  }

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

  .content-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .h1.heading {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
  }

  .single-image-div {
    height: 250px;
  }

  .over-banner-div {
    width: 95%;
  }

  .h3-div.top-pad {
    padding-top: 0;
    padding-bottom: 0;
  }

  .h3 {
    margin: 10px;
    font-size: 18px;
  }

  .h3.home, .h3.b {
    line-height: 30px;
  }

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

  .footer-contact-info {
    align-items: center;
  }

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

  .b-master-banner {
    height: 130px;
  }

  .banner-heading-div {
    padding-right: 20px;
  }

  .banner-heading {
    font-size: 25px;
    line-height: 36px;
  }

  .list-white._4, .list-white.b {
    margin-bottom: 0;
  }

  .list-white.b._2list {
    display: flex;
  }

  .menu-button {
    justify-content: center;
  }

  .menu-button.w--open {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .icon {
    justify-content: center;
    display: flex;
  }

  .slide-nav, .divider {
    display: none;
  }

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

  .contact-div {
    width: 90%;
    height: 190px;
  }

  .contact-div._1 {
    height: auto;
  }

  .contact-info {
    padding-top: 5px;
  }

  .text-block-2 {
    text-align: center;
    width: 70px;
    padding-left: 33%;
  }

  .list-group {
    flex-direction: column;
  }

  .area-group-div {
    flex-direction: column;
    width: 100%;
  }

  .address-div {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 10px;
  }

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

  .home-html {
    width: 100%;
  }

  .tel-icon-mobile, .email-icon-mobile {
    padding-right: 0;
    display: block;
  }

  .icon-2 {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-right: 0;
    padding-right: 33%;
    display: flex;
  }

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

  .contact-container.right {
    align-items: center;
    margin-top: 5px;
  }

  .contact-container.left {
    align-items: center;
  }

  .address-swirly {
    display: none;
  }

  .address {
    text-align: center;
    margin-left: 0;
    line-height: 22px;
  }

  .contact-section {
    padding-top: 10px;
  }

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

  .footer-div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-p.info {
    font-size: 16px;
  }

  .body-container-vertical {
    width: 100%;
    max-width: 100%;
  }

  .body-container-vertical.man {
    flex-direction: column;
    min-height: auto;
  }

  .h3-left-div {
    width: 100%;
  }

  .h3-contact-button {
    margin-top: 10px;
  }

  .h3-right-div {
    width: 100%;
  }

  .h3-right-div.home {
    width: 100%;
    padding: 20px;
  }

  .h3-text {
    width: 100%;
    margin-right: 0;
    padding: 0;
    font-size: 18px;
    line-height: 24px;
  }

  .menu-button-2, .nav-link-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-link-left-2 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .services-link {
    border-bottom: 1px solid var(--white);
    color: #fff;
    text-align: center;
  }

  .text-block {
    text-align: center;
    margin-left: 10px;
  }

  .dropdown-toggle-2 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

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

  .dropdown-2 {
    color: #7fc114;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

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

  .dropdown-list.w--open {
    background-color: var(--xylophone);
    color: #fff;
    text-align: center;
  }

  .footer-logos {
    width: 90%;
  }

  .widget-block {
    height: auto;
    display: block;
    right: 10px;
  }

  .close-icon {
    width: 28px;
    height: 28px;
    font-size: 18px;
  }

  .popup-logo {
    width: 225px;
    margin-bottom: 20px;
  }

  .pop-head {
    font-size: 22px;
    line-height: 28px;
  }

  .text-block-5 {
    margin-top: 10px;
    font-size: 15.5px;
  }

  .pop-bbutton-div {
    flex-direction: column;
    align-items: stretch;
    margin-top: 20px;
    display: flex;
  }

  .pop-button {
    padding: 7px 17px;
    font-size: 14px;
  }

  .pop-button._2 {
    margin-top: 20px;
    margin-left: 0;
    padding-left: 17px;
    padding-right: 17px;
    font-size: 14px;
  }

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

  .fs-cc-prefs_component {
    padding: 24px;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: 10px;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -22px 10px auto auto;
  }

  .fs-cc-prefs_button {
    margin-bottom: 8px;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .fs-cc-prefs_content {
    padding: 24px;
  }

  .cta-link {
    font-size: 14px;
  }

  .icon-4 {
    width: 48px;
    height: 48px;
    font-size: 1em;
  }

  .cta-text-contact {
    margin-bottom: 0;
  }

  .contact-info-block {
    padding: 25px;
  }

  .contact-info-block.m-bottom-20, .contact-info-block.m-bottom-20.m-top-60 {
    margin-top: 20px;
  }

  .h2-title {
    margin-left: 0;
    font-size: 26px;
    font-weight: 500;
  }

  .h2-div {
    margin-bottom: 0;
  }

  .light-text-line {
    margin-right: 5px;
    display: none;
  }

  .card-content-2 {
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }

  .display-s-2 {
    font-size: 1rem;
  }

  .card-button {
    width: 2rem;
    height: 2rem;
  }

  .grid-3 {
    grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr);
  }

  .card-transition-image {
    top: 35%;
    left: 60%;
  }

  .card-button-wrapper {
    top: 1rem;
    left: 1rem;
    right: 1rem;
  }
}

#w-node-e02aad50-bc3e-e379-1576-0cfb7aebb4c1-c92d515c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4572d8dd-5ac7-7f73-d204-e7cc5c816dbf-c92d515c, #w-node-_4572d8dd-5ac7-7f73-d204-e7cc5c816dc8-c92d515c, #w-node-_4572d8dd-5ac7-7f73-d204-e7cc5c816db2-c92d515c, #w-node-ed0de93a-d7e5-8db0-d026-06ad789abf80-c92d515c {
  align-self: center;
}

#w-node-_23ddfa6a-402e-3616-2d5d-784128162213-c92d515c, #w-node-dd3559f2-f522-6da3-b7f0-df191a0b7601-2c5a122f, #w-node-_34834f50-a6fe-0c9d-53da-5c1a0efae289-2c5a122f, #w-node-_1ff69a0f-ad79-819e-f873-aeb97f4fb854-2c5a122f, #w-node-_9b94968e-ab52-352c-6ac8-ecca855ebb85-855ebb80, #w-node-e2b781e8-ee3e-68f4-c9af-b7695186d978-2292874e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2416b7e9-aa2b-9f86-d2b1-2991ee7dd28b-97090d3f, #w-node-_2416b7e9-aa2b-9f86-d2b1-2991ee7dd29a-97090d3f, #w-node-_2416b7e9-aa2b-9f86-d2b1-2991ee7dd2a9-97090d3f, #w-node-baee9b0b-d621-353f-bf45-d7b22dd3cbd5-97090d3f, #w-node-cde75713-6d40-5488-ce02-53204eaa4f80-97090d3f, #w-node-_994da4fc-ea37-6efe-de94-924e957a73c5-97090d3f, #w-node-ab74b491-86c9-8bae-9d4c-127dc25deb70-97090d3f {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 991px) {
  #w-node-_2416b7e9-aa2b-9f86-d2b1-2991ee7dd28b-97090d3f, #w-node-_2416b7e9-aa2b-9f86-d2b1-2991ee7dd29a-97090d3f, #w-node-_2416b7e9-aa2b-9f86-d2b1-2991ee7dd2a9-97090d3f, #w-node-baee9b0b-d621-353f-bf45-d7b22dd3cbd5-97090d3f, #w-node-cde75713-6d40-5488-ce02-53204eaa4f80-97090d3f, #w-node-_994da4fc-ea37-6efe-de94-924e957a73c5-97090d3f, #w-node-ab74b491-86c9-8bae-9d4c-127dc25deb70-97090d3f {
    grid-column: span 8 / span 8;
  }
}

@media screen and (max-width: 767px) {
  #w-node-dd3559f2-f522-6da3-b7f0-df191a0b7601-2c5a122f, #w-node-_34834f50-a6fe-0c9d-53da-5c1a0efae289-2c5a122f, #w-node-_1ff69a0f-ad79-819e-f873-aeb97f4fb854-2c5a122f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_23ddfa6a-402e-3616-2d5d-784128162213-c92d515c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7a540bcd-1763-d476-5ed9-e0562f2d255c-97090d3f, #w-node-_4fae4b64-dffd-e946-d5fb-6a7646286cb1-97090d3f, #w-node-_4a7afacb-9319-304b-e4ef-34c8d6512cd3-97090d3f, #w-node-_39f45881-f6ae-836f-6d61-6f8102528f8c-97090d3f, #w-node-_68543e4c-363d-008b-8386-ab232dfc887e-97090d3f, #w-node-_9ef6442f-efe5-2dba-725c-df0efe3bd935-97090d3f, #w-node-_2276c868-5909-7a91-4c15-6db3bb295f6f-97090d3f, #w-node-d44b569a-be21-b57c-29a6-7b1de67f73c8-97090d3f, #w-node-_82a88e62-bf33-3f4d-11a0-f0216ab1dbde-97090d3f, #w-node-faa2b9aa-8d03-7147-b294-8b8f11dca700-97090d3f, #w-node-_1be7f98e-cddf-774e-3f8c-9dcf14ac2604-97090d3f, #w-node-_90ee59ac-6ccc-307f-21ca-1c49966a3bd4-97090d3f, #w-node-d0bacadb-d2b8-5be7-63f8-2ed5613edfa2-97090d3f, #w-node-ded8126f-233a-c7b8-3150-38675561b982-97090d3f, #w-node-_589b8205-3225-65b2-02a7-2779fd92b560-97090d3f, #w-node-c2af580a-38f1-e298-1046-eafd63f9d87b-97090d3f, #w-node-_6e74378b-ce68-4a28-cf05-4cad3e797c3f-97090d3f, #w-node-b81e44dd-bcdf-7b28-bd14-447a0074ef13-97090d3f, #w-node-_8b3bce83-1769-040f-44d0-419ccd7bc930-97090d3f, #w-node-_5bf0f0ec-0865-0cfa-a5de-c03b612987a0-97090d3f, #w-node-_11dc7226-0b7a-af5d-27df-3a1bc7c60e02-97090d3f, #w-node-b19c0a54-5f95-aa53-33d9-e0abbd51b96c-97090d3f, #w-node-_7a540bcd-1763-d476-5ed9-e0562f2d255c-847e79e4, #w-node-_4fae4b64-dffd-e946-d5fb-6a7646286cb1-847e79e4, #w-node-_4a7afacb-9319-304b-e4ef-34c8d6512cd3-847e79e4, #w-node-_39f45881-f6ae-836f-6d61-6f8102528f8c-847e79e4, #w-node-_68543e4c-363d-008b-8386-ab232dfc887e-847e79e4, #w-node-_9ef6442f-efe5-2dba-725c-df0efe3bd935-847e79e4, #w-node-_2276c868-5909-7a91-4c15-6db3bb295f6f-847e79e4, #w-node-d44b569a-be21-b57c-29a6-7b1de67f73c8-847e79e4, #w-node-_82a88e62-bf33-3f4d-11a0-f0216ab1dbde-847e79e4, #w-node-faa2b9aa-8d03-7147-b294-8b8f11dca700-847e79e4, #w-node-_1be7f98e-cddf-774e-3f8c-9dcf14ac2604-847e79e4, #w-node-_90ee59ac-6ccc-307f-21ca-1c49966a3bd4-847e79e4, #w-node-d0bacadb-d2b8-5be7-63f8-2ed5613edfa2-847e79e4, #w-node-ded8126f-233a-c7b8-3150-38675561b982-847e79e4, #w-node-_589b8205-3225-65b2-02a7-2779fd92b560-847e79e4, #w-node-c2af580a-38f1-e298-1046-eafd63f9d87b-847e79e4, #w-node-_6e74378b-ce68-4a28-cf05-4cad3e797c3f-847e79e4, #w-node-b81e44dd-bcdf-7b28-bd14-447a0074ef13-847e79e4, #w-node-_8b3bce83-1769-040f-44d0-419ccd7bc930-847e79e4, #w-node-_5bf0f0ec-0865-0cfa-a5de-c03b612987a0-847e79e4, #w-node-_11dc7226-0b7a-af5d-27df-3a1bc7c60e02-847e79e4, #w-node-b19c0a54-5f95-aa53-33d9-e0abbd51b96c-847e79e4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Fa solid 900 (1)';
  src: url('../fonts/fa-solid-900-1.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brands 400';
  src: url('../fonts/Brands-Regular-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp 300';
  src: url('../fonts/Sharp-Light-300.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp Solid 900';
  src: url('../fonts/Sharp-Solid-900.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sharp 400';
  src: url('../fonts/Sharp-Regular-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pro 300';
  src: url('../fonts/Pro-Light-300.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pro Solid 900';
  src: url('../fonts/Pro-Solid-900.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pro 100';
  src: url('../fonts/Pro-Thin-100.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}