/*
  File: peak3-visuals.css
  Component: Peak3 Visuals - Main Stylesheet
  Version: 2.0.0
  Last Modified: 2025-12-04
  Changelog:
    - 2.0.0 (2025-12-04): Typography standardization - Inter + Playfair Display only
    - 1.1.0 (2025-11-18): Fixed CSS semantic error - gray variable now properly defined
    - 1.0.0 (2025-11-18): Initial Webflow export
*/

:root {
  /* Colors */
  --night: #141414;
  --white: white;
  --red: red;
  --text-d: #464646;
  --black: var(--night);
  --yale-blue: #164179;
  --gray: #808080;

  /* Typography - Standardized Font System */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Font Sizes - Desktop */
  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.875rem;   /* 14px */
  --text-base: 1rem;     /* 16px */
  --text-lg: 1.125rem;   /* 18px */
  --text-xl: 1.25rem;    /* 20px */
  --text-2xl: 1.5rem;    /* 24px */
  --text-3xl: 1.875rem;  /* 30px */
  --text-4xl: 2.25rem;   /* 36px */
  --text-5xl: 3rem;      /* 48px */
  --text-6xl: 3.75rem;   /* 60px */

  /* Line Heights */
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;

  /* Font Weights */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
}

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

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

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

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #1a1b1f;
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: var(--font-normal);
  line-height: var(--leading-relaxed);
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: var(--font-heading);
  font-size: var(--text-5xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: var(--font-heading);
  font-size: var(--text-4xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: var(--font-medium);
  line-height: var(--leading-normal);
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: var(--font-heading);
  font-size: var(--text-base);
  font-weight: var(--font-medium);
  line-height: var(--leading-normal);
}

p {
  color: #fff;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  font-family: var(--font-body);
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
  font-family: var(--font-body);
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figcaption {
  opacity: 1;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.divider {
  background-color: #eee;
  height: 1px;
}

.styleguide-content-wrap {
  text-align: center;
}

.section {
  margin: 0 auto;
  padding: 100px 50px;
}

.section.cc-cta {
  background-color: var(--night);
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

.section.cc-home-wrap {
  padding-top: 150px;
  padding-bottom: 0;
  position: static;
}

.section.cc-home-wrap.service-hero {
  margin-bottom: 0;
  padding: 100px 50px;
}

.section.cc-home-wrap.service-hero.rev-space {
  padding-bottom: 0;
}

.section.cc-store-home-wrap {
  z-index: 1;
  width: 100%;
  margin-top: -105px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.section.cc-store-home-wrap.video-bg {
  min-height: 80vh;
}

.section.cc-store-home-wrap.video-bg.no-padding-b {
  padding-bottom: 0;
}

.section.cc-store-home-wrap.video-bg.no-padding-b.home-with-btn {
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.section.add-padding-bottom {
  margin-bottom: 100px;
}

.section.white-bg {
  background-color: #fff;
}

.section.white-bg.full-width {
  background-color: #202020;
  margin-left: 0;
  margin-right: 0;
}

.section.white-bg.full-width.hide {
  display: none;
}

.section.white-bg.full-width.rev-space {
  padding-top: 100px;
  padding-bottom: 150px;
}

.section.white-bg.full-width.rev-space.project-page {
  background-color: #fff;
}

.section.projects {
  margin-top: 230px;
}

.section.projects.hide {
  display: none;
}

.section.team {
  margin-left: auto;
  margin-right: auto;
}

.section.gry-bg {
  background-color: #1a1b1f;
  padding-left: 6em;
  padding-right: 6em;
}

.section.gry-bg.hide, .section.hideme {
  display: none;
}

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

.section.home {
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.section.rev-space {
  padding-top: 0;
  padding-left: 50px;
  padding-right: 50px;
}

.section.rev-space.real-estate-photography {
  padding-top: 100px;
}

.section.rev-space.hide {
  display: none;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

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

.container.padding-bottom {
  padding-bottom: 100px;
}

.container.margin-top {
  margin-top: 200px;
}

.container.full-width {
  max-width: 100%;
}

.container.full-width.blue-bg {
  background-color: #000;
  padding: 100px 5em;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-bigger {
  opacity: 1;
  color: var(--white);
  letter-spacing: 1.3px;
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: #00000082;
  margin-bottom: 10px;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.paragraph-bigger.cc-bigger-white-light {
  opacity: 1;
  letter-spacing: 1px;
  font-family: var(--font-body);
}

.paragraph-bigger.cc-bigger-white-light.margin-30 {
  margin-top: 30px;
}

.paragraph-bigger.margin-20 {
  text-transform: none;
  margin-top: 20px;
  font-family: var(--font-body);
}

.paragraph-bigger.margin-20.font-rev {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
}

.paragraph-bigger.margin-top {
  margin-top: 20px;
  margin-bottom: 15px;
}

.button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  border-radius: 10px;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-jumbo-button.cc-jumbo-white {
  background-color: var(--red);
  color: #fff;
  border-radius: 5px;
  padding: 15px 25px 14px;
  font-family: var(--font-body);
  font-size: 16px;
}

.button.cc-jumbo-button.cc-jumbo-white:hover {
  background-color: var(--red);
  opacity: 1;
  border-radius: 0;
}

.button.cc-jumbo-button.cc-jumbo-white:active {
  background-color: #e1e1e1;
}

.button.cc-jumbo-button.cc-jumbo-white.side-btn {
  background-color: var(--red);
  color: var(--white);
  height: 55px;
}

.button.cc-jumbo-button.cc-jumbo-white.side-btn:hover {
  background-color: #FF4444;
}

.button.cc-jumbo-button.cc-jumbo-white.side-btn.button-rev-learn-more {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 700;
}

.button.cc-jumbo-button.cc-jumbo-white.side-btn.button-rev-learn-more.hide {
  display: block;
}

.button.cc-jumbo-button.cc-jumbo-white.absolute-btn {
  z-index: 986;
  background-color: var(--white);
  color: #000;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
  display: flex;
  position: absolute;
  bottom: 40%;
}

.button.cc-jumbo-button.cc-jumbo-white.absolute-btn.rev-button-loc {
  opacity: .8;
  inset: auto auto 12%;
}

.button.cc-jumbo-button.cc-jumbo-white.absolute-btn.rev-button-loc:hover {
  opacity: 100;
  border-radius: 5px;
}

.button.cc-jumbo-button.cc-jumbo-white.button-contact-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 700;
}

.button.cc-jumbo-button.margin-right-15 {
  margin-right: 15px;
  padding: 14px 25px;
  font-family: var(--font-body);
  font-size: 16px;
}

.button.cc-contact-us {
  z-index: 5;
  text-align: center;
  max-width: 300px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: var(--font-body);
  font-size: 14px;
  position: relative;
}

.button.cc-contact-us.hide {
  display: none;
}

.button.cc-contact-us.nav-btn {
  border: 1px none var(--white);
  background-color: var(--red);
  color: var(--white);
  border-radius: 5px;
  align-items: center;
  max-width: 280px;
  padding: 15px 18px 15px 15px;
  font-family: var(--font-body);
  font-size: 16px;
  display: flex;
  position: absolute;
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: #fffc;
}

.button.cc-white-button:active {
  background-color: #ffffffe6;
}

.button.hide {
  display: none;
}

.button.cc-light-button {
  background-color: var(--red);
  color: var(--white);
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: 14px;
}

.button.cc-light-button.black-bg {
  background-color: var(--black);
  border-radius: 0;
}

.button.cc-light-button.black-bg:hover {
  opacity: .85;
}

.button.cc-white-btn {
  background-color: var(--red);
  color: var(--white);
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: 15px;
}

.button.cc-white-btn:hover {
  background-color: var(--red);
}

.button.cc-white-btn.black-bg {
  background-color: var(--black);
  text-align: center;
  border-radius: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.button.cc-white-btn.black-bg:hover {
  opacity: .86;
}

.button.cc-white-btn.black-bg.button-rev-card {
  letter-spacing: 0;
  border-radius: 8px;
  width: 100%;
  margin-top: 0;
  padding-left: 25px;
  padding-right: 25px;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-light {
  opacity: .6;
  color: var(--white);
  font-family: var(--font-body);
}

.label.cc-light.subheading {
  opacity: .8;
  letter-spacing: 2px;
  font-family: var(--font-body);
  font-size: 16px;
}

.label.cc-light.subheading.font-rev {
  letter-spacing: 1px;
  text-transform: none;
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 24px;
}

.label.cc-light.subheading.label-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  line-height: 25px;
}

.label.cc-light.heading {
  opacity: .82;
  letter-spacing: 1.5px;
  margin-bottom: 30px;
  font-family: var(--font-heading);
  font-size: 45px;
  line-height: 1.3em;
}

.label.cc-light.heading.home-hero {
  margin-top: 0;
}

.label.cc-blog-date {
  opacity: .6;
  margin-top: 20px;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
}

.rich-text figcaption {
  opacity: .6;
}

.rich-text figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

.paragraph-light {
  opacity: .8;
  color: #fff;
  letter-spacing: 1px;
  font-family: var(--font-body);
}

.paragraph-light.margin-5 {
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 5px;
}

.paragraph-light.margin-5.paragraph-rev {
  text-align: left;
  letter-spacing: 0;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
}

.paragraph-light.paragraph-rev {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
}

.paragraph-light.font-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 500;
}

.heading-jumbo {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: var(--font-heading);
  font-size: 3em;
  line-height: 1.3em;
}

.heading-jumbo.rev-font {
  color: var(--white);
  border-left: 7px solid red;
  padding-left: 2%;
  font-size: 2em;
}

.heading-jumbo.rev-font.real-estate {
  color: var(--black);
  position: static;
}

.heading-jumbo.rev-font.real-estate.video-text {
  border-left-style: none;
  padding-left: 0%;
  font-size: 2.5em;
}

.heading-jumbo.rev-font.project {
  color: var(--white);
}

.heading-jumbo.rev-font.project._2 {
  color: var(--black);
  border-left-style: none;
  padding-left: 0%;
}

.heading-jumbo.rev-font.project._2.commercial {
  color: var(--white);
  font-family: var(--font-heading);
}

.heading-jumbo.rev-font.project._2.commercial.photos {
  color: var(--black);
}

.heading-jumbo.rev-font.project._2.social-media, .heading-jumbo.rev-color {
  color: var(--white);
}

.heading-jumbo.rev-color.photo-album, .heading-jumbo.video-projects {
  font-size: 2em;
}

.heading-jumbo-small {
  color: var(--white);
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: #58585882;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: var(--font-heading);
  font-size: 35px;
  font-weight: 900;
  line-height: 45px;
}

.heading-jumbo-small.heading-upper {
  font-size: 25px;
  line-height: 1.7em;
}

.heading-jumbo-small.heading-upper.change-font {
  letter-spacing: 1.3px;
  text-transform: none;
  font-family: var(--font-body);
  font-weight: 400;
}

.heading-jumbo-small.heading-upper.change-font.font-rev {
  font-family: var(--font-body);
  font-size: 20px;
  line-height: 1.6em;
}

.heading-jumbo-small.subheading {
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: transparent;
  font-family: var(--font-heading);
  font-size: 17px;
  line-height: 1.3em;
}

.heading-jumbo-small.subheading.black-text {
  color: var(--black);
}

.heading-jumbo-small.subheading.black-text.rev-color {
  color: var(--white);
}

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

.styleguide-header-wrap {
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 460px;
  padding: 30px;
  display: flex;
}

.paragraph-small {
  letter-spacing: 1px;
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 26px;
}

.paragraph-small.font-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 500;
}

.logo-link {
  z-index: 1;
  text-align: center;
  align-self: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.logo-link.w--current {
  flex-wrap: nowrap;
  order: 0;
  justify-content: center;
  width: 100%;
  display: flex;
}

.menu {
  z-index: 9999;
  justify-content: flex-end;
  align-items: center;
  width: 40%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.navigation-wrap {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.navigation {
  z-index: 999;
  background-color: var(--black);
  align-items: center;
  padding: 13px 50px;
  display: flex;
}

.navigation-item {
  opacity: .91;
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 9px 1vw;
  font-family: var(--font-body);
  font-size: 10.5px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .8;
  color: var(--white);
}

.navigation-item:active {
  opacity: 1;
  color: #fff;
}

.navigation-item.w--current {
  opacity: 1;
  color: var(--white);
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: var(--white);
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.navigation-item.current {
  font-size: 12px;
}

.navigation-item.current.w--current {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
}

.logo-image {
  display: block;
}

.navigation-items {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.webflow-link {
  opacity: .5;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.cta-text {
  text-align: left;
  width: 80%;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: auto;
}

.cta-wrap {
  text-align: center;
  background-color: #0000;
  border-top-left-radius: 4em;
  border-bottom-right-radius: 4em;
  justify-content: center;
  align-items: flex-start;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0;
  display: flex;
}

.cta-wrap.new-padding {
  padding-left: 0;
  padding-right: 0;
}

.intro-header {
  z-index: 90;
  color: #fff;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 100px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.intro-header.cc-subpage {
  background-color: var(--white);
  color: var(--black);
  background-image: none;
  height: 350px;
  margin-bottom: 0;
  position: absolute;
}

.intro-header.cc-subpage.rev-color {
  background-color: var(--black);
  background-image: none;
  height: 350px;
}

.intro-header.cc-subpage.rev-color.photo-album {
  position: static;
}

.intro-content {
  text-align: center;
  width: 70%;
  max-width: 1140px;
  margin-top: 60px;
}

.intro-content.cc-homepage {
  margin-bottom: 0;
}

.intro-content.photo-album {
  width: 100%;
}

.motto-wrap {
  text-align: center;
  width: 80%;
  margin: 0 auto 85px;
  padding-top: 0;
}

.about-story-wrap {
  text-align: center;
  width: 80%;
  margin: 80px auto;
}

.our-services-grid {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: ". . ."
                       ". . .";
  margin-bottom: 0;
}

.our-services-grid.hide, .our-services-grid.hide2 {
  display: none;
}

.section-heading-wrap {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

.section-heading-wrap.nomargin, .section-heading-wrap.real-estate.rev-space {
  margin-top: 0;
}

/* Legacy service-icon styles - commented out to prevent conflicts with hub pages
.service-icon {
  filter: sepia() grayscale();
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 5px;
  width: 55px;
  height: 50px;
  margin-bottom: 20px;
  padding: 10px;
}

.service-icon.invert {
  filter: brightness(200%);
}

.service-icon.noinvert {
  filter: contrast(200%);
  border-style: none;
  width: auto;
  height: 70px;
}
*/

.service-icon.rs-icon {
  filter: contrast(200%);
  background-color: #0000;
  border-style: none;
  border-radius: 5px;
  width: auto;
  height: 70px;
  margin-bottom: 0;
  padding: 7px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.status-message.cc-no-data {
  width: 70%;
  margin: 100px auto;
  display: block;
}

.contact-form-wrap {
  border: 1px solid #eee;
  padding: 45px 50px 50px;
}

.contact-form-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 2.5fr 1fr;
  align-items: start;
  margin-top: 100px;
  margin-bottom: 100px;
}

.details-wrap {
  margin-bottom: 30px;
}

.get-in-touch-form {
  flex-direction: column;
  display: flex;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.contact-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-form-heading-wrap {
  margin-bottom: 40px;
}

.contact-heading {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 400;
}

.map {
  height: 460px;
  margin-bottom: 100px;
  line-height: 20px;
}

.contact-team-name-wrap {
  margin-bottom: 30px;
}

.our-contacts {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  text-align: center;
  grid-template: ". . ."
  / 1fr 1fr 1fr;
  margin-bottom: 120px;
}

.contact-team-details-wrap {
  margin-top: 30px;
}

.contact-team-pic {
  background-color: #f4f4f4;
  height: 150px;
  margin-bottom: 30px;
}

.team-pic {
  background-color: #f4f4f4;
  width: 100%;
  height: 420px;
  margin-bottom: 40px;
}

.team-members {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". . ."
                       ". . .";
  margin-bottom: 60px;
}

.team-member-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.team-member-name {
  opacity: 1;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.projects-grid {
  z-index: 10;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "."
                 "."
                 "."
                 / 1fr;
  margin-bottom: 60px;
  position: relative;
}

.project-name-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: .8;
}

.project-name-link:active {
  opacity: .7;
}

.project-cover-link {
  margin-bottom: 40px;
}

.project-cover-link:hover {
  opacity: .8;
}

.project-cover-link:active {
  opacity: .7;
}

.project-overview-header {
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('../images/portfolio-1---wide.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 620px;
  margin-bottom: 100px;
  display: flex;
}

.project-overview-header.cc-project-2-header {
  background-image: url('../images/portfolio-2---wide.svg');
  background-position: 50%;
}

.project-overview-header.cc-project-3-header {
  background-image: url('../images/portfolio-3---wide.svg');
  background-size: cover;
}

.project-details-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2fr;
  align-items: start;
  margin-top: 100px;
  margin-bottom: 100px;
}

.project-pics {
  margin-bottom: 120px;
}

.detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.blog-detail-header-wrap {
  width: 70%;
  margin: 60px auto;
}

.detail-header-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 620px;
  margin-bottom: 60px;
  display: block;
}

.detail-header-image.w--current {
  margin-bottom: 60px;
}

.blog-list-wrap {
  margin-bottom: 100px;
}

.blog-item {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blog-preview-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 620px;
  margin-bottom: 45px;
  transition: opacity .6s;
  display: block;
}

.blog-preview-image:hover {
  opacity: .8;
}

.blog-preview-image:active {
  opacity: .7;
}

.blog-summary-wrap {
  text-align: left;
  width: 70%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.blog-heading-link {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: .8;
}

.blog-heading-link:active {
  opacity: .7;
}

.contact-email-link {
  opacity: .6;
  margin-bottom: 5px;
}

.contact-email-link:hover {
  opacity: 1;
}

.contact-email-link:active {
  opacity: .8;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-wrap {
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.home-content-wrap {
  margin-top: 80px;
  margin-bottom: 0;
}

.home-section-wrap {
  margin-bottom: 30px;
}

.section-heading {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: var(--font-heading);
  font-weight: 400;
}

.section-heading.margin-40 {
  margin-top: 40px;
}

.section-heading.margin-40.black-heading-text, .section-heading.black-text-heading {
  color: var(--black);
}

.about-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 1fr 2fr;
  align-items: center;
  margin-bottom: 80px;
}

.about-grid.cc-about-2 {
  grid-template-columns: 2fr 1fr;
  grid-template-areas: ". .";
}

.about-grid.cc-about-2.hide {
  display: none;
}

.about-grid._2-blocks {
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.about-grid._2-grid-about {
  grid-template-columns: 2fr 2fr;
}

.intro-text {
  width: 80%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.collection-wrap {
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.work-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
}

.work-heading.h2-heading {
  color: var(--white);
  text-transform: capitalize;
  font-family: var(--font-heading);
  line-height: 46px;
}

.blog-heading {
  text-align: center;
  margin-bottom: 60px;
}

.blog-heading.width-800 {
  background-color: #0000;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.blog-preview-wrap {
  width: 33.33%;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 45px;
}

.collection-list-wrapper {
  margin-bottom: 120px;
}

.business-article-heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  text-decoration: none;
}

.business-article-heading:hover {
  opacity: .8;
}

.business-article-heading:active {
  opacity: .7;
}

._w-lightbox-caption {
  background-color: #0009;
}

.page-wrap {
  background-color: var(--black);
  width: 100%;
}

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

.video-hero {
  z-index: 2;
  aspect-ratio: auto;
  object-fit: contain;
  order: 0;
  justify-content: center;
  align-items: flex-end;
  width: 1448px;
  height: auto;
  min-height: 630px;
  display: block;
  position: relative;
  inset: 0%;
}

.subheading {
  font-family: var(--font-heading);
}

.overlay {
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: static;
}

.paragraph {
  color: var(--white);
  font-family: var(--font-body);
  font-size: 35px;
}

.paragraph.logo {
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: var(--black);
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--font-heading);
}

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

.image {
  object-fit: cover;
  width: 100%;
  height: 520px;
}

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

.heading {
  font-family: var(--font-heading);
  font-size: 18px;
  line-height: 26px;
}

.heading.service-h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 17px;
  line-height: 1.4em;
}

.heading.service-h3.uppercase {
  text-transform: uppercase;
}

.heading.h1 {
  color: var(--white);
  font-family: var(--font-heading);
  font-size: 55px;
  font-weight: 900;
  line-height: 1em;
}

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

.div-block.margin-30 {
  margin-bottom: 30px;
}

.div-block.margin-20 {
  align-items: center;
  margin-bottom: 20px;
}

.service-content {
  letter-spacing: 1.1px;
  font-family: var(--font-body);
  line-height: 26px;
}

.service-content.font-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 500;
}

.bold-text {
  line-height: 1.4em;
}

.services.section {
  background-color: #1a1b1f;
  margin-top: 0;
  margin-bottom: 0;
  padding: 100px 50px;
}

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

.services.section.margin-top-80 {
  margin-top: 80px;
}

.services.section.margin-top-80.white-bg {
  background-color: var(--white);
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0;
}

.services.section.hide {
  display: none;
}

.div_1 {
  flex-direction: column;
  flex: none;
  order: 1;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  display: block;
}

.button-2 {
  color: #006cff;
  background-color: #0000;
  border: 1px solid #006cff;
  border-radius: 200px;
  margin-top: auto;
}

.button-2:hover {
  background-color: #c8d9f7;
  border-color: #0000;
}

.margin-bottom.margin-medium {
  margin-bottom: 2em;
}

.margin-top.margin-large {
  margin-top: 6em;
}

.card {
  height: 100%;
  padding-right: 2rem;
}

/* Legacy arrow styles - commented out to prevent filter conflicts
.arrow {
  filter: grayscale();
  width: 2rem;
  display: none;
}

.arrow.left {
  filter: grayscale();
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
*/

.div_1-2 {
  order: -1;
  height: auto;
}

.text-wrapper {
  margin-top: 1em;
  margin-bottom: 2em;
}

.text-wrapper.spacing-rev {
  margin-bottom: 24px;
}

.slider_component {
  background-color: #0000;
  height: auto;
  padding-bottom: 2rem;
}

.sec {
  overflow: hidden;
}

.sec.background-color-lightgrey {
  background-color: #0000;
  height: 100vh;
  padding-left: 30px;
  padding-right: 30px;
}

.sec.background-color-lightgrey.margin-50 {
  margin-top: 0;
  padding-top: 50px;
}

.box {
  cursor: pointer;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: auto;
  padding: 3.7em;
  display: block;
}

.box._3 {
  color: #f3f3f3;
  background-color: red;
  border-radius: 0;
  padding: 2em;
}

.box._3.box-rev {
  border-radius: 10px;
}

.box._2 {
  background-color: #313131;
  border-radius: 0;
  padding: 2em;
}

.box._2.box-rev {
  border-radius: 10px;
}

.box._1 {
  border-radius: 0;
  padding: 2em;
}

.box._1.box-rev {
  border-radius: 10px;
  min-height: auto;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-xxlarge {
  padding: 0;
  display: flex;
  overflow: visible;
}

.slide68_arrow {
  background-color: #f3f3f3;
  border: 1px solid #006cff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  inset: auto 0% 0% auto;
}

.slide68_arrow.left {
  right: 4rem;
}

.slide68_arrow.hideme {
  display: none;
}

.slide68_arrow.hideme.hide {
  opacity: 0;
}

.subtitle {
  color: var(--white);
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400;
}

.blog68_slide-nav {
  grid-column-gap: .75em;
  filter: brightness(75%);
  height: 1.7rem;
  font-size: .75rem;
  line-height: 1.3;
  display: flex;
  inset: auto auto 0% 0%;
}

.blog68_slide-nav.hideme {
  display: none;
}

.card_mask {
  width: 33.33%;
  height: auto;
  overflow: visible;
}

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

/* Legacy icon styles - commented out to prevent filter conflicts
.icon {
  filter: sepia() grayscale();
  width: 60px;
  height: auto;
}

.icon.invert {
  filter: invert(30%);
  width: auto;
  height: 60px;
}

.icon.invert-to-white {
  filter: invert(90%);
}

.icon.red {
  filter: none;
}

.icon.blacken {
  filter: brightness(86%) grayscale();
}
*/

.page-padding {
  padding-left: 0%;
  padding-right: 0%;
}

.black-text {
  color: var(--text-d);
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 26px;
}

.black-text.margin-20 {
  letter-spacing: 1px;
  margin-top: 20px;
}

.black-text.margin-20.font-rev {
  color: var(--black);
  height: auto;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.black-text.subcontent {
  font-size: 20px;
  line-height: 30px;
}

.black-text.font-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.heading-2 {
  font-family: var(--font-heading);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.3em;
}

.heading-2.font-rev {
  font-size: 1.5vw;
}

.white-text {
  color: var(--white);
  font-family: var(--font-heading);
}

.white-text.h2 {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.3em;
}

.white-text.h2.font-rev {
  font-size: 1.5vw;
}

.service-p {
  letter-spacing: 1px;
  font-family: var(--font-body);
}

.service-p.margin-20 {
  margin-top: 20px;
}

.service-p.margin-20.font-rev {
  height: auto;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.service-p.margin-20.font-rev._2 {
  height: auto;
}

.process.section.margin-80 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.process.section.margin-80._2 {
  padding-left: 50px;
  padding-right: 50px;
}

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

.number-block {
  text-align: center;
  background-color: #0000;
  background-image: url('../images/wave-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  padding-top: 0;
  display: flex;
}

.number {
  color: var(--white);
  font-family: var(--font-body);
  font-size: 80px;
  font-weight: 900;
  line-height: 1em;
}

.process-name {
  opacity: .95;
  color: #fff;
  text-transform: uppercase;
  font-family: var(--font-heading);
  font-size: 20px;
  line-height: 1.3em;
}

.process-text {
  letter-spacing: 1.2px;
  font-family: var(--font-body);
}

.process-text.margin-30 {
  opacity: .9;
  margin-top: 30px;
}

.process-next {
  padding-top: 60px;
}

.client.section {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.client.section.hideme {
  display: none;
}

.quick-stack {
  grid-column-gap: 35px;
  grid-row-gap: 20px;
}

.client-icon {
  filter: invert();
  object-fit: cover;
  align-self: center;
  width: 200px;
  height: 50px;
  margin-bottom: 30px;
}

.gallery.section {
  overflow: hidden;
}

.gallery.section.rev-space {
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.heading-grid-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.quick-stack-2 {
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-2.margin-20 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.div-block-2 {
  width: 60%;
}

.image-2 {
  object-fit: cover;
  transform-style: preserve-3d;
  height: 450px;
  display: block;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.cell {
  border: .5px solid #fff;
}

.youtube {
  object-fit: cover;
  height: 100%;
}

.youtube-2 {
  height: 100%;
}

.text-block {
  font-size: 17px;
}

.mobileview {
  display: none;
}

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

.background-video {
  z-index: 75;
}

.background-video.bordered {
  border-top-left-radius: 25%;
  border-bottom-right-radius: 25%;
  height: 330px;
}

.background-video.bordered.right-vid {
  border-top-left-radius: 0%;
  border-bottom-right-radius: 0%;
  width: 600px;
  height: 350px;
}

.h3-stats {
  color: var(--white);
  font-family: var(--font-heading);
  font-size: 60px;
  line-height: 1em;
}

.h3-stats.margin-30 {
  margin-top: 30px;
}

.italize {
  letter-spacing: 1px;
  font-family: var(--font-body);
  font-style: italic;
}

.dfs-wrap-2 {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  background-color: #1c212b;
  flex-direction: column;
  flex: 0 37%;
  align-items: flex-start;
  padding: 5em 4em 5em 7em;
  display: flex;
}

.dfs-button-1 {
  color: #fff;
  background-color: #0000;
  border: 1px solid #33b6ff;
  border-radius: 20px;
  padding: .5em 1.5em;
  font-size: 1.2em;
  line-height: 1.3em;
}

.dfs-wrap-6 {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  background-color: var(--night);
  letter-spacing: 1px;
  flex-direction: column;
  flex: 1;
  padding: 5em 7em 5em 5em;
  display: flex;
}

.dfs-link-block-1:hover {
  opacity: .81;
}

.dfs-text-1 {
  color: #fdf7ee;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3em;
}

.dfs-text-1.font-rev {
  padding-right: 5%;
  font-family: var(--font-body);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5em;
}

.dfs-grid-1 {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.dfs-icon-2 {
  width: 2.5em;
}

.dfs-link-1 {
  color: #fff;
  letter-spacing: 1px;
  margin-top: .7em;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
}

.dfs-link-1:hover {
  color: var(--red);
}

.dfs-link-1.font-rev {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
}

.dfs-heading-1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: var(--font-heading);
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.3em;
}

.dfs-wrap-1 {
  display: flex;
}

.dfs-rich-1 {
  letter-spacing: 2px;
  font-family: var(--font-body);
}

.dfs-container-1 {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.dfs-logo-1 {
  width: 12em;
}

.dfs-section-1 {
  font-size: 1vw;
}

.dfs-wrap-8 {
  grid-column-gap: 1.3em;
  grid-row-gap: 1.3em;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.checkbox-field {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: auto 0% -30%;
}

.checkbox-label {
  color: #fff;
  margin-bottom: 0;
  padding-left: 2em;
  font-size: 16px;
  font-weight: 300;
  display: none;
}

.checkbox-label.open {
  font-weight: 400;
  display: block;
}

.span-text.footer-2 {
  font-weight: 300;
}

.grid {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.grid.is--footer {
  z-index: 3;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.grid_item {
  z-index: 1;
  width: 100%;
  padding: 1.04em;
  display: block;
  position: relative;
}

.grid_item.is--50 {
  justify-content: center;
  width: 50%;
  display: flex;
  position: relative;
}

.grid_item.is--50.footer-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  white-space: nowrap;
  object-fit: fill;
  flex-wrap: nowrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
  width: 40%;
  display: block;
  position: relative;
}

.grid_item.is--50.footer-1 {
  justify-content: flex-start;
  width: 60%;
}

.grid_item.is--50.footer-3 {
  width: 40%;
}

.text-span-16 {
  text-transform: uppercase;
  font-weight: 400;
  display: block;
}

.is--white {
  color: #fff;
}

.is--white.is--69px {
  white-space: nowrap;
  flex-direction: column;
  font-size: 69px;
  line-height: 1.4;
  display: flex;
}

.contact-form-grid-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.contact-form-grid-2.cta-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-top: 0;
  display: grid;
}

.text-field-2 {
  background-color: #fff0;
  border: 1px solid #000;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 0;
  padding: 1.5em 0;
  font-family: var(--font-body);
}

.text-field-2:active {
  color: #fff;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 300;
  transform: translate(0);
}

.text-field-2:focus {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.text-field-2::placeholder {
  color: #fff;
  letter-spacing: 2px;
  font-size: 16px;
  font-weight: 300;
}

.text-field-2.half {
  width: 47%;
  margin-right: 6%;
  padding-right: 0%;
}

.text-field-2.half.nomargin {
  margin-right: 0%;
}

.text-field-2.selection {
  color: var(--black);
}

.text-field-2.selection:active {
  color: var(--night);
}

.text-field-2.font-rev {
  font-family: var(--font-body);
  font-weight: 400;
}

.contact-text-wrapper {
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 0%;
  display: block;
}

.contact-text-wrapper.fullwidth {
  width: 100%;
}

.contact-text-wrapper._2-grids {
  padding-top: .25em;
  padding-bottom: .25em;
  display: flex;
}

.div-block-12 {
  padding-bottom: 5em;
  position: relative;
}

.checkbox {
  width: 25px;
  height: 25px;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-checked {
  background-color: #5581da;
}

.form-block {
  position: relative;
}

.form-block.cta {
  width: 50%;
  max-width: none;
  padding-left: 60px;
}

.submit-button {
  z-index: 10;
  width: 260px;
  height: 42px;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  inset: auto 0% -30% auto;
}

.submit-button.button.cc-jumbo-white {
  background-color: var(--white);
  color: var(--black);
  border-radius: 10px;
  width: auto;
  height: auto;
  margin-top: 40px;
  padding: 17px 25px;
  font-family: var(--font-body);
  font-weight: 400;
  position: relative;
  bottom: 0%;
}

.submit-button.button.cc-jumbo-white.cta-form {
  background-color: var(--red);
  color: var(--white);
  margin-top: 40px;
  position: relative;
  bottom: 0%;
  left: auto;
}

.submit-button.button.cc-jumbo-white.cta-form:hover {
  background-color: var(--black);
}

.submit-button.button.cc-jumbo-white.cta-form.red.button-send-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 700;
}

.submit-button.button.cc-jumbo-white.red-bg {
  background-color: var(--red);
  color: var(--white);
  border-radius: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: visible;
}

.submit-button.button.cc-jumbo-white.red-bg.button-send-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 700;
  width: 100%;
  white-space: nowrap;
}

.text-span-8 {
  border-bottom: 1px solid #f8f8f8;
}

.paragraph-2 {
  color: #fff;
  width: 16.5em;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
}

.subheading-h2 {
  color: var(--white);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.subheading-h2.font-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 500;
  display: none;
}

.paragraph-3 {
  width: 100%;
  display: block;
}

.div-block-13 {
  padding-right: 5%;
}

.faq-arrow {
  filter: contrast(127%) saturate(0%);
  width: 20px;
  height: 23px;
  margin-right: 0;
}

.faq-image {
  object-fit: contain;
  width: 100%;
  margin-top: 100px;
  display: block;
}

.guide-heading {
  color: #fff;
  border-bottom: 1px solid #dfdfdf;
  width: 100%;
  margin-bottom: 50px;
  padding-bottom: 30px;
}

.guide-heading.grey-1-text {
  color: #6b6b6b;
}

.faq-answer {
  overflow: hidden;
}

.faq-card {
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 30px;
  padding: 30px 30px 20px;
  transition: box-shadow .5s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  box-shadow: 0 0 30px #00000005;
}

.faq-card:hover {
  box-shadow: 0 3px 30px #0000000d;
}

.no-margin {
  margin-bottom: 0;
  font-family: var(--font-heading);
}

.faq-question {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
}

.faq-paragraph {
  color: var(--black);
}

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

.faq-title {
  color: var(--white);
  text-transform: capitalize;
  max-width: 350px;
  margin-bottom: 0;
  font-family: var(--font-heading);
}

.faq-title.font-rev {
  max-width: none;
}

.faq-title.font-rev.project-page {
  color: var(--black);
}

.faq-grid {
  grid-column-gap: 80px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  width: 100%;
}

.faq-grid.hide {
  display: none;
}

.div-block-14 {
  width: 100%;
}

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

.grid-4-columns._2-col-mbp, .grid-4-columns.instagram-v2 {
  margin-bottom: 26px;
}

.image-wrapper.instagram-image {
  text-align: center;
  border: 1px solid #000;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.image-wrapper.instagram-image.home {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.image-wrapper.instagram-image.home.verticl {
  height: 446px;
}

.image-wrapper.instagram-image.home.vidfull {
  height: 468px;
}

.image-wrapper.instagram-image {
  border-radius: 24px;
  overflow: hidden;
  transform: translate(0);
}

.grid-3-cols {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.grid-3-cols._4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.grid-3-cols.project-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.link-block {
  margin-bottom: -5px;
}

.link-block-2 {
  margin-bottom: -10px;
}

.html-embed {
  height: 100%;
  margin-bottom: 0;
}

.project-title {
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  border-bottom: 0 #000;
  border-radius: 0;
  margin-bottom: 0;
  text-decoration: none;
  position: absolute;
  inset: auto 0% 0%;
}

.project-title.home {
  border: 1px solid var(--white);
  color: #101119;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  line-height: 26px;
}

.text-mark {
  background-image: url('../images/linemark.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.text-2xlarge {
  font-size: 5em;
  line-height: 1.1;
}

.text-2xlarge.hero-headline {
  color: var(--white);
  padding-right: 5%;
  font-family: var(--font-heading);
  font-size: 2.2em;
  line-height: 1.3;
}

.text-2xlarge.hero-headline.font-rev {
  padding-right: 10%;
  font-size: 2.2em;
  line-height: 1.3;
}

.margin-bottom-2 {
  margin-bottom: 32px;
}

.margin-bottom-2.text-big.width-80 {
  max-width: 80%;
  margin-top: 50px;
  margin-bottom: 40px;
}

.margin-bottom-2.text-big.width-80.font-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 500;
}

.feather {
  z-index: 2;
  opacity: .8;
  width: 50%;
  margin: auto;
  position: absolute;
  inset: 33% 0% 0% 39%;
}

.button-arrow {
  justify-content: center;
  align-items: center;
  width: 20px;
  margin-left: 8px;
  display: flex;
}

.button-content {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-hero {
  align-items: center;
}

.grid-hero.rev-size {
  place-items: start stretch;
}

.hero-image-block {
  z-index: 1;
  border-radius: 0 0 0 0;
  width: 120%;
  padding-bottom: 0%;
  position: relative;
  overflow: hidden;
}

.hero-image-block.no-boxshadow {
  text-align: left;
  width: 100%;
}

.hero-image-block.no-boxshadow.rev-space {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-image-block.rev-space {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-image {
  z-index: 1;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.button-3 {
  z-index: 1;
  color: #fff;
  background-color: #131617;
  border-radius: .25em;
  padding: 1em 1.5em;
  font-size: 1em;
  line-height: 1;
  text-decoration: none;
  transition: box-shadow .2s;
  position: relative;
  box-shadow: 7px 7px #ffda54;
}

.button-3:hover {
  box-shadow: 0 0 #ffda54;
}

.video-front.socmed {
  text-align: left;
  width: 430px;
  height: 570px;
  margin-left: auto;
}

.video-front.socmed.size-rev {
  width: 35vw;
  height: 62vw;
  margin-left: 0;
  transform: scale(.7);
}

.video-front.socmed.rev-size {
  width: 30vw;
  height: 53vw;
}

.video-front.vid-header-rev {
  text-align: right;
  border: 3px solid #141414;
  justify-content: center;
  align-items: center;
  width: 49vw;
  max-width: 768px;
  height: 30vw;
  max-height: 400px;
}

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

.text-block-2 {
  display: inline-block;
}

.sticky-wrapper {
  position: relative;
}

.sticky-wrapper.first-section {
  z-index: 1;
  height: 60vw;
  display: block;
}

.sticky-wrapper.first-section.last {
  height: 56vw;
  overflow: hidden;
}

.sticky-wrapper.ix {
  z-index: 2;
}

.sticky-wrapper.iii {
  z-index: 5;
}

.laptop-body-16-9 {
  background-image: url('../images/pexels-elina-sazonova-2072600-1.jpg');
  background-position: 50%;
  background-size: cover;
  border: 3px solid #131617;
  border-radius: 4em 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 64vw;
  max-width: 768px;
  max-height: 432px;
  padding-bottom: 36vw;
  font-size: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 17px 17px #ffffff26;
}

.laptop-body-16-9._2 {
  background-image: url('../images/pexels-luizclas-1848565-1.jpg');
  border-radius: 4em 0;
  box-shadow: 17px 17px #ffffff26;
}

.laptop-body-16-9._3 {
  background-image: url('../images/hero_bg.jpg');
  border-style: none;
  border-radius: 4em 0;
  box-shadow: 17px 17px #ffffff26;
}

.laptop-body-16-9.hide {
  display: none;
}

.sticky-image-column {
  z-index: 2;
  background-color: var(--black);
  width: 61%;
  padding-left: 5%;
  position: absolute;
  inset: 0% 0% -100% auto;
}

.sticky-image-column.last {
  z-index: 7;
  bottom: 0%;
}

.sticky-image-column._1.try {
  flex-flow: row;
  width: 100%;
  padding-left: 0%;
}

.sticky-image-column._2 {
  z-index: 4;
  opacity: 1;
}

.sticky-image-overflow {
  text-align: center;
  padding-bottom: 20px;
  padding-left: 2px;
  overflow: visible;
}

.sticky-image-overflow._3 {
  padding-top: 0;
}

.container-3 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5em;
  padding-right: 2.5em;
}

.container-3.sticky-container {
  max-width: 1100px;
  min-height: 60vh;
  padding-bottom: 10em;
  padding-left: 0;
  padding-right: 0;
  position: sticky;
}

.container-3.sticky-container.rev-sticky-text-1 {
  min-height: 60vh;
  padding-bottom: 5em;
}

.sticky-image {
  z-index: 1;
  align-items: stretch;
  padding-left: 7%;
  padding-right: 7%;
  display: flex;
  position: sticky;
  top: 18vh;
}

.sticky-image.last {
  transform: translate(0, -11vw);
}

.text-large {
  color: var(--white);
  text-transform: capitalize;
  font-family: var(--font-heading);
  font-size: 2.5em;
  line-height: 1.3;
}

.text-large.margin-30-b {
  margin-bottom: 30px;
  font-size: 3vw;
}

.section-2 {
  padding-top: 5em;
  padding-bottom: 5em;
  overflow: hidden;
}

.section-2.product {
  padding-top: 10em;
  padding-bottom: 10em;
  overflow: visible;
}

.section-2.product.hideme {
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
}

.section-2.product.rev-space {
  padding-bottom: 5em;
}

.section-2.product.rev-space.videos {
  padding: 15em 0 0;
}

.section-2.product.rev-space.videos.hide {
  display: none;
}

.sticky-text {
  width: 33%;
  padding-top: 10vh;
  position: sticky;
  top: 12vh;
}

.sticky-text.rev-sticky {
  padding-top: 6vh;
  position: sticky;
}

.sticky-text.rev-sticky.text-1 {
  width: 85%;
  padding-top: 5vw;
}

.sticky-text.rev-sticky.text-1._2 {
  padding-top: 0;
}

.sticky-text.rev-space {
  padding-top: 6vh;
  position: static;
}

.sticky-text.rev-space._2 {
  padding-top: 0;
}

.icon-2 {
  margin-right: -5px;
}

.submenu {
  margin-right: 10px;
}

.submenu.hide {
  display: none;
}

.dropdown-link {
  letter-spacing: 1px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: var(--font-body);
  font-size: 16px;
  transition: all .4s, opacity .2s;
}

.dropdown-link:hover {
  color: #E93423;
  background-color: rgba(255, 255, 255, 0.95);
}

.dropdown-link.w--current {
  background-color: rgba(233, 52, 35, 0.1);
  color: var(--red);
  font-weight: 600;
  padding-left: 25px;
  padding-right: 25px;
}

.div-block-15 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 60%;
  display: flex;
}

.image-4 {
  margin-top: -40px;
}

.section-logo {
  background-color: #000;
  display: block;
  overflow: hidden;
}

.page-padding-2 {
  padding: 5em 5%;
}

.page-padding-2.s0 {
  padding-top: 2em;
  padding-bottom: 2em;
}

.page-padding-2.s0.hide {
  display: none;
}

.logo_component-slider {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 2200px;
  display: flex;
}

.logo-slider-img {
  opacity: 1;
  height: 45px;
}

.logo-slider-img.invert {
  filter: invert();
  width: auto;
}

.logo-slider-img.invert.smallersize {
  height: 40px;
}

.logo-slider-img.invert.hide {
  display: none;
}

.logo-slider-img.less-opacity {
  opacity: .8;
}

.logo-slider-img.biggersize {
  height: 55px;
}

.tab-link-project {
  border-right: 1px solid var(--white);
  border-left: 1px solid var(--white);
  background-color: var(--black);
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: var(--font-body);
  font-size: 35px;
}

.tab-link-project:hover {
  color: #fff;
}

.tab-link-project.w--current {
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  font-family: var(--font-body);
  font-size: 35px;
}

.tabs-menu {
  text-align: center;
  margin-bottom: 60px;
}

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

.team_card {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: block;
}

.team_image {
  width: 100%;
  padding-top: 132%;
  transition: transform .2s;
  position: relative;
  inset: auto auto 0% 0%;
}

.team_image.hide {
  display: none;
}

.image-5 {
  object-fit: cover;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.team_title-wrap {
  justify-content: flex-start;
  align-items: center;
  margin-top: 1em;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  transition: margin .2s;
  display: flex;
  position: relative;
}

.team_title-wrap.one-line {
  flex-direction: row;
  align-items: flex-start;
}

.team_title-wrap.hide {
  display: none;
}

.team_underline {
  background-color: var(--white);
  width: 0%;
  height: 100%;
  transition: width .4s;
  position: absolute;
}

.team_name {
  z-index: 2;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.7em;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.composition-main {
  z-index: 2;
  border-top-left-radius: 200px;
  position: relative;
}

.composition-main._2 {
  border-radius: 143px;
}

.composition-second {
  z-index: 3;
  position: absolute;
  inset: 40% -15% 40% auto;
}

.white-text-2 {
  color: #fff;
}

.white-text-2.space-top-tiny {
  font-family: var(--font-heading);
}

.white-text-2.space-top-tiny.black-heading-text {
  color: var(--black);
}

.content-limit {
  max-width: 440px;
}

.content-limit.padding-left-50 {
  max-width: 100%;
  padding-left: 50px;
}

.content-limit.padding-right-50 {
  padding-right: 50px;
}

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

.four-column-grid.space-top {
  margin-top: 60px;
}

.four-column-grid._2-grids {
  grid-template-columns: 1fr 1fr;
}

.split-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center start;
  display: grid;
}

.split-column._2 {
  grid-column-gap: 80px;
  grid-row-gap: 50px;
}

.split-column.service-page {
  grid-template-columns: .35fr 1fr;
  align-items: center;
}

.composition {
  position: relative;
}

.composition-third {
  z-index: 1;
  position: absolute;
  inset: 33px auto auto -16%;
}

.composition-third._2 {
  border-radius: 50%;
}

.container-4 {
  max-width: 1100px;
  padding-left: 0;
  padding-right: 0;
}

.check-white {
  filter: saturate(200%) contrast(200%);
  width: 40px;
  margin-left: -5px;
  padding-left: 0;
}

.mobile-display {
  display: none;
}

.div-block-16.rev-top-padding {
  margin-top: 10vw;
}

.dotted-underline {
  border-bottom: 1px dashed #ffffff80;
  margin-bottom: 32px;
  padding-bottom: 32px;
}

.testimonial-with-portrait {
  display: flex;
}

.video-lightbox-link {
  color: #111321;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.play-button-wrapper {
  background-color: #111321;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.play-button-wrapper.space-right-tiny {
  margin-right: 10px;
}

.orange-text {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: var(--font-body);
  font-weight: 400;
}

.small-testimonial {
  background-color: #fff;
  margin-bottom: 16px;
  padding: 24px;
}

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

.tiny-testimonial-portrait {
  border-radius: 50%;
  margin-right: 10px;
}

.container-5 {
  max-width: 1300px;
  padding-left: 0;
  padding-right: 0;
}

.heading-4 {
  color: var(--white);
  margin-bottom: 20px;
  font-family: var(--font-heading);
}

.company-name {
  font-family: var(--font-body);
}

.author-name {
  font-family: var(--font-heading);
}

.text-block-3 {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: var(--font-body);
}

.text-block-4 {
  color: #ffffffcf;
  letter-spacing: 1px;
  font-family: var(--font-body);
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
}

.narrow-section {
  margin-bottom: 8px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.narrow-section.dark {
  background-color: #111321;
  margin-bottom: 0;
}

.container-6 {
  max-width: 1360px;
  padding-left: 40px;
  padding-right: 40px;
}

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

.white-text-3 {
  color: #fff;
  letter-spacing: 1px;
  font-family: var(--font-body);
  font-size: 20px;
}

.logo {
  height: 3.5vw;
  margin-left: auto;
  margin-right: auto;
}

.logo.inverse {
  filter: invert();
}

.sm-bold {
  font-size: 16px;
  font-style: italic;
}

.contact-icon {
  width: 30px;
}

.contact-icon.cta-icon {
  filter: none;
  width: 40px;
}

.contact-block {
  align-items: center;
  margin-bottom: 15px;
  padding-right: 30px;
  display: flex;
}

.contact-block.last {
  padding-right: 0;
}

.contact-item {
  color: var(--white);
  letter-spacing: 1px;
  padding-left: 10px;
  font-family: var(--font-body);
  font-size: 16px;
  white-space: nowrap;
}

.contact-item.cta-item {
  font-size: 20px;
}

.contact-item.cta-item.font-rev-contact-item {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
}

.contact-item.font-rev {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 600;
}

.cta-contact-info-block {
  text-align: left;
  justify-content: flex-start;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.above {
  z-index: 6;
}

.above.laptop-body-16-9 {
  z-index: 9;
  box-shadow: none;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 20vw;
}

.above.laptop-body-16-9._1.rev-vid1 {
  width: 49vw;
  height: 28vw;
  max-height: 400px;
}

.above.laptop-body-16-9._2 {
  z-index: 12;
}

.above.laptop-body-16-9._2.rev-vid2 {
  width: 49vw;
  height: 28vw;
  max-height: 400px;
}

.above.laptop-body-16-9._3 {
  z-index: 15;
  border-style: solid;
}

.above.laptop-body-16-9._3.rev-vid3 {
  width: 49vw;
  height: 28vw;
  max-height: 400px;
}

.paragraph-4.font-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 600;
}

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

.process-rtb h2 {
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  margin-top: 40px;
  font-family: var(--font-body);
}

.process-rtb h3 {
  color: #fff;
  text-align: left;
  letter-spacing: 1px;
  font-family: var(--font-body);
}

.process-rtb p {
  text-align: left;
  margin-bottom: 20px;
  font-family: var(--font-body);
  font-weight: 500;
}

.process-rtb li {
  color: #fff;
  letter-spacing: 1px;
  margin-bottom: 15px;
  font-family: var(--font-body);
  font-weight: 500;
}

.paragraph-5 {
  text-align: left;
}

.left-process-box {
  border-right: 2px solid #fff;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.process-number {
  color: var(--red);
  letter-spacing: 1px;
  padding-left: 10px;
  font-family: var(--font-heading);
  font-size: 25px;
}

.process-number.right {
  padding-left: 0;
  padding-right: 10px;
}

.right-process-box {
  border-left: 2px #fff;
  padding-left: 40px;
  display: flex;
}

.right-border {
  border-right: 2px solid #fff;
  position: relative;
}

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

.form {
  text-align: left;
  width: 100%;
}

.fa-answers p {
  color: #000;
}

.fa-answers li {
  letter-spacing: 1.2px;
}

.list-item {
  font-family: var(--font-body);
}

.div-block-18 {
  font-family: var(--font-body);
  font-size: 18px;
}

.select-field {
  background-color: var(--yale-blue);
  letter-spacing: 1px;
  border: 1px solid #000;
  border-bottom: 1px solid #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: var(--font-body);
  font-size: 16px;
}

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

.six-col-grid.space-top {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  margin-top: 100px;
}

.six-col-grid._2-grids {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.space-top {
  margin-top: 60px;
}

.space-top._4-grids {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  margin-top: 0;
}

.no-underline {
  text-decoration: none;
}

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

.bullet {
  filter: invert();
  width: 15px;
  height: 15px;
  position: absolute;
  inset: 8px -8px 0% auto;
}

.bullet.top-bullet {
  top: 0;
}

.service-grid-block {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  align-items: stretch;
}

/* SERVICE CARD - Equal height with flexbox for button alignment */
.service-grid-block > .box,
.service-grid-block > .box.box-rev {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.desktop-mobile {
  filter: invert();
  width: 30px;
  margin-right: 8px;
  padding-right: 0;
}

.img-block {
  background-image: url('../images/DSC08.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.checklist-icon {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

/* Legacy check-icon styles - commented out to prevent filter conflicts
.check-icon {
  filter: grayscale();
  color: var(--red);
  width: 30px;
  height: 30px;
  margin-right: 10px;
  transition: opacity .2s;
}
*/

.checklist-text {
  color: var(--white);
  letter-spacing: 1px;
  padding-left: 5px;
  font-family: var(--font-body);
  line-height: 20px;
}

.block-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}

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

.link-block-3:hover {
  opacity: .7;
}

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

.link-block-4:hover {
  opacity: .7;
}

.link-block-5, .link-block-6 {
  text-decoration: none;
}

.team-bio {
  color: var(--white);
  padding: 10px;
  line-height: 23px;
  display: none;
  position: absolute;
  inset: auto 3% 2%;
}

.team-bio.rev-bio {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: none;
}

.phone-mobile.left-phone-icon {
  width: 23px;
  margin-right: 5px;
}

.re-features-block.hide {
  display: none;
}

.list-item-2 {
  letter-spacing: 1.2px;
}

.sticker-paragraph {
  font-size: 18px;
}

.sticker-paragraph.font-rev {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.footer-contacts:hover {
  opacity: .7;
}

.tabs {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.project-btn-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 980px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--font-body);
  font-size: 25px;
  display: grid;
}

.text-block-5 {
  text-transform: uppercase;
}

.projects-link-block {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  background-color: #000;
  padding: 20px;
  font-size: 30px;
  text-decoration: none;
}

.projects-link-block:hover {
  background-color: var(--red);
  color: #fff;
}

.projects-link-block.current-link {
  color: #000;
  background-color: #fff;
  border: 2px solid #000;
}

.webflow-lightbox-component {
  display: none;
}

.video-link-block {
  color: #333;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 17px;
  text-decoration: none;
  transition: transform .2s, opacity .2s;
}

.video-link-block:hover {
  opacity: .92;
  color: #333;
  text-decoration: none;
  transform: scale(1.02);
}

.video-embed {
  width: 100%;
}

.title {
  margin-top: 1rem;
  font-family: var(--font-body);
  font-size: 12px;
}

.text-block-6 {
  font-family: var(--font-heading);
}

.hello-estimate-form-div {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.hello-feature-right {
  padding: 125px 5%;
}

.hello-feature-right.light-grey-bg {
  background-color: #f8f8f8;
}

.ccb1-icon-cover {
  justify-content: flex-end;
  display: flex;
}

.ccb4-feature-label-4 {
  color: #d92121;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.hello-estimate-form-field-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.ccb2-hero-div {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-service-one-block {
  text-align: center;
  display: block;
}

.ccb2-hero-title-4-copy-3 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 50px;
  font-weight: 400;
  line-height: 60px;
}

.hello-estimate-form-field-message.combo {
  color: #1d1d1d;
  background-color: #fff;
  border: 0 solid #000;
  border-radius: 5px;
  min-height: 125px;
  padding-top: 20px;
  padding-left: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.hello-estimate-bullet-label-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.hello-estimate-tagline-4 {
  color: #e7e7e7;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.ccb4-feature-title-3 {
  color: #1d1d1d;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 34px;
  font-weight: 400;
  line-height: 45px;
}

.ccb4-feature-title-3.white-text {
  color: #fdfdfd;
}

.link-block-7 {
  text-align: center;
  margin-top: 0;
  padding-top: 5px;
  text-decoration: none;
  display: block;
}

.hello-estimate-bullet-cell {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.pro-section.section {
  padding: 125px 5%;
}

.pro-section.section.bg-blue {
  background-color: #001d3d;
}

.ccb1-icon-text {
  max-width: 100%;
}

.primary-7 {
  color: #fdfdfd;
  text-align: center;
  text-transform: uppercase;
  background-color: #d92121;
  border: 2px solid #d92121;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 500;
  transition: transform .2s;
  display: flex;
}

.primary-7:hover {
  background-color: #b21b1b;
  border-color: #b21b1b;
}

.hello-estimate-form-cell {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
  position: relative;
}

.hello-estimate-bullet-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.ccb4-feature-banner {
  width: 500px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.ccb4-feature-banner.max-width-800 {
  width: auto;
  max-width: 800px;
}

.hello-estimate-content {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  display: flex;
}

.red-text-header-2 {
  color: #d92121;
  text-align: center;
  margin-top: 10px;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.hello-estimate-form {
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0;
}

.img-bordered {
  border-radius: 15px;
}

.heading-4-title-2 {
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #dfdfdf;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.hello-estimate-title-6 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 34px;
  font-weight: 400;
  line-height: 55px;
}

.hello-estimate-div {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.breadcrumbs-text-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: capitalize;
  text-decoration: none;
}

.breadcrumbs-text-2:hover {
  color: #d92121;
}

.breadcrumbs-text-2.dash {
  padding-left: 3px;
  padding-right: 3px;
}

.hello-estimate-meta-6 {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.ccb4-feature-div {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.pro-section-grids {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.breadcrumbs-block {
  display: flex;
}

.breadcrumbs-block.center-crumbs {
  justify-content: center;
}

.ccb2-hero-4 {
  background-image: linear-gradient(#07111b78, #07111b78), url('../images/demolition-experts.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 4px;
  padding: 175px 5%;
  position: relative;
}

.ccb2-hero-4.sewer {
  background-image: linear-gradient(#0000006b, #0000006b), url('../images/sewer-service-hero.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.ccb2-hero-4.sewer.new-service {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  padding-top: 120px;
  padding-bottom: 120px;
}

.hello-estimate-kitchen {
  background-image: linear-gradient(#1d1d1db0, #1d1d1db0), url('../images/DJI_0434-Large.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 125px 5%;
  position: relative;
}

.breadcrumbs-link {
  text-decoration: none;
}

.breadcrumbs-link:hover {
  color: #d92121;
}

.breadcrumbs-link.w--current {
  text-decoration: none;
}

.service-single-right-block {
  position: sticky;
  top: 25px;
}

.text-right-2 {
  color: #000;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.text-right-2.margin-top-20 {
  margin-top: 20px;
  font-weight: 600;
}

.center-text-right-side {
  color: #000;
  text-align: center;
  font-size: 16px;
}

.hello-estimate-grid {
  z-index: 2;
  grid-column-gap: 125px;
  grid-row-gap: 125px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  place-items: center start;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.hello-estimate-form-field-svg {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
  position: absolute;
  left: 20px;
}

.hello-estimate-bullet-label-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  max-width: 500px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.service-grid-block-2 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .5fr;
}

.map-with-info {
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  padding-bottom: 10px;
}

.hello-estimate-cell-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: #000;
  border-top: 8px solid #d92121;
  border-radius: 15px;
  flex-direction: column;
  flex: 1;
  padding: 60px 45px 45px;
  display: flex;
}

.work-section-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1.25fr;
  align-content: stretch;
  align-items: stretch;
}

.work-section-grid.right-img {
  grid-template-columns: 1.25fr .75fr;
}

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

.hello-estimate-form-field-3 {
  color: #1d1d1d;
  background-color: #fff;
  border: 1px solid #2f2f2f;
  border-radius: 5px;
  width: 100%;
  min-height: 55px;
  margin-bottom: 0;
  padding: 15px 50px;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  transition: all .25s;
}

.hello-estimate-form-field-3:hover {
  border-color: #b6b9ce;
}

.hello-estimate-form-field-3:focus {
  border-color: #006ee6;
}

.hello-estimate-form-field-3::placeholder {
  color: #bebebe;
}

.ccb1-icon-div-2 {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.sticky-block {
  position: sticky;
  top: 25px;
}

.ccb1-icon-cover-image {
  border-radius: 10px;
  display: block;
}

.hello-estimate-bullet-svg {
  filter: hue-rotate(144deg) invert();
  width: 25px;
}

.ccb1-icon-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  display: flex;
}

.swiper-button-next {
  background-color: #fff;
  background-image: url('../images/right.svg');
  background-position: 55%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100px;
  flex: none;
  width: 60px;
  height: 60px;
  box-shadow: 1px 1px 10px #00000040;
}

.container-7 {
  max-width: 1440px;
  position: relative;
}

.swiper-wrapper.is-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.swiper-wrapper.videos, .swiper-wrapper.social-media, .swiper-wrapper.real-estate {
  padding: 10px 0 20px;
  display: flex;
}

.swiper-nav {
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section-slider.full-height {
  height: 100vh;
}

.swiper-button-prev {
  background-color: #fff;
  background-image: url('../images/left.svg');
  background-position: 44%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100px;
  flex: none;
  width: 60px;
  height: 60px;
  box-shadow: 1px 1px 10px #00000040;
}

.swiper-slide.is-team {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20rem;
  display: flex;
}

.swiper-slide.videos {
  grid-row-gap: 0rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15.4rem;
  display: flex;
}

.swiper-slide.videos._2 {
  width: 15.3rem;
}

.swiper-slide.social-media, .swiper-slide.real-estate {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15.4rem;
  display: flex;
}

.swiper.slider-list-wrap {
  padding-top: 300px;
  padding-bottom: 300px;
}

.swiper.is-effect {
  width: 100%;
  overflow: hidden;
}

.swiper.is-team {
  width: 100%;
  margin-top: 3rem;
  overflow: hidden;
}

.swiper.videos {
  width: 100%;
  margin-top: 2rem;
  overflow: hidden;
}

.swiper.social-media {
  width: 100%;
  margin-top: 3rem;
  overflow: hidden;
}

.swiper-slide-inner {
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-embed-home {
  width: 100%;
  height: 100%;
}

.section-3.full-height {
  height: 100vh;
}

.div-block-22 {
  height: 468px;
}

.project-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: stretch stretch;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.project-grid.rev-hide {
  display: none;
}

.html-embed-2, .html-embed-3 {
  margin-bottom: 0;
}

.first-block {
  border: 1px solid var(--white);
  object-fit: contain;
}

.html-embed-4 {
  margin-bottom: 0;
}

.gallery-block {
  border: 1px solid var(--white);
}

.button-play {
  filter: invert();
  border: 1px solid #fff;
  border-radius: 50%;
  width: 30px;
  margin-right: 10px;
}

.div-block-24 {
  z-index: 2;
  text-align: right;
  background-image: linear-gradient(#0000, #141414d6 42%, #141414 71%);
  justify-content: flex-end;
  align-items: center;
  height: 250px;
  position: relative;
}

.div-block-24.gradient-space {
  background-image: linear-gradient(#0000, #141414d6 45%, #141414 74%);
  height: 230px;
  display: block;
}

.div-block-24.gradient-space._2 {
  z-index: 3;
  display: none;
}

.mask {
  height: 100%;
  position: static;
  overflow: visible;
}

.slider-text-2 {
  text-align: center;
  font-family: var(--font-body);
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
  display: none;
}

.slider-wrapper {
  justify-content: center;
  align-items: center;
  height: 450px;
  display: flex;
  position: relative;
}

.slider-left-arrow {
  color: #444;
}

.section-15 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.slider-container {
  width: 100vw;
  min-height: 300px;
  padding: 40px;
  display: block;
  overflow: hidden;
}

.slider {
  background-color: #0000;
  width: 400px;
  height: 400px;
  position: static;
}

.slider-icon {
  color: #fff;
}

.slider-right-arrow {
  color: #444;
}

.slide-content-wrapper {
  background-color: #e1e1e1;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
}

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

.section-16 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.slider-container-2 {
  width: 100vw;
  padding: 0 40px;
  overflow: hidden;
}

.slide-2 {
  margin-right: 0;
}

.slider-2 {
  background-color: #0000;
  width: 50vw;
  height: 24vw;
  position: static;
}

.div-slider {
  padding-bottom: 150px;
  overflow: hidden;
}

.slide-nav {
  display: none;
}

.thumbnail-1 {
  background-image: url('../images/3.webp');
  background-position: 50% 0;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
}

.thumbnail-1._2 {
  background-image: url('../images/Woodturning-Tool-Company---Mini-Documentary---homepage.webp');
  background-position: 50%;
}

.thumbnail-1._3 {
  background-image: url('../images/2.webp');
  background-position: 50%;
}

.thumbnail-1._4 {
  background-image: url('../images/4.webp');
}

.thumbnail-1._5 {
  background-image: url('../images/Refyne-Window-Cleaning---Service-Plan.webp');
}

.thumbnail-1._6 {
  background-image: url('../images/Bellevue-WA-Lawyer---Brand-Film---homepage.webp');
}

.div-block-26 {
  background-image: linear-gradient(#000000de, #000000de);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .6s;
  display: flex;
}

.div-block-26:hover {
  background-image: none;
  text-decoration: none;
}

.text-block-7 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5%;
  font-size: 27px;
  font-weight: 700;
  text-decoration: none;
}

.image-7 {
  max-height: 4vw;
}

.div-block-27 {
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 3vw;
  display: flex;
}

.div-block-27.home2 {
  text-align: center;
}

.text-block-8 {
  color: #fff;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: 1.3vw;
  font-weight: 800;
}

.text-block-8.home2 {
  font-size: 1.2vw;
}

.image-8 {
  width: 4vw;
  height: 4vw;
  position: relative;
}

.div-block-28 {
  opacity: 0;
  background-color: #000000de;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .6s;
  display: flex;
}

.div-block-28:hover {
  opacity: 100;
}

.div-vid-contents {
  width: 100%;
  height: 100%;
}

.image-9 {
  align-self: center;
  width: 5vw;
}

.div-block-29 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-hover {
  opacity: 0;
  background-color: #000000e3;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .6s;
  display: flex;
}

.div-hover:hover {
  opacity: 100;
}

.section-17 {
  padding-top: 176px;
  padding-bottom: 176px;
}

.inner-container._574px {
  max-width: 574px;
}

.inner-container._574px.center {
  max-width: none;
}

.inner-container._1012px.center {
  padding-left: 5%;
  padding-right: 5%;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container._600px.center {
  max-width: none;
}

.inner-container._1068px {
  max-width: 1068px;
}

.inner-container._1068px.center {
  justify-content: center;
  align-items: center;
  margin-bottom: 5%;
  display: flex;
}

.inner-container._1068px.center.test {
  width: 345px;
  margin-bottom: 0%;
  display: block;
  position: static;
}

.inner-container._1068px.center.test.social-media {
  width: 338px;
  margin-bottom: 0%;
  position: static;
}

.inner-container._640px {
  max-width: 640px;
}

.inner-container._640px.center {
  max-width: none;
}

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

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

.grid-1-column.gap-row-28px {
  grid-row-gap: 28px;
}

.accordion-spacer {
  min-height: 16px;
}

.accordion-item-wrapper {
  cursor: pointer;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  width: 100%;
  padding: 48px 64px;
  transition: transform .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.accordion-item-wrapper:hover {
  transform: scale3d(.96, .96, 1.01);
}

.accordion-item-wrapper.v3 {
  box-shadow: none;
  border-width: 1px 0;
  border-radius: 0;
  justify-content: space-between;
  margin-bottom: -1px;
  padding: 40px 0;
  overflow: visible;
}

.accordion-item-wrapper.v3:hover {
  transform: translate(8px);
}

.accordion-item-wrapper.v3.first {
  border-top-width: 0;
  padding-top: 0;
}

.accordion-item-wrapper.v6 {
  justify-content: space-between;
}

.accordion-item-wrapper.v6.hide {
  display: none;
}

.accordion-item-wrapper.v6.tab-wrapper-rev {
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 40px;
}

.acordion-body {
  width: 100%;
  overflow: hidden;
}

.accordion-title {
  margin-bottom: 0;
}

.accordion-title.rev-font {
  font-size: 23px;
  font-weight: 800;
}

.accordion-content-wrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.accordion-content-wrapper.v2 {
  max-width: 730px;
}

.accordion-content-wrapper.width-660px {
  max-width: 660px;
}

.accordion-content-wrapper.width-660px.font-rev {
  max-width: 800px;
}

.tabs-menu-2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.tabs-menu-2.tabs-vertical {
  flex-direction: column;
  margin-bottom: 0;
}

.tabs-menu-2.tabs-vertical.width-226px {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 226px;
  margin-right: 130px;
}

.container-default {
  max-width: 1218px;
  padding-left: 0;
  padding-right: 0;
}

.container-default.faq {
  padding-left: 100px;
  padding-right: 100px;
}

.tabs-content {
  overflow: visible;
}

.tabs-content.card {
  background-image: linear-gradient(#fff, #efeff0);
  border: 1px solid #eff0f6;
  border-radius: 24px;
  width: 100%;
  padding: 56px 48px;
  box-shadow: 0 -25px 6rem #14142b17;
}

.tabs-content.card._2 {
  background-color: #fff;
  background-image: none;
  box-shadow: 0 -7px 6rem #2c2c2c24;
}

.tabs-content.card._2.commercial-tab {
  box-shadow: none;
  background-image: none;
  border-style: none;
}

.tabs-content.card._2.social-media {
  background-image: linear-gradient(#0c0c0c, #202020);
  border-style: none;
}

.tabs-content.card._2.real-estate-tab {
  background-color: var(--black);
  box-shadow: none;
  border-style: none;
}

.line-rounded-icon.link-icon-right {
  margin-left: 6px;
  display: inline-block;
}

.accordion-side {
  margin-right: 24px;
}

.accordion-side.right-side {
  margin-left: 24px;
  margin-right: 0;
  padding-top: 10px;
}

.tabs-wrapper.tabs-left {
  display: flex;
}

.badge-secondary {
  color: #211f54;
  text-align: center;
  background-color: #fff;
  border: 1px solid #dcddeb;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 2px 12px #14142b0f;
}

.badge-secondary.tabs {
  margin-left: 12px;
  margin-right: 12px;
  transition: background-color .3s, border-color .3s, color .3s;
}

.badge-secondary.tabs:hover, .badge-secondary.tabs.w--current {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
}

.badge-secondary.tabs.vertical {
  margin: 0 0 24px;
}

.badge-secondary.tabs.tab-rev {
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.badge-secondary.tabs.tab-rev:hover {
  border-color: var(--red);
  background-color: var(--red);
}

.badge-secondary.tabs.tab-rev.w--current {
  border-color: var(--red);
  background-color: var(--red);
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.accordion-header {
  align-items: center;
  display: flex;
}

.btn-circle-secondary {
  color: #211f54;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 12px #14142b14;
}

.btn-circle-secondary:hover {
  color: #fff;
  background-color: #4a3aff;
  border-color: #4a3aff;
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-secondary.small.accordion-btn:hover {
  background-color: #fff;
  border-color: #eff0f6;
}

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

.text-center-2.mg-bottom-64px {
  margin-bottom: 5%;
}

.text-center-2.mg-bottom-48px {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mg-bottom-0 {
  color: #000;
  margin-bottom: 0;
}

.mg-bottom-0.rev-font {
  letter-spacing: 0;
  font-family: var(--font-body);
  font-weight: 500;
}

.section-18 {
  padding-top: 176px;
  padding-bottom: 176px;
}

.accordion-btn-line {
  background-color: #211f54;
  border-radius: 20px;
  width: 18px;
  height: 2px;
  position: absolute;
}

.accordion-btn-line.vertical {
  transform: rotate(90deg);
}

.tabs-menu-3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.elements---element-title {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  margin-top: 72px;
  margin-bottom: 32px;
  padding: 24px 32px;
  box-shadow: 0 2px 8px #14142b0f;
}

.text-tab-faq {
  font-size: 14px;
}

.div-block-30 {
  display: none;
}

.mask-2 {
  position: static;
  overflow: visible;
}

.slider-text-3 {
  text-align: center;
  font-family: var(--font-body);
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.slider-wrapper-2 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section-19 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.slider-container-3 {
  width: 100vw;
  min-height: 300px;
  padding: 40px;
  overflow: hidden;
}

.slider-3 {
  background-color: #0000;
  width: 400px;
  height: 400px;
  position: static;
}

.slide-content-wrapper-2 {
  background-color: #e1e1e1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.slide-nav-2 {
  background-color: red;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.slide-1 {
  width: 375px;
  margin-right: 20px;
  padding-right: 0;
}

.grey {
  color: #6e6e73;
  font-size: 26px;
}

.modal-1-popup {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0006;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: block;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.superscript {
  vertical-align: top;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
}

.superscript.grey {
  text-decoration-thickness: 2px;
}

.modal-superscript {
  vertical-align: super;
  font-size: 12px;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.phone-wrapper {
  flex: none;
  align-self: center;
  height: 100%;
  position: static;
  inset: 0%;
}

.cross {
  width: 17px;
  max-width: none;
}

.slider-4 {
  background-color: #202020;
  height: 100%;
  margin-top: 50px;
  padding-bottom: 80px;
  overflow: visible;
}

.slider-4.real-estate {
  background-color: #fff;
}

.slide-4 {
  width: 375px;
  margin-right: 20px;
}

.card-feature-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-feature-wrapper.vertical-alignment {
  flex-flow: column;
}

.popup-label {
  color: #1d1d1f;
  letter-spacing: -.5px;
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}

.main-heading-wrapper.hide {
  display: none;
}

.card-front {
  color: #fff;
  background-color: #e4e4e4;
  width: 375px;
  height: 255px;
  padding-top: 10%;
  padding-left: 10%;
  padding-right: 10%;
  position: relative;
}

.card-front._5 {
  background-image: url('../images/environment__e3v3gj88dl6q_large_2x_1environment__e3v3gj88dl6q_large_2x.avif');
}

.card-front._8 {
  background-image: url('../images/safety__bwp7rsowtjiu_large_2x_1safety__bwp7rsowtjiu_large_2x.avif');
}

.card-front._7 {
  background-image: url('../images/personalize__dwg8srggrbo2_large_2x_1personalize__dwg8srggrbo2_large_2x.avif');
}

.card-front._4 {
  background-image: url('../images/innovation__os9bmmo3mjee_large_2x_1innovation__os9bmmo3mjee_large_2x.avif');
  width: 375px;
  height: 670px;
}

.card-front._6 {
  background-image: url('../images/privacy__ckc0wa30o55y_large_2x_1privacy__ckc0wa30o55y_large_2x.avif');
}

.card-front._2 {
  background-image: url('../images/camera__exi2qfijti0y_large_2x_1camera__exi2qfijti0y_large_2x.avif');
  background-position: 50%;
  background-size: cover;
  width: 375px;
  height: 670px;
  padding-top: 10%;
  padding-left: 10%;
  padding-right: 10%;
}

.card-front._3 {
  cursor: pointer;
  background-image: url('../images/battery__2v7w6kmztvm2_large_2x_1battery__2v7w6kmztvm2_large_2x.avif');
  background-position: 50% 100%;
  width: 375px;
  height: 670px;
}

.card-front.hide {
  display: none;
}

.slide-7, .slide-3, .slide-2 {
  width: 375px;
  margin-right: 20px;
}

.webflow-link-2 {
  color: #336cec;
  font-weight: 600;
  text-decoration: none;
}

.right-arrow {
  background-color: #e2e2e5;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  inset: -20% 0% auto auto;
  overflow: hidden;
}

.right-arrow:hover {
  background-color: #e9e9eb;
}

.instructions-image-4 {
  width: 250px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.right-arrow-image {
  margin-right: -4px;
}

.card-link {
  cursor: pointer;
  transform-style: preserve-3d;
  text-decoration: none;
  transition: all .4s;
}

.card-link:hover {
  transform: scale3d(1.02, 1.02, 1.02);
}

.generic-link {
  color: #6e6e73;
  font-weight: 700;
  text-decoration: none;
}

.rich-text-block {
  color: #1d1d1f;
  margin-bottom: 0;
  font-weight: 400;
}

.rich-text-block._10px {
  margin-bottom: 10px;
}

.rich-text-block._40px {
  margin-bottom: 40px;
}

.mask-3 {
  width: 375px;
  height: 100%;
  overflow: visible;
}

.left-arrow-image {
  margin-left: -3px;
  padding-left: 0;
}

.screen-reader-text {
  color: #000;
  text-decoration: none;
  display: none;
}

.feature-card-image {
  width: 500px;
}

.feature-card-image.large {
  width: 1000px;
}

.feature-card-image.tablet-mobile {
  display: none;
}

.code-embed {
  margin-top: 10px;
  margin-bottom: 0;
}

.section-20 {
  background-color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: auto;
  margin-top: 202px;
  padding-top: 75px;
  padding-bottom: 10%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-4 {
  color: #fffefa;
  text-align: center;
  background-color: #4353ff;
  border-radius: 2em;
  min-width: 11em;
  padding: .75em 2em .875em;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s;
}

.button-4:hover {
  background-color: #3e4ceb;
}

.button-4.open-modal {
  cursor: pointer;
  background-color: #333336;
  justify-content: center;
  align-items: center;
  width: 35px;
  min-width: 0;
  height: 35px;
  padding: 0;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.button-4.open-modal:hover {
  background-color: #333336;
}

.section-heading-2 {
  color: #1d1d1f;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

.slide-5 {
  width: 375px;
  margin-right: 20px;
}

.paragraph-6 {
  color: #6e6e73;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

.paragraph-6.last {
  margin-bottom: 0;
}

.instructions-image-2 {
  width: 300px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.slide-8 {
  width: 375px;
  margin-right: 20px;
}

.label-2 {
  color: #fff;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}

.label-2.black {
  color: #1d1d1f;
}

.label-2.hide {
  display: none;
}

.plus-icon {
  width: 17px;
  max-width: none;
}

.left-arrow {
  background-color: #e2e2e5;
  border-radius: 2em;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin: 0;
  transition: background-color .2s;
  display: flex;
  inset: -20% 4% 0% auto;
}

.left-arrow:hover {
  background-color: #e9e9eb;
}

.popup-heading {
  color: #1d1d1f;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

.container-8 {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 100px;
  padding-right: 100px;
}

.container-8.hide {
  display: none;
}

.container-8.real-estate {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.container-8.social-media {
  padding-bottom: 0;
}

.container-8.commercial {
  padding-bottom: 100px;
}

.modal-popup-wrapper {
  display: none;
}

.modal-2-popup {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0006;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.instructions-image-1 {
  width: 150px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.slider-wrapper-3.hide {
  display: none;
}

.modal-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.slide-6 {
  width: 375px;
  margin-right: 20px;
}

.h1 {
  color: #1d1d1f;
  margin-top: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
}

.modal-content {
  padding: 4.5rem;
}

.code-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

.card-2 {
  background-color: #f5f5f7;
  border-radius: 30px;
  margin-bottom: 20px;
  padding-left: 60px;
  padding-right: 60px;
}

.card-2._5 {
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.card-2._3 {
  padding-top: 0;
}

.card-2._4 {
  padding-top: 60px;
}

.close-button {
  z-index: 5;
  float: right;
  background-color: #f5efef;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 2rem;
  margin-right: 2rem;
  display: flex;
  position: sticky;
  top: -2rem;
}

.close-button.button-style-1 {
  cursor: pointer;
  background-color: #333336;
  border-radius: 8rem;
  width: 35px;
  height: 35px;
  margin-top: 1.5rem;
  margin-right: 1.5rem;
}

.feature-card-text {
  color: #1d1d1f;
  letter-spacing: -.5px;
  order: -1;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.2;
}

.feature-card-text.right {
  order: 1;
}

.feature-card-text._40px {
  margin-bottom: 40px;
  font-size: 26px;
}

.card-wrapper {
  flex-flow: column;
  align-items: stretch;
  transition: all .4s;
  display: flex;
  position: static;
}

.card-wrapper:hover {
  transform: scale(1.03);
}

.h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.modal-3-popup {
  z-index: 999;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0006;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding: 3rem 2rem;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.heading-wrapper {
  margin-bottom: 60px;
}

.card-title {
  letter-spacing: -.5px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
}

.card-title.black {
  color: #1d1d1f;
  font-weight: 600;
}

.card-title.hide {
  display: none;
}

.text-block-9 {
  color: #6e6e73;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.modal {
  background-color: #fff;
  border-radius: 20px;
  flex: none;
  width: 100%;
  max-width: 65rem;
  height: auto;
  margin: auto;
  position: relative;
}

.div-block-31 {
  text-align: center;
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-top: 3%;
  padding-bottom: 3%;
  display: flex;
}

.text-block-10 {
  color: var(--white);
  padding-left: 5%;
  padding-right: 5%;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
}

.lightbox-link {
  background-image: url('../images/Aman--Amari-at-The-Lookout---thumb-1.png');
  background-position: 50%;
  background-size: cover;
  width: 375px;
  height: 255px;
}

.lightbox-link._2 {
  background-image: url('../images/Arctic-Elevation---Launch-Film---thumb.png');
}

.lightbox-link._3 {
  background-image: url('../images/Avrio-Surfaces---The-Shop---thumb.png');
}

.lightbox-link._4 {
  background-image: url('../images/Hopper-Group---Team-Film---thumb.png');
}

.lightbox-link._5 {
  background-image: url('../images/Krisco-Pools---Bellevue-Modern---thumb.png');
}

.lightbox-link._6 {
  background-image: url('../images/Tanya-Drigailo---2209-Gluf-Blvd-Indian-Rocks-Beach-Fl---thumb.png');
}

.lightbox-link._7 {
  background-image: url('../images/The-Bravern---thumb.png');
}

.lightbox-link._8 {
  background-image: url('../images/Trailside---Friendsgiving---thumb.png');
}

.lightbox-link._9 {
  background-image: url('../images/Beachhouse-Bar--Grill-Commercial---thumb.png');
}

.lightbox-link._10 {
  background-image: url('../images/Cosmin-Popa---Lawyer-Brand-Film---thumbs.png');
}

.lightbox-link._11 {
  background-image: url('../images/Carter--Son-Toolworks-x-Mike-Mahoney-Documentary---thumbs.png');
}

.lightbox-link._12 {
  background-image: url('../images/Arctic-Elevation---Launch-Film---thumb.png');
}

.lightbox-link._13 {
  background-image: url('../images/Avrio-Surfaces---The-Shop---thumb.png');
}

.lightbox-link._14 {
  background-image: url('../images/Krisco-Pool---UW-Before--After---thumbs.png');
}

.lightbox-link._15 {
  background-image: url('../images/Toyota-TRD-Pro-AD---thumbs.png');
}

.lightbox-link._16 {
  background-image: url('../images/Kohout-DJ-Entertainment-Promo---thumbs.png');
}

.lightbox-link._17 {
  background-image: url('../images/XsodX-Launch-Film---thumbs.png');
}

.lightbox-link._18 {
  background-image: url('../images/6767ce64dd575365a0cd3e3a_agent-success.jpg');
}

.lightbox-link._19 {
  background-image: url('../images/6767cea5e173c24cb83df73a_sculpture.jpg');
}

.lightbox-link._20 {
  background-image: url('../images/6767cee690554d2f405882d2_3.jpg');
}

.lightbox-link._21 {
  background-image: url('../images/Brian-Hopper--Dan-Redwine---421-Southern-Star-Ln--Cle-Elum-Vertical.webp');
}

.lightbox-link._22 {
  background-image: url('../images/65e85ca1a4764698c2866373_Dickinson-Group---Expanding-to-Arizona-Vertical.webp');
}

.lightbox-link._23 {
  background-image: url('../images/65e85c6b540340c49163b717_Bryan-Brzeg---Infinity-Shore-Club.webp');
}

.lightbox-link._24 {
  background-image: url('../images/6767cf4202acef26c26c99e6_7.jpg');
}

.lightbox-link._25 {
  background-image: url('../images/65e85c3f9d3e94b676026bd1_Brian-Hopper--Dan-Redwine---1130-Ruby-King-Loop-Cle-Elum-One-Take.webp');
}

.lightbox-link._26 {
  background-image: url('../images/65e85d0df68bce18b0ce6eff_Josiah-Willis---13038-NE-113th-St-Kirkland-Vertical-Short-Tour.webp');
}

.lightbox-link._27 {
  background-image: url('../images/6767cfcf25a33401d68c53e7_10.jpg');
}

.lightbox-link._28 {
  background-image: url('../images/65e85c87e81826abb66686f3_Patrick-Buckley---Mt-Baker--Leschi-Neighborhood-Tour-Vertical.webp');
}

.lightbox-link._29 {
  background-image: url('../images/6767d012fb48ac94d34b98ef_12.jpg');
}

.lightbox-link._30 {
  background-image: url('../images/65e85c5ce81826abb666718b_Bryan-Brzeg---Favorite-Client-Story.webp');
}

.lightbox-link._31 {
  background-image: url('../images/65e85c78540340c49163bd01_Realtor-Talking-Head-Example.webp');
}

.lightbox-link._32 {
  background-image: url('../images/65e85cadb262890263754e3b_Tanya-Drigailo---Big-Main-Video-Fl-Vertical.webp');
}

.lightbox-link._33 {
  background-image: url('../images/6767bb60377313e67b21200f_Neda.jpg');
}

.lightbox-link._34 {
  background-image: url('../images/6767bbe11d037159b044dad2_shay-noonan.jpg');
}

.lightbox-link._35 {
  background-image: url('../images/6767c40a264061ca3716905d_Nexus-Seattle.jpg');
}

.lightbox-link._36 {
  background-image: url('../images/6767c484f6ff5b3bc2870178_chelan.jpg');
}

.lightbox-link._37 {
  background-image: url('../images/6767c4d31a41100270b6bfeb_natalie.jpg');
}

.lightbox-link._38 {
  background-image: url('../images/6767c55806432a90058dd5bc_hopper.jpg');
}

.lightbox-link._39 {
  background-image: url('../images/6767c5ad06432a90058df344_slava.jpg');
}

.lightbox-link._40 {
  background-image: url('../images/6767c602815e8f01736a4ee9_bh-kirkland.jpg');
}

.lightbox-link._41 {
  background-image: url('../images/6767c667ca70cc2713e3e951_s.jpg');
}

.lightbox-link._42 {
  background-image: url('../images/65e8401a65b5d99d860dbd11_Brian-Hopper--Dan-Redwine.webp');
}

.lightbox-link._43 {
  background-image: url('../images/65e95fd6c5e6e06df095c2af_Vlad-Popach.webp');
}

.lightbox-link._44 {
  background-image: url('../images/65e8403470728f3997fa277d_Brian-Hopper---The-Bravern.jpg');
}

.lightbox-link._46 {
  background-image: url('../images/65e840277dd901ae9d78867d_Josiah-Willis.webp');
}

.lightbox-link._47 {
  background-image: url('../images/65e849a71ef7e198ae4ce688_Tanya-Drigailo---Indian-Rocks-Beach.webp');
}

.div-bg-play-buttn {
  opacity: 0;
  background-color: #000000b5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: opacity .6s;
  display: flex;
}

.div-bg-play-buttn:hover {
  opacity: 100;
}

.image-10 {
  width: 4vw;
  height: 4vw;
}

.div-block-32 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.slide-9, .slide-10, .slide-11, .slide-13, .slide-12, .slide-14, .slide-15 {
  margin-right: 20px;
}

.gallery-section {
  padding-top: 5%;
  padding-bottom: 10%;
}

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

.grid-3-columns.gallery-v5 {
  margin-top: 5%;
}

.paragraph-7 {
  color: #000;
  letter-spacing: 0;
  max-width: 600px;
  font-family: var(--font-body);
  font-weight: 500;
}

.heading-5 {
  font-family: var(--font-heading);
}

.heading-5.tab {
  border-left: 7px solid var(--red);
  text-align: left;
  padding-left: 5%;
}

.heading-5.tab.social-media {
  color: var(--white);
  padding-left: 5%;
  position: static;
}

.heading-5.tab.real-estate {
  color: var(--white);
}

.heading-5.tab.commercial {
  color: var(--black);
}

.div-block-34.div-tablet-button-vid {
  display: none;
}

.div-block-35 {
  padding: 10% 100px;
}

.div-block-35.hide {
  background-color: var(--black);
  padding-top: 5%;
  padding-bottom: 5%;
  display: block;
}

.tabs-menu-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: end;
  margin-bottom: 8%;
  display: grid;
  transform: translate(0, 11px);
}

.tab-button {
  background-color: #161616;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.tab-button.w--current {
  background-image: linear-gradient(163deg, var(--red), #a70000);
  color: #080808;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.main-div-video {
  background-color: #e6e6e6;
  height: 500px;
}

.main-div-photos {
  background-color: #555;
  height: 500px;
}

.div-block-36 {
  position: absolute;
}

.div-block-37 {
  position: static;
}

.text-block-12 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}

.text-block-12._2 {
  color: #fff;
}

.border-radius-24px {
  z-index: -1;
  border-radius: 24px;
  width: 1000px;
  height: 500px;
  transform: translate(0);
}

.border-radius-24px.vid-small {
  height: 150px;
  box-shadow: 18px 28px 30px #0000001a;
}

.square-icon {
  border-radius: 16px;
}

.square-icon.width-48px {
  border-radius: 10px;
  width: 48px;
}

.square-icon.width-48px.mg-right-16px {
  border-radius: 5px;
  width: 1.5em;
  margin-right: 10px;
}

.tab-left-icon {
  background-color: #fff;
  border: 2px solid #f7f7fc;
  border-radius: 14px;
  align-items: center;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 16px 32px;
  font-weight: 700;
  line-height: 18px;
  transition: box-shadow .3s, border-width .3s, border-color .3s, color .3s;
  display: flex;
  box-shadow: 0 2px 6px #14142b0f;
}

.tab-left-icon:hover {
  border-color: #4a3aff;
}

.tab-left-icon.w--current {
  background-color: #fff;
  border-width: 2px;
  border-color: #4a3aff;
  box-shadow: 0 2px 12px #14142b14;
}

.tab-left-icon.small {
  justify-content: center;
  width: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.tab-left-icon.small.center {
  background-color: #353535;
  border: 1px solid #202020;
  border-radius: 5px;
  margin: 0 12px;
  padding-top: 13px;
  padding-bottom: 13px;
  transition: all .4s cubic-bezier(.807, .012, 0, 1.007), box-shadow .3s, border-width .3s, border-color .3s, color .3s;
}

.tab-left-icon.small.center:hover {
  border-style: none;
  border-color: var(--red);
  transform: scale(1.05);
}

.tab-left-icon.small.center.w--current {
  border: 1px none var(--red);
  background-color: var(--red);
  border-radius: 5px;
  padding-top: 13px;
  padding-bottom: 13px;
}

.tab-left-icon.small.center.real-estate {
  background-color: #353535;
  border-style: none;
  border-color: #fff;
}

.tab-left-icon.small.center.real-estate:hover {
  border-color: red;
}

.tab-left-icon.small.center.real-estate.w--current {
  background-color: var(--red);
  border-style: none;
  border-color: red;
}

.mg-bottom-48px {
  margin-bottom: 48px;
}

.subtitle-2 {
  color: #4a3aff;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 20px;
}

.subtitle-2.mg-bottom-16px {
  margin-bottom: 16px;
}

.link-text {
  transition: color .3s;
  display: inline-block;
}

.display-4 {
  color: #211f54;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}

.grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns.gap-56px {
  grid-row-gap: 28px;
  grid-template-rows: 475px;
  grid-template-columns: 1.25fr;
  margin-bottom: 60px;
}

.grid-2-columns.gap-56px._2 {
  grid-template-rows: 180px;
  grid-template-columns: .75fr .75fr .75fr .75fr;
  margin-bottom: 43px;
}

.tabs-menu-5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
  display: flex;
  top: 1vw;
}

.tabs-menu-5.hide {
  display: none;
}

.link-wrapper {
  color: #211f54;
  transition: none;
  display: inline-block;
}

.link-wrapper:hover, .link-wrapper.color-primary {
  color: #4a3aff;
}

.link-wrapper.color-primary:hover {
  color: #211f54;
}

.mg-bottom-32px {
  margin-bottom: 32px;
}

.text-block-13 {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.div-block-38 {
  padding-top: 25px;
}

.lightbox-link-2 {
  width: 100%;
  height: 500px;
}

.image-14 {
  border-radius: 24px;
}

.btn-primary {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #E93423;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  color: #fff;
  background-color: #FF4444;
  transform: translate3d(0, -3px, .01px);
}

.heading-link {
  transition: color .3s;
}

.heading-link:hover {
  color: #4a3aff;
}

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

.heading-link.td-none:hover {
  color: #211f54;
}

.buttons-row {
  align-items: center;
  display: flex;
}

.buttons-row.center {
  justify-content: center;
}

.div-block-39 {
  margin-top: 5%;
}

.slide_wrap {
  width: 100%;
  transition: opacity .8s, transform .8s;
  position: relative;
  overflow: clip;
}

.swiper-slide-4 {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-slide-4.no-cms {
  width: 100%;
}

.swiper-slide-4.is-effect {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50vw;
  height: auto;
}

.swiper-button {
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  position: relative;
}

.swiper-button.is-left, .swiper-button.swiper-btn-prev, .swiper-button.swiper-left-social, .swiper-button.swiper-left-realestate, .swiper-button.swiper-left-photos-realestate, .swiper-button.swiper-left-photos-commercial, .swiper-button.swiper-left-photos-socialmedia {
  transform: rotate(180deg);
}

.swiper-wrapper-4 {
  width: 100%;
  display: flex;
}

.swiper-wrapper-4.is-effect {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  width: auto;
}

.swiper-button__wrap-2 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 6rem;
  display: flex;
}

.swiper-button__border-2 {
  border: 1px solid #fff;
  border-radius: 100rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.swiper-button_arrow {
  width: 1rem;
  max-width: 100%;
  position: absolute;
  transform: rotate(-180deg);
}

.section-22 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100svh;
  display: flex;
  position: relative;
}

.main-wrapper {
  padding-bottom: 100px;
}

.container-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.swiper-button__arrow {
  width: 1rem;
}

.swiper-button__arrow.is-1 {
  width: 2rem;
}

.swiper-button__arrow.is-2 {
  width: 2rem;
  position: absolute;
}

.section-23 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.section-23._2 {
  height: 50vh;
}

.section-23.real-estate {
  padding-bottom: 80px;
}

.section-23.photography, .section-23.commercial-photography {
  margin-top: 4em;
}

.swiper-button__border {
  background-color: #d6d6d6;
  border-width: 1px;
  border-radius: 100rem;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.swiper-button__wrap {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.swiper-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.team-img__wrapper {
  border-radius: .75rem;
  width: 100%;
  height: 200px;
  max-height: 200px;
  padding-top: 0%;
  position: relative;
  overflow: hidden;
}

.team-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.team-info__wrapper {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.eyebrow {
  letter-spacing: -.02em;
  text-transform: uppercase;
  border: 1px dashed #0e0e0e99;
  border-radius: 100rem;
  padding: .25rem .5rem .2rem;
  font-size: .8rem;
  line-height: 1;
}

.heading-medium {
  color: #fff;
  text-transform: none;
  width: 80%;
  font-size: .75vw;
  font-weight: 500;
  line-height: 1.2;
}

.videos-thumbnail-wrapper {
  border-radius: 24px 24px 0 0;
  width: 100%;
  height: 129px;
  max-height: 250px;
  position: relative;
  overflow: hidden;
}

.videos-thumbnail-wrapper.photos {
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  height: 14vw;
  max-height: none;
}

.videos-thumbnail-wrapper.photos.commercial {
  height: 14vw;
}

.videos-thumbnail-wrapper.social-media {
  aspect-ratio: 9 / 16;
  width: 100%;
  height: auto;
  max-height: 280px;
  margin-bottom: 0;
  display: block;
  overflow: hidden;
}

.videos-thumbnail-wrapper.commercial, .videos-thumbnail-wrapper.real-estate {
  height: 10.5vw;
  max-height: none;
  position: relative;
}

.videos-thumbnail-wrapper.commercial .image-19,
.videos-thumbnail-wrapper.real-estate .image-19 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.video-thumbnail-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-info-wrapper {
  grid-row-gap: .5rem;
  text-align: center;
  background-color: #000;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  max-height: 60px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.video-info-wrapper.social-media {
  height: 40px;
  margin-top: 0;
  display: flex;
}

.video-info-wrapper.social-media .heading-medium {
  width: 100%;
  margin: 0 auto;
}

.div-block-40 {
  width: 100%;
  transition: all .4s;
}

.div-block-40:hover {
  transform: scale(1.03);
}

.swiper-social, .swiper-realstate {
  width: 100%;
  margin-top: 3em;
  overflow: hidden;
}

.div-block-41 {
  background-color: var(--red);
  border-radius: .75rem;
  width: 200px;
  height: 50px;
}

.div-block-42 {
  background-color: var(--red);
  border-radius: 5px;
  width: 200px;
  height: auto;
  padding: .8em;
}

.div-block-43 {
  justify-content: center;
  align-items: center;
  margin-top: 5%;
  display: flex;
}

.text-block-14 {
  color: var(--white);
  text-align: center;
  text-transform: capitalize;
  font-weight: 600;
}

.lightbox-link-3 {
  text-decoration: none;
}

.lightbox-link-4 {
  height: 100%;
}

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

.div-block-44 {
  background-color: #00000040;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.image-18 {
  width: 3em;
}

.div-block-45 {
  margin-bottom: 5%;
}

.text-block-15, .text-block-15.real-estate {
  color: var(--white);
}

.text-block-16 {
  color: #fff;
}

.text-block-16.real-estate {
  color: var(--white);
}

.div-block-46 {
  padding-top: 5%;
  padding-bottom: 5%;
}

.swiper-photos-realestate {
  width: 100%;
  margin-top: 2rem;
  overflow: hidden;
}

.image-20 {
  height: 100%;
}

.main-section-album {
  background-color: var(--white);
  margin-top: 263px;
  padding-top: 0%;
  padding-bottom: 0%;
}

.div-block-50 {
  grid-column-gap: 6px;
  grid-row-gap: 5px;
  grid-template: "Area Area-3 ."
                 "Area Area-2 Area-2"
                 "Area-4 Area-4 ."
                 / 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 960px;
  margin-top: 94px;
  margin-bottom: 5px;
  display: none;
}

.div-block-51 {
  background-image: url('../images/DSC03271.jpg');
  background-position: 65%;
  background-size: cover;
}

.div-block-52 {
  background-image: url('../images/DJI_0316.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-53 {
  background-image: url('../images/DSC03112.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-54 {
  background-image: url('../images/DSC03253.jpg');
  background-position: 50% 20%;
  background-size: cover;
  width: 100%;
}

.div-block-55 {
  background-image: url('../images/DSC03256.jpg');
  background-position: 50% 41%;
  background-size: cover;
  width: 100%;
}

.div-block-56 {
  background-image: url('../images/DSC02987.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-57 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 300px;
  display: none;
}

.div-block-58 {
  background-image: url('../images/DSC02991.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-59 {
  background-image: url('../images/DSC03023.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-60 {
  background-image: url('../images/DSC03145.jpg');
  background-position: 50%;
  background-size: cover;
}

.grid-2 {
  grid-template: "Area"
                 "Area"
                 / 1fr 1fr 1fr;
}

.grid-3 {
  grid-template: "Area Area-3 Area-4"
                 "Area Area-2 Area-2"
                 / 2.5fr 1fr;
}

.div-block-61 {
  background-image: url('../images/DSC03253.jpg');
  background-position: 50%;
  background-size: cover;
  height: 300px;
}

.grid-4 {
  grid-template-columns: 2.25fr 1fr 1fr;
  grid-template-areas: "Area Area-2 Area-3"
                       "Area Area-4 Area-4";
}

.light-box1 {
  background-image: url('../images/DSC03271.jpg');
  background-position: 64%;
  background-size: cover;
  height: 700px;
}

.light-box1._2 {
  background-image: none;
  height: 500px;
}

.light-box1._3, .light-box1._4 {
  background-image: none;
}

.img-lightbox-1._4 {
  width: 100%;
  height: 300px;
}

.grid-5 {
  grid-template-areas: ". ."
                       ". ."
                       "Area Area";
}

.lightbox {
  background-image: url('../images/DSC03271.jpg');
  background-position: 50%;
  background-size: cover;
}

.lightbox._1 {
  background-image: none;
}

.lightbox._2 {
  background-image: url('../images/DJI_0316.jpg');
}

.lightbox._3 {
  background-image: url('../images/DSC03112.jpg');
}

.lightbox._4 {
  background-image: url('../images/DSC03253.jpg');
}

.lightbox._5 {
  background-image: url('../images/DSC03256.jpg');
}

.lightbox._6 {
  background-image: url('../images/DSC02987.jpg');
}

.collection-list-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: block;
  overflow: hidden;
}

.collection-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area . ."
                 "Area Area-2 Area-2"
                 / 2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
}

.collection-list-2.krisco-headshot {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-6 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "Area Area-2 Area-3"
                       "Area Area-4 Area-4";
  height: 800px;
}

.image-21 {
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: all .5s;
}

.image-21:hover {
  transform: scale(1.05);
}

.image-23, .div-block-62, .lightbox-link-5, .collection-item {
  height: 100%;
}

.collection-item.krisco-headshot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.div-block-63, .div-block-64, .collection-item-2, .div-block-65, .lightbox-link-6, .div-block-66, .collection-item-3, .div-block-67, .lightbox-link-7, .image-24 {
  height: 100%;
}

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

.div-block-68 {
  height: 100%;
}

.div-block-69 {
  background-color: var(--black);
  padding-bottom: 0;
}

.link-block-9 {
  background-color: red;
  width: 100%;
  height: 100%;
  display: block;
}

.div-block-73 {
  width: 300px;
}

.div-block-74 {
  text-align: center;
  width: 18%;
  display: none;
}

.div-block-74.hide {
  display: none;
}

.div-block-75 {
  justify-content: center;
  align-items: center;
  padding-top: 2%;
  padding-bottom: 5%;
  display: flex;
}

.project-seo {
  color: #000;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
}

.text-block-17 {
  color: var(--white);
  text-align: left;
  font-size: 15px;
  font-weight: 800;
}

.div-block-76 {
  text-align: left;
}

.div-block-77 {
  width: 50%;
}

.text-span-17 {
  opacity: .8;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
}

.container-10 {
  padding-top: 20px;
}

.div-block-78 {
  margin-top: 5%;
}

.image-25 {
  width: 100%;
  height: 100%;
}

.div-block-79 {
  background-color: #0009;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  transition: all .6s;
  display: flex;
  position: absolute;
}

.text-block-18 {
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.swiper-photos-commercial {
  margin-top: 2rem;
  overflow: hidden;
}

.swiper-photos-socialmedia {
  margin-top: 3em;
  overflow: hidden;
}

.text-block-19 {
  font-size: 15px;
}

.grid-8 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-columns: 1fr .5fr;
}

.text-block-20 {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}

.text-span-18, .text-span-19, .text-span-20 {
  font-weight: 800;
}

.new-slider-logo {
  justify-content: space-between;
  align-items: stretch;
  display: inline-flex;
}

.logo-contaner {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: space-between;
  align-items: center;
  width: 2350px;
  padding: 30px 65px;
  display: flex;
  transform: translate(0);
}

.div-block-80 {
  width: 300px;
  height: 300px;
}

.div-block-81 {
  display: inline-flex;
}

.text-block-21 {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
}

.dropright.w--open {
  position: absolute;
  top: 0;
  left: 101px;
}

.icon-3, .icon-4 {
  transform: rotate(-90deg);
}

.text-block-22 {
  font-weight: 700;
}

.dropright-2 {
  position: absolute;
  left: 103px;
}

.dropright-2.w--open {
  top: 0;
  left: 101px;
}

.dropdown1-video, .dropdown2-photo {
  padding-top: 10px;
  padding-bottom: 10px;
}

.hide-block {
  display: none;
}

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

.div-block-84 {
  width: 100%;
  height: auto;
  padding: 20px;
}

@media screen and (min-width: 1280px) {
  .section.cc-home-wrap.service-hero.rev-space {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .button.cc-jumbo-button.cc-jumbo-white.absolute-btn.rev-button-loc {
    bottom: 12%;
  }

  .navigation-item {
    padding-left: 15px;
  }

  .navigation-item.current {
    font-size: 10.5px;
  }

  .navigation-item.current.w--current {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10.5px;
  }

  .cta-wrap {
    padding-left: 5em;
    padding-right: 5em;
  }

  .cta-wrap.new-padding {
    padding-left: 6em;
    padding-right: 6em;
  }

  .video-hero {
    width: 1448px;
    min-height: 630px;
  }

  .black-text.margin-20.font-rev {
    height: auto;
    font-size: 15px;
    line-height: 24px;
  }

  .heading-2.font-rev, .white-text.h2.font-rev {
    font-size: 20px;
    line-height: 24px;
  }

  .service-p.margin-20.font-rev {
    height: auto;
    font-size: 15px;
    line-height: 24px;
  }

  .service-p.margin-20.font-rev._2 {
    height: auto;
  }

  .video-front.socmed.rev-size {
    width: 22vw;
    height: 40vw;
  }

  .text-large.margin-30-b {
    font-size: 2.2em;
  }

  .section-2.product.rev-space {
    padding-bottom: 5em;
  }

  .sticky-text.rev-test {
    padding-top: 5vh;
  }

  .logo {
    height: 60px;
  }

  .team-bio.rev-bio {
    font-size: 12px;
    line-height: 18px;
  }

  .sticker-paragraph.font-rev {
    font-size: 16px;
    line-height: 28px;
  }

  .hello-estimate-bullet-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .hello-estimate-title-6 {
    font-size: 40px;
  }

  .hello-estimate-grid {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
    align-content: center;
    align-items: center;
  }

  .swiper-slide.videos._2.commercial {
    width: 15.4rem;
  }

  .modal-1-popup {
    display: block;
  }

  .card-feature-wrapper {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
  }

  .card-feature-wrapper.vertical-alignment {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .card-front.hide {
    display: none;
  }

  .right-arrow {
    transition: background-color .2s;
  }

  .right-arrow:hover {
    background-color: #e9e9eb;
  }

  .section-20 {
    margin-top: 200px;
  }

  .section-heading-2 {
    font-weight: 600;
  }

  .left-arrow {
    transition: background-color .2s;
    right: 4.5%;
  }

  .left-arrow:hover {
    background-color: #e9e9eb;
  }

  .container-8.hide {
    display: none;
  }

  .card-2._1 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .div-block-31 {
    background-color: #000;
    justify-content: center;
    align-items: center;
    padding-top: 1%;
    padding-bottom: 1%;
    display: flex;
  }

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

  .lightbox-link {
    background-image: url('../images/Aman--Amari-at-The-Lookout---thumb-1.png');
    background-position: 50%;
    background-size: cover;
    width: 375px;
    height: 255px;
  }

  .heading-medium {
    font-size: .65vw;
    line-height: 1.1;
  }

  .videos-thumbnail-wrapper.photos, .videos-thumbnail-wrapper.photos.commercial {
    height: 190px;
  }

  .videos-thumbnail-wrapper.social-media {
    aspect-ratio: 9 / 16;
    width: 100%;
    height: auto;
    max-height: 220px;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
  }

  .videos-thumbnail-wrapper.commercial, .videos-thumbnail-wrapper.real-estate {
    height: 129px;
    position: relative;
  }

  .videos-thumbnail-wrapper.commercial .image-19,
  .videos-thumbnail-wrapper.real-estate .image-19 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .video-info-wrapper.social-media {
    height: 50px;
    margin-top: 0;
    display: flex;
  }

  .video-info-wrapper.social-media .heading-medium {
    width: 100%;
    margin: 0 auto;
  }

  .image-18.real-estate {
    transform: translate(0, 10px);
  }

  .swiper-photos-realestate {
    margin-top: 3rem;
  }

  .div-block-75 {
    padding-bottom: 4%;
  }

  .text-block-18 {
    font-size: 13px;
    line-height: 1.4;
  }

  .text-block-19 {
    font-size: 15px;
  }

  .new-slider-logo {
    overflow: hidden;
  }
}

@media screen and (min-width: 1440px) {
  .section.cc-home-wrap.service-hero.rev-space {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section.team {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }

  .section.rev-space {
    z-index: 5;
    padding-top: 150px;
  }

  .container {
    max-width: 1300px;
  }

  .paragraph-bigger.margin-20 {
    font-family: var(--font-body);
  }

  .button.cc-jumbo-button.cc-jumbo-white {
    padding-bottom: 15px;
  }

  .button.cc-contact-us.nav-btn {
    border-radius: 8px;
    padding: 13px 15px 13px 12px;
  }

  .label.cc-light.heading {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 1.3em;
  }

  .label.cc-light.heading.home-hero {
    margin-top: 0;
  }

  .heading-jumbo-small.heading-upper.change-font {
    letter-spacing: 1.3px;
    text-transform: none;
    font-family: var(--font-body);
    font-weight: 400;
  }

  .navigation-wrap {
    max-width: 1300px;
  }

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

  .navigation-item.current.w--current {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 10.5px;
  }

  .cta-wrap {
    max-width: 1300px;
  }

  .cta-wrap.new-padding {
    padding-left: 5em;
    padding-right: 5em;
  }

  .video-hero {
    width: 2048px;
    min-height: 650px;
  }

  .black-text.margin-20.font-rev, .service-p.margin-20.font-rev, .service-p.margin-20.font-rev._2 {
    height: auto;
  }

  .dfs-wrap-2 {
    padding-left: 6em;
  }

  .dfs-section-1 {
    font-size: 14px;
  }

  .submit-button.button.cc-jumbo-white.cta-form {
    background-color: var(--red);
    border-radius: 5px;
    margin-top: 20px;
  }

  .submit-button.button.cc-jumbo-white.cta-form.red {
    background-color: var(--red);
  }

  .image-wrapper.instagram-image.home.vidfull {
    height: 550px;
  }

  .grid-3-cols._4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-3-cols.project-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .project-title {
    line-height: 24px;
  }

  .text-2xlarge.hero-headline {
    padding-right: 0%;
  }

  .text-2xlarge.hero-headline.font-rev {
    padding-right: 30%;
  }

  .grid-hero {
    grid-column-gap: 64px;
    grid-template-columns: 1fr 1.5fr;
  }

  .hero-image-block {
    padding-bottom: 0%;
  }

  .hero-image-block.no-boxshadow {
    box-shadow: none;
  }

  .video-front.socmed {
    width: 100%;
    height: 700px;
  }

  .video-front.socmed.rev-size {
    width: 20vw;
    height: 35vw;
  }

  .video-front.vid-header-rev {
    width: 49vw;
  }

  .sticky-wrapper.first-section.last {
    z-index: 2;
    height: 38vw;
  }

  .sticky-image-column {
    background-color: var(--black);
    width: 61%;
    padding-left: 5%;
  }

  .sticky-image-column._1.try {
    background-color: var(--black);
  }

  .container-3.sticky-container {
    max-width: 1300px;
  }

  .sticky-image._3 {
    padding-bottom: 10%;
  }

  .sticky-text {
    width: 33%;
  }

  .tab-link-project {
    padding-top: 20px;
    line-height: 35px;
  }

  .four-column-grid._2-grids {
    grid-template-columns: 1fr 1fr;
  }

  .container-4 {
    max-width: 1300px;
  }

  .check-white.margin-right {
    width: 35px;
    margin-right: 10px;
    padding-right: 0;
  }

  .div-block-16.rev-top-padding {
    margin-top: 6vw;
  }

  .logo {
    height: 60px;
  }

  .select-field {
    color: var(--white);
  }

  .team-bio.rev-bio {
    font-size: 14px;
    line-height: 20px;
  }

  .phone-mobile.left-phone-icon {
    width: 25px;
    margin-right: 5px;
  }

  .projects-tab-text {
    line-height: 35px;
  }

  .text-block-6 {
    font-family: var(--font-heading);
  }

  .swiper-slide.videos, .swiper-slide.videos._2, .swiper-slide.videos._2.commercial, .swiper-slide.social-media {
    width: 17.5rem;
  }

  .swiper-slide.real-estate {
    width: 19.25rem;
  }

  .swiper-slide.real-estate.videos-test {
    width: 17.5rem;
  }

  .slider-2 {
    max-width: 600px;
    height: 18vw;
    max-height: 20vw;
  }

  .div-block-27 {
    height: 3vw;
  }

  .text-block-8.home2 {
    font-size: 13px;
    line-height: 1.4;
  }

  .section-20 {
    margin-top: 195px;
  }

  .left-arrow {
    right: 4%;
  }

  .container-8 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .modal {
    max-width: 80rem;
  }

  .videos-thumbnail-wrapper {
    height: 182px;
  }

  .videos-thumbnail-wrapper.photos, .videos-thumbnail-wrapper.photos.commercial {
    height: 200px;
  }

  .videos-thumbnail-wrapper.social-media {
    aspect-ratio: 9 / 16;
    width: 100%;
    height: auto;
    max-height: 250px;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
  }

  .videos-thumbnail-wrapper.commercial, .videos-thumbnail-wrapper.real-estate {
    height: 135px;
    position: relative;
  }

  .videos-thumbnail-wrapper.commercial .image-19,
  .videos-thumbnail-wrapper.real-estate .image-19 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .video-info-wrapper.social-media {
    height: 50px;
    margin-top: 0;
    display: flex;
  }

  .video-info-wrapper.social-media .heading-medium {
    width: 100%;
    margin: 0 auto;
  }

  .image-18 {
    width: 3.5em;
  }

  .swiper-photos-realestate {
    margin-top: 3rem;
  }

  .image-21 {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .collection-list-wrapper-2, .collection-list-2, .lightbox-link-5, .collection-item {
    width: 100%;
  }

  .collection-item.krisco-headshot {
    width: auto;
  }

  .div-block-63 {
    width: 100%;
  }

  .div-block-75 {
    padding-bottom: 4%;
  }
}

@media screen and (min-width: 1920px) {
  .section.cc-home-wrap.service-hero.rev-space {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .section.cc-store-home-wrap.video-bg.no-padding-b.home-with-btn {
    padding-left: 0;
    padding-right: 0;
  }

  .section.white-bg.full-width.rev-space {
    padding-left: 100px;
    padding-right: 100px;
  }

  .section.home {
    padding-left: 0;
    padding-right: 0;
  }

  .section.rev-space {
    padding-top: 0;
  }

  .container.full-width.blue-bg {
    padding-left: 6em;
    padding-right: 6em;
  }

  .button.cc-jumbo-button.cc-jumbo-white.absolute-btn {
    bottom: 15%;
  }

  .button.cc-jumbo-button.cc-jumbo-white.absolute-btn.rev-button-loc {
    bottom: 10%;
  }

  .label.cc-light.subheading.label-rev {
    letter-spacing: 0;
  }

  .label.cc-light.heading {
    font-family: var(--font-heading);
    font-size: 45px;
    line-height: 1.5em;
  }

  .label.cc-light.heading.home-hero {
    margin-top: 0;
  }

  .heading-jumbo.rev-font.project._2 {
    font-size: 2.5em;
  }

  .heading-jumbo-small.heading-upper.change-font {
    text-transform: none;
    font-family: var(--font-body);
    font-weight: 400;
  }

  .video-hero {
    object-fit: cover;
    width: 100%;
    height: 75vh;
    min-height: 650px;
  }

  .service-content.font-rev {
    letter-spacing: 0;
    font-family: var(--font-body);
    font-weight: 500;
  }

  .services.section {
    padding-left: 0;
    padding-right: 0;
  }

  .services.section.margin-top-80.white-bg.rev-space {
    padding-top: 100px;
  }

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

  .process.section.margin-80 {
    margin-top: 0;
  }

  .process.section.margin-80._2 {
    padding-left: 0;
    padding-right: 0;
  }

  .gallery.section.rev-space {
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .dfs-wrap-2 {
    padding-left: 7em;
  }

  .subheading-h2.font-rev {
    letter-spacing: 0;
    font-family: var(--font-body);
    font-weight: 500;
  }

  .grid-3-cols.project-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .text-2xlarge.hero-headline {
    padding-right: 10%;
  }

  .text-2xlarge.hero-headline.font-rev {
    padding-right: 20%;
  }

  .grid-hero {
    place-items: center stretch;
  }

  .grid-hero.rev-size {
    place-items: start stretch;
  }

  .hero-image-block.no-boxshadow.rev-space {
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: block;
    transform: scale(1.1);
  }

  .video-front.socmed.size-rev {
    transform: scale(.6);
  }

  .video-front.socmed.rev-size {
    width: 18vw;
    height: 33vw;
  }

  .sticky-wrapper.first-section {
    height: 30vw;
  }

  .sticky-wrapper.first-section.last {
    overflow: hidden;
  }

  .sticky-image {
    padding-left: 15%;
    padding-right: 15%;
  }

  .sticky-image.last {
    background-color: #141414;
  }

  .sticky-image._3 {
    padding-bottom: 0%;
  }

  .text-large.margin-30-b {
    font-size: 2.2em;
  }

  .sticky-text.rev-sticky.text-1 {
    width: 75%;
    padding-top: 6vh;
  }

  .sticky-text.rev-sticky.text-1._2 {
    padding-top: 4vh;
  }

  .page-padding-2.s0.hide {
    display: none;
  }

  .div-block-16.rev-top-padding {
    margin-top: 6vw;
  }

  .dotted-underline.font-rev, .paragraph-4.font-rev {
    letter-spacing: 0;
    font-family: var(--font-body);
    font-weight: 500;
  }

  .checklist-text.font-rev {
    letter-spacing: 0;
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 500;
  }

  .text-center.font-rev {
    letter-spacing: 0;
    font-family: var(--font-body);
    font-weight: 400;
  }

  .sticker-paragraph.font-rev {
    font-size: 16px;
    line-height: 28px;
  }

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

  .text-block-6 {
    font-family: var(--font-heading);
  }

  .swiper-slide.videos {
    width: 26.7rem;
  }

  .swiper-slide.videos._2, .swiper-slide.videos._2.commercial {
    width: 22.2rem;
  }

  .swiper-slide.social-media {
    width: 25.4rem;
  }

  .swiper-slide.real-estate {
    width: 28.1rem;
  }

  .swiper-slide.real-estate.videos-test {
    width: 22.3rem;
  }

  .swiper.videos {
    margin-top: 3rem;
  }

  .mask {
    width: auto;
  }

  .slider-wrapper {
    height: 500px;
  }

  .slide {
    vertical-align: baseline;
  }

  .slider {
    flex: none;
  }

  .slide-content-wrapper {
    width: 100%;
    height: 100%;
  }

  .div-block-25 {
    display: none;
  }

  .slider-2 {
    width: 40vw;
    max-width: none;
    height: 18vw;
    max-height: none;
  }

  .div-slider {
    padding-bottom: 150px;
  }

  .slide-nav {
    display: none;
  }

  .div-block-27 {
    height: 3vw;
  }

  .text-block-8 {
    font-size: 23px;
  }

  .text-block-8.home2 {
    font-size: 1.1vw;
  }

  .image-9 {
    width: 4vw;
  }

  .inner-container._1068px.center.test {
    width: 430px;
  }

  .inner-container._1068px.center.test.social-media {
    width: 400px;
  }

  .container-default {
    max-width: none;
  }

  .container-default.faq {
    padding-left: 200px;
    padding-right: 200px;
  }

  .tabs-content.card._2.commercial-tab {
    box-shadow: none;
  }

  .section-20 {
    margin-top: 204px;
    padding: 5% 100px 10%;
  }

  .left-arrow {
    right: 3%;
  }

  .container-8 {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px;
  }

  .container-8.social-media {
    padding-bottom: 170px;
  }

  .container-8.commercial {
    padding-bottom: 125px;
  }

  .heading-5.tab {
    font-size: 43px;
  }

  .heading-5.tab.social-media, .heading-5.tab.real-estate, .heading-5.tab.commercial {
    padding-left: 10%;
  }

  .div-block-35.hide {
    padding-left: 200px;
    padding-right: 200px;
  }

  .square-icon.width-48px.mg-right-16px {
    width: 2em;
  }

  .team-img__wrapper {
    height: 250px;
    max-height: 250px;
  }

  .heading-medium {
    font-size: 14px;
    line-height: 1.4;
  }

  .videos-thumbnail-wrapper {
    height: 225px;
    max-height: none;
  }

  .videos-thumbnail-wrapper.photos, .videos-thumbnail-wrapper.photos.commercial {
    height: 250px;
  }

  .videos-thumbnail-wrapper.social-media {
    aspect-ratio: 9 / 16;
    width: 100%;
    height: auto;
    max-height: 300px;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
  }

  .videos-thumbnail-wrapper.commercial, .videos-thumbnail-wrapper.real-estate {
    height: 170px;
    position: relative;
  }

  .videos-thumbnail-wrapper.commercial .image-19,
  .videos-thumbnail-wrapper.real-estate .image-19 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .video-info-wrapper {
    height: 80px;
    max-height: 100px;
  }

  .video-info-wrapper.social-media {
    height: 65px;
    margin-top: 0;
    display: flex;
  }

  .video-info-wrapper.social-media .heading-medium {
    width: 100%;
    margin: 0 auto;
  }

  .div-block-44 {
    background-color: #00000040;
  }

  .image-18 {
    width: 4em;
  }

  .image-18.real-estate {
    transform: none;
  }

  .div-block-45 {
    margin-bottom: 3em;
  }

  .text-block-15, .text-block-16 {
    font-size: 20px;
  }

  .div-block-46 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .swiper-photos-realestate {
    margin-top: 3rem;
  }

  .div-block-50 {
    height: 1400px;
    max-height: 1400px;
  }

  .div-block-57 {
    height: 450px;
  }

  .collection-list-wrapper-2, .collection-list-2 {
    width: 100%;
  }

  .collection-list-2.krisco-headshot {
    grid-column-gap: 16px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .image-21 {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .lightbox-link-5, .collection-item, .div-block-63 {
    width: 100%;
  }

  .div-block-63.krisco-headshot {
    width: auto;
    height: auto;
  }

  .div-block-69 {
    padding-bottom: 0;
  }

  .div-block-70 {
    width: 100%;
  }

  .div-block-75 {
    padding-top: 1%;
    padding-bottom: 3%;
  }

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

  .container-10 {
    padding-top: 50px;
  }

  .text-block-18 {
    font-size: 1vw;
    line-height: 1.5rem;
  }

  .swiper-photos-commercial {
    margin-top: 3em;
  }

  .logo-contaner {
    position: static;
    left: -1015px;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding: 50px 20px 100px;
  }

  .section.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

  .section.cc-home-wrap.service-hero {
    padding-top: 50px;
  }

  .section.cc-home-wrap.service-hero.rev-space {
    padding-bottom: 100px;
  }

  .section.cc-store-home-wrap.video-bg.no-padding-b.home-with-btn {
    justify-content: center;
    align-items: flex-end;
    min-height: auto;
  }

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

  .section.gry-bg {
    padding-left: 3em;
    padding-right: 3em;
  }

  .section.home {
    padding-bottom: 0;
    padding-left: 50px;
    padding-right: 50px;
  }

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

  .container.full-width.blue-bg {
    padding: 100px 5em;
  }

  .button {
    justify-content: center;
  }

  .button.cc-jumbo-button.cc-jumbo-white.side-btn.button-rev-learn-more.hide {
    display: none;
  }

  .button.cc-jumbo-button.cc-jumbo-white.absolute-btn.rev-button-loc {
    inset: auto auto 5%;
  }

  .button.cc-contact-us {
    display: none;
  }

  .button.cc-contact-us.nav-btn {
    background-color: var(--red);
    width: 25%;
    max-width: none;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: relative;
  }

  .label.cc-light.subheading.label-rev, .label.cc-light.subheading.label-rev._2 {
    width: 100%;
  }

  .paragraph-light.margin-5.paragraph-rev, .paragraph-light.paragraph-rev {
    text-align: center;
  }

  .heading-jumbo {
    font-size: 47px;
    line-height: 62px;
  }

  .heading-jumbo.rev-color.photo-album {
    line-height: 40px;
  }

  .heading-jumbo-small.heading-upper {
    font-size: 23px;
    line-height: 2em;
  }

  .logo-link {
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 60%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    display: block;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .menu-icon.light {
    filter: invert();
    width: 40px;
  }

  .menu {
    width: 20%;
    margin-left: 0;
    position: static;
  }

  .navigation-wrap {
    background-color: #0000;
    justify-content: space-around;
  }

  .navigation {
    padding: 25px 30px;
  }

  .navigation-item {
    color: var(--black);
    text-align: center;
    object-fit: fill;
    width: 100%;
    padding: 15px 30px;
    font-size: 1.8vw;
    font-weight: 400;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    color: var(--black);
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    color: #0e0d0d;
    background-color: #eef0f3;
  }

  .navigation-item.w--current {
    color: var(--black);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
  }

  .navigation-item.w--current:hover {
    color: var(--black);
  }

  .navigation-item.current {
    color: var(--night);
  }

  .menu-button {
    padding: 0;
  }

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

  .navigation-items {
    margin-top: 0;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    flex-direction: column;
    width: auto;
    padding: 0;
  }

  .cta-wrap.new-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .intro-header.cc-subpage.about-us {
    height: 440px;
  }

  .intro-content {
    margin-top: 85px;
  }

  .our-services-grid {
    text-align: center;
    grid-template: ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .section-heading-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-heading-wrap.real-estate {
    margin-top: 0;
    margin-bottom: 50px;
  }

  .service-icon {
    display: inline-block;
  }

  .contact-form-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .get-in-touch-form {
    text-align: left;
  }

  .our-contacts {
    grid-template: "."
                   "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .team-members {
    grid-template: ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .team-member-title-wrap {
    margin-bottom: 30px;
  }

  .project-details-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-detail-header-wrap {
    width: 70%;
  }

  .detail-header-image {
    height: 460px;
  }

  .blog-item {
    width: 80%;
  }

  .blog-preview-image {
    height: 460px;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .home-section-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .section-heading.black-text-heading {
    text-align: center;
  }

  .about-grid {
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .about-grid.cc-about-2 {
    grid-template-columns: 1fr;
    grid-template-areas: "."
                         ".";
  }

  .about-grid.cc-about-2.hide {
    display: none;
  }

  .about-grid._2-blocks {
    grid-template-columns: 1.5fr;
  }

  .about-grid._2-grid-about {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .intro-text {
    width: auto;
  }

  .collection-wrap {
    flex-flow: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-heading.width-800 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .blog-preview-wrap {
    text-align: center;
    width: 80%;
    padding-right: 15px;
  }

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

  .services.section {
    padding-left: 50px;
    padding-right: 50px;
  }

  .services.section.margin-top-80.white-bg {
    margin-top: 0;
  }

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

  .text-wrapper.spacing-rev {
    text-align: center;
  }

  .slider_component {
    padding-left: 0;
    padding-right: 0;
  }

  .box {
    flex-direction: column;
    align-items: flex-start;
    padding: 3.2em;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .card_mask {
    width: 50%;
  }

  .black-text.margin-20.font-rev {
    height: auto;
    margin-bottom: 5%;
    font-size: 15px;
    line-height: 24px;
  }

  .heading-2.font-rev, .white-text.h2.font-rev {
    font-size: 20px;
  }

  .service-p.margin-20.font-rev {
    height: auto;
    margin-bottom: 5%;
    font-size: 15px;
    line-height: 24px;
  }

  .service-p.margin-20.font-rev._2 {
    height: auto;
  }

  .process.section.margin-80 {
    padding: 50px 50px 0;
  }

  .process.section.margin-80._2 {
    padding-bottom: 100px;
  }

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

  .process-next.hide {
    display: none;
  }

  .gallery.section.rev-space {
    padding-bottom: 0;
  }

  .heading-grid-2 {
    justify-content: space-between;
    align-items: stretch;
  }

  .div-block-2 {
    text-align: center;
    width: 100%;
  }

  .mobileview {
    display: none;
  }

  .dfs-wrap-1 {
    flex-flow: column;
  }

  .dfs-section-1 {
    font-size: 1.3vw;
  }

  .grid_item {
    height: 100%;
    display: block;
  }

  .is--white.is--69px {
    font-size: 50px;
  }

  .form-block.cta {
    width: 100%;
    margin-top: 40px;
    padding-left: 0;
  }

  .submit-button {
    bottom: -63%;
    left: 0%;
    right: auto;
  }

  .submit-button.button.cc-jumbo-white.cta-form {
    position: relative;
    top: 25px;
  }

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

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

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

  .grid-3-cols._4 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-cols.project-grid {
    display: block;
  }

  .text-2xlarge.hero-headline {
    font-size: 36px;
  }

  .text-2xlarge.hero-headline.font-rev {
    padding-right: 0%;
  }

  .margin-bottom-2.text-big.width-80.font-rev {
    max-width: none;
    margin-top: 0;
  }

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

  .grid-hero.rev-size {
    align-items: center;
  }

  .hero-image-block {
    width: 100%;
    padding-bottom: 0%;
  }

  .video-front {
    max-height: 400px;
  }

  .video-front.socmed {
    width: 350px;
    height: 600px;
    max-height: 600px;
  }

  .sticky-wrapper.first-section {
    height: 80vw;
  }

  .sticky-wrapper.first-section.last {
    height: 90vw;
  }

  .sticky-image-column {
    padding-left: 2%;
  }

  .sticky-image-column.last, .sticky-image-column._1, .sticky-image-column._2 {
    width: 100%;
    padding-left: 0%;
    position: static;
  }

  .sticky-image-overflow {
    padding-left: 0;
  }

  .container-3.sticky-container, .container-3.sticky-container.rev-sticky-text-1 {
    min-height: auto;
    padding-bottom: 3em;
  }

  .sticky-image {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .sticky-image.last {
    transform: none;
  }

  .text-large, .text-large.margin-30-b {
    font-size: 2.2em;
  }

  .section-2.product.rev-space {
    padding: 0 20px 3em;
  }

  .section-2.product.rev-space.videos {
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .sticky-text {
    text-align: center;
    width: 100%;
  }

  .sticky-text.rev-sticky {
    width: 100%;
    top: 12vh;
  }

  .sticky-text.rev-sticky.text-1 {
    width: 100%;
  }

  .sticky-text.rev-space {
    padding-top: 5vh;
  }

  .icon-2 {
    transform: translate(-39vw);
  }

  .submenu {
    text-align: center;
    width: 100%;
    margin-right: 0;
  }

  .dropdown-link {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-15 {
    max-width: 100%;
  }

  .section-logo {
    overflow: hidden;
  }

  .page-padding-2.s0 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .logo_component-slider {
    grid-column-gap: 3rem;
  }

  .logo-slider-img {
    width: auto;
    height: 6vw;
  }

  .logo-slider-img.invert.smallersize, .logo-slider-img.invert.biggersize {
    height: 6vw;
  }

  .tab-link-project {
    border-bottom: 1px solid var(--white);
  }

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

  .composition-second {
    right: -6%;
  }

  .content-limit {
    margin-bottom: 10%;
  }

  .content-limit.padding-right-50 {
    max-width: none;
    margin-bottom: 10%;
    padding-right: 0;
  }

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

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

  .split-column.service-page {
    display: block;
  }

  .composition-third {
    top: -18px;
    left: -4%;
  }

  .container-4 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .mobile-display {
    display: block;
  }

  .desktop-display {
    display: none;
  }

  .div-block-16 {
    text-align: center;
    margin-top: 20px;
  }

  .div-block-16.rev-top-padding {
    margin-top: 0%;
  }

  .testimonial-grid {
    margin-top: 32px;
  }

  .container-5 {
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .container-6 {
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .logo {
    height: 50px;
  }

  .cta-contact-info-block {
    margin-top: 10px;
  }

  .above.laptop-body-16-9._1.rev-vid1, .above.laptop-body-16-9._2.rev-vid2, .above.laptop-body-16-9._3.rev-vid3 {
    width: 100%;
    height: 46vw;
  }

  .process-rtb p, .process-rtb li {
    font-size: 14px;
    line-height: 26px;
  }

  .service-grid-block {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 24px;
  }

  .img-block {
    height: 400px;
    max-height: 500px;
  }

  .phone-mobile.left-phone-icon {
    width: 20px;
    margin-right: 6px;
    display: block;
  }

  .sticker-paragraph.font-rev {
    font-size: 14px;
    line-height: 24px;
  }

  .project-btn-block {
    display: flex;
  }

  .hello-feature-right {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .ccb1-icon-cover {
    justify-content: flex-start;
  }

  .hello-estimate-bullet-label-4 {
    font-weight: 700;
  }

  .primary-7 {
    display: block;
  }

  .hello-estimate-text {
    max-width: 500px;
  }

  .ccb4-feature-banner {
    margin-bottom: 50px;
  }

  .hello-estimate-title-6 {
    font-size: 35px;
    line-height: 45px;
  }

  .pro-section-grids {
    grid-template-columns: 1fr;
  }

  .ccb2-hero-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .hello-estimate-grid {
    grid-column-gap: 75px;
    grid-row-gap: 75px;
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

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

  .hello-estimate-cell-2 {
    max-width: 550px;
  }

  .work-section-grid, .work-section-grid.right-img {
    grid-template-columns: 1fr;
  }

  .ccb1-icon-content {
    padding-top: 0;
  }

  .swiper-slide.videos {
    width: 12.6rem;
  }

  .swiper-slide.videos._2 {
    width: 18rem;
  }

  .swiper-slide.social-media, .swiper-slide.real-estate {
    width: 12.6rem;
  }

  .swiper.videos {
    overflow: hidden;
  }

  .div-block-24.gradient-space {
    display: none;
  }

  .slider-wrapper {
    height: 400px;
  }

  .div-fade-1 {
    text-align: center;
  }

  .slider-container-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .slider-2 {
    width: 500px;
    height: 35vw;
  }

  .div-slider {
    padding-bottom: 0;
  }

  .div-block-27 {
    height: 6vw;
  }

  .text-block-8 {
    font-size: 17px;
  }

  .text-block-8.home2 {
    font-size: 1.8vw;
  }

  .image-9 {
    width: 7vw;
  }

  .section-17 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .inner-container._1012px.center {
    padding-left: 0%;
    padding-right: 0%;
  }

  .inner-container._1068px.center.test {
    width: 285px;
  }

  .accordion-spacer {
    min-height: 12px;
  }

  .accordion-item-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .accordion-item-wrapper.v3:hover {
    transform: translate(6px);
  }

  .accordion-title.rev-font {
    font-size: 20px;
    line-height: 34px;
  }

  .tabs-menu-2.tabs-vertical.width-226px {
    max-width: 220px;
    margin-right: 60px;
  }

  .container-default.new {
    padding-left: 0;
    padding-right: 0;
  }

  .container-default.faq {
    padding-left: 50px;
    padding-right: 50px;
  }

  .tabs-content.card {
    padding: 40px 32px 48px;
  }

  .tabs-content.card._2.commercial-tab, .tabs-content.card._2.real-estate-tab {
    padding-left: 0;
    padding-right: 0;
  }

  .badge-secondary.tabs.tab-rev, .badge-secondary.tabs.tab-rev.w--current {
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .text-center-2.mg-bottom-64px {
    margin-bottom: 8%;
  }

  .mg-bottom-0.rev-font {
    font-size: 16px;
    line-height: 24px;
  }

  .section-18 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .tabs-menu-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
  }

  .text-tab-faq {
    font-size: 16px;
  }

  .slide-1 {
    width: 300px;
  }

  .grey {
    font-size: 20px;
  }

  .modal-1-popup {
    display: none;
  }

  .superscript, .superscript.grey {
    font-size: 12px;
  }

  .slider-4 {
    margin-top: 60px;
  }

  .slide-4 {
    width: 300px;
  }

  .card-feature-wrapper {
    flex-flow: column;
  }

  .card-front {
    box-shadow: none;
    background-position: 50% 100%;
    width: 300px;
    height: 575px;
    padding: 15% 10% 0%;
    transition-property: none;
  }

  .card-front:hover {
    transform: none;
  }

  .card-front._5, .card-front._8, .card-front._7 {
    transition-property: none;
  }

  .card-front._4 {
    width: 300px;
    height: 575px;
    transition-property: none;
  }

  .card-front._4:hover {
    transform: none;
  }

  .card-front._6 {
    transition-property: none;
  }

  .card-front._2 {
    box-shadow: none;
    background-position: 50% 100%;
    width: 300px;
    height: 575px;
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
    transition-property: none;
  }

  .card-front._2:hover {
    transform: none;
  }

  .card-front._3 {
    width: 300px;
    height: 575px;
    padding-top: 15%;
    padding-left: 10%;
    padding-right: 10%;
    transition-property: none;
  }

  .card-front._3:hover {
    transform: none;
  }

  .slide-7, .slide-3, .slide-2 {
    width: 300px;
  }

  .right-arrow {
    top: -26%;
  }

  .card-link:hover {
    transform: none;
  }

  .mask-3 {
    width: 300px;
  }

  .feature-card-image {
    display: block;
  }

  .feature-card-image.hide {
    display: none;
  }

  .feature-card-image.tablet-mobile {
    display: block;
  }

  .section-20 {
    padding-top: 100px;
    padding-bottom: 10%;
  }

  .section-heading-2 {
    margin-bottom: 0;
    font-size: 40px;
  }

  .slide-5, .slide-8 {
    width: 300px;
  }

  .left-arrow {
    top: -26%;
    right: 50px;
  }

  .popup-heading {
    margin-bottom: 20px;
    font-size: 45px;
  }

  .container-8 {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 50px;
    padding-right: 50px;
  }

  .slide-6 {
    width: 300px;
  }

  .modal-content {
    padding: 4rem;
  }

  .card-2._3, .card-2._2, .card-2._1 {
    padding-top: 60px;
  }

  .feature-card-text {
    font-size: 20px;
  }

  .feature-card-text.right {
    order: -1;
    margin-bottom: 0;
  }

  .feature-card-text._40px {
    font-size: 20px;
  }

  .card-title {
    margin-bottom: 0;
    font-size: 21px;
  }

  .div-block-33 {
    padding-top: 5%;
  }

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

  .grid-3-columns.gallery-v5 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-5.tab {
    padding-left: 2%;
    font-size: 30px;
  }

  .heading-5.tab.social-media {
    font-size: 30px;
  }

  .heading-5.tab.real-estate, .heading-5.tab.commercial {
    padding-left: 5%;
  }

  .div-block-34 {
    text-align: center;
  }

  .div-block-34.div-tablet-button-vid {
    padding-top: 5%;
    padding-bottom: 10%;
    display: block;
  }

  .div-block-35.hide {
    padding: 10% 50px;
  }

  .tab-left-icon {
    padding-left: 18px;
    padding-right: 18px;
  }

  .tab-left-icon.small {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mg-bottom-48px {
    margin-bottom: 40px;
  }

  .display-4 {
    font-size: 22px;
    line-height: 38px;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .div-block-39 {
    margin-top: 6%;
  }

  .heading-medium {
    font-size: 1.3vw;
    line-height: 1.5;
  }

  .videos-thumbnail-wrapper {
    height: 100px;
    max-height: none;
  }

  .videos-thumbnail-wrapper.photos {
    height: 130px;
  }

  .videos-thumbnail-wrapper.photos.commercial {
    height: 125px;
  }

  .videos-thumbnail-wrapper.social-media {
    aspect-ratio: 9 / 16;
    width: 100%;
    height: auto;
    max-height: 200px;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
  }

  .videos-thumbnail-wrapper.commercial, .videos-thumbnail-wrapper.real-estate {
    height: 100px;
    position: relative;
  }

  .videos-thumbnail-wrapper.commercial .image-19,
  .videos-thumbnail-wrapper.real-estate .image-19 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .video-info-wrapper {
    height: 75px;
    max-height: none;
  }

  .video-info-wrapper.social-media {
    height: 60px;
    margin-top: 0;
    display: flex;
  }

  .video-info-wrapper.social-media .heading-medium {
    width: 100%;
    margin: 0 auto;
  }

  .swiper-social.social-media, .swiper-realstate {
    overflow: hidden;
  }

  .image-18.real-estate {
    width: 2.5em;
  }

  .div-block-46 {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .div-block-47, .div-block-48, .div-block-49 {
    margin-bottom: 5%;
  }

  .main-section-album {
    margin-top: 250px;
  }

  .div-block-50 {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1.5fr;
    grid-auto-flow: column;
    height: 800px;
  }

  .div-block-57 {
    height: 250px;
  }

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

  .grid-5 {
    grid-template-columns: 1.5fr 1fr 1fr;
    height: 700px;
  }

  .div-block-74 {
    width: 100%;
  }

  .project-seo {
    padding-left: 5%;
    padding-right: 5%;
  }

  .text-block-18 {
    font-size: .7rem;
    line-height: 1.2rem;
  }

  .swiper-photos-commercial {
    margin-top: 2rem;
  }

  .text-block-19 {
    font-size: 1.8vw;
  }

  .logo-contaner {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    padding-right: 0;
  }

  .dropright.w--open {
    flex-flow: column;
    display: flex;
    position: static;
  }

  .icon-3, .icon-4 {
    transform: none;
  }

  .dropright-2.w--open, .dropdown-list {
    position: static;
  }

  .dropdown, .dropdown-2 {
    flex-flow: column;
    display: flex;
  }

  .div-block-84 {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .section {
    margin-left: auto;
    margin-right: auto;
    padding: 50px 5% 100px;
  }

  .section.cc-cta {
    padding: 0;
  }

  .section.cc-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.cc-home-wrap.service-hero {
    padding: 60px 0%;
  }

  .section.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.cc-store-home-wrap.video-bg {
    margin-left: 0;
    margin-right: 0;
  }

  .section.cc-store-home-wrap.video-bg.no-padding-b.home-with-btn {
    min-height: auto;
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .section.team {
    padding-top: 40px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section.contact-mb {
    padding-top: 10%;
  }

  .section.gry-bg {
    padding-top: 50px;
  }

  .container {
    text-align: center;
  }

  .container.margin-top {
    margin-top: 150px;
  }

  .container.full-width.blue-bg {
    padding-top: 60px;
    padding-left: 2em;
    padding-right: 2em;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .button.cc-jumbo-button.cc-jumbo-white {
    margin-left: auto;
    margin-right: auto;
  }

  .button.cc-contact-us.nav-btn {
    background-color: #0000;
    border-style: none;
    justify-content: flex-start;
    width: 15%;
    padding: 0;
  }

  .label.cc-light.subheading.label-rev {
    width: 100%;
    font-size: 15px;
    line-height: 23px;
  }

  .label.cc-light.heading {
    font-size: 35px;
  }

  .rich-text {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .heading-jumbo {
    font-size: 35px;
    line-height: 40px;
  }

  .heading-jumbo.rev-color {
    font-size: 40px;
  }

  .heading-jumbo-small {
    line-height: 35px;
  }

  .heading-jumbo-small.heading-upper {
    font-size: 27px;
    line-height: 1.7em;
  }

  .heading-jumbo-small.heading-upper.rev-font-about {
    font-size: 21px;
    line-height: 1.9em;
  }

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

  .logo-link.w--current {
    align-self: auto;
    align-items: center;
    padding-left: 60px;
  }

  .menu-icon.light {
    width: 35px;
  }

  .navigation {
    padding: 13px 30px;
  }

  .navigation-item {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }

  .navigation-item:hover {
    color: var(--text-d);
  }

  .navigation-item.current {
    color: var(--night);
    width: auto;
    font-size: 14px;
  }

  .navigation-item.current:hover {
    color: var(--text-d);
  }

  .navigation-item.service {
    width: 100%;
  }

  .cta-text {
    text-align: left;
    align-self: auto;
    margin-left: auto;
  }

  .cta-wrap {
    padding-top: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .intro-header.cc-subpage {
    height: 300px;
  }

  .intro-header.cc-subpage.about-us {
    height: 345px;
  }

  .intro-content {
    width: 80%;
    margin-top: 60px;
  }

  .motto-wrap {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 60px;
    line-height: 1.7em;
  }

  .our-services-grid {
    grid-row-gap: 60px;
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .contact-form-wrap {
    padding: 30px;
  }

  .text-field.cc-contact-field, .text-field.cc-textarea {
    text-align: left;
  }

  .team-pic {
    height: 300px;
    margin-bottom: 30px;
  }

  .team-member-name {
    font-size: 16px;
    line-height: 28px;
  }

  .project-name-wrap {
    margin-bottom: 30px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .blog-detail-header-wrap {
    text-align: left;
    width: 90%;
    max-width: 470px;
  }

  .blog-item {
    width: 90%;
    max-width: 470px;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .section-heading.margin-40 {
    font-size: 28px;
    line-height: 38px;
  }

  .about-grid._2-blocks {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .work-heading.h2-heading {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 38px;
  }

  .video-hero {
    width: 100%;
    max-width: 100vw;
    min-height: 380px;
  }

  .image {
    height: 420px;
  }

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

  .service-box {
    margin-bottom: 40px;
  }

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

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

  .services.section {
    padding-bottom: 50px;
  }

  .services.section.margin-top-80.white-bg {
    margin-top: 20px;
    padding-bottom: 100px;
  }

  .card {
    padding-right: 1.5rem;
  }

  .div_1-2 {
    align-self: center;
  }

  .slider_component {
    padding-bottom: 6rem;
  }

  .box {
    padding: 2em;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .slide68_arrow.left {
    right: 3.5rem;
  }

  .subtitle {
    font-size: .7rem;
  }

  .card_mask {
    width: 80%;
  }

  .icon {
    width: 36px;
    height: 36px;
  }

  .icon.red, .icon.blacken {
    margin-left: auto;
    margin-right: auto;
  }

  .process.section.margin-80 {
    padding-bottom: 50px;
  }

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

  .number-block {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  .number {
    font-size: 60px;
  }

  .heading-grid-2 {
    flex-direction: column;
  }

  .div-block-2 {
    width: 100%;
    padding-bottom: 30px;
  }

  .text-block {
    display: none;
  }

  .mobileview {
    width: 50px;
    display: block;
  }

  .mobileview.phonewhite {
    width: 40px;
  }

  .background-video.bordered.right-vid {
    width: 500px;
  }

  .h3-stats {
    font-size: 24px;
  }

  .dfs-wrap-2, .dfs-wrap-6 {
    padding-left: 3em;
    padding-right: 3em;
  }

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

  .dfs-text-1.font-rev {
    padding-right: 0%;
  }

  .dfs-wrap-5 {
    align-self: center;
  }

  .dfs-wrap-3 {
    text-align: left;
    align-self: center;
  }

  .dfs-wrap-1 {
    flex-direction: column;
  }

  .dfs-section-1 {
    font-size: 1.69vw;
  }

  .grid.is--footer {
    flex-direction: column;
  }

  .grid_item.is--50.footer-2 {
    justify-content: flex-end;
    width: 100%;
  }

  .grid_item.is--50.footer-1 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .grid_item.is--50.footer-3 {
    width: 100%;
  }

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

  .faq-image {
    margin-top: 30px;
  }

  .container-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-title {
    text-align: center;
    max-width: 100%;
  }

  .grid-3-cols, .grid-3-cols._4 {
    grid-template-columns: 1fr;
  }

  .text-2xlarge.hero-headline {
    font-size: 36px;
  }

  .margin-bottom-2.text-big.width-80 {
    max-width: 100%;
  }

  .hero-image-block {
    width: 100%;
  }

  .video-front {
    max-height: 300px;
  }

  .sticky-wrapper {
    flex-direction: column-reverse;
    display: flex;
  }

  .sticky-wrapper.first-section {
    height: 95vw;
    display: block;
  }

  .sticky-wrapper.first-section.last {
    height: 115vw;
  }

  .sticky-wrapper.first-section._2 {
    height: 95vw;
  }

  .sticky-wrapper.ix, .sticky-wrapper.iii {
    display: block;
  }

  .sticky-image-column {
    width: 100%;
    padding-left: 2.5em;
    position: relative;
  }

  .container-3.sticky-container {
    min-height: 0;
    padding-bottom: 5em;
  }

  .text-large {
    font-size: 2em;
  }

  .section-2.product {
    padding-bottom: 0;
  }

  .section-2.product.rev-space {
    padding-top: 5em;
  }

  .section-2.product.rev-space.videos {
    padding-bottom: 5em;
  }

  .sticky-text {
    width: 100%;
    padding-top: 2em;
    position: relative;
    top: 0;
  }

  .sticky-text.rev-sticky {
    top: 0;
  }

  .sticky-text.rev-sticky.text-1._2 {
    padding-top: 6vh;
  }

  .icon-2 {
    transform: translate(-37vw);
  }

  .submenu {
    text-align: center;
    width: 100%;
    margin-right: 0;
  }

  .dropdown-link {
    text-align: center;
    font-size: 2.5vw;
  }

  .div-block-15 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .logo_component-slider {
    grid-row-gap: 2rem;
    flex-direction: row;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100vw;
  }

  .logo-slider-img {
    width: auto;
    height: 6vw;
  }

  .logo-slider-img.invert.smallersize, .logo-slider-img.invert.biggersize {
    height: 6vw;
  }

  .tab-link-project {
    border-bottom: 1px solid var(--white);
  }

  .team-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .team_card {
    align-items: center;
  }

  .team_name {
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
  }

  .cell-2 {
    align-items: center;
  }

  .composition-second {
    inset: auto -6% -6% auto;
  }

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

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

  .container-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-16 {
    padding-left: 2%;
    padding-right: 2%;
  }

  .dotted-underline {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }

  .container-5 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .narrow-section {
    margin-bottom: 4px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-6 {
    padding-left: 24px;
    padding-right: 24px;
  }

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

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

  .logo {
    height: 50px;
  }

  .sm-bold {
    font-size: 15px;
  }

  .contact-item.cta-item {
    font-size: 19px;
  }

  .cta-contact-info-block {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
  }

  .above.laptop-body-16-9 {
    width: 80vw;
  }

  .process-rtb h2 {
    text-align: center;
    margin-top: 5px;
    font-size: 25px;
    line-height: 35px;
  }

  .process-rtb p {
    text-align: center;
  }

  .process-rtb li {
    text-align: center;
    list-style-type: none;
  }

  .left-process-box {
    border-right-style: none;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .right-process-box {
    background-color: #2c2c2c;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-left: 0;
  }

  .right-border {
    border-right-style: none;
  }

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

  .list {
    padding-left: 0;
  }

  .bullet {
    display: none;
  }

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

  .desktop-mobile, .team-bio {
    display: none;
  }

  .team-bio.rev-bio {
    font-size: 14px;
    line-height: 20px;
  }

  .phone-mobile.left-phone-icon {
    display: none;
  }

  .project-btn-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .projects-link-block {
    font-size: 25px;
  }

  .hello-feature-right {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ccb2-hero-title-4-copy-3 {
    font-size: 48px;
    line-height: 65px;
  }

  .hello-estimate-bullet-label-4 {
    font-size: 16px;
    line-height: 20px;
  }

  .pro-section.section.bg-blue {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .ccb4-feature-banner.max-width-800 {
    margin-bottom: 25px;
  }

  .hello-estimate-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .hello-estimate-title-6 {
    font-size: 35px;
    line-height: 65px;
  }

  .pro-section-grids {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .ccb2-hero-4 {
    padding: 75px 5%;
  }

  .ccb2-hero-4.sewer.new-service {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hello-estimate-kitchen {
    padding: 40px 5%;
  }

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

  .hello-estimate-bullet-label-div {
    margin-top: 0;
  }

  .service-grid-block-2, .work-section-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .swiper-slide.videos {
    width: 13.3rem;
  }

  .swiper-slide.videos._2 {
    width: 15.3rem;
  }

  .swiper-slide.videos._2.hide {
    width: 14rem;
  }

  .swiper-slide.social-media {
    width: 13.2rem;
  }

  .mask {
    height: 47vw;
  }

  .slider-wrapper {
    height: 350px;
  }

  .slider-left-arrow {
    transform: translate(-6vw);
  }

  .slider-right-arrow {
    transform: translate(6vw);
  }

  .slide-content-wrapper, .slider-2 {
    height: 42vw;
  }

  .div-block-27 {
    height: 9vw;
  }

  .text-block-8.home2 {
    font-size: 2.5vw;
  }

  .image-9 {
    width: 11vw;
  }

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

  .inner-container._1068px.center.test {
    position: static;
  }

  .inner-container._1068px.center.test.social-media {
    width: 300px;
    position: static;
  }

  .accordion-item-wrapper {
    padding: 40px 24px;
  }

  .accordion-item-wrapper.v3 {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .accordion-title {
    font-size: 20px;
    line-height: 30px;
  }

  .tabs-menu-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .tabs-menu-2.tabs-vertical.width-226px {
    max-width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .accordion-side {
    margin-right: 16px;
  }

  .accordion-side.right-side {
    margin-left: 16px;
  }

  .tabs-wrapper.tabs-left {
    flex-direction: column;
  }

  .badge-secondary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-secondary.tabs {
    margin: 8px;
  }

  .badge-secondary.tabs.vertical {
    margin-bottom: 14px;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

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

  .tabs-menu-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .elements---element-title {
    margin-top: 48px;
    padding-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .grey {
    font-size: 18px;
  }

  .modal-1-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: none;
  }

  .superscript {
    font-size: 12px;
  }

  .modal-superscript {
    font-size: 9px;
  }

  .card-front {
    width: auto;
  }

  .right-arrow {
    top: -24%;
  }

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

  .section-heading-2 {
    margin-bottom: 0;
    font-size: 35px;
  }

  .left-arrow {
    top: -24%;
    right: 50px;
  }

  .popup-heading {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .container-8 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-8.social-media {
    padding-bottom: 50px;
  }

  .modal-2-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .modal-content {
    padding: 4rem 2rem;
  }

  .close-button.button-style-1 {
    top: 0;
  }

  .feature-card-text {
    font-size: 18px;
  }

  .modal-3-popup {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading-wrapper {
    margin-bottom: 40px;
  }

  .card-title {
    font-size: 30px;
  }

  .text-block-9 {
    font-size: 14px;
  }

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

  .grid-3-columns.gallery-v5 {
    grid-column-gap: 16px;
  }

  .heading-5.tab.social-media {
    position: static;
  }

  .square-icon {
    border-radius: 12px;
    max-width: 56px;
  }

  .tab-left-icon {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .tab-left-icon.small.center {
    margin: 10px 0;
  }

  .mg-bottom-48px {
    margin-bottom: 32px;
  }

  .display-4 {
    font-size: 20px;
    line-height: 32px;
  }

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

  .tabs-menu-5 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .btn-primary {
    padding: 20px 32px;
  }

  .div-block-39 {
    margin-top: 8%;
  }

  .heading-medium {
    font-size: 2vw;
  }

  .videos-thumbnail-wrapper.photos, .videos-thumbnail-wrapper.photos.commercial {
    height: 192px;
  }

  .div-block-43 {
    margin-top: 10%;
  }

  .div-block-46 {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .main-section-album {
    margin-top: 272px;
  }

  .div-block-50 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.75fr;
  }

  .div-block-57 {
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    justify-items: stretch;
  }

  .collection-list-2.krisco-headshot {
    display: block;
  }

  .grid-7 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: stretch stretch;
    display: grid;
  }

  .text-block-19 {
    font-size: 2vw;
  }

  .new-slider-logo {
    display: inline-flex;
  }

  .logo-contaner {
    justify-content: space-between;
    align-items: center;
    width: 1700px;
    padding-right: 0;
  }

  .text-block-21 {
    font-size: 2.5vw;
  }

  .div-block-83 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-84 {
    height: auto;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

  .section {
    margin-left: 20px;
    margin-right: 20px;
    padding: 0;
  }

  .section.cc-cta {
    margin-bottom: 0;
    padding: 0;
  }

  .section.cc-home-wrap.service-hero {
    margin-left: 0;
    margin-right: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.cc-store-home-wrap.video-bg {
    margin-top: -100px;
    margin-left: 0;
    margin-right: 0;
  }

  .section.cc-store-home-wrap.video-bg.no-padding-b {
    padding-left: 0;
    padding-right: 0;
  }

  .section.cc-store-home-wrap.video-bg.no-padding-b.home-with-btn {
    justify-content: center;
    align-items: flex-end;
    margin-top: 0;
  }

  .section.white-bg.full-width {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.white-bg.full-width.rev-space {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.projects {
    margin-top: 150px;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .section.team {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .section.contact-mb {
    margin-bottom: 0;
  }

  .section.gry-bg {
    margin-left: 0;
    margin-right: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

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

  .section.home {
    padding-left: 0;
    padding-right: 0;
  }

  .section.rev-space {
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    padding-bottom: 0;
  }

  .container.margin-top {
    margin-top: 165px;
  }

  .container.full-width.blue-bg {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .container.commercial, .container.social-media {
    padding-bottom: 0;
  }

  .paragraph-bigger.cc-bigger-white-light.margin-30 {
    font-size: 15px;
  }

  .paragraph-bigger.margin-20 {
    font-family: var(--font-body);
    line-height: 24px;
  }

  .button.cc-jumbo-button.cc-jumbo-white {
    padding: 10px 15px;
    font-size: 14px;
  }

  .button.cc-jumbo-button.cc-jumbo-white.side-btn {
    height: auto;
  }

  .button.cc-jumbo-button.cc-jumbo-white.absolute-btn.rev-button-loc {
    padding: 6px 10px;
    display: flex;
    bottom: 6%;
    right: auto;
  }

  .button.cc-jumbo-button.margin-right-15 {
    padding: 10px 15px;
    font-size: 14px;
  }

  .button.cc-contact-us.nav-btn {
    width: 15%;
    padding: 0;
  }

  .button.cc-light-button {
    color: var(--white);
  }

  .label.cc-light.subheading.label-rev {
    margin-bottom: 0%;
    font-size: 14px;
    line-height: 23px;
  }

  .label.cc-light.subheading.label-rev._2 {
    margin-bottom: 0%;
  }

  .label.cc-light.heading {
    font-size: 30px;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .paragraph-light.margin-5.paragraph-rev, .paragraph-light.paragraph-rev {
    font-size: 14px;
    line-height: 23px;
  }

  .heading-jumbo {
    font-size: 30px;
    line-height: 40px;
  }

  .heading-jumbo.rev-font {
    padding-left: 5%;
    font-size: 1.5em;
  }

  .heading-jumbo.rev-font.real-estate {
    border-left-width: 4px;
    line-height: 1.5em;
  }

  .heading-jumbo.rev-font.project {
    border-left-width: 4px;
    font-size: 1.2em;
  }

  .heading-jumbo.rev-font.project._2, .heading-jumbo.rev-font.project._2.commercial {
    font-size: 1.5em;
  }

  .heading-jumbo.rev-color.photo-album {
    width: 90%;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 30px;
  }

  .heading-jumbo-small {
    font-size: 20px;
    line-height: 30px;
  }

  .heading-jumbo-small.heading-upper {
    font-size: 22px;
    line-height: 40px;
  }

  .heading-jumbo-small.heading-upper.change-font.font-rev {
    font-size: 16px;
  }

  .heading-jumbo-small.heading-upper.rev-font-about {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 16px;
    line-height: 2.2em;
  }

  .heading-jumbo-small.subheading {
    font-size: 15px;
  }

  .paragraph-small.font-rev {
    margin-top: 5%;
  }

  .logo-link {
    width: 180px;
  }

  .logo-link.w--current {
    margin-left: 0;
    padding-left: 20px;
  }

  .menu {
    width: 70px;
    margin-left: 0;
  }

  .navigation {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation-item {
    color: var(--black);
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    display: block;
  }

  .navigation-item:hover {
    color: var(--text-d);
  }

  .navigation-item.w--current {
    font-size: 16px;
  }

  .navigation-item.current {
    font-weight: 400;
    display: block;
  }

  .navigation-item.service {
    width: 100%;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .navigation-items {
    margin-top: 0;
  }

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

  .cta-wrap {
    flex-direction: column;
    padding: 0;
  }

  .intro-header.cc-subpage {
    height: 210px;
    margin-bottom: 50px;
  }

  .intro-header.cc-subpage.about-us {
    height: 350px;
  }

  .intro-header.cc-subpage.rev-color {
    height: 250px;
  }

  .intro-header.cc-subpage.rev-color.album-photo {
    height: 300px;
  }

  .intro-content {
    margin-top: 80px;
  }

  .intro-content.cc-homepage {
    width: 95%;
  }

  .intro-content.photo-album {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .motto-wrap {
    width: 100%;
    margin-bottom: 40px;
  }

  .our-services-grid {
    width: 100%;
  }

  .section-heading-wrap {
    margin-top: 40px;
  }

  .section-heading-wrap.nomargin {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .service-icon.rs-icon {
    margin-bottom: 0;
  }

  .status-message.cc-no-data, .contact-form-grid {
    width: 100%;
  }

  .our-contacts {
    width: 90%;
  }

  .team-members {
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .project-details-grid {
    width: 100%;
  }

  .blog-detail-header-wrap, .blog-item {
    width: 100%;
    max-width: none;
  }

  .home-content-wrap {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .home-section-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-heading {
    font-size: 28px;
    line-height: 38px;
  }

  .section-heading.margin-40 {
    margin-bottom: 40px;
  }

  .section-heading.margin-40.black-heading-text, .section-heading.black-text-heading {
    text-align: center;
  }

  .about-grid {
    margin-bottom: 40px;
  }

  .about-grid._2-blocks {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .work-heading.h2-heading {
    font-size: 28px;
    line-height: 38px;
  }

  .page-wrap.service-page {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .video-hero {
    width: 100%;
    max-width: 100vw;
    min-height: 300px;
  }

  .paragraph.logo {
    text-align: center;
    font-size: 24px;
  }

  .image {
    height: 300px;
  }

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

  .service-box {
    margin-bottom: 20px;
  }

  .heading.service-h3.uppercase {
    margin-left: 15px;
  }

  .heading.h1 {
    text-align: center;
    font-size: 36px;
    line-height: 1.2em;
  }

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

  .div-block.margin-20 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
  }

  .services.section {
    margin-left: 0;
    margin-right: 0;
    padding: 60px 20px;
  }

  .services.section.no-padding-bottom {
    padding: 60px 15px 20px;
  }

  .services.section.margin-top-80.white-bg {
    margin-top: 20px;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sec.background-color-lightgrey.margin-50 {
    height: 100%;
    padding-top: 0;
    padding-bottom: 50px;
  }

  .box._3.box-rev, .box._2.box-rev {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .box._1 {
    padding-left: 1em;
    padding-right: 1em;
  }

  .box._1.box-rev {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-xxlarge {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .card_mask {
    width: 95%;
  }

  .icon.red, .icon.blacken {
    width: 46px;
    height: 46px;
  }

  .black-text.margin-20.font-rev {
    margin-bottom: 10%;
    font-size: 14px;
    line-height: 23px;
  }

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

  .service-p.margin-20.font-rev {
    margin-bottom: 10%;
    font-size: 14px;
    line-height: 23px;
  }

  .process.section.margin-80 {
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px;
  }

  .process.section.margin-80._2 {
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

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

  .number-block {
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .number {
    font-size: 40px;
  }

  .process-next.hide {
    display: none;
  }

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

  .gallery.section {
    margin-left: 20px;
    margin-right: 20px;
  }

  .gallery.section.rev-space {
    padding-left: 0;
    padding-right: 0;
  }

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

  .background-video.bordered.right-vid {
    width: 335px;
    height: 300px;
  }

  .h3-stats {
    font-size: 20px;
  }

  .h3-stats.margin-30 {
    font-size: 30px;
  }

  .dfs-wrap-2 {
    align-items: center;
  }

  .dfs-wrap-6 {
    padding-left: 1em;
    padding-right: 1em;
  }

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

  .dfs-grid-1 {
    text-align: center;
    grid-template-columns: 1fr;
    place-items: center;
    width: auto;
  }

  .dfs-wrap-7.last {
    flex-flow: column;
    display: flex;
  }

  .dfs-link-1 {
    font-size: 15px;
  }

  .dfs-heading-1 {
    font-size: 1.5em;
  }

  .dfs-rich-1 {
    text-align: center;
    line-height: 20px;
  }

  .dfs-section-1 {
    font-size: 2.5vw;
  }

  .dfs-wrap-8 {
    text-align: center;
    justify-content: center;
    margin-top: 0;
  }

  .checkbox-field {
    bottom: -15%;
  }

  .checkbox-label {
    color: #fff;
    padding-left: .8em;
    font-size: 10px;
    display: none;
  }

  .checkbox-label.open {
    display: block;
  }

  .grid_item.footer-form {
    align-self: auto;
  }

  .grid_item.is--50.footer-2 {
    justify-content: flex-start;
    width: 100%;
    padding-top: 7em;
    padding-left: 1.04em;
  }

  .grid_item.is--50.footer-1 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .grid_item.is--50.footer-3 {
    width: 100%;
  }

  .is--white {
    font-size: 9em;
  }

  .is--white.is--69px {
    font-size: 10.4em;
  }

  .contact-form-grid-2 {
    margin-top: 0;
    grid-template-columns: 1fr;
  }

  .contact-text-wrapper {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .div-block-12 {
    padding-bottom: 3em;
  }

  .checkbox {
    width: 20px;
    height: 20px;
  }

  .form-block.cta {
    width: 100%;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .submit-button {
    bottom: -35%;
  }

  .submit-button.button.cc-jumbo-white {
    bottom: -17%;
  }

  .submit-button.button.cc-jumbo-white.cta-form {
    position: relative;
    top: 20px;
  }

  .text-span-8 {
    border-bottom-width: .5px;
  }

  .paragraph-2 {
    font-size: 14.5px;
  }

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

  .faq-image {
    width: 90%;
    margin: 30px auto;
  }

  .faq-card {
    padding: 10px 15px;
  }

  .no-margin {
    font-size: 17px;
    line-height: 23px;
  }

  .faq-paragraph {
    line-height: 26px;
  }

  .faq-title {
    text-align: center;
    max-width: 100%;
    font-size: 28px;
    line-height: 38px;
  }

  .faq-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    width: 93%;
    margin-left: auto;
    margin-right: auto;
  }

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

  .grid-4-columns._2-col-mbp, .grid-4-columns.instagram-v2, .grid-4-columns.instagram-v2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-4-columns._2-col-mbp {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-wrapper.instagram-image, .image-wrapper.instagram-image.home {
    border-radius: 0;
  }

  .image-wrapper.overflow-hidden.border-radius-24px, .image-wrapper.instagram-image {
    border-radius: 16px;
  }

  .grid-3-cols {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .project-title {
    z-index: 879;
  }

  .text-2xlarge.hero-headline {
    margin-top: 0;
  }

  .margin-bottom-2.text-big.width-80 {
    margin-top: 20px;
  }

  .hero-image-block {
    width: 100%;
    margin-bottom: 5%;
  }

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

  .video-front {
    max-height: 250px;
  }

  .video-front.socmed {
    width: 250px;
    max-width: 300px;
    height: 450px;
  }

  .sticky-wrapper.first-section {
    height: 550px;
  }

  .sticky-wrapper.first-section.last {
    height: 750px;
  }

  .sticky-wrapper.first-section._2 {
    height: 550px;
  }

  .laptop-body-16-9 {
    border-width: 2px;
    border-radius: 2.5em;
    width: 90vw;
    font-size: 7px;
    box-shadow: 11px 11px #ffda5480;
  }

  .sticky-image-column {
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-image-overflow {
    padding-bottom: 0;
  }

  .container-3 {
    padding-left: 5%;
    padding-right: 4%;
  }

  .container-3.sticky-container {
    text-align: center;
    padding-bottom: 3em;
  }

  .text-large.margin-30-b {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .section-2 {
    padding-top: 40px;
    padding-bottom: 4em;
  }

  .section-2.product {
    padding-top: 60px;
  }

  .section-2.product.rev-space {
    padding-bottom: 5em;
    padding-left: 0;
    padding-right: 0;
  }

  .section-2.product.rev-space.videos {
    padding-bottom: 2em;
  }

  .sticky-text.rev-sticky {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sticky-text.rev-space {
    padding-top: 10vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon-2 {
    transform: translate(-33vw);
  }

  .submenu {
    width: 100%;
  }

  .dropdown-link {
    font-size: 3.5vw;
  }

  .dropdown-link.w--current {
    color: #4b4b4b;
  }

  .div-block-15 {
    max-width: 100%;
  }

  .image-4 {
    margin-top: 40px;
  }

  .section-logo {
    overflow: hidden;
  }

  .page-padding-2.s0 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .logo_component-slider {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    overflow: hidden;
    width: 100%;
    max-width: 100vw;
  }

  .logo-slider-img {
    width: auto;
    height: 35px;
  }

  .logo-slider-img.invert.smallersize, .logo-slider-img.invert.biggersize {
    height: 35px;
  }

  .tab-link-project {
    border-bottom: 2px solid var(--white);
    padding: 10px;
    font-size: 24px;
    display: inline-block;
  }

  .tab-link-project.w--current {
    font-size: 26px;
    display: inline-block;
  }

  .tabs-menu {
    flex-direction: column;
    margin-bottom: 40px;
    display: block;
  }

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

  .team_name {
    font-size: 1.3em;
  }

  .composition-second {
    right: -2%;
  }

  .white-text-2.space-top-tiny.black-heading-text {
    text-transform: uppercase;
  }

  .content-limit.padding-right-50 {
    padding-right: 0;
  }

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

  .four-column-grid.space-top {
    grid-template-columns: 1fr 1fr;
  }

  .four-column-grid._2-grids {
    grid-template-columns: 1fr;
  }

  .split-column.service-page {
    grid-template-columns: 1fr;
    display: block;
  }

  .composition-third {
    left: -1%;
  }

  .composition-third._2 {
    left: -2%;
  }

  .container-4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .check-white {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-16 {
    margin-top: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

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

  .video-lightbox-link {
    justify-content: center;
  }

  .orange-text {
    text-align: center;
    font-size: 16px;
  }

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

  .container-5 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .heading-4 {
    text-align: center;
    font-size: 28px;
    line-height: 38px;
  }

  .container-6 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .white-text-3 {
    font-size: 13px;
    line-height: 24px;
  }

  .logo {
    width: 160px;
    height: auto;
  }

  .contact-icon {
    width: 6vw;
  }

  .contact-icon.cta-icon {
    width: 6.5vw;
  }

  .contact-block {
    justify-content: center;
    padding-right: 0;
  }

  .contact-item.cta-item {
    font-family: var(--font-body);
    font-size: 2.5vw;
    font-weight: 500;
  }

  .contact-item.cta-item.font-rev-contact-item {
    font-size: 2.5vw;
  }

  .contact-item.font-rev {
    font-size: 3vw;
  }

  .cta-contact-info-block {
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .above.laptop-body-16-9 {
    border-radius: 0;
    width: 89vw;
  }

  .above.laptop-body-16-9._1.rev-vid1, .above.laptop-body-16-9._2.rev-vid2 {
    border-style: none;
  }

  .div-block-17 {
    background-color: #0000;
  }

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

  .process-rtb p {
    font-weight: 400;
    line-height: 23px;
  }

  .left-process-box {
    padding-right: 0;
    display: flex;
  }

  .right-process-box {
    padding-left: 0;
  }

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

  .six-col-grid._2-grids {
    grid-template-columns: 1fr;
  }

  .space-top._4-grids {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .list {
    padding-left: 0;
  }

  .service-grid-block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .checklist-text {
    padding-left: 10px;
  }

  .block-padding {
    padding-top: 0;
  }

  .team-bio.rev-bio {
    font-size: 11px;
    line-height: 15px;
  }

  .bold-text-2 {
    line-height: 1.5em;
  }

  .div-block-19, .div-block-20, .div-block-21, .re-features-block, .text-center {
    text-align: center;
  }

  .footer-contacts {
    margin-right: 4vw;
  }

  .footer-contacts._2 {
    margin-right: 0;
  }

  .project-btn-block {
    margin-bottom: 40px;
  }

  .projects-link-block {
    padding: 15px;
    font-size: 19px;
    line-height: 24px;
  }

  .video-link-block {
    margin-bottom: 1.275rem;
  }

  .text-block-6 {
    font-family: var(--font-heading);
    font-size: 12px;
    line-height: 20px;
  }

  .hello-estimate-form-div {
    align-items: stretch;
  }

  .hello-feature-right {
    padding-top: 40px;
  }

  .ccb4-feature-label-4 {
    text-align: center;
  }

  .hello-estimate-form-field-grid {
    flex-direction: column;
    display: flex;
  }

  .ccb2-hero-title-4-copy-3 {
    text-align: center;
    font-size: 35px;
    line-height: 45px;
  }

  .hello-estimate-bullet-label-4 {
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
  }

  .ccb4-feature-title-3 {
    text-align: center;
    font-size: 27px;
    line-height: 37px;
  }

  .hello-estimate-bullet-cell {
    flex-direction: row;
  }

  .primary-7 {
    text-align: center;
    justify-content: center;
    font-size: 15px;
  }

  .hello-estimate-bullet-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .ccb4-feature-banner {
    text-align: center;
    width: auto;
    margin-bottom: 20px;
  }

  .hello-estimate-title-6 {
    font-size: 30px;
    line-height: 45px;
  }

  .hello-estimate-meta-6 {
    font-size: 16px;
    line-height: 27px;
  }

  .ccb2-hero-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hello-estimate-kitchen {
    background-image: linear-gradient(#000000a3, #000000a3), url('../images/r-architecture-2gDwlIim3Uw-unsplash.jpg');
    background-position: 0 0, 50%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hello-estimate-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-direction: column;
    display: flex;
  }

  .hello-estimate-bullet-label-div {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  .hello-estimate-cell-2 {
    width: 100%;
    padding: 20px;
  }

  .hello-estimate-bullet-svg {
    width: 25px;
  }

  .ccb1-icon-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .swiper-wrapper.videos {
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-wrapper.social-media, .swiper-wrapper.real-estate {
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-slide.videos {
    width: 16rem;
  }

  .swiper-slide.videos._2.commercial, .swiper-slide.videos._2.socialmedia {
    width: 18rem;
  }

  .swiper-slide.videos._2.hide {
    display: block;
  }

  .swiper-slide.social-media {
    width: 18rem;
  }

  .swiper-slide.real-estate.videos-test {
    width: 16rem;
  }

  .swiper.videos {
    margin-top: 2rem;
  }

  .project-grid {
    display: block;
  }

  .button-play {
    width: 25px;
  }

  .mask {
    height: 55vw;
    overflow: hidden;
    transform: translate(0, -16px);
  }

  .slider-wrapper {
    justify-content: center;
    align-items: center;
    height: 257px;
  }

  .slider-left-arrow {
    width: 40px;
    max-width: 40px;
    transform: translate(-8vw, -7vw);
  }

  .slider-icon {
    font-size: 28px;
  }

  .slider-right-arrow {
    width: 40px;
    max-width: 40px;
    transform: translate(8vw, -7vw);
  }

  .slide-content-wrapper {
    width: auto;
    height: 38vw;
  }

  .slide-content-wrapper.home2 {
    height: 40vw;
  }

  .slider-container-2 {
    width: 100%;
  }

  .slider-2 {
    height: 53vw;
  }

  .slider-2.home2 {
    width: 85vw;
  }

  .div-block-27 {
    height: 10vw;
  }

  .div-block-27.home2 {
    height: 12vw;
  }

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

  .text-block-8.home2 {
    font-size: 14px;
    line-height: 17px;
  }

  .image-9 {
    width: 18vw;
  }

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

  .inner-container._1068px.center.test, .inner-container._1068px.center.test.social-media {
    width: 260px;
  }

  .grid-1-column.gap-row-28px.hidden-mbp {
    display: none;
  }

  .grid-1-column.gap-row-28px.gap-row-16-mbp {
    grid-row-gap: 16px;
  }

  .accordion-item-wrapper.v6.tab-wrapper-rev {
    flex-flow: column wrap;
    align-items: center;
    padding-bottom: 20px;
  }

  .accordion-title {
    font-size: 18px;
    line-height: 26px;
  }

  .accordion-title.rev-font {
    font-size: 18px;
    line-height: 27px;
  }

  .container-default {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-default.faq {
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-content.card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .tabs-content.card._2.commercial-tab, .tabs-content.card._2.real-estate-tab {
    padding-bottom: 30px;
  }

  .accordion-side.right-side {
    margin-left: 0;
  }

  .badge-secondary {
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .badge-secondary.tabs {
    margin-left: 0;
    margin-right: 0;
  }

  .btn-circle-secondary.small.accordion-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .text-center-2.mg-bottom-64px {
    margin-bottom: 12%;
  }

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

  .text-tab-faq {
    font-size: 14px;
  }

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

  .slide-1 {
    width: auto;
  }

  .grey {
    font-size: 21px;
  }

  .modal-1-popup {
    padding: 1rem 0 0;
    display: none;
  }

  .superscript {
    font-size: 12px;
  }

  .superscript.grey {
    font-size: 10px;
  }

  .modal-superscript {
    font-size: 9px;
  }

  .cross {
    width: 15px;
  }

  .slider-4 {
    margin-top: 60px;
  }

  .slide-4 {
    width: auto;
  }

  .popup-label {
    font-weight: 500;
  }

  .main-heading-wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }

  .card-front, .card-front._4, .card-front._2, .card-front._3 {
    width: 250px;
    height: 475px;
  }

  .slide-7, .slide-3, .slide-2 {
    width: auto;
  }

  .right-arrow {
    top: -24%;
  }

  .mask-3 {
    width: 250px;
    height: 315px;
  }

  .section-20 {
    margin-top: 119px;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .button-4 {
    font-size: .9375rem;
  }

  .section-heading-2 {
    margin-bottom: 0;
    font-size: 30px;
  }

  .slide-5, .slide-8 {
    width: auto;
  }

  .label-2 {
    font-size: 14px;
  }

  .left-arrow {
    top: -24%;
    right: 40px;
  }

  .popup-heading {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .container-8 {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-8.social-media {
    padding-bottom: 115px;
  }

  .container-8.commercial {
    padding-bottom: 50px;
  }

  .modal-2-popup {
    padding: 1rem 0 0;
    display: none;
  }

  .modal-bg {
    margin-left: 0;
    padding-left: 0;
  }

  .slide-6 {
    width: auto;
  }

  .modal-content {
    padding: 4rem 1.5rem;
  }

  .card-2._5, .card-2._3, .card-2._2, .card-2._1, .card-2._4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .close-button {
    width: 3rem;
    height: 3rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
  }

  .close-button.button-style-1 {
    width: 30px;
    height: 30px;
    top: 0;
  }

  .feature-card-text {
    font-size: 21px;
    font-weight: 500;
  }

  .feature-card-text._40px {
    font-size: 21px;
  }

  .modal-3-popup {
    padding: 1rem 0 0;
  }

  .card-title {
    font-size: 20px;
  }

  .text-block-9 {
    font-size: 14px;
  }

  .modal {
    border-radius: 30px 30px 0 0;
  }

  .image-10 {
    width: 15vw;
    height: 15vw;
  }

  .slide-9, .slide-15 {
    width: auto;
  }

  .div-block-33 {
    margin-bottom: 10%;
  }

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

  .grid-3-columns.gallery-v5 {
    grid-template-columns: 1fr 1fr;
  }

  .heading-5.tab, .heading-5.tab.social-media {
    font-size: 26px;
  }

  .div-block-34.div-tablet-button-vid {
    padding-top: 0%;
  }

  .text-block-11 {
    font-size: 12px;
  }

  .div-block-35.hide {
    padding: 100px 20px;
  }

  .square-icon {
    border-radius: 14px;
    max-width: 56px;
  }

  .tab-left-icon {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .mg-bottom-48px {
    margin-bottom: 32px;
  }

  .grid-2-columns.gap-56px {
    grid-row-gap: 36px;
  }

  .tabs-menu-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 0;
  }

  .btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .buttons-row {
    flex-direction: column;
  }

  .div-block-39 {
    margin-top: 3em;
  }

  .swiper-button.swiper-btn-next, .swiper-button.swiper-btn-prev, .swiper-button.swiper-left-social, .swiper-button.swiper-right-social {
    width: 3rem;
    height: 3rem;
  }

  .container-9 {
    padding-left: 0;
    padding-right: 1rem;
  }

  .section-23._2 {
    height: 40vh;
  }

  .section-23.real-estate {
    padding-bottom: 50px;
  }

  .section-23.photography, .section-23.commercial-photography {
    margin-top: 2em;
  }

  .swiper-button__wrap {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    transform: translate(.8em);
  }

  .heading-medium {
    font-size: .9rem;
    line-height: 1.3rem;
  }

  .videos-thumbnail-wrapper {
    height: 150px;
    max-height: none;
  }

  .videos-thumbnail-wrapper.photos, .videos-thumbnail-wrapper.photos.commercial {
    height: auto;
  }

  .videos-thumbnail-wrapper.photos.tempo {
    height: 280px;
  }

  .videos-thumbnail-wrapper.social-media {
    aspect-ratio: 9 / 16;
    width: 100%;
    height: auto;
    max-height: 280px;
    margin-bottom: 0;
    display: block;
    overflow: hidden;
  }

  .videos-thumbnail-wrapper.commercial, .videos-thumbnail-wrapper.real-estate {
    height: 150px;
    position: relative;
  }

  .videos-thumbnail-wrapper.commercial .image-19,
  .videos-thumbnail-wrapper.real-estate .image-19 {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .video-info-wrapper {
    height: 103px;
    max-height: none;
  }

  .video-info-wrapper.social-media {
    height: 70px;
    margin-top: 0;
    display: flex;
  }

  .video-info-wrapper.social-media .heading-medium {
    width: 100%;
    margin: 0 auto;
  }

  .swiper-social.social-media, .swiper-realstate {
    margin-top: 2em;
  }

  .div-block-43 {
    margin-top: 15%;
  }

  .lightbox-link-4 {
    height: auto;
  }

  .image-18, .image-18.real-estate {
    width: 4.5em;
  }

  .div-block-46 {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .link-block-8 {
    margin-right: 0;
  }

  .main-section-album {
    margin-top: 232px;
  }

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

  .image-21._1 {
    display: none;
  }

  .image-21._1.krisco-headshot {
    display: block;
  }

  .image-21._2, .image-21._3, .image-21._4, .image-21._5, .image-21.hide {
    display: none;
  }

  .lightbox-link-5 {
    background-image: url('../images/DSC03271.jpg');
    background-position: 50%;
    background-size: cover;
    width: 100%;
  }

  .lightbox-link-5._2 {
    background-image: url('../images/DJI_0316.webp');
  }

  .lightbox-link-5._2.neda-perrina {
    background-image: url('../images/DJI_0023.webp');
  }

  .lightbox-link-5._2.sustainable {
    background-image: url('../images/DSC01362.webp');
  }

  .lightbox-link-5._2.crescent {
    background-image: url('../images/DJI_0142.webp');
  }

  .lightbox-link-5._2.krisco-pools {
    background-image: url('../images/DJI_0579-HDR.webp');
  }

  .lightbox-link-5._2.cosmin-popa {
    background-image: url('../images/DSC04485.webp');
    background-position: 50%;
  }

  .lightbox-link-5._2.sustainable-interiors {
    background-image: url('../images/DSC08363.webp');
  }

  .lightbox-link-5._2.carter-son-toolworks {
    background-image: url('../images/NJM01873.webp');
  }

  .lightbox-link-5._2.quality-restoration {
    background-image: url('../images/DSC03859.webp');
  }

  .lightbox-link-5._2.neda-perina-2715 {
    background-image: url('../images/DSC00539-HDR.webp');
  }

  .lightbox-link-5._2.veronica-morss---9227 {
    background-image: url('../images/dji_0803.webp');
  }

  .lightbox-link-5._2.spencer-gray---33416 {
    background-image: url('../images/DSC05321.webp');
  }

  .lightbox-link-5._2.tom-kittelman---22928 {
    background-image: url('../images/DJI_0632.webp');
  }

  .lightbox-link-5._3 {
    background-image: url('../images/DSC03112.webp');
  }

  .lightbox-link-5._3.neda-perrina {
    background-image: url('../images/DSC00231.webp');
  }

  .lightbox-link-5._3.sustainable {
    background-image: url('../images/DSC00959.webp');
  }

  .lightbox-link-5._3.crescent {
    background-image: url('../images/DJI_0139.webp');
  }

  .lightbox-link-5._3.krisco-pools {
    background-image: url('../images/DSC02321-HDR.webp');
  }

  .lightbox-link-5._3.cosmin-popa {
    background-image: url('../images/DSC04490.webp');
    background-position: 50%;
  }

  .lightbox-link-5._3.sustainable-interiors {
    background-image: url('../images/DSC08382.webp');
  }

  .lightbox-link-5._3.carter-son-toolworks {
    background-image: url('../images/NJM01880.webp');
  }

  .lightbox-link-5._3.quality-restoration {
    background-image: url('../images/DSC03851.webp');
  }

  .lightbox-link-5._3.neda-perina-2715 {
    background-image: url('../images/DSC00554-HDR.webp');
  }

  .lightbox-link-5._3.veronica-morss---9227 {
    background-image: url('../images/dsc08645.webp');
  }

  .lightbox-link-5._3.spencer-gray---33416 {
    background-image: url('../images/DSC05775.webp');
  }

  .lightbox-link-5._3.tom-kittelman---22928 {
    background-image: url('../images/DJI_0629.webp');
  }

  .lightbox-link-5._4 {
    background-image: url('../images/DSC03253.webp');
  }

  .lightbox-link-5._4.neda-perrina {
    background-image: url('../images/DSC00246.webp');
  }

  .lightbox-link-5._4.sustainable {
    background-image: url('../images/DSC01359.webp');
  }

  .lightbox-link-5._4.crescent {
    background-image: url('../images/DSC05419.webp');
  }

  .lightbox-link-5._4.krisco-pools {
    background-image: url('../images/DSC02359-HDR-2-Edit.webp');
  }

  .lightbox-link-5._4.cosmin-popa {
    background-image: url('../images/DSC04564.webp');
    background-position: 50%;
  }

  .lightbox-link-5._4.sustainable-interiors {
    background-image: url('../images/DSC08474.webp');
    background-position: 50%;
  }

  .lightbox-link-5._4.carter-son-toolworks {
    background-image: url('../images/NJM01875.webp');
    background-position: 50%;
  }

  .lightbox-link-5._4.quality-restoration {
    background-image: url('../images/DSC03593.webp');
  }

  .lightbox-link-5._4.neda-perina-2715 {
    background-image: url('../images/DSC00545-HDR.webp');
  }

  .lightbox-link-5._4.veronica-morss---9227 {
    background-image: url('../images/dsc08654.webp');
  }

  .lightbox-link-5._4.spencer-gray---33416 {
    background-image: url('../images/DSC05332.webp');
  }

  .lightbox-link-5._4.tom-kittelman---22928 {
    background-image: url('../images/DJI_0614.webp');
  }

  .lightbox-link-5._5 {
    background-image: url('../images/DSC03256.webp');
  }

  .lightbox-link-5._5.neda-perrina {
    background-image: url('../images/DSC00240.webp');
  }

  .lightbox-link-5._5.neda-perrina._2 {
    background-image: url('../images/DSC00252.webp');
  }

  .lightbox-link-5._5.sustainable {
    background-image: url('../images/DSC01058.webp');
  }

  .lightbox-link-5._5.sustainable._2 {
    background-image: url('../images/DSC01093.webp');
  }

  .lightbox-link-5._5.crescent {
    background-image: url('../images/DSC05907.webp');
  }

  .lightbox-link-5._5.crescent._2 {
    background-image: url('../images/DSC05551.webp');
  }

  .lightbox-link-5._5.krisco-pools {
    background-image: url('../images/DSC02391.webp');
  }

  .lightbox-link-5._5.krisco-pools._2 {
    background-image: url('../images/DSC02599.webp');
  }

  .lightbox-link-5._5.cosmin-popa {
    background-image: url('../images/DSC04600.webp');
    background-position: 50%;
  }

  .lightbox-link-5._5.cosmin-popa._2 {
    background-image: url('../images/DSC04500.webp');
  }

  .lightbox-link-5._5.sustainable-interiors {
    background-image: url('../images/DSC08483.webp');
  }

  .lightbox-link-5._5.carter-son-toolworks {
    background-image: url('../images/NJM01858.webp');
    background-position: 50%;
  }

  .lightbox-link-5._5.quality-restoration {
    background-image: url('../images/DSC03589.webp');
  }

  .lightbox-link-5._5.neda-perina-2715 {
    background-image: url('../images/DSC00622-HDR.webp');
  }

  .lightbox-link-5._5.neda-perina-2715._2 {
    background-image: url('../images/DSC00517.webp');
  }

  .lightbox-link-5._5.veronica-morss---9227 {
    background-image: url('../images/dsc08651.webp');
  }

  .lightbox-link-5._5.veronica-morss---9227._2 {
    background-image: url('../images/dsc08423.webp');
  }

  .lightbox-link-5._5.spencer-gray---33416 {
    background-image: url('../images/DSC05353.webp');
  }

  .lightbox-link-5._5.spencer-gray---33416._2 {
    background-image: url('../images/DSC05468.webp');
  }

  .lightbox-link-5._5.tom-kittelman---22928 {
    background-image: url('../images/DSC06291.webp');
  }

  .lightbox-link-5._5.tom-kittelman---22928._2 {
    background-image: url('../images/DSC06315.webp');
  }

  .lightbox-link-5.neda-perrina {
    background-image: url('../images/DJI_0044.webp');
  }

  .lightbox-link-5.sustainable {
    background-image: url('../images/DJI_0033.webp');
  }

  .lightbox-link-5.crescent {
    background-image: url('../images/DSC05416.webp');
  }

  .lightbox-link-5.krisco-pools {
    background-image: url('../images/DJI_0570-HDR.webp');
  }

  .lightbox-link-5.cosmin-popa {
    background-image: url('../images/portrait-1.webp');
    background-position: 50% 0;
  }

  .lightbox-link-5.sustainable-interiors {
    background-image: url('../images/portrait-1_1.webp');
    background-position: 50% 11%;
  }

  .lightbox-link-5.carter-son-toolworks {
    background-image: url('../images/portrait-1_2.webp');
    background-position: 50% 0;
  }

  .lightbox-link-5.quality-restoration {
    background-image: url('../images/DSC03864.webp');
  }

  .lightbox-link-5.adjust {
    background-image: url('../images/DSC04705.webp');
    background-position: 50%;
    background-size: cover;
  }

  .lightbox-link-5.adjust1 {
    background-image: url('../images/DSC04633.webp');
  }

  .lightbox-link-5.neda-perina-2715 {
    background-image: url('../images/DSC00551-HDR.webp');
  }

  .lightbox-link-5.veronica-morss---9227 {
    background-image: url('../images/dji_0779.webp');
  }

  .lightbox-link-5.spencer-gray---33416 {
    background-image: url('../images/DJI_0465.webp');
  }

  .lightbox-link-5.tom-kittelman---22928 {
    background-image: url('../images/DJI_0587.webp');
  }

  .grid-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .div-block-68, .div-block-70, .div-block-71, .div-block-72 {
    height: 300px;
    max-height: 300px;
  }

  .image-25 {
    min-height: 70vw;
    max-height: 70vw;
  }

  .text-block-18 {
    font-size: .9rem;
    line-height: 1.3rem;
  }

  .swiper-photos-commercial {
    margin-top: 2rem;
  }

  .text-block-19 {
    font-size: 3.5vw;
  }

  .logo-contaner {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    justify-content: flex-start;
    width: 1623px;
    display: flex;
  }

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

  .div-block-82 {
    display: flex;
  }

  .text-block-21 {
    font-size: 3.5vw;
  }

  .dropdown1-video {
    display: inline-flex;
  }

  .div-block-84 {
    height: auto;
  }
}

#w-node-_6b06335c-cf28-d89b-f8ce-c6c58e80cc98-19202b84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc31bf06-8e18-ba88-69fb-120557b8d52b-19202b84 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-bc31bf06-8e18-ba88-69fb-120557b8d538-19202b84 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_301fc388-7d77-a19d-7bd9-1078808bf17d-19202b84, #w-node-e3ff0792-5ee4-57c2-80d4-49b344c42386-19202b84, #w-node-c18d6e4d-d2a0-e4b7-db8d-301047bfbd7a-19202b84, #w-node-_9ee59df2-b648-576b-8f99-88ce8662ba25-19202b84, #w-node-b8984994-bf91-3239-6d07-be30b5baceb4-19202b84, #w-node-c268ce90-dc8d-b2c6-05c0-377ede39c08b-19202b84, #w-node-_807b949e-5a5b-5cd8-e645-2c111f3b8ce8-19202b84, #w-node-_807b949e-5a5b-5cd8-e645-2c111f3b8ce9-19202b84, #w-node-_59c0ab2e-41dd-7404-9af5-2afd7135fdeb-19202b84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0364b328-10e2-6c0b-8721-bc307cbfd686-19202b84 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
}

#w-node-_0364b328-10e2-6c0b-8721-bc307cbfd687-19202b84 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_0364b328-10e2-6c0b-8721-bc307cbfd68a-19202b84, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd68c-19202b84, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd68e-19202b84, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd690-19202b84, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd691-19202b84, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd692-19202b84, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd693-19202b84, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd694-19202b84, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd695-19202b84, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd696-19202b84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_63e4b851-fe3a-384d-0b9c-50b28ca7b801-19202b84 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_673d85fe-3d16-fc35-8dc3-f525596295d8-19202b84, #w-node-_68e8522e-929c-855b-5b88-535a3a9bafce-19202b84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc31bf06-8e18-ba88-69fb-120557b8d52b-972f839f {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-bc31bf06-8e18-ba88-69fb-120557b8d538-972f839f {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_301fc388-7d77-a19d-7bd9-1078808bf17d-972f839f, #w-node-e3ff0792-5ee4-57c2-80d4-49b344c42386-972f839f, #w-node-c18d6e4d-d2a0-e4b7-db8d-301047bfbd7a-972f839f, #w-node-_9ee59df2-b648-576b-8f99-88ce8662ba25-972f839f, #w-node-b8984994-bf91-3239-6d07-be30b5baceb4-972f839f, #w-node-c268ce90-dc8d-b2c6-05c0-377ede39c08b-972f839f, #w-node-_807b949e-5a5b-5cd8-e645-2c111f3b8ce8-972f839f, #w-node-_807b949e-5a5b-5cd8-e645-2c111f3b8ce9-972f839f, #w-node-_59c0ab2e-41dd-7404-9af5-2afd7135fdeb-972f839f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0364b328-10e2-6c0b-8721-bc307cbfd686-972f839f {
  grid-template-rows: auto auto auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
}

#w-node-_0364b328-10e2-6c0b-8721-bc307cbfd687-972f839f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_0364b328-10e2-6c0b-8721-bc307cbfd68a-972f839f, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd68c-972f839f, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd68e-972f839f, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd690-972f839f, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd691-972f839f, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd692-972f839f, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd693-972f839f, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd694-972f839f, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd695-972f839f, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd696-972f839f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_63e4b851-fe3a-384d-0b9c-50b28ca7b801-972f839f {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_673d85fe-3d16-fc35-8dc3-f525596295d8-972f839f, #w-node-_68e8522e-929c-855b-5b88-535a3a9bafce-972f839f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41b70451-77a1-c6a5-e0d7-176d9cfdcaae-972f83a2 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_41b70451-77a1-c6a5-e0d7-176d9cfdcabd-972f83a2 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_07d39759-0b05-0024-02c6-94ee6fe8d73a-972f83a2 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_07d39759-0b05-0024-02c6-94ee6fe8d745-972f83a2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_07d39759-0b05-0024-02c6-94ee6fe8d747-972f83a2, #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d750-972f83a2, #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d75e-972f83a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_07d39759-0b05-0024-02c6-94ee6fe8d729-972f83a2 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce9803c-972f83ab {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce98043-972f83ab {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-972f83ab {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce98051-972f83ab {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce98058-972f83ab {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-972f83ab {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642c5-0e8ffaf8 {
  justify-self: center;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642cb-0e8ffaf8 {
  align-self: start;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642d2-0e8ffaf8 {
  justify-self: center;
}

#w-node-_7d63ac0d-d516-255c-c956-bbd935aeb68a-0e8ffaf8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d626434d-0e8ffaf8 {
  align-self: center;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264324-0e8ffaf8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d626432a-0e8ffaf8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264330-0e8ffaf8 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264336-0e8ffaf8 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d626433c-0e8ffaf8 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264343-0e8ffaf8 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_2a87fe9b-dbe7-6593-bbce-0d748c0d1f30-0e8ffaf8 {
  align-self: center;
}

#w-node-d0535233-bfbb-0331-78a9-2e7b5b035a2b-d952db55 {
  align-self: start;
}

#w-node-d0535233-bfbb-0331-78a9-2e7b5b035a30-d952db55 {
  justify-self: center;
}

#w-node-_80348d5c-e6e9-487a-1f37-10de556979dd-d952db55 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_80348d5c-e6e9-487a-1f37-10de556979e3-d952db55 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_80348d5c-e6e9-487a-1f37-10de556979e9-d952db55 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_80348d5c-e6e9-487a-1f37-10de556979ef-d952db55 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_80348d5c-e6e9-487a-1f37-10de556979f5-d952db55 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_80348d5c-e6e9-487a-1f37-10de556979fc-d952db55 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_3ee42473-de4b-1f02-79f4-7c918c3704f3-d952db55 {
  align-self: center;
}

#w-node-bc31bf06-8e18-ba88-69fb-120557b8d52b-6091bac1 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-bc31bf06-8e18-ba88-69fb-120557b8d538-6091bac1 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_301fc388-7d77-a19d-7bd9-1078808bf17d-6091bac1, #w-node-e3ff0792-5ee4-57c2-80d4-49b344c42386-6091bac1, #w-node-c18d6e4d-d2a0-e4b7-db8d-301047bfbd7a-6091bac1, #w-node-_9ee59df2-b648-576b-8f99-88ce8662ba25-6091bac1, #w-node-b8984994-bf91-3239-6d07-be30b5baceb4-6091bac1, #w-node-c268ce90-dc8d-b2c6-05c0-377ede39c08b-6091bac1, #w-node-_807b949e-5a5b-5cd8-e645-2c111f3b8ce8-6091bac1, #w-node-_807b949e-5a5b-5cd8-e645-2c111f3b8ce9-6091bac1, #w-node-_59c0ab2e-41dd-7404-9af5-2afd7135fdeb-6091bac1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0364b328-10e2-6c0b-8721-bc307cbfd686-6091bac1 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
}

#w-node-_0364b328-10e2-6c0b-8721-bc307cbfd687-6091bac1 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_0364b328-10e2-6c0b-8721-bc307cbfd68a-6091bac1, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd68c-6091bac1, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd68e-6091bac1, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd690-6091bac1, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd691-6091bac1, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd692-6091bac1, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd693-6091bac1, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd694-6091bac1, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd695-6091bac1, #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd696-6091bac1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ebc57db-0e1d-ee16-0488-b9dd8b86eb08-6091bac1 {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr 1fr;
}

#w-node-_2fa550b8-b224-683d-3f6f-55e341d92343-6091bac1 {
  grid-row: span 2 / span 2;
}

#w-node-_4486a9ac-c0be-a0c1-96c6-4de0ec701da8-6091bac1 {
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr 1fr;
}

#w-node-_4486a9ac-c0be-a0c1-96c6-4de0ec701da9-6091bac1 {
  grid-row: span 2 / span 2;
}

#w-node-_41b70451-77a1-c6a5-e0d7-176d9cfdcaae-e06b8bf2 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: center;
}

#w-node-_41b70451-77a1-c6a5-e0d7-176d9cfdcabd-e06b8bf2 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_07d39759-0b05-0024-02c6-94ee6fe8d73a-e06b8bf2 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_07d39759-0b05-0024-02c6-94ee6fe8d745-e06b8bf2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_07d39759-0b05-0024-02c6-94ee6fe8d747-e06b8bf2, #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d750-e06b8bf2, #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d75e-e06b8bf2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_07d39759-0b05-0024-02c6-94ee6fe8d729-e06b8bf2 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-_667a9e01-ba19-1b5a-18e0-eda3406e16a7-a6b16039, #w-node-_667a9e01-ba19-1b5a-18e0-eda3406e16aa-a6b16039, #w-node-_667a9e01-ba19-1b5a-18e0-eda3406e16ad-a6b16039, #w-node-_667a9e01-ba19-1b5a-18e0-eda3406e16b0-a6b16039, #w-node-_79bf0d65-3a68-48e4-240a-bee3dd0ac77f-a6b16039 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-63e3b13c {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-63e3b13c, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-63e3b13c, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-63e3b13c, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-63e3b13c, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-63e3b13c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-63e3b13c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-63e3b13c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-63e3b13c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-63e3b13c, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-63e3b13c, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-63e3b13c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-63e3b13c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-63e3b13c, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-63e3b13c, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-63e3b13c, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-63e3b13c, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-63e3b13c, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-63e3b13c, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-63e3b13c, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-63e3b13c, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-63e3b13c, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-63e3b13c, #w-node-d28d20a8-a515-9607-004c-91a38422781c-63e3b13c, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-63e3b13c, #w-node-febc1601-4389-b766-da09-52ecc779d023-63e3b13c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-63e3b13c {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-63e3b13c, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-63e3b13c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-bc1393c3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-bc1393c3, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-bc1393c3, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-bc1393c3, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-bc1393c3, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-bc1393c3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-bc1393c3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-bc1393c3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-bc1393c3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-bc1393c3, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-bc1393c3, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-bc1393c3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-bc1393c3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-bc1393c3, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-bc1393c3, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-bc1393c3, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-bc1393c3, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-bc1393c3, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-bc1393c3, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-bc1393c3, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-bc1393c3, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-bc1393c3, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-bc1393c3, #w-node-d28d20a8-a515-9607-004c-91a38422781c-bc1393c3, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-bc1393c3, #w-node-febc1601-4389-b766-da09-52ecc779d023-bc1393c3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-bc1393c3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-bc1393c3, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-bc1393c3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-b734cd4b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-b734cd4b, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-b734cd4b, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-b734cd4b, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-b734cd4b, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-b734cd4b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-b734cd4b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-b734cd4b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-b734cd4b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-b734cd4b, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-b734cd4b, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-b734cd4b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-b734cd4b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-b734cd4b, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-b734cd4b, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-b734cd4b, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-b734cd4b, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-b734cd4b, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-b734cd4b, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-b734cd4b, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-b734cd4b, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-b734cd4b, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-b734cd4b, #w-node-d28d20a8-a515-9607-004c-91a38422781c-b734cd4b, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-b734cd4b, #w-node-febc1601-4389-b766-da09-52ecc779d023-b734cd4b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-b734cd4b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-b734cd4b, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-b734cd4b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-3ef821fc {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-3ef821fc, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-3ef821fc, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-3ef821fc, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-3ef821fc, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-3ef821fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-3ef821fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-3ef821fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-3ef821fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-3ef821fc, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-3ef821fc, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-3ef821fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-3ef821fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-3ef821fc, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-3ef821fc, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-3ef821fc, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-3ef821fc, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-3ef821fc, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-3ef821fc, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-3ef821fc, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-3ef821fc, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-3ef821fc, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-3ef821fc, #w-node-d28d20a8-a515-9607-004c-91a38422781c-3ef821fc, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-3ef821fc, #w-node-febc1601-4389-b766-da09-52ecc779d023-3ef821fc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-3ef821fc {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-3ef821fc, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-3ef821fc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-6f07ba83 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-6f07ba83, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-6f07ba83, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-6f07ba83, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-6f07ba83, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-6f07ba83 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-6f07ba83 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-6f07ba83 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-6f07ba83 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-6f07ba83, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-6f07ba83, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-6f07ba83 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-6f07ba83 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-6f07ba83, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-6f07ba83, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-6f07ba83, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-6f07ba83, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-6f07ba83, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-6f07ba83, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-6f07ba83, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-6f07ba83, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-6f07ba83, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-6f07ba83, #w-node-d28d20a8-a515-9607-004c-91a38422781c-6f07ba83, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-6f07ba83, #w-node-febc1601-4389-b766-da09-52ecc779d023-6f07ba83 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-6f07ba83 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-6f07ba83, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-6f07ba83 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-8ddbef5f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-8ddbef5f, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-8ddbef5f, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-8ddbef5f, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-8ddbef5f, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-8ddbef5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-8ddbef5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-8ddbef5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-8ddbef5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-8ddbef5f, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-8ddbef5f, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-8ddbef5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-8ddbef5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-8ddbef5f, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-8ddbef5f, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-8ddbef5f, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-8ddbef5f, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-8ddbef5f, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-8ddbef5f, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-8ddbef5f, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-8ddbef5f, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-8ddbef5f, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-8ddbef5f, #w-node-d28d20a8-a515-9607-004c-91a38422781c-8ddbef5f, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-8ddbef5f, #w-node-febc1601-4389-b766-da09-52ecc779d023-8ddbef5f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-8ddbef5f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-8ddbef5f, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-8ddbef5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-1292019a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-1292019a, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-1292019a, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-1292019a, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-1292019a, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-1292019a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-1292019a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-1292019a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-1292019a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-1292019a, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-1292019a, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-1292019a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-1292019a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-1292019a, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-1292019a, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-1292019a, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-1292019a, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-1292019a, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-1292019a, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-1292019a, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-1292019a, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-1292019a, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-1292019a, #w-node-d28d20a8-a515-9607-004c-91a38422781c-1292019a, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-1292019a, #w-node-febc1601-4389-b766-da09-52ecc779d023-1292019a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-1292019a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-1292019a, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-1292019a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-4f86aa80 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-4f86aa80, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-4f86aa80, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-4f86aa80, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-4f86aa80, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-4f86aa80 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-4f86aa80 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-4f86aa80 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-4f86aa80 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-4f86aa80, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-4f86aa80, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-4f86aa80 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-4f86aa80 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-4f86aa80, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-4f86aa80, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-4f86aa80, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-4f86aa80, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-4f86aa80, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-4f86aa80, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-4f86aa80, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-4f86aa80, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-4f86aa80, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-4f86aa80, #w-node-d28d20a8-a515-9607-004c-91a38422781c-4f86aa80, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-4f86aa80, #w-node-febc1601-4389-b766-da09-52ecc779d023-4f86aa80 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-4f86aa80 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-4f86aa80, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-4f86aa80 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-b67ecc52 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-b67ecc52, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-b67ecc52, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-b67ecc52, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-b67ecc52, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-b67ecc52 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-b67ecc52 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-b67ecc52 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-b67ecc52 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-b67ecc52, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-b67ecc52, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-b67ecc52 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-b67ecc52 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-b67ecc52, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-b67ecc52, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-b67ecc52, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-b67ecc52, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-b67ecc52, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-b67ecc52, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-b67ecc52, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-b67ecc52, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-b67ecc52, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-b67ecc52, #w-node-d28d20a8-a515-9607-004c-91a38422781c-b67ecc52, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-b67ecc52, #w-node-febc1601-4389-b766-da09-52ecc779d023-b67ecc52 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-b67ecc52 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-b67ecc52, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-b67ecc52 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-2e7cdae9 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-2e7cdae9, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-2e7cdae9, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-2e7cdae9, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-2e7cdae9, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-2e7cdae9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-2e7cdae9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-2e7cdae9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-2e7cdae9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-2e7cdae9, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-2e7cdae9, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-2e7cdae9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-2e7cdae9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-2e7cdae9, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-2e7cdae9, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-2e7cdae9, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-2e7cdae9, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-2e7cdae9, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-2e7cdae9, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-2e7cdae9, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-2e7cdae9, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-2e7cdae9, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-2e7cdae9, #w-node-d28d20a8-a515-9607-004c-91a38422781c-2e7cdae9, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-2e7cdae9, #w-node-febc1601-4389-b766-da09-52ecc779d023-2e7cdae9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-2e7cdae9 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-2e7cdae9, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-2e7cdae9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-a0f063f6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-a0f063f6 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-a0f063f6, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-a0f063f6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-50f42170 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-50f42170, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-50f42170, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-50f42170, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-50f42170, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-50f42170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-50f42170 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-50f42170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-50f42170 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-50f42170, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-50f42170, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-50f42170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-50f42170 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-50f42170, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-50f42170, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-50f42170, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-50f42170, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-50f42170, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-50f42170, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-50f42170, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-50f42170, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-50f42170, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-50f42170, #w-node-d28d20a8-a515-9607-004c-91a38422781c-50f42170, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-50f42170, #w-node-febc1601-4389-b766-da09-52ecc779d023-50f42170 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-50f42170 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-50f42170, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-50f42170 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-9d8db463 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-9d8db463, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-9d8db463, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-9d8db463, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-9d8db463, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-9d8db463 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-9d8db463 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-9d8db463 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-9d8db463 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-9d8db463, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-9d8db463, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-9d8db463 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-9d8db463 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-9d8db463, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-9d8db463, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-9d8db463, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-9d8db463, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-9d8db463, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-9d8db463, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-9d8db463, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-9d8db463, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-9d8db463, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-9d8db463, #w-node-d28d20a8-a515-9607-004c-91a38422781c-9d8db463, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-9d8db463, #w-node-febc1601-4389-b766-da09-52ecc779d023-9d8db463 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-9d8db463 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-9d8db463, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-9d8db463 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-500afd66 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-500afd66, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-500afd66, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-500afd66, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-500afd66, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-500afd66 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-500afd66 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-500afd66 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-500afd66 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-500afd66, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-500afd66, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-500afd66 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-500afd66 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-500afd66, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-500afd66, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-500afd66, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-500afd66, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-500afd66, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-500afd66, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-500afd66, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-500afd66, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-500afd66, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-500afd66, #w-node-d28d20a8-a515-9607-004c-91a38422781c-500afd66, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-500afd66, #w-node-febc1601-4389-b766-da09-52ecc779d023-500afd66 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-500afd66 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-500afd66, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-500afd66 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-bc4b5efc-11c3-9500-93a1-ac1984f73e4c-ed84cb53 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_68a63ed6-9dd6-2cdc-0477-021dd4bd1431-ed84cb53, #w-node-e32f2ee8-15e5-a898-a896-6329d444785c-ed84cb53, #w-node-_0bcab7b4-a923-89fc-f5d7-4c4484a4b9b7-ed84cb53, #w-node-_21c74d5f-fdc7-0a9c-e206-f0f5a7763ec7-ed84cb53, #w-node-_827a895c-7df9-5d5f-7f12-793fd83b1fde-ed84cb53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b43cce14-c9ef-5b08-b1c5-542bbb7b7e8d-ed84cb53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad14dc1a-fe32-c4bb-7eaf-424d1ba2848b-ed84cb53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b9bab09-3d07-b84b-10e5-f606bd95e402-ed84cb53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6f12c6dc-be3d-fa1d-773d-dfc381a2c5c2-ed84cb53, #w-node-_8c175181-0ee1-9ca1-aad0-9eac40514304-ed84cb53, #w-node-_058d4e5a-8810-e2a6-a7f4-da47b3400eaf-ed84cb53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6ce-ed84cb53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4def3e7e-609b-5953-1113-63492252e6d1-ed84cb53, #w-node-fb515679-6d95-e99a-c1d0-47bf8f746164-ed84cb53, #w-node-_4672c793-c16a-87a5-c558-ae8ac5b61fc6-ed84cb53, #w-node-e0900354-835d-c45d-ca74-db1f79e07a2f-ed84cb53, #w-node-f11d4a7c-e77e-2991-329d-7ef897ae28fe-ed84cb53, #w-node-_7b28ab57-b24d-db7e-3202-0f4a82ace5db-ed84cb53, #w-node-ade3457c-53c1-6624-f28e-57145bde79a2-ed84cb53, #w-node-e013c9f6-7d84-4f63-7e51-f60d0a15ad8a-ed84cb53, #w-node-d2875327-f3e6-c7fb-4e9d-fc62f3c2ebe2-ed84cb53, #w-node-_3366686f-8c51-7b05-36fe-db05d0f0808a-ed84cb53, #w-node-d28d20a8-a515-9607-004c-91a38422781c-ed84cb53, #w-node-_5338706d-8c42-a3dc-5847-8c4270076ee5-ed84cb53, #w-node-febc1601-4389-b766-da09-52ecc779d023-ed84cb53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1076545-ea11-2405-95f9-df9bd9e82f3a-ed84cb53 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c95353d0-0dd9-c9e0-1cca-245accd30f6d-ed84cb53, #w-node-f8afb4ff-3e4f-10c0-17c6-eb57aa21ae4f-ed84cb53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4b5c323e-98d6-0db0-ea1c-2e619517c9a4-8a59ad31 {
  align-self: start;
}

#w-node-_4b5c323e-98d6-0db0-ea1c-2e619517c9aa-8a59ad31 {
  justify-self: center;
}

#w-node-_4b5c323e-98d6-0db0-ea1c-2e619517c9fb-8a59ad31 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca01-8a59ad31 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca07-8a59ad31 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca13-8a59ad31 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca0d-8a59ad31 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca19-8a59ad31 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca22-8a59ad31 {
  align-self: center;
}

#w-node-_24c4bc22-16d1-2c18-e8d3-afbe94371818-9437180b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c0d1c524-c834-01e4-69a4-57ad87d651e8-f32e4d55 {
  align-self: start;
}

#w-node-c0d1c524-c834-01e4-69a4-57ad87d651ee-f32e4d55 {
  justify-self: center;
}

#w-node-c0d1c524-c834-01e4-69a4-57ad87d6523f-f32e4d55 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c0d1c524-c834-01e4-69a4-57ad87d65245-f32e4d55 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c0d1c524-c834-01e4-69a4-57ad87d6524b-f32e4d55 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-c0d1c524-c834-01e4-69a4-57ad87d65251-f32e4d55 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-c0d1c524-c834-01e4-69a4-57ad87d65257-f32e4d55 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c0d1c524-c834-01e4-69a4-57ad87d6525d-f32e4d55 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-f38be394-0752-03e0-24c0-68ef3acce832-f32e4d55 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f38be394-0752-03e0-24c0-68ef3acce838-f32e4d55 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f38be394-0752-03e0-24c0-68ef3acce83e-f32e4d55 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-c0d1c524-c834-01e4-69a4-57ad87d65266-f32e4d55 {
  align-self: center;
}

#w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8dbb-d2735c26 {
  align-self: start;
}

#w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8dbe-d2735c26 {
  justify-self: center;
}

#w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e0f-d2735c26 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e15-d2735c26 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e1b-d2735c26 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e21-d2735c26 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e27-d2735c26 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e2d-d2735c26 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e36-d2735c26 {
  align-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642c5-0e8ffaf8 {
    justify-self: center;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642c5-0e8ffaf8, #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517c99e-8a59ad31 {
    justify-self: center;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517c9a4-8a59ad31 {
    align-self: start;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d651e2-f32e4d55 {
    justify-self: center;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d651e8-f32e4d55 {
    align-self: start;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8db5-d2735c26 {
    justify-self: center;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8dbb-d2735c26 {
    align-self: start;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642c5-0e8ffaf8 {
    justify-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d52b-19202b84 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d538-19202b84 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d52b-972f839f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d538-972f839f, #w-node-_41b70451-77a1-c6a5-e0d7-176d9cfdcaae-972f83a2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_41b70451-77a1-c6a5-e0d7-176d9cfdcabd-972f83a2 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d73a-972f83a2 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d745-972f83a2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d729-972f83a2, #w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-972f83ab {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98051-972f83ab {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98058-972f83ab {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-972f83ab {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642b7-0e8ffaf8 {
    justify-self: center;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642ba-0e8ffaf8 {
    place-self: auto;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642cb-0e8ffaf8 {
    justify-self: center;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d62642d2-0e8ffaf8 {
    order: -9999;
    justify-self: center;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264330-0e8ffaf8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264336-0e8ffaf8 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d626433c-0e8ffaf8 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264343-0e8ffaf8 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c174375d-5bc2-f361-dca3-13b2fac3f9d4-d952db55 {
    place-self: auto;
  }

  #w-node-d0535233-bfbb-0331-78a9-2e7b5b035a2b-d952db55 {
    justify-self: center;
  }

  #w-node-d0535233-bfbb-0331-78a9-2e7b5b035a30-d952db55 {
    order: -9999;
    justify-self: center;
  }

  #w-node-_80348d5c-e6e9-487a-1f37-10de556979e9-d952db55 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_80348d5c-e6e9-487a-1f37-10de556979ef-d952db55 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_80348d5c-e6e9-487a-1f37-10de556979f5-d952db55 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_80348d5c-e6e9-487a-1f37-10de556979fc-d952db55 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d52b-6091bac1 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d538-6091bac1, #w-node-_41b70451-77a1-c6a5-e0d7-176d9cfdcaae-e06b8bf2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_41b70451-77a1-c6a5-e0d7-176d9cfdcabd-e06b8bf2 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d73a-e06b8bf2 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d745-e06b8bf2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_07d39759-0b05-0024-02c6-94ee6fe8d729-e06b8bf2 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_1f03cf87-1c2c-161a-0d09-7e6153429a84-a6b16039 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_1f03cf87-1c2c-161a-0d09-7e6153429a88-a6b16039 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-a6b16039 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-a6b16039 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-63e3b13c {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-63e3b13c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-bc1393c3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-bc1393c3 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-b734cd4b {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-b734cd4b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-3ef821fc {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-3ef821fc {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-6f07ba83 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-6f07ba83 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-8ddbef5f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-8ddbef5f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-1292019a {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-1292019a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-4f86aa80 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-4f86aa80 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-b67ecc52 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-b67ecc52 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-2e7cdae9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-2e7cdae9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-a0f063f6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-a0f063f6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-50f42170 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-50f42170 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-9d8db463 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-9d8db463 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-500afd66 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-500afd66 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a206-ed84cb53 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_02e043c6-01db-19e1-7fbd-58994e94a20a-ed84cb53 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517c992-8a59ad31 {
    place-self: auto;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517c9a4-8a59ad31 {
    justify-self: center;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517c9aa-8a59ad31 {
    order: -9999;
    justify-self: center;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca07-8a59ad31 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca13-8a59ad31 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca0d-8a59ad31 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca19-8a59ad31 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_9403a4b5-12a3-2d03-9320-f618e4ddb6b7-e4ddb6b4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: start;
  }

  #w-node-_9403a4b5-12a3-2d03-9320-f618e4ddb6bb-e4ddb6b4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d651d6-f32e4d55 {
    place-self: auto;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d651e8-f32e4d55 {
    justify-self: center;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d651ee-f32e4d55 {
    order: -9999;
    justify-self: center;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d6524b-f32e4d55 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d65251-f32e4d55 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d65257-f32e4d55 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d6525d-f32e4d55 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-f38be394-0752-03e0-24c0-68ef3acce83e-f32e4d55 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8da9-d2735c26 {
    place-self: auto;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8dbb-d2735c26 {
    justify-self: center;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8dbe-d2735c26 {
    order: -9999;
    justify-self: center;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e1b-d2735c26 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e21-d2735c26 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e27-d2735c26 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e2d-d2735c26 {
    grid-area: 3 / 1 / 4 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e3ff0792-5ee4-57c2-80d4-49b344c42386-19202b84 {
    place-self: center;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd686-19202b84 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    display: grid;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd687-19202b84 {
    grid-row: span 2 / span 2;
  }

  #w-node-e3ff0792-5ee4-57c2-80d4-49b344c42386-972f839f {
    place-self: center;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd686-972f839f {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    display: grid;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd687-972f839f {
    grid-row: span 2 / span 2;
  }

  #w-node-_96226b39-254e-20b3-a51e-e28115a19fd1-972f83a2, #w-node-a7ab41dc-2ce8-3c75-0815-5333d7f65de8-972f83a2, #w-node-_7cc2f572-d2cc-0a38-e03f-16e084a17d6e-972f83a2 {
    place-self: center;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d626432a-0e8ffaf8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264330-0e8ffaf8 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264336-0e8ffaf8 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d626433c-0e8ffaf8 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_9dbe7363-cd2a-90ac-ff92-3760d6264343-0e8ffaf8 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_80348d5c-e6e9-487a-1f37-10de556979e3-d952db55 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_80348d5c-e6e9-487a-1f37-10de556979e9-d952db55 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_80348d5c-e6e9-487a-1f37-10de556979ef-d952db55 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_80348d5c-e6e9-487a-1f37-10de556979f5-d952db55 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_80348d5c-e6e9-487a-1f37-10de556979fc-d952db55 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-e3ff0792-5ee4-57c2-80d4-49b344c42386-6091bac1 {
    place-self: center;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd686-6091bac1 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
    display: grid;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd687-6091bac1 {
    grid-row: span 2 / span 2;
  }

  #w-node-_9ebc57db-0e1d-ee16-0488-b9dd8b86eb08-6091bac1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_2fa550b8-b224-683d-3f6f-55e341d92343-6091bac1 {
    grid-row: span 2 / span 2;
  }

  #w-node-_4486a9ac-c0be-a0c1-96c6-4de0ec701da8-6091bac1 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_4486a9ac-c0be-a0c1-96c6-4de0ec701da9-6091bac1 {
    grid-row: span 2 / span 2;
  }

  #w-node-_53dde883-a1da-ae6b-0b29-b89397e62c7d-e06b8bf2, #w-node-_53dde883-a1da-ae6b-0b29-b89397e62ca1-e06b8bf2, #w-node-_53dde883-a1da-ae6b-0b29-b89397e62cba-e06b8bf2 {
    place-self: center;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca01-8a59ad31 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca07-8a59ad31 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca13-8a59ad31 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca0d-8a59ad31 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca19-8a59ad31 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d65245-f32e4d55 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d6524b-f32e4d55 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d65251-f32e4d55 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d65257-f32e4d55 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d6525d-f32e4d55 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-f38be394-0752-03e0-24c0-68ef3acce838-f32e4d55 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-f38be394-0752-03e0-24c0-68ef3acce83e-f32e4d55 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e15-d2735c26 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e1b-d2735c26 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e21-d2735c26 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e27-d2735c26 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e2d-d2735c26 {
    grid-area: 5 / 1 / 6 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d52b-19202b84 {
    grid-row: 1 / 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d538-19202b84 {
    grid-row: 3 / 4;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd686-19202b84 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd687-19202b84 {
    grid-row: span 2 / span 2;
  }

  #w-node-_066e421b-5c05-a7c5-a58d-c1cca561088b-8f79f15f, #w-node-_066e421b-5c05-a7c5-a58d-c1cca561088f-8f79f15f, #w-node-_8562aded-8ff6-40ab-d931-877c22ff8631-8f79f15f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d52b-972f839f {
    grid-row: 1 / 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d538-972f839f {
    grid-row: 3 / 4;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd686-972f839f {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd687-972f839f {
    grid-row: span 2 / span 2;
  }

  #w-node-ce9d356c-0ec2-3970-8bd2-5c65325198a6-972f83a2, #w-node-ce9d356c-0ec2-3970-8bd2-5c65325198a8-972f83a2, #w-node-ce9d356c-0ec2-3970-8bd2-5c65325198ab-972f83a2 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98043-972f83ab {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-972f83ab {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98051-972f83ab {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98058-972f83ab {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-972f83ab {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-ab4fb949-da3f-f212-f87a-91545a12a8f3-0e8ffaf8, #w-node-ab4fb949-da3f-f212-f87a-91545a12a8f5-0e8ffaf8, #w-node-ab4fb949-da3f-f212-f87a-91545a12a8f8-0e8ffaf8, #w-node-cab031e4-2fc2-41e3-7e6d-cf730dc89f0d-d952db55, #w-node-cab031e4-2fc2-41e3-7e6d-cf730dc89f0f-d952db55, #w-node-cab031e4-2fc2-41e3-7e6d-cf730dc89f12-d952db55 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d52b-6091bac1 {
    grid-row: 1 / 2;
  }

  #w-node-bc31bf06-8e18-ba88-69fb-120557b8d538-6091bac1 {
    grid-row: 3 / 4;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd686-6091bac1 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 2fr;
  }

  #w-node-_0364b328-10e2-6c0b-8721-bc307cbfd687-6091bac1 {
    grid-row: span 2 / span 2;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517c9b4-8a59ad31 {
    justify-self: center;
  }

  #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca83-8a59ad31, #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca85-8a59ad31, #w-node-_4b5c323e-98d6-0db0-ea1c-2e619517ca88-8a59ad31, #w-node-_24c4bc22-16d1-2c18-e8d3-afbe94371810-9437180b, #w-node-_24c4bc22-16d1-2c18-e8d3-afbe94371812-9437180b, #w-node-_24c4bc22-16d1-2c18-e8d3-afbe94371814-9437180b, #w-node-_24c4bc22-16d1-2c18-e8d3-afbe94371816-9437180b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d651f8-f32e4d55 {
    justify-self: center;
  }

  #w-node-c0d1c524-c834-01e4-69a4-57ad87d652c7-f32e4d55, #w-node-c0d1c524-c834-01e4-69a4-57ad87d652c9-f32e4d55, #w-node-c0d1c524-c834-01e4-69a4-57ad87d652cc-f32e4d55 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8dc8-d2735c26 {
    justify-self: center;
  }

  #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e97-d2735c26, #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e99-d2735c26, #w-node-_2828668b-ca36-05b9-f7ba-b9251ecc8e9c-d2735c26 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

/* Projects page animations - moved from inline styles */
.projects-section-animate {
  -webkit-transform: translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  -moz-transform: translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  -ms-transform: translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  transform: translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  opacity: 0;
}

/* Enhanced Mobile and Tablet Optimizations */

/* iPad Specific Optimizations (768px - 1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* Optimize navigation for iPad */
  .navigation {
    padding: 10px 30px;
  }

  .navigation-item {
    font-size: 12px;
    padding: 8px 1.5vw;
  }

  /* Better touch targets */
  .button, .button-rev, .button-rev-card {
    min-height: 48px;
    padding: 14px 28px;
    font-size: 16px;
  }

  /* Optimize hero sections */
  .hero-wrap, .re-hero-wrap {
    padding: 40px 30px;
  }

  .hero-heading, .h1-heading {
    font-size: 3rem;
    line-height: 1.2;
  }

  /* Improve grid layouts */
  .our-services-grid, .service-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }

  /* Optimize images and videos */
  img, video {
    max-width: 100%;
    height: auto;
  }

  /* Better spacing for content sections */
  .section {
    padding: 60px 30px;
  }

  .container, .container-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/* Mobile Optimizations (767px and below) */
@media screen and (max-width: 767px) {
  /* Ultra-optimize touch targets for mobile */
  .button, .button-rev, .button-rev-card, .nav-link {
    min-height: 48px;
    min-width: 48px;
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.4;
  }

  /* Ensure text is readable on mobile */
  body {
    font-size: 16px;
    line-height: 1.6;
  }

  .paragraph, .paragraph-light, .paragraph-bigger {
    font-size: 16px;
    line-height: 1.6;
  }

  /* Optimize headings for mobile */
  .hero-heading, .h1-heading {
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 20px;
  }

  h2, .h2-heading, .heading-4 {
    font-size: 2rem;
    line-height: 1.3;
  }

  h3, .heading-5 {
    font-size: 1.5rem;
    line-height: 1.3;
  }

  /* Stack grid layouts on mobile */
  .our-services-grid, .service-grid, .split-column {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
  }

  /* Better mobile navigation */
  .navigation {
    padding: 8px 20px;
  }

  /* Fix VW-based font sizes that become unreadable on mobile */
  .navigation-item,
  .navigation-item.current,
  .navigation-item.current.w--current,
  .text-block-19 {
    font-size: 14px !important;
  }

  .navigation-wrap {
    padding: 0 15px;
  }

  /* Optimize spacing for mobile */
  .section {
    padding: 40px 20px;
  }

  .container, .container-5 {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
  }

  /* Improve form usability on mobile */
  input, textarea, select {
    min-height: 48px;
    font-size: 16px;
    padding: 12px 16px;
  }

  /* Better mobile images and videos */
  img, video {
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* Optimize cards for mobile */
  .service-card, .service-grid-block {
    padding: 24px;
    margin-bottom: 20px;
  }
}

/* Small Mobile Optimizations (479px and below) */
@media screen and (max-width: 479px) {
  /* Further optimize for small screens */
  .hero-heading, .h1-heading {
    font-size: 2rem;
  }

  h2, .h2-heading, .heading-4 {
    font-size: 1.75rem;
  }

  .button, .button-rev, .button-rev-card {
    width: 100%;
    text-align: center;
  }

  .section {
    padding: 30px 15px;
  }

  .navigation {
    padding: 8px 15px;
  }

  /* Stack all columns */
  .split-column, .w-layout-grid {
    display: block;
  }

  /* Optimize checklist for mobile */
  .checklist-icon {
    flex-direction: row;
    align-items: flex-start;
  }
}

/* Smooth scrolling for all devices */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Better tap highlight for touch devices */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

/* ============================================================================
   ENHANCED NAVIGATION & FOOTER STYLES
   Common styles for service pages, location pages, and modern page layouts
   ============================================================================ */

/* Enhanced Navigation - Sticky with Backdrop Blur */
.navigation.enhanced,
.navigation {
  position: sticky;
  top: 0;
  z-index: 1000;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(0, 0, 0, 0.9) !important;
}

.navigation-wrap {
  max-width: 1400px;
  margin: 0 auto;
}

/* Navigation Item - Underline Hover Effect */
.navigation-item {
  position: relative;
  transition: color 0.3s ease;
}

.navigation-item::after {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 16px;
  width: 0;
  height: 2px;
  background-color: var(--red, #E93423);
  transition: width 0.3s ease;
}

.navigation-item:hover::after {
  width: calc(100% - 32px);
}

.navigation-item:hover {
  color: var(--red, #E93423) !important;
  opacity: 1;
}

/* Modern Dropdown Styling */
.dropdown-link {
  transition: all 0.2s ease;
  padding: 10px 20px;
  font-size: 13px;
  display: block;
}

.dropdown-link:hover {
  padding-left: 28px;
  color: var(--red, #E93423);
  background-color: rgba(255, 255, 255, 0.95);
}

.w-dropdown-list {
  border-radius: 8px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px 0;
  margin-top: 8px;
  min-width: 180px;
}

/* ============================================
   MOBILE NAVIGATION - Hamburger Menu at 991px
   ============================================ */

/* Desktop: Show nav items, hide hamburger */
@media (min-width: 992px) {
  .menu-button,
  .w-nav-button {
    display: none !important;
  }

  .navigation-items {
    display: flex !important;
    align-items: center;
  }
}

/* Mobile/Tablet: Hide nav items, show hamburger */
@media (max-width: 991px) {
  /* Hide desktop navigation */
  .navigation-items.w-nav-menu {
    display: none !important;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.98);
    flex-direction: column;
    padding: 20px;
    z-index: 999;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
  }

  /* Show mobile menu when open */
  .navigation-items.w-nav-menu.w--nav-menu-open {
    display: flex !important;
  }

  /* Show hamburger button */
  .menu-button,
  .w-nav-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
  }

  /* Mobile nav items - full width, good tap targets */
  .navigation-item {
    width: 100%;
    padding: 16px 20px !important;
    font-size: 16px !important;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .navigation-item:last-child {
    border-bottom: none;
  }

  /* Mobile dropdowns */
  .submenu.w-dropdown {
    width: 100%;
  }

  .w-dropdown-toggle {
    width: 100%;
    padding: 16px 20px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .text-block-19 {
    font-size: 16px !important;
  }

  .dropdown-list.w-dropdown-list {
    position: static !important;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: none;
  }

  .dropdown-link {
    padding: 14px 20px 14px 40px !important;
    font-size: 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  /* Phone button in mobile menu */
  .button.cc-contact-us.nav-btn {
    margin: 20px;
    padding: 14px 24px !important;
    font-size: 14px !important;
    text-align: center;
    width: calc(100% - 40px);
  }

  /* Logo sizing on mobile */
  .logo {
    max-width: 120px !important;
  }

  .navigation-wrap {
    padding: 0 15px !important;
  }
}

/* Small mobile adjustments */
@media (max-width: 479px) {
  .navigation-items.w-nav-menu {
    top: 55px;
  }

  .logo {
    max-width: 100px !important;
  }
}

/* Footer - Solid Black Background */
.footer.dfs-section-1,
.footer .dfs-container-1,
.footer .dfs-wrap-1,
.footer .dfs-wrap-2,
.footer .dfs-wrap-3,
.footer .dfs-wrap-4,
.footer .dfs-wrap-5,
.footer .dfs-wrap-6,
.footer .dfs-wrap-7,
.footer .dfs-wrap-8,
.footer .dfs-grid-1 {
  background: #000000 !important;
  background-color: #000000 !important;
  background-image: none !important;
}

/* Common Page Variables */
:root {
  --peak-red: #E93423;
  --peak-red-hover: #FF4444;
  --peak-red-glow: rgba(233, 52, 35, 0.3);
  --peak-red-subtle: rgba(233, 52, 35, 0.15);
  --dark-bg: #0a0a0a;
  --dark-surface: #141414;
  --dark-border: #222;
  --text-primary: #ffffff;
  --text-secondary: #ffffff;
  --text-muted: #ffffff;
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Common Button Styles */
.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: var(--peak-red);
  color: white;
  text-decoration: none;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 14px;
}

.btn-primary:hover {
  background: var(--peak-red-hover);
  transform: translateY(-3px);
  box-shadow: 0 15px 40px var(--peak-red-glow);
}

.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: transparent;
  color: white;
  text-decoration: none;
  font-weight: 600;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.btn-secondary:hover {
  border-color: var(--peak-red);
  color: var(--peak-red);
  transform: translateY(-3px);
}

/* Popup Overlay Styles */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  padding: 20px;
}

.popup-overlay.active {
  opacity: 1;
  pointer-events: all;
}

.popup-form {
  background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%);
  border: 1px solid var(--peak-red);
  border-radius: 20px;
  padding: 40px;
  max-width: 500px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  transform: scale(0.9);
  transition: transform 0.3s ease;
  box-shadow: 0 25px 80px rgba(233, 52, 35, 0.3);
}

.popup-overlay.active .popup-form {
  transform: scale(1);
}

.popup-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--text-muted);
  transition: all 0.3s ease;
}

.popup-close:hover {
  background: var(--peak-red);
  color: white;
  transform: rotate(90deg);
}

/* Body class for popup open state */
body.popup-open {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

/* Accessibility */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ============================================
   ULTRA MOBILE OPTIMIZATIONS
   Peak3 Visuals - Mobile-First Enhancements
   ============================================ */

/* Mobile: Base form improvements */
@media screen and (max-width: 767px) {
  /* Form containers */
  .cta-form,
  .form-block.cta {
    padding: 24px 16px !important;
    margin: 0 -16px;
    width: calc(100% + 32px);
  }

  /* Form grid layout - stack on mobile */
  .contact-form-grid-2,
  .form-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .contact-form-grid-2 > div,
  .form-row > .form-group {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Input fields - larger touch targets */
  .text-field-2,
  .form-input,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea,
  select {
    min-height: 48px !important;
    padding: 14px 16px !important;
    font-size: 16px !important; /* Prevents iOS zoom on focus */
    border-radius: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  textarea {
    min-height: 100px !important;
  }

  /* Submit buttons - larger touch targets */
  .submit-button,
  .form-submit,
  button[type="submit"],
  input[type="submit"] {
    min-height: 52px !important;
    padding: 16px 24px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 100% !important;
    border-radius: 8px !important;
    touch-action: manipulation !important;
  }

  /* Turnstile widget centering */
  .cf-turnstile {
    display: flex !important;
    justify-content: center !important;
    margin: 16px 0 !important;
    transform: scale(0.9);
    transform-origin: center center;
  }

  /* Two-column fields stack properly */
  .contact-text-wrapper._2-grids {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .text-field-2.half {
    width: 100% !important;
    margin-right: 0 !important;
  }

  /* CTA sections */
  .section.cc-cta,
  .cta-section {
    padding: 48px 16px !important;
  }

  .cta-section .cta-content {
    padding: 0 !important;
  }

  .cta-contact-item {
    padding: 16px 20px !important;
    min-height: 56px !important;
  }

  /* Typography adjustments */
  .heading-jumbo,
  h1 {
    font-size: clamp(28px, 8vw, 48px) !important;
    line-height: 1.15 !important;
  }

  h2, .section-title {
    font-size: clamp(24px, 6vw, 36px) !important;
    line-height: 1.2 !important;
  }

  h3 {
    font-size: clamp(20px, 5vw, 28px) !important;
  }

  /* Navigation mobile improvements */
  .navigation {
    padding: 8px 0 !important;
  }

  .logo {
    max-width: 100px !important;
  }

  .button.cc-contact-us.nav-btn {
    padding: 8px 12px !important;
    min-height: 44px !important;
  }

  /* Footer mobile */
  .footer .dfs-grid-1 {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .footer .dfs-wrap-7 {
    text-align: center !important;
  }

  /* Success/Error messages */
  .w-form-done,
  .w-form-fail {
    padding: 16px !important;
    margin-top: 16px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    text-align: center !important;
  }

  /* Popup forms mobile */
  .popup-form {
    width: 95% !important;
    max-width: 400px !important;
    padding: 24px 20px !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
  }

  .popup-close {
    width: 44px !important;
    height: 44px !important;
    top: 12px !important;
    right: 12px !important;
  }
}

/* Extra small screens (phones in portrait) */
@media screen and (max-width: 479px) {
  .cta-form,
  .form-block.cta {
    padding: 20px 12px !important;
  }

  .text-field-2,
  .form-input,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea,
  select {
    padding: 12px 14px !important;
  }

  .cf-turnstile {
    transform: scale(0.85);
  }

  .heading-jumbo,
  h1 {
    font-size: clamp(24px, 7vw, 36px) !important;
  }

  /* Phone/email links in CTA */
  .cta-contact-item {
    font-size: 14px !important;
  }

  .footer-contacts .contact-item {
    font-size: 14px !important;
  }
}

/* Tablet optimizations */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .cta-form,
  .form-block.cta {
    padding: 32px 24px !important;
  }

  .contact-form-grid-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
  }

  .contact-text-wrapper.fullwidth {
    grid-column: span 2 !important;
  }

  .popup-form {
    width: 80% !important;
    max-width: 500px !important;
  }
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
  /* Larger tap targets for touch */
  a, button, input[type="submit"], .button {
    min-height: 44px !important;
    min-width: 44px !important;
  }

  /* Remove hover states that might stick on touch */
  .navigation-item:hover::after {
    width: 0 !important;
  }

  .navigation-item:active::after {
    width: calc(100% - 32px) !important;
  }

  /* Prevent tap highlight issues */
  * {
    -webkit-tap-highlight-color: transparent;
  }
}

/* Landscape phone optimizations */
@media screen and (max-height: 500px) and (orientation: landscape) {
  .popup-form {
    max-height: 85vh !important;
    padding: 16px !important;
  }

  .popup-form h3 {
    font-size: 18px !important;
    margin-bottom: 12px !important;
  }

  .popup-form .form-group {
    margin-bottom: 8px !important;
  }
}

/* High DPI screens */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .logo {
    image-rendering: -webkit-optimize-contrast;
  }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ============================================
   MOBILE OPTIMIZATION FIXES - December 2024
   ============================================ */

/* Sticky CTA - Hide when keyboard is open (form input focused) */
.sticky-cta-commercial.keyboard-open,
.sticky-cta.keyboard-open,
[class*="sticky-cta"].keyboard-open {
  transform: translateY(100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Mobile hero padding optimization */
@media screen and (max-width: 767px) {
  .hero,
  .section.cc-home-wrap,
  .section-hero {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    min-height: auto !important;
  }

  /* Service cards - touch-friendly */
  .service-card,
  .feature-card {
    transform: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  }

  .service-card:active,
  .feature-card:active {
    border-color: #E93423 !important;
    box-shadow: 0 4px 20px rgba(233, 52, 35, 0.2) !important;
  }

  /* Remove problematic hover transforms on mobile */
  .service-card:hover,
  .feature-card:hover {
    transform: none !important;
  }

  /* Video autoplay handled via JS, but ensure poster shows */
  video[data-mobile-no-autoplay] {
    background-size: cover;
  }
}

/* Tablet adjustments */
@media screen and (max-width: 991px) {
  /* Hero video should have reduced motion on tablet */
  .hero-video-bg {
    animation: none !important;
  }

  /* Better form row stacking */
  .form-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .form-row .form-group {
    width: 100% !important;
    margin-bottom: 0 !important;
  }
}

/* Extra small devices - additional form fixes */
@media screen and (max-width: 479px) {
  /* Stack all form fields */
  .contact-text-wrapper._2-grids,
  .form-row,
  .contact-form-grid-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  /* Ensure Turnstile fits on small screens */
  .cf-turnstile {
    transform: scale(0.77) !important;
    transform-origin: center center !important;
    margin: 12px auto !important;
  }

  /* Sticky CTA compact layout */
  .sticky-cta-commercial,
  .sticky-cta {
    padding: 12px 16px !important;
    gap: 10px !important;
  }

  .sticky-cta-commercial span,
  .sticky-cta span {
    font-size: 12px !important;
  }

  .sticky-cta-btn {
    padding: 10px 20px !important;
    font-size: 13px !important;
  }
}

/* ============================================================
   STANDARDIZED ICON SYSTEM - Peak 3 Visuals
   All icons use stroke-based SVGs with currentColor
   Primary color: var(--peak-red) #E93423
   ============================================================ */

/* Base icon styles */
.p3-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.p3-icon svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Icon size variants */
.p3-icon-sm { width: 16px; height: 16px; }
.p3-icon-md { width: 20px; height: 20px; }
.p3-icon-lg { width: 24px; height: 24px; }
.p3-icon-xl { width: 32px; height: 32px; }
.p3-icon-2xl { width: 40px; height: 40px; }

/* Color variants */
.p3-icon-red { color: var(--peak-red, #E93423); }
.p3-icon-white { color: #FFFFFF; }
.p3-icon-muted { color: #b3b3b3; }

/* Contact icons - header/footer/CTA */
.contact-icon-svg {
  width: 24px;
  height: 24px;
  color: var(--peak-red, #E93423);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.contact-icon-svg svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Footer social icons */
.social-icon-svg {
  width: 28px;
  height: 28px;
  color: var(--peak-red, #E93423);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease, transform 0.3s ease;
}

.social-icon-svg:hover {
  color: #FF4444;
  transform: scale(1.1);
}

.social-icon-svg svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

/* Filled icons (for social media brands) */
.social-icon-svg.filled svg {
  fill: currentColor;
  stroke: none;
}

/* Service feature icons */
.service-icon-svg {
  width: 48px;
  height: 48px;
  color: var(--peak-red, #E93423);
  margin-bottom: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.service-icon-svg svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* CTA section contact icons */
.cta-icon-svg {
  width: 32px;
  height: 32px;
  color: var(--peak-red, #E93423);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cta-icon-svg svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Navigation phone icon */
.nav-icon-svg {
  width: 20px;
  height: 20px;
  color: var(--peak-red, #E93423);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nav-icon-svg svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

/* Feature grid icons (home, camera, etc.) */
.feature-icon-svg {
  width: 40px;
  height: 40px;
  color: var(--peak-red, #E93423);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.feature-icon-svg svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
  stroke-width: 1.5;
  fill: none;
}

/* Mobile responsive icon sizing */
@media screen and (max-width: 767px) {
  .contact-icon-svg { width: 20px; height: 20px; }
  .social-icon-svg { width: 24px; height: 24px; }
  .service-icon-svg { width: 40px; height: 40px; }
  .cta-icon-svg { width: 28px; height: 28px; }
  .feature-icon-svg { width: 36px; height: 36px; }
}

@media screen and (max-width: 479px) {
  .contact-icon-svg { width: 18px; height: 18px; }
  .social-icon-svg { width: 22px; height: 22px; }
  .service-icon-svg { width: 36px; height: 36px; }
  .cta-icon-svg { width: 24px; height: 24px; }
}