:root {
  --white-smoke: #f3f3f4;
  --dark-slate-blue: #1b3b74;
  --med-dark-grey: #555;
  --dim-grey: #656565;
  --white: white;
  --medium-blue: #0460ab;
  --black: black;
}

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

body {
  background-color: var(--white-smoke);
  color: #333;
  font-family: mr-eaves-modern, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: niveau-grotesk-small-caps, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.2em;
}

h2 {
  color: #1b3b74;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: niveau-grotesk-small-caps, sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.2em;
}

h3 {
  color: #333;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: niveau-grotesk-small-caps, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 30px;
}

h4 {
  color: var(--med-dark-grey);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: niveau-grotesk-small-caps, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.2em;
}

p {
  color: var(--dim-grey);
  margin-bottom: 10px;
  font-size: 1.1em;
  line-height: 1.2em;
}

a {
  color: var(--dim-grey);
  text-decoration: none;
}

ul {
  color: var(--dim-grey);
  margin-top: 0;
  margin-bottom: 2rem;
  padding-left: 40px;
  list-style-type: square;
}

li {
  margin-bottom: 5px;
  font-size: 1em;
  line-height: 1.2;
}

.container {
  width: 100%;
  max-width: 1200px;
  min-height: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container.nav-sec {
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
}

.container.sec1 {
  margin-left: auto;
  margin-right: auto;
}

.container.sec3 {
  flex-direction: column;
  align-items: center;
}

.container.sec4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container.sec5 {
  flex-direction: column;
  align-items: center;
}

.container.sec6 {
  border-bottom: 1px solid var(--white);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.container.sec7 {
  color: #fff;
  justify-content: space-between;
  align-items: center;
}

.container.sec9 {
  justify-content: space-between;
}

.palette-color {
  width: 20%;
  min-height: 100px;
}

.palette-color.med-blue {
  background-color: var(--medium-blue);
}

.palette-color.dark-blie {
  background-color: var(--dark-slate-blue);
}

.palette-color.leight-grey {
  background-color: var(--white-smoke);
}

.button {
  text-align: center;
  border: 5px solid rgba(0, 0, 0, 0);
  font-family: niveau-grotesk-small-caps, sans-serif;
  font-size: .8em;
  transition: border-color .4s cubic-bezier(.455, .03, .515, .955);
}

.button.med-blue-btn {
  background-color: var(--medium-blue);
}

.button.med-blue-btn:hover {
  border-color: var(--white-smoke);
}

.button.med-blue-btn.hero-cta, .button.med-blue-btn.submit-btn {
  width: 100%;
}

.button.dark-blue-btn {
  background-color: var(--dark-slate-blue);
}

.button.dark-blue-btn:hover {
  border-color: var(--medium-blue);
}

.button.dark-blue-btn.header-cta {
  text-align: center;
  order: 1;
  align-self: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: .6em;
  line-height: 1.2em;
}

.button.orange-btn {
  background-color: #0cbb00;
}

.button.orange-btn.sb-submit-btn {
  float: right;
  width: 50%;
  line-height: 1em;
}

.blue-link {
  color: var(--medium-blue);
}

.header {
  z-index: 999999;
  background-image: linear-gradient(85deg, #fff 48%, rgba(0, 0, 0, 0) 53%);
  border: 1px rgba(0, 0, 0, 0);
  border-bottom-style: solid;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-left {
  background-color: #fff;
  background-image: none;
  flex-wrap: wrap;
  order: -1;
  justify-content: flex-start;
  align-items: center;
  min-width: 879px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.nav-link {
  color: var(--dark-slate-blue);
  border: 2px solid rgba(0, 0, 0, 0);
  border-top-width: 3px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: niveau-grotesk-small-caps, sans-serif;
  font-size: .75em;
  transition: border-color .35s;
}

.nav-link:hover {
  border-top-width: 3px;
  border-top-color: var(--medium-blue);
  font-weight: 300;
}

.nav-link.w--current {
  border-color: var(--medium-blue) transparent transparent;
  color: var(--medium-blue);
  font-weight: 500;
}

.image {
  width: 130px;
  height: 56.275px;
}

.navbar {
  background-color: rgba(0, 0, 0, 0);
  border: 1px rgba(0, 0, 0, 0);
}

.nav-menu {
  padding-right: 0;
}

.div-block {
  order: -1;
  display: flex;
}

.hero-section {
  height: 100vh;
  max-height: 700px;
}

.slider {
  max-width: 1680px;
  height: 100%;
}

.white-triangle-overlay {
  z-index: 999;
  background-image: url('../images/right-triangle.webp');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  justify-content: center;
  align-items: center;
  padding-right: 30px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.white-triangle-overlay.temp-hidden {
  display: flex;
}

.image-2 {
  align-self: stretch;
  width: 70px;
  height: 74px;
}

.left-arrow {
  z-index: 9999;
  color: var(--dim-grey);
  height: 50px;
  font-size: 20px;
  position: relative;
  top: -60px;
  left: 16%;
  right: auto;
}

.right-arrow {
  z-index: 9999;
  color: var(--dim-grey);
  height: 50px;
  font-size: 20px;
  position: relative;
  top: -110px;
  right: -26%;
}

.slide-nav {
  z-index: 9999;
  filter: contrast(0%);
  font-size: 8px;
  display: inline-block;
  position: relative;
  top: -151px;
  left: 21%;
}

.hero-container {
  background-color: rgba(0, 0, 0, 0);
  justify-content: flex-end;
  width: 100%;
  max-width: 1200px;
  min-height: 20px;
  display: flex;
}

.hero-container.mobile {
  margin-bottom: 10%;
  display: none;
}

.hero-text-block {
  background-color: #fff;
  background-image: url('../images/grey-box.webp');
  background-position: 0 63%;
  background-repeat: no-repeat;
  background-size: 140px;
  width: 50%;
  max-width: 450px;
  min-height: 50px;
  box-shadow: 2px 8px 18px -3px rgba(0, 0, 0, .3);
}

.hero-text-box {
  max-width: 600px;
  padding: 30px;
  overflow: hidden;
}

.slider-content {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  display: flex;
  position: relative;
}

.slider-text-wrapper {
  background-color: rgba(243, 243, 244, .5);
  padding: 20px;
}

.slider-text {
  z-index: 99999;
  width: 35%;
  display: flex;
  position: relative;
}

.slider-number {
  color: #fff;
  text-shadow: 1px 1px 1px var(--med-dark-grey);
  align-self: center;
  font-size: 3em;
  line-height: .9em;
}

.hero-slider-desc-text {
  color: #fff;
  text-shadow: 1px 1px 1px var(--med-dark-grey);
  align-self: center;
  margin-bottom: 0;
  padding-left: 10px;
  font-size: .9em;
  line-height: .9em;
}

.hero-top-line-heading {
  color: var(--dark-slate-blue);
  text-align: left;
  background-color: #fff;
  margin-bottom: 0;
  padding-right: 5px;
  font-size: 1.4em;
  font-weight: 300;
  display: inline-block;
}

.heading-w-line-bg {
  background-image: linear-gradient(to bottom, transparent 48%, var(--dark-slate-blue) 50%, transparent 52%);
  width: 100%;
  display: flex;
}

.hero-bottom-line-heading {
  color: var(--dark-slate-blue);
  text-align: left;
  font-size: 2.4em;
}

.hero-p {
  text-align: left;
}

.psuedo-body {
  background-color: var(--white);
  width: 100%;
  max-width: 1600px;
  min-height: 20px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  box-shadow: 0 8px 10px -3px rgba(0, 0, 0, .15);
}

.psuedo-body.overflow-hidden {
  overflow: hidden;
}

.intro-section-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 30px 50px 30px 0;
  display: flex;
}

.intro-section {
  min-height: 500px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.text-permalink {
  color: #656565;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/permalink-arrow.webp');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 0;
  padding-right: 40px;
  font-family: niveau-grotesk, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 1.2em;
  transition: background-position .2s;
}

.text-permalink:hover {
  background-position: 100%;
}

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

.div-block-2.intro-col-left {
  justify-content: flex-end;
  padding-left: 30px;
  display: flex;
}

.heading-wrapper {
  display: inline-block;
}

.heading-wrapper.center._1 {
  margin-top: 2rem;
}

.headine-w-line-bg {
  background-image: url('../images/bg-blue-line.webp');
  background-position: 50% 60%;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  min-height: 20px;
  display: flex;
}

.headine-w-line-bg.center {
  justify-content: center;
}

.container-left {
  width: 100%;
  max-width: 600px;
  padding-right: 50px;
}

.intro-img {
  background-image: url('../images/intr-img.webp');
  background-position: 50%;
  background-size: cover;
  height: 100%;
  position: relative;
  left: -30px;
}

.topline-heading {
  background-color: #fff;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 10px;
  font-size: 1.4em;
  font-weight: 300;
}

.topline-heading.about-sec {
  padding-left: 0;
}

.topline-heading.feature-steps-sec {
  padding-left: 10px;
}

.topline-heading.address {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
}

.container-right {
  width: 100%;
  max-width: 600px;
}

.intro-col-right {
  background-color: #f3f3f4;
  width: 51%;
  padding: 30px 30px 30px 0;
  display: flex;
}

.grey-bg-p-div {
  background-image: url('../images/grey-box.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 45% 100%;
  align-items: center;
  padding: 18px;
  display: flex;
}

.feature-steps-section {
  padding: 60px 30px;
}

._3-col-callout-wrapper {
  justify-content: space-between;
  width: 100%;
  min-height: 50px;
  display: flex;
}

._3-feature-col-wrapper {
  flex-direction: column;
  align-items: center;
  width: 30%;
  min-height: 50px;
  padding: 15px;
  display: flex;
}

._3-feature-col-wrapper.mid {
  padding-left: 0;
  padding-right: 0;
}

.grey-bg-block {
  background-color: var(--white-smoke);
  justify-content: center;
  width: 100%;
  min-height: 250px;
  margin-bottom: 40px;
  display: flex;
}

.feature-left-img {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: auto;
  min-height: 250px;
  display: flex;
  position: relative;
  top: 20px;
  left: 20px;
}

.feature-mid-img {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 90%;
  min-height: 250px;
  display: flex;
  position: relative;
  top: 20px;
}

.feature-right-img {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-height: 250px;
  display: flex;
  position: relative;
  top: 20px;
  right: 20px;
}

.step-label {
  z-index: 1;
  color: #fff;
  margin-right: 20px;
  position: relative;
}

.step-p-wrapper {
  text-align: center;
}

.step-p-wrapper.right-col {
  padding-right: 30px;
}

.step-p-wrapper.left-col {
  padding-left: 30px;
}

.about-section {
  padding-bottom: 80px;
  display: flex;
}

.div-block-3 {
  background-color: var(--white-smoke);
  justify-content: flex-end;
  width: 50%;
  display: flex;
}

.div-block-4 {
  width: 50%;
  min-height: 50px;
  display: flex;
}

.half-container-left {
  width: 100%;
  max-width: 600px;
}

.half-container-left.cont1 {
  flex-direction: column;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.half-container-right {
  width: 100%;
  max-width: 600px;
  padding-left: 50px;
}

.half-container-right.cont2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 60px;
  display: flex;
}

.about-sec-img {
  background-image: url('../images/depositphotos_8656371_l-2015.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
  position: relative;
  right: -30px;
}

.slider-wrapper {
  width: 70%;
  height: 450px;
  display: flex;
}

.slider-2 {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.mask {
  overflow: visible;
}

.next-slide-verlay {
  z-index: 9;
  background-color: rgba(0, 0, 0, .6);
  width: 30%;
  height: 450px;
  position: relative;
}

.gallery-slider-section {
  display: flex;
}

.slider-blue-banner {
  z-index: 999;
  background-color: var(--dark-slate-blue);
  background-image: linear-gradient(to bottom, var(--dark-slate-blue), #0473ce);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 200px;
  height: 450px;
  margin-right: 24%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
  transform: skew(14deg);
}

.slider-text-overlay-section {
  justify-content: flex-end;
  align-items: flex-end;
  height: 0;
  display: flex;
  overflow: visible;
}

.gallery-slider-heading {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.2em;
  line-height: 1.2em;
  transform: skew(-14deg);
}

.gallery-slider-heading.subline {
  font-weight: 200;
}

.gallery-text-div {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.body {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  box-shadow: 0 8px 22px -3px rgba(0, 0, 0, .15);
}

.left-arrow-2 {
  display: none;
}

.right-arrow-2 {
  right: 122px;
}

.icon {
  text-shadow: 0 1px 9px var(--medium-blue);
}

.testimonial-section {
  background-image: url('../images/diagonal_striped_brick.webp');
  background-position: 0 0;
  background-size: 125px;
  padding: 50px 30px;
  overflow: visible;
}

.testimonial-block {
  background-color: var(--white);
  background-image: url('../images/quote.webp');
  background-position: 10px 0;
  background-repeat: no-repeat;
  background-size: 125px;
  width: 100%;
  padding: 40px 20px 15px;
  position: relative;
  box-shadow: 0 8px 10px -3px rgba(0, 0, 0, .15);
}

.testimonial-block.left {
  top: 20px;
  left: 20px;
}

.testimonial-block.mid {
  width: 90%;
  top: 20px;
}

.testimonial-block.right {
  top: 20px;
  right: 20px;
}

.testimonial-text {
  margin-bottom: 15px;
  line-height: 1em;
}

.testimonial-creds {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-3 {
  width: 116px;
  height: 19.6875px;
}

.testimonial-author {
  font-weight: 400;
}

.buffer-block {
  width: 100%;
  height: 75px;
}

.contact-form-section {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/layer-1_1.webp'), url('../images/diagonal_striped_brick.webp');
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100% 85%, 125px;
  min-height: 500px;
  padding-bottom: 50px;
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-5 {
  background-color: var(--white);
  width: 100%;
  max-width: 750px;
  min-height: 50px;
}

.div-block-6 {
  border: 1px solid var(--white-smoke);
  padding: 35px;
}

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

.cf-heading-container {
  border-bottom: 2px solid var(--dark-slate-blue);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: flex;
}

.center {
  text-align: center;
}

.contact-form-headng {
  text-align: center;
  margin-bottom: 0;
  font-size: 2.9em;
  font-weight: 300;
  line-height: 1em;
}

.homepage-cf-text {
  text-align: center;
  margin-bottom: 0;
}

.cf-fields-container {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.form-row {
  flex-direction: column;
  align-items: flex-start;
  width: 49%;
  min-height: 10px;
  display: flex;
}

.form-row.wide100 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.field-label {
  color: var(--dim-grey);
  font-weight: 300;
}

.field-label.sb-form {
  font-size: .9em;
  line-height: 1em;
}

.text-field {
  border: 1px solid var(--white-smoke);
  background-color: var(--white-smoke);
  background-image: linear-gradient(to bottom, #fcfcfc, var(--white-smoke));
  height: 36px;
}

.text-field.sb-form {
  height: 35px;
}

.text-area {
  border: 1px solid var(--white-smoke);
  background-color: var(--white-smoke);
  background-image: linear-gradient(to bottom, #fcfcfc, var(--white-smoke));
  min-height: 100px;
}

.text-area.sb-cf-ta {
  min-height: 50px;
}

.text-area.height40px {
  height: 40px;
  min-height: 40px;
}

.div-block-7 {
  filter: blur(7px);
  background-image: radial-gradient(circle closest-corner, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0));
  width: 100%;
  max-width: 750px;
  min-height: 30px;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
}

.footer-section {
  background-color: var(--medium-blue);
  padding: 26px 30px;
}

.footer-col-left {
  border-right: 3px none var(--white);
  order: 0;
  justify-content: center;
  width: 35%;
  padding-right: 0;
  display: flex;
}

.footer-col-mid {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  display: flex;
}

.footer-col-right {
  flex-direction: column;
  order: 1;
  align-items: flex-start;
  width: 25%;
  display: flex;
}

.footer-logo {
  max-width: 310px;
  margin-bottom: 20px;
}

.footer-heading {
  color: var(--white);
  text-transform: uppercase;
  font-family: niveau-grotesk-small-caps, sans-serif;
  font-weight: 300;
}

.hours-conatiner {
  width: 100%;
  min-height: 50px;
}

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

.hours-text {
  color: var(--white);
  margin-bottom: 0;
  font-size: .9em;
  display: inline-block;
}

.footer-contact-info-container {
  width: 100%;
  min-height: 50px;
}

.footer-contact-info-row {
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.footer-contact-logo {
  margin-right: 10px;
}

.footer-contact-link {
  color: var(--white);
  line-height: 17px;
}

.footer-sm-icon-wrapper {
  justify-content: space-around;
  display: flex;
}

.footer-sm-link {
  color: var(--white);
  margin-right: 0;
  transition: opacity .2s;
}

.footer-sm-link:hover {
  opacity: .75;
}

.break {
  line-height: 16px;
  display: inline-block;
}

.footer-credits {
  background-color: var(--dark-slate-blue);
  color: #fff;
  min-height: 20px;
  padding: 10px 30px;
}

.footer-cred-p {
  color: var(--white);
  order: 1;
  margin-bottom: 0;
  font-size: .8em;
  font-weight: 200;
  line-height: 1em;
}

.footer-cred-p.copyright {
  order: -1;
}

.footer-cred-p.docs {
  order: 1;
}

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

.indent20 {
  padding-left: 20px;
}

.orange-link {
  color: orange;
  transition: color .2s;
}

.orange-link:hover {
  color: #ffdea2;
}

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

.dropdown-list.w--open {
  border: 1px solid var(--white-smoke);
  top: 72px;
  box-shadow: 0 4px 3px rgba(0, 0, 0, .15);
}

.dropdown-link {
  border-bottom: 1px solid var(--white-smoke);
  color: var(--dark-slate-blue);
  background-image: url('../images/grey-box.webp');
  background-position: -40%;
  background-repeat: no-repeat;
  background-size: 20% 79%;
  font-size: .9em;
  line-height: 1em;
  transition: background-position .2s cubic-bezier(.075, .82, .165, 1);
}

.dropdown-link:hover {
  background-position: 0%;
}

.row {
  width: 100%;
}

.int-pg-banner {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/hero-slider-img2x.webp');
  background-position: 0 0, 50% 60%;
  background-size: auto, cover;
  flex-direction: column;
  align-items: center;
  min-height: 300px;
  padding-top: 110px;
  display: flex;
}

.int-pg-main {
  background-color: var(--white);
  padding-bottom: 30px;
  display: flex;
}

.main-content-area {
  background-color: var(--white);
  width: 50%;
  margin-top: -30px;
  padding: 30px 15px;
}

.main-content-area.color-camples-pg {
  width: 75%;
  padding-left: 30px;
  padding-right: 30px;
}

.main-content-area.contact-pg {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.int-pg-col-left {
  width: 25%;
  padding: 15px 15px 30px;
}

.int-pg-col-left.contact-pg {
  width: auto;
}

.int-pg-col-right {
  width: 25%;
  min-height: 50px;
  padding: 15px 15px 30px;
}

.int-pg-col-right.contact-pg {
  width: auto;
}

.page-title {
  color: var(--white);
  text-align: center;
  margin-bottom: 5px;
  font-size: 2.2em;
}

.sidebar-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.sidebar-heading {
  background-color: var(--medium-blue);
  color: var(--white);
  margin-bottom: 0;
  padding: 10px;
  font-size: 1.1em;
}

.sidebar-btn-container {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: var(--white-smoke);
}

.sidebar-btn {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white-smoke);
  border-left: 4px solid var(--dark-slate-blue);
  background-color: var(--white);
  color: var(--med-dark-grey);
  width: 100%;
}

.sidebar-cf-container {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

.form-block {
  border: 1px solid var(--white-smoke);
  margin-bottom: 0;
  padding: 15px;
  box-shadow: 0 8px 10px -3px rgba(0, 0, 0, .1);
}

.sb-form-p {
  line-height: .9em;
}

.sb-nav-dropdown-btn {
  border-top: 1px solid var(--white);
  background-color: var(--white-smoke);
  color: var(--med-dark-grey);
  border-bottom: 1px solid #e4e4e4;
  width: 100%;
  height: 40px;
}

.sb-nav-dropdown-btn.d-none {
  display: none;
}

.sb-nav-dropdown-list {
  border-left: 1px solid var(--dark-slate-blue);
  overflow: hidden;
}

.pg-title-subline {
  color: var(--white);
  text-align: center;
  font-size: 1.2em;
  font-weight: 300;
}

.int-pg-content-img {
  width: 40%;
  margin-bottom: 10px;
}

.int-pg-content-img.right {
  float: right;
  width: 39%;
  margin-left: 20px;
}

.grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 30px;
  padding: 0 0 10px;
}

.last-p {
  margin-bottom: 30px;
  padding-left: 0;
}

.stock-item-block {
  flex-direction: column;
  justify-content: space-around;
  padding: 20px;
  display: flex;
}

.stock-item-block.countertop-pg {
  padding: 5px;
}

.stock-item-heading {
  text-align: center;
  margin-bottom: 0;
  font-size: .9em;
  line-height: 1em;
}

.stock-item-subline {
  text-align: center;
  margin-bottom: 0;
  font-size: .9em;
  font-weight: 300;
}

.cabinet-item-img {
  width: auto;
  max-width: 100%;
  height: 13vw;
  min-height: auto;
  max-height: none;
  margin-bottom: 10px;
}

.cabinet-item-img.large-item {
  height: 23vw;
}

.block-item-w-img {
  border: 1px solid var(--white-smoke);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}

.block-item-w-img.projects-pg {
  width: 49%;
}

.feature-block-img {
  margin-bottom: 20px;
}

.shaker-style-caoption {
  margin-bottom: 10px;
  font-size: 1em;
}

.countertop-item-img {
  width: 100%;
}

.countertop-lightbox-link {
  margin-bottom: 20px;
}

.drop-down-top-level-link {
  color: var(--dark-slate-blue);
  height: 100%;
  display: inline-block;
}

.project-tesimonial-p {
  font-style: italic;
}

.project-item-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.project-img-lightbox-link {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 220px;
  margin-bottom: 20px;
}

.project-img-lightbox-link.img1 {
  background-image: url('../images/vanity-img1.webp');
}

.project-img-lightbox-link.img2 {
  background-image: url('../images/vanity-img2.webp');
}

.project-img-lightbox-link.img3 {
  background-image: url('../images/vanity-img3.webp');
}

.project-img-lightbox-link.img4 {
  background-image: url('../images/vanity-img4.webp');
}

.project-img-lightbox-link.img5 {
  background-image: url('../images/vanity-img5.webp');
}

.project-img-lightbox-link.img6 {
  background-image: url('../images/vanity-img6.webp');
}

.project-img-lightbox-link.img7 {
  background-image: url('../images/vanity-img-7.webp');
}

.project-img-lightbox-link.img8 {
  background-image: url('../images/vanity-img8.webp');
}

.project-img-lightbox-link.img9 {
  background-image: url('../images/vanity-img9.webp');
}

.project-img-lightbox-link.img10 {
  background-image: url('../images/vanity-img10.webp');
}

.project-img-lightbox-link.img11 {
  background-image: url('../images/vanity-img11.webp');
}

.project-img-lightbox-link.img12 {
  background-image: url('../images/vsnity-img12.webp');
}

.project-feature-img {
  width: 100%;
}

.countertop-permalink {
  color: var(--medium-blue);
  margin-bottom: 20px;
  display: inline-block;
}

.tabs {
  height: auto;
  display: flex;
}

.tabs-menu {
  flex-direction: column;
  width: 15%;
  display: flex;
}

.tab-link {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid #dfdfdf;
  border-left: 4px solid var(--medium-blue);
  background-color: var(--white-smoke);
  background-image: url('../images/play-button.svg');
  background-position: -15%;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: niveau-grotesk-small-caps, sans-serif;
  font-size: .9em;
  line-height: 1em;
}

.tab-link.w--current {
  background-color: var(--white-smoke);
  background-position: 10%;
  border-left-width: 4px;
  border-left-color: #48a9f8;
  padding-left: 30px;
  transition: all .2s;
}

.tabs-content {
  flex-direction: column;
  width: 85%;
  height: auto;
  display: flex;
}

.tab-pane {
  width: 100%;
  height: 100%;
  padding: 15px;
}

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

.grid-2.acrylic-samples {
  grid-template-rows: auto;
}

.grid-2.mb-1 {
  margin-bottom: 3rem;
}

.grid-2.a {
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 3rem;
}

.color-sample-lightbox-link {
  cursor: default;
  width: 100%;
  margin-bottom: 10px;
}

.color-sample-img {
  width: 100%;
  height: 12vw;
}

.color-sample-img.drop-shadow {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

.color-sample-img.a {
  height: auto;
}

.color-sample-block {
  flex-direction: column;
  align-items: center;
  padding: 10px;
  display: flex;
}

.color-sample-heading {
  text-align: center;
  text-transform: capitalize;
  margin-bottom: -5px;
  font-size: .9em;
  font-weight: 400;
  line-height: .9em;
}

.color-sample-subline {
  text-align: center;
  margin-bottom: 0;
  font-family: niveau-grotesk-small-caps, sans-serif;
  font-size: .8em;
  font-weight: 300;
  line-height: .9em;
}

.back-to-top-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.back-to-top-div.w--current {
  display: flex;
}

.back-to-top-div.temp-hidden {
  display: none;
}

.text-block {
  color: var(--white);
}

.image-4 {
  width: 30px;
  height: 30px;
  transform: rotate(270deg);
}

.image-5 {
  filter: brightness(39%);
  width: 15px;
  margin-right: 10px;
  transform: rotate(270deg);
}

.text-block-2 {
  font-size: 1em;
  line-height: 1em;
  display: inline-block;
}

.collection-back-to-top-permalink {
  border: 1px solid var(--dim-grey);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 150px;
  margin-top: 15px;
  padding: 4px;
  display: flex;
}

.collection-back-to-top-permalink.w--current {
  border: 1px solid var(--dim-grey);
  border-radius: 5px;
  justify-content: center;
  width: 150px;
  margin-top: 15px;
  padding: 4px;
  display: flex;
}

.plus {
  width: 30px;
}

.accordion-question {
  border-radius: 10px;
  width: 100%;
  min-height: 75px;
  margin-bottom: 20px;
  padding: 15px 30px;
  display: flex;
  box-shadow: 6px 6px 22px 3px rgba(0, 0, 0, .1);
}

.accordian-item {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.minus {
  width: 30px;
}

.left-col {
  width: 90%;
}

.accordion-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.trigger-symbol {
  justify-content: flex-end;
  align-items: center;
  width: 10%;
  display: flex;
}

.accordion-text {
  display: block;
  overflow: hidden;
}

.collection-tip-text {
  margin-bottom: 20px;
}

.int-pg-gallery-slider {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  height: 30vw;
  margin-bottom: 20px;
}

.right-arrow-3, .left-arrow-3 {
  color: var(--dim-grey);
  width: 40px;
}

.slide-8 {
  background-image: url('../images/closet-slider-3.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-9 {
  background-image: url('../images/screen-shot-2019-08-20-at-3.46.23-PM.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-10 {
  background-image: url('../images/screen-shot-2019-08-20-at-3.46.37-PM.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-11 {
  background-image: url('../images/screen-shot-2019-08-20-at-3.46.51-PM.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.slide-12 {
  background-image: url('../images/screen-shot-2019-08-20-at-3.46.59-PM.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.columns {
  display: flex;
}

.column {
  background-image: url('../images/contact-us.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.column-2 {
  padding-left: 30px;
}

.contact-pg-p {
  text-align: left;
  margin-bottom: 30px;
}

.div-block-9 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 48%;
  padding: 15px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 8px 22px -3px rgba(0, 0, 0, .1);
}

.div-block-9:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 22px -3px rgba(0, 0, 0, .25);
}

.div-block-10 {
  justify-content: space-between;
  margin-bottom: 20px;
  display: flex;
}

.contact-icon {
  width: 40px;
  margin-bottom: 15px;
}

.contact-info-p {
  text-align: center;
  line-height: 1em;
}

.contact-info-heading {
  margin-bottom: 10px;
}

.project-slideshow-container {
  border: 1px solid var(--white-smoke);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 15px;
}

.hp-estimate-form {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  overflow: hidden;
}

.homepage-estimate-form {
  padding: 20px;
}

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

.utility-pg-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.privacy-policy-div {
  max-width: none;
}

.form-loading-anim {
  width: 30px;
  height: 30px;
}

.form-loading-anim.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-icon {
  width: 24px;
  height: 24px;
}

.footer-link {
  color: var(--white);
  font-family: niveau-grotesk-small-caps, sans-serif;
  transition: color .2s;
}

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

.sample-img-div {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 13vw;
}

.sample-img-div.img1 {
  background-image: url('../images/acacia.webp');
}

.sample-img-div.img2 {
  background-image: url('../images/arabescato-pompeii-quartz.webp');
}

.sample-img-div.img3 {
  background-image: url('../images/argento-pompeii-quartz.webp');
}

.sample-img-div.img4 {
  background-image: url('../images/avalanche.webp');
}

.sample-img-div.img5 {
  background-image: url('../images/avalon.webp');
}

.sample-img-div.img6 {
  background-image: url('../images/avorio-pompeii-quartz.webp');
}

.sample-img-div.img7 {
  background-image: url('../images/barcelona.webp');
}

.sample-img-div.img8 {
  background-image: url('../images/beach-white.webp');
}

.sample-img-div.img9 {
  background-image: url('../images/belgium-blue.webp');
}

.sample-img-div.img10 {
  background-image: url('../images/bianco-napoli-pompeii-quartz.webp');
}

.sample-img-div.img11 {
  background-image: url('../images/black-magic-pompeii-quartz.webp');
}

.sample-img-div.img12 {
  background-image: url('../images/black-night.webp');
}

.sample-img-div.img13 {
  background-image: url('../images/blue-savoy.webp');
}

.sample-img-div.img14 {
  background-image: url('../images/calacatta.webp');
}

.sample-img-div.img15 {
  background-image: url('../images/carrara_1.webp');
}

.sample-img-div.img16 {
  background-image: url('../images/castelo.webp');
}

.sample-img-div.img17 {
  background-image: url('../images/cement.webp');
}

.sample-img-div.img18 {
  background-image: url('../images/cemento.webp');
}

.sample-img-div.img19 {
  background-image: url('../images/cloud-nine.webp');
}

.sample-img-div.img20 {
  background-image: url('../images/cold-spring.webp');
}

.sample-img-div.img21 {
  background-image: url('../images/concreto-honed.webp');
}

.sample-img-div.img22 {
  background-image: url('../images/cosmic.webp');
}

.sample-img-div.img23 {
  background-image: url('../images/crystal-salt.webp');
}

.sample-img-div.img24 {
  background-image: url('../images/diamante.webp');
}

.sample-img-div.img25 {
  background-image: url('../images/dolce-vita.webp');
}

.sample-img-div.img26 {
  background-image: url('../images/eclipse.webp');
}

.sample-img-div.img27 {
  background-image: url('../images/eramosa.webp');
}

.sample-img-div.img28 {
  background-image: url('../images/eternal-calcutta-classic.webp');
}

.sample-img-div.img29 {
  background-image: url('../images/grey-emperador.webp');
}

.sample-img-div.img30 {
  background-image: url('../images/greylac.webp');
}

.sample-img-div.img31 {
  background-image: url('../images/icicle.webp');
}

.sample-img-div.img32 {
  background-image: url('../images/keewaydin.webp');
}

.sample-img-div.img33 {
  background-image: url('../images/lagos.webp');
}

.sample-img-div.img34 {
  background-image: url('../images/majestic-black.webp');
}

.sample-img-div.img35 {
  background-image: url('../images/milky-way.webp');
}

.sample-img-div.img36 {
  background-image: url('../images/misterio-pompeii-quartz.webp');
}

.sample-img-div.img37 {
  background-image: url('../images/moonstone.webp');
}

.sample-img-div.img38 {
  background-image: url('../images/nero-marquina.webp');
}

.sample-img-div.img39 {
  background-image: url('../images/ondulato.webp');
}

.sample-img-div.img40 {
  background-image: url('../images/onixaa.webp');
}

.sample-img-div.img41 {
  background-image: url('../images/portabello.webp');
}

.sample-img-div.img42 {
  background-image: url('../images/pure-white.webp');
}

.sample-img-div.img43 {
  background-image: url('../images/rock-salt.webp');
}

.sample-img-div.img44 {
  background-image: url('../images/sabbianco.webp');
}

.sample-img-div.img45 {
  background-image: url('../images/silver-lake.webp');
}

.sample-img-div.img46 {
  background-image: url('../images/sparkle-black.webp');
}

.sample-img-div.img47 {
  background-image: url('../images/sparkle-grey.webp');
}

.sample-img-div.img48 {
  background-image: url('../images/statuario-pompeii-quartz.webp');
}

.sample-img-div.img49 {
  background-image: url('../images/stonewashed.webp');
}

.sample-img-div.img50 {
  background-image: url('../images/sunny-pearl.webp');
}

.sample-img-div.img51 {
  background-image: url('../images/taj-mahal-pearl.webp');
}

.sample-img-div.img52 {
  background-image: url('../images/thunder-grey.webp');
}

.sample-img-div.img53 {
  background-image: url('../images/tidewater.webp');
}

.sample-img-div.img54 {
  background-image: url('../images/tuscany.webp');
}

.sample-img-div.img55 {
  background-image: url('../images/uliano.webp');
}

.sample-img-div.img56 {
  background-image: url('../images/urban.webp');
}

.sample-img-div.img57 {
  background-image: url('../images/vanilla-ice.webp');
}

.sample-img-div.img58 {
  background-image: url('../images/ventisca.webp');
}

.sample-img-div.img59 {
  background-image: url('../images/white-cloud.webp');
}

.sample-img-div.img60 {
  background-image: url('../images/white-fusion.webp');
}

.sample-img-div.img61 {
  background-image: url('../images/white-lightning.webp');
}

.sample-img-div.img62 {
  background-image: url('../images/white-macaubas.webp');
}

.sample-img-div.img63 {
  background-image: url('../images/white-mist.webp');
}

.sample-img-div.img64 {
  background-image: url('../images/white-sand_1.webp');
}

.sample-img-div.img65 {
  background-image: url('../images/wood-ash.webp');
}

.html-date-embed {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.html-embed-recaptcha {
  margin-bottom: 10px;
}

.link-3 {
  color: #fff;
}

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

.texture-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.image-6 {
  margin-bottom: 3rem;
}

.h2 {
  color: var(--dim-grey);
  font-size: 1.2em;
  font-weight: 400;
}

.abs-bg-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.abs-bg-img._70-top {
  object-position: 50% 70%;
}

.abs-bg-img._58-top {
  object-position: 50% 58%;
}

@media screen and (max-width: 991px) {
  .header {
    background-image: linear-gradient(to bottom, var(--white), var(--white));
  }

  .nav-left {
    min-width: auto;
  }

  .nav-link {
    border: 1px solid var(--white-smoke);
    background-color: var(--white);
    background-image: url('../images/grey-box.webp');
    background-position: -70px 0;
    background-repeat: no-repeat;
    background-size: 6% 80%;
    width: 95%;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1em;
    line-height: 1em;
    transition: background-position .2s cubic-bezier(.075, .82, .165, 1);
  }

  .nav-link:hover {
    background-position: 0 0;
    background-size: 5% 80%;
  }

  .navbar {
    display: flex;
  }

  .nav-menu {
    background-color: rgba(255, 255, 255, .5);
    background-image: linear-gradient(153deg, #096fc2, var(--white));
    max-height: 99vh;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: scroll;
    box-shadow: 6px 6px 22px -3px rgba(0, 0, 0, .15);
  }

  .hero-section {
    height: 70vh;
    max-height: 600px;
  }

  .white-triangle-overlay.temp-hidden, .image-2 {
    display: none;
  }

  .left-arrow {
    color: var(--white);
    top: -68px;
  }

  .right-arrow {
    color: var(--white);
    top: -120px;
    right: -41%;
  }

  .slide-nav {
    filter: contrast(200%);
    color: var(--white);
    top: -160px;
    left: 29%;
  }

  .hero-container.mobile {
    padding-right: 20px;
    display: flex;
  }

  .hero-text-block {
    background-color: #fff;
    background-position: 0 56%;
  }

  .slider-text-wrapper {
    background-color: rgba(243, 243, 244, .3);
  }

  .slider-text {
    width: 60%;
  }

  .hero-bottom-line-heading {
    font-size: 1.9em;
    line-height: .8em;
  }

  .intro-section-wrapper {
    padding-right: 30px;
  }

  .intro-section {
    padding-bottom: 40px;
  }

  .div-block-2.intro-col-left {
    padding-left: 20px;
  }

  .intro-img {
    height: 80%;
  }

  .container-right {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .intro-col-right {
    padding-right: 20px;
  }

  .grey-bg-p-div {
    background-position: 0 0;
    background-size: 50% 90%;
  }

  .grey-bg-p-div.about-sec {
    background-size: 60% 60%;
  }

  .feature-steps-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  ._3-col-callout-wrapper.testimonials {
    align-items: stretch;
  }

  ._3-feature-col-wrapper {
    width: 31%;
  }

  .grey-bg-block.height100 {
    height: 100%;
  }

  .feature-left-img {
    background-size: cover;
  }

  .half-container-left.cont1 {
    max-width: 600px;
  }

  .half-container-right.cont2 {
    padding-left: 40px;
    padding-right: 15px;
  }

  .about-sec-img {
    min-height: 340px;
    right: -20px;
  }

  .slider-wrapper {
    width: 75%;
  }

  .next-slide-verlay {
    width: 25%;
  }

  .slider-blue-banner {
    margin-right: 13%;
  }

  .buffer-block {
    background-color: rgba(0, 0, 0, 0);
    height: 60px;
  }

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

  .footer-col-mid {
    width: 28%;
  }

  .footer-col-right {
    width: 310px;
  }

  .footer-sm-icon-wrapper {
    width: 100%;
  }

  .footer-cred-p {
    font-size: .9em;
  }

  .menu-button {
    color: var(--dark-slate-blue);
    align-self: center;
  }

  .menu-button.w--open {
    background-color: var(--white-smoke);
    color: var(--dark-slate-blue);
  }

  .div-block-8 {
    display: inline-block;
  }

  .body-2 {
    font-size: 18px;
  }

  .heading, .heading-2 {
    font-size: 1.4em;
  }

  .dropdown-list.w--open {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    margin-top: -5px;
    margin-bottom: 5px;
  }

  .dropdown-link {
    background-color: var(--white);
    background-size: 6%;
    width: 95%;
    padding-left: 30px;
  }

  .int-pg-banner {
    justify-content: center;
    min-height: 270px;
    padding-top: 41px;
  }

  .int-pg-main {
    flex-wrap: wrap;
    padding-bottom: 15px;
  }

  .main-content-area {
    width: 65%;
    margin-top: 0;
    padding-right: 0;
  }

  .main-content-area.color-camples-pg {
    width: 100%;
  }

  .int-pg-col-left {
    order: 1;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .int-pg-col-right {
    width: 35%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .int-pg-col-right.color-samples-pg {
    width: 100%;
    margin-top: 35px;
  }

  .sidebar-cf-container {
    margin-top: -50px;
    top: 80px;
  }

  .last-p {
    padding-left: 0;
  }

  .stock-item-block.countertop-pg {
    padding: 5px;
  }

  .cabinet-item-img {
    height: 15vw;
  }

  .cabinet-item-img.large-item {
    height: 30vw;
  }

  .list {
    margin-bottom: 0;
    padding-left: 20px;
  }

  .list-2 {
    padding-left: 20px;
  }

  .block-item-w-img.projects-pg {
    width: 100%;
  }

  .project-img-lightbox-link {
    min-height: 350px;
  }

  .tabs-menu {
    width: 20%;
  }

  .tabs-content {
    width: 80%;
  }

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

  .color-sample-img {
    height: 18vw;
  }

  .back-to-top-div.w--current {
    display: flex;
  }

  .text-block {
    font-size: 15px;
    line-height: 16px;
  }

  .image-4 {
    width: 20px;
  }

  .int-pg-gallery-slider {
    height: 50vw;
  }

  .contact-info-p, .footer-link {
    font-size: .9em;
  }
}

@media screen and (max-width: 767px) {
  .container.sec6 {
    flex-wrap: wrap;
    justify-content: space-around;
  }

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

  .container.sec9 {
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: center;
  }

  .nav-link:hover {
    background-position: 0%;
    background-size: 10% 85%;
  }

  .hero-section {
    height: 60vh;
  }

  .left-arrow {
    left: 26%;
  }

  .right-arrow {
    right: -45%;
  }

  .slide-nav {
    left: 36%;
  }

  .hero-container.mobile {
    margin-bottom: 5%;
  }

  .hero-text-block {
    width: 60%;
  }

  .hero-text-box {
    padding: 20px;
  }

  .slider-text {
    width: 75%;
  }

  .hero-bottom-line-heading {
    font-size: 1.8em;
  }

  .hero-p {
    margin-bottom: 0;
  }

  .intro-section-wrapper {
    padding-top: 0;
    padding-right: 0;
  }

  .intro-section {
    flex-direction: column;
    align-items: flex-end;
    padding-top: 40px;
  }

  .div-block-2.intro-col-left {
    width: 100%;
  }

  .container-left {
    padding-right: 20px;
  }

  .intro-img {
    height: 100%;
    min-height: 250px;
  }

  .container-right {
    min-height: 50px;
  }

  .intro-col-right {
    justify-content: flex-start;
    width: 90%;
    padding-right: 0;
  }

  .feature-steps-section {
    padding: 30px 15px;
  }

  ._3-col-callout-wrapper.testimonials {
    flex-direction: column;
  }

  ._3-feature-col-wrapper {
    padding-left: 5px;
    padding-right: 5px;
  }

  ._3-feature-col-wrapper.col1 {
    align-items: flex-start;
    width: 30%;
    padding-left: 0;
  }

  ._3-feature-col-wrapper.col3 {
    width: 30%;
    padding-right: 0;
  }

  ._3-feature-col-wrapper.testimonials {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .grey-bg-block {
    min-height: 180px;
    margin-bottom: 10px;
  }

  .grey-bg-block.mid {
    padding-left: 10px;
    padding-right: 10px;
  }

  .feature-left-img {
    min-height: 180px;
    top: 10px;
    left: 10px;
  }

  .feature-mid-img {
    min-height: 180px;
    top: 10px;
  }

  .feature-right-img {
    min-height: 180px;
    top: 10px;
    right: 10px;
  }

  .step-p-wrapper.right-col {
    padding-right: 0;
  }

  .step-p-wrapper.left-col {
    padding-left: 0;
  }

  .about-section {
    flex-direction: column;
    padding-bottom: 40px;
  }

  .div-block-3 {
    width: 90%;
    margin-bottom: 40px;
  }

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

  .half-container-right.cont2 {
    max-width: none;
  }

  .slider-wrapper, .next-slide-verlay {
    height: 350px;
  }

  .slider-blue-banner {
    width: 135px;
    height: 350px;
  }

  .gallery-slider-heading {
    font-size: .9em;
    line-height: 1.1em;
  }

  .right-arrow-2 {
    height: 30px;
    font-size: 18px;
    top: auto;
    bottom: 2%;
    left: 0%;
    right: -46%;
  }

  .testimonial-block.left {
    top: 10px;
    left: 10px;
  }

  .testimonial-block.mid {
    width: 100%;
    top: 10px;
  }

  .testimonial-block.right {
    top: 10px;
    right: 10px;
  }

  .div-block-6 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .cf-heading-container {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .contact-form-headng {
    font-size: 1.7em;
  }

  .cf-fields-container {
    width: 100%;
  }

  .field-label {
    width: 100%;
    font-size: .9em;
    line-height: 1em;
  }

  .footer-col-left {
    border-bottom: 1px none var(--white);
    border-right-style: none;
    justify-content: center;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .footer-col-mid {
    width: auto;
  }

  .hours-row {
    min-width: 200px;
  }

  .hours-text {
    font-size: 1em;
  }

  .break.mobile3-block {
    display: block;
  }

  .footer-credits {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-cred-p.copyright {
    text-align: center;
    order: 1;
  }

  .footer-cred-p.docs {
    order: -1;
    margin-bottom: 10px;
  }

  .slide-nav-2 {
    font-size: 10px;
    top: auto;
    bottom: -1%;
    left: 33%;
    right: auto;
  }

  .int-pg-banner {
    justify-content: center;
    min-height: 230px;
    padding-top: 40px;
  }

  .main-content-area {
    width: 100%;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-content-area.color-camples-pg {
    padding-left: 5px;
    padding-right: 5px;
  }

  .int-pg-col-left {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .int-pg-col-left.contact-pg {
    display: none;
  }

  .int-pg-col-right {
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .int-pg-col-right.color-samples-pg {
    margin-top: 0;
  }

  .int-pg-col-right.contact-pg {
    display: none;
  }

  .sidebar-cf-container {
    margin-top: 0;
    position: static;
  }

  .cabinet-item-img {
    height: 24vw;
  }

  .cabinet-item-img.large-item {
    height: 44vw;
  }

  .project-img-lightbox-link {
    min-height: 400px;
  }

  .samples-nav-wrapper {
    display: none;
  }

  .color-sample-img {
    height: 20vw;
  }

  .back-to-top-div {
    display: flex;
  }

  .back-to-top-div.temp-hidden {
    display: none;
  }

  .collection-back-to-top-permalink.center {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .collection-back-to-top-permalink.center.w--current {
    margin-left: auto;
    margin-right: auto;
  }

  .psuedo-margins-mobile-div {
    padding-left: 15px;
    padding-right: 15px;
  }

  .plus {
    filter: brightness(200%);
  }

  .accordion-question {
    background-color: var(--dark-slate-blue);
    margin-bottom: 0;
  }

  .minus {
    filter: brightness(200%);
  }

  .left-col {
    align-self: center;
  }

  .accordion-wrapper {
    margin-top: 20px;
    display: flex;
  }

  .accordion-text {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 0;
  }

  .collection-title-heading {
    color: var(--white);
    margin-bottom: 0;
  }

  .collection-tip-text {
    display: none;
  }

  .int-pg-gallery-slider {
    height: 80vw;
  }

  .columns {
    flex-direction: column;
  }

  .column {
    min-height: 500px;
  }

  .column-2 {
    order: -1;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-info-p {
    font-size: 1.1em;
  }

  .top {
    height: 0;
  }

  .footer-link {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    font-size: 1.3em;
  }

  p {
    font-size: 1.2em;
  }

  li {
    font-size: 1.1em;
  }

  .container.sec6 {
    border-bottom-style: none;
    margin-bottom: 0;
  }

  .container.sec9 {
    flex-direction: column;
    align-items: center;
  }

  .button.dark-blue-btn.header-cta {
    margin-left: 5px;
  }

  .nav-link {
    min-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image {
    width: 115px;
    height: 45.2px;
  }

  .nav-menu {
    max-height: 81vh;
    overflow: scroll;
  }

  .hero-section {
    min-height: 450px;
  }

  .hero-text-block {
    background-position: 0 52%;
    background-size: 80px;
  }

  .hero-text-box {
    padding: 15px;
  }

  .slider-text-wrapper {
    background-color: rgba(243, 243, 244, .5);
  }

  .hero-slider-desc-text {
    color: var(--white);
  }

  .hero-top-line-heading {
    color: #3461b2;
    font-size: 1.2em;
  }

  .hero-bottom-line-heading {
    font-size: 1.2em;
  }

  .text-permalink {
    margin-left: 20px;
  }

  .intro-img {
    left: -30px;
  }

  .topline-heading.feature-steps-sec {
    font-size: 1.1em;
  }

  .intro-col-right {
    width: 85%;
  }

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

  ._3-col-callout-wrapper.feature-steps {
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }

  ._3-feature-col-wrapper, ._3-feature-col-wrapper.col1 {
    width: 100%;
  }

  ._3-feature-col-wrapper.col3 {
    width: 100%;
    margin-bottom: 20px;
  }

  ._3-feature-col-wrapper.padding0 {
    padding-left: 0;
    padding-right: 0;
  }

  .grey-bg-block {
    width: 100%;
  }

  .grey-bg-block.height100.right-neg-15 {
    margin-right: -15px;
  }

  .grey-bg-block.bottom20 {
    margin-bottom: 30px;
  }

  .grey-bg-block.bottom20.right-neg-10 {
    margin-right: -10px;
  }

  .grey-bg-block.wide95 {
    width: 95%;
    margin-left: -15px;
  }

  .half-container-right.cont2 {
    padding-left: 20px;
  }

  .about-sec-img {
    min-height: 260px;
  }

  .slider-wrapper, .next-slide-verlay {
    height: 250px;
  }

  .slider-blue-banner {
    width: 90px;
    height: 250px;
  }

  .gallery-slider-heading {
    font-size: .7em;
    line-height: 1em;
  }

  .contact-form-section {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .cf-heading-container {
    display: flex;
  }

  .contact-form-headng {
    margin-bottom: 10px;
    font-size: 1.3em;
  }

  .homepage-cf-text {
    line-height: .9em;
  }

  .form-row {
    width: 100%;
  }

  .footer-section {
    padding: 30px 0 0;
  }

  .footer-col-left {
    align-items: center;
    padding-right: 0;
  }

  .footer-col-mid {
    border: 1px solid var(--white);
    width: 100%;
    max-width: 320px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
  }

  .footer-col-right {
    align-items: center;
    width: 280px;
    padding: 0;
  }

  .footer-logo {
    align-self: center;
    width: auto;
    max-width: 280px;
    height: auto;
    margin-bottom: 0;
  }

  .hours-conatiner {
    background-color: var(--dark-slate-blue);
    margin-bottom: 0;
  }

  .hours-row {
    border-top: 1px solid #034a85;
    border-bottom: 1px solid #082558;
    padding: 9px;
  }

  .footer-contact-info-container {
    align-self: center;
    min-height: 0;
  }

  .footer-contact-info-row {
    justify-content: center;
    margin-bottom: 0;
  }

  .footer-contact-link {
    text-align: left;
    flex: none;
  }

  .footer-contact-link.mobile-vw {
    font-size: 5.5vw;
  }

  .footer-sm-icon-wrapper {
    justify-content: space-around;
    width: 100%;
    display: flex;
  }

  .footer-sm-link {
    margin-right: 0;
  }

  .break.mobile3-block {
    display: inline-block;
  }

  .footer-credits {
    background-color: #00215c;
    padding-left: 15px;
    padding-right: 15px;
  }

  .slide-nav-2 {
    left: 6%;
  }

  .orange-link {
    color: #eb9800;
  }

  .dropdown-link:hover {
    background-size: 8% 85%;
  }

  .dropdown-link.w--current {
    color: var(--medium-blue);
    background-position: 0%;
    background-size: 8% 85%;
  }

  .brand {
    padding-left: 0;
  }

  .hide-mobile {
    display: none;
    overflow: visible;
  }

  .paragraph-2 {
    margin-left: -10px;
  }

  .row {
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px #024a85;
    border-bottom: 1px #092558;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding: 7px;
    font-size: 5vw;
    display: flex;
  }

  .int-pg-banner {
    min-height: 150px;
    padding-top: 0;
  }

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

  .main-content-area.contact-pg {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-title {
    font-size: 1.6em;
  }

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

  .pg-title-subline {
    font-size: 1em;
  }

  .int-pg-content-img.right {
    width: 100%;
    display: none;
  }

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

  .stock-item-block {
    border: 1px solid var(--white-smoke);
    border-radius: 10px;
    padding: 15px;
  }

  .stock-item-heading, .stock-item-subline {
    font-size: .8em;
  }

  .cabinet-item-img {
    height: 34vw;
  }

  .cabinet-item-img.large-item {
    height: 70vw;
  }

  .shaker-style-heading {
    font-size: 1.3em;
  }

  .countertop-lightbox-link {
    margin-bottom: 10px;
  }

  .project-img-lightbox-link {
    min-height: 260px;
  }

  .tabs {
    flex-direction: column;
  }

  .tabs-menu {
    flex-flow: wrap;
    justify-content: space-around;
    width: 100%;
  }

  .tab-link {
    background-image: linear-gradient(146deg, #000, #fff);
    border-left-style: none;
    border-radius: 10px;
    flex: none;
    margin-top: 5px;
    margin-bottom: 5px;
  }

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

  .color-sample-img {
    height: 38vw;
  }

  .color-sample-block {
    border: 1px solid var(--white-smoke);
    border-radius: 10px;
    padding: 10px;
  }

  .back-to-top-div.w--current {
    margin-top: 15px;
  }

  .accordion-question {
    background-color: var(--dark-slate-blue);
    box-shadow: 0 0 4px 3px rgba(0, 0, 0, .1);
  }

  .trigger-symbol {
    filter: brightness(200%);
  }

  .accordion-text {
    margin-bottom: 15px;
  }

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

  .column {
    min-height: 470px;
  }

  .div-block-9 {
    width: 100%;
    margin-bottom: 15px;
  }

  .div-block-10 {
    flex-direction: column;
    margin-bottom: 0;
  }

  .contact-info-p {
    font-size: 1.2em;
  }

  .footer-link {
    background-color: var(--dark-slate-blue);
    text-align: center;
    border-top: 1px solid #134d7c;
    border-bottom: 1px solid #00276b;
    width: 100%;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .captcha {
    transform-origin: 0 0;
    transform: scale(.8);
  }
}

#w-node-_50157788-ee9a-c1d4-d95f-09aaba1a80bd-2986dd7a, #w-node-_1a31e117-a823-4716-623d-d2c54d3f4265-2986dd7a, #w-node-_1a31e117-a823-4716-623d-d2c54d3f426a-2986dd7a, #w-node-_04ec8edd-2953-1926-d4c5-e0b8b2438d3d-2986dd7a, #w-node-fc8245a4-b54e-1b2f-d889-fad05deb6fa2-2986dd7a, #w-node-f5c27a33-2c85-d39b-1aeb-075601ede259-2986dd7a, #w-node-_4f359d47-784d-a817-8847-1faf8e29f041-2986dd7a, #w-node-_20344666-669e-4f30-760d-d12d98053f00-2986dd7a, #w-node-_10287728-4f6e-29c6-c339-0db5c8dac3cf-2986dd7a, #w-node-efd4d961-b481-03bf-b023-593c10b6bab9-2986dd7a, #w-node-_646f5b4b-db6e-b2f3-a6ad-ca482197eb65-2986dd7a, #w-node-fb8caac9-41a5-6905-72f9-d1dc9510de8e-2986dd7a, #w-node-_9f3c4e64-1c1d-35e4-4da0-552e5b29b8f2-2986dd7a, #w-node-_56154f29-3488-eb21-2857-79056fd7a32f-2986dd7a, #w-node-_48337443-3992-9dcf-3092-92901514818a-2986dd7a, #w-node-_7be79462-4a92-4178-9e65-07672614010f-2986dd7a, #w-node-b99f05dc-10ce-5abd-e1f6-42c7d23faf7b-2986dd7a, #w-node-_768f1fbd-1e08-1220-12e6-ca0f4f8ca34b-2986dd7a, #w-node-_72be2272-be52-9da2-0434-ec566190d6d5-2986dd7a, #w-node-_72be2272-be52-9da2-0434-ec566190d6da-2986dd7a, #w-node-_16a81416-e84e-e51d-0a73-06dd20b47886-2986dd7a, #w-node-_61b6501a-53e2-0cb1-e9d6-95b2ec1a471e-2986dd7a, #w-node-e91f762a-1997-6a4d-14df-d9d74cc73439-4cc73410, #w-node-e91f762a-1997-6a4d-14df-d9d74cc7343e-4cc73410, #w-node-e91f762a-1997-6a4d-14df-d9d74cc73443-4cc73410, #w-node-e91f762a-1997-6a4d-14df-d9d74cc73448-4cc73410, #w-node-e91f762a-1997-6a4d-14df-d9d74cc7344d-4cc73410 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}