@charset "UTF-8";
@font-face {
  font-family: "entityone";
  src: url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.eot");
  src: url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.eot?#iefix") format("eot"), url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.woff2") format("woff2"), url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.woff") format("woff"), url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.ttf") format("truetype"), url("/themes/custom/entityone/_sass-essentials/iconfonts/dist/entityone.svg#entityone") format("svg");
}

.icon-arrow-down:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-chevron-down-light:before, .icon-chevron-down-solid:before, .icon-close:before, .icon-external-link:before, .icon-facebook:before, .icon-instagram:before, .icon-linkedin:before, .icon-pinterest:before, .icon-play:before, .icon-plus:before, .icon-samples:before, .icon-twitter:before, .icon-vimeo:before, .icon-volume-slash:before, .icon-volume-up:before {
  font-family: "entityone";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-chevron-down-light:before {
  content: "";
}

.icon-chevron-down-solid:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-external-link:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-linkedin:before {
  content: "";
}

.icon-pinterest:before {
  content: "";
}

.icon-play:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-samples:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-vimeo:before {
  content: "";
}

.icon-volume-slash:before {
  content: "";
}

.icon-volume-up:before {
  content: "";
}

.offset-container {
  height: 100vh;
  width: 100vw;
  padding: 23px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  position: fixed;
  z-index: 100;
  left: 100%;
  top: 0;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  font-size: 0.875rem;
}

.offset-container.invert {
  background-color: #000;
  color: #fff;
}

@media all and (max-width: 768px) {
  .offset-container {
    font-size: 1rem;
  }
}

@media (min-width: 1440px) {
  .offset-container {
    font-size: 14px;
    font-size: 0.98vw;
    font-size: 0.98vmax;
  }
}

.offset-container .field--label-above .field__items,
.offset-container .field--name-field-high-res-samples-zip .field__items,
.offset-container .field--name-field-available-backings,
.offset-container .field--name-field-optional-backings,
.offset-container .bim-link-wrapper .read-more {
  margin-left: 15px !important;
}

.offset-container .product-sizes {
  padding-left: 15px;
}

.offset-container .read-more {
  font-size: inherit;
  padding-top: 16px;
}

.offset-container .read-more:hover, .offset-container .read-more:focus, .offset-container .read-more:active {
  color: currentColor;
  opacity: .7;
}

@media all and (min-width: 1024px) {
  .offset-container .read-more {
    padding-top: 0;
    margin-bottom: 1.12vw;
  }
}

.offset-container--trigger.relative {
  margin-bottom: 0;
  background-color: #fff;
  padding: 0 15px;
  height: 36px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  box-shadow: 2px 2px 25px rgba(187, 187, 187, 0.75);
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

@media (min-width: 1440px) {
  .offset-container--trigger.relative {
    padding: 0 1.05vw;
  }
}

@media (min-width: 1440px) {
  .offset-container--trigger.relative {
    height: 2.52vw;
  }
}

@media (min-width: 1440px) {
  .offset-container--trigger.relative {
    box-shadow: 0.14vw 0.14vw 1.75vw rgba(187, 187, 187, 0.75);
  }
}

.offset-container--trigger.relative:hover {
  background-color: #000;
  color: #fff;
}

.offset-container--trigger.relative .icon {
  height: 20px;
  width: 20px;
  fill: #7BA0B6;
  margin-left: 5px;
}

@media (min-width: 1440px) {
  .offset-container--trigger.relative .icon {
    height: 1.4vw;
  }
}

@media (min-width: 1440px) {
  .offset-container--trigger.relative .icon {
    width: 1.4vw;
  }
}

@media (min-width: 1440px) {
  .offset-container--trigger.relative .icon {
    margin-left: 0.35vw;
  }
}

.offset-container--trigger span {
  padding-top: 2px;
}

@media (min-width: 1440px) {
  .offset-container--trigger span {
    padding-top: 0.14vw;
  }
}

.offset-container .offset-container--trigger {
  color: #BBBBBB;
}

.offset-container.smaller-text h2 span,
.offset-container.smaller-text h4 span {
  font-weight: 300;
}

.offset-container h2,
.offset-container h4 {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  color: currentColor;
}

.offset-container h2 {
  font-size: 1.5625rem;
  word-break: break-word;
}

@media (max-width: 1440px) {
  .offset-container h2 {
    font-size: calc(1.1125rem + 0.5vw) ;
  }
}

@media all and (min-width: 768px) {
  .offset-container h2 {
    margin-bottom: 35px;
    font-size: 1.75rem;
  }
}

@media all and (min-width: 768px) and (min-width: 1440px) {
  .offset-container h2 {
    margin-bottom: 2.45vw;
  }
}

@media all and (min-width: 768px) and (max-width: 1440px) {
  .offset-container h2 {
    font-size: calc(1.15rem + 0.66667vw) ;
  }
}

@media all and (min-width: 768px) and (min-width: 1440px) {
  .offset-container h2 {
    font-size: 28px;
    font-size: 1.96vw;
    font-size: 1.96vmax;
  }
}

@media all and (min-width: 1440px) {
  .offset-container h2 {
    font-size: 2rem;
  }
}

@media all and (min-width: 1440px) and (max-width: 1440px) {
  .offset-container h2 {
    font-size: calc(1.2rem + 0.88889vw) ;
  }
}

@media all and (min-width: 1440px) and (min-width: 1440px) {
  .offset-container h2 {
    font-size: 32px;
    font-size: 2.24vw;
    font-size: 2.24vmax;
  }
}

.offset-container h4 {
  margin-bottom: 0;
}

@media all and (min-width: 768px) {
  .offset-container h4 {
    margin-bottom: 10px;
  }
}

@media all and (min-width: 768px) and (min-width: 1440px) {
  .offset-container h4 {
    margin-bottom: 0.7vw;
  }
}

@media all and (max-width: 768px) {
  .offset-container .underscore {
    margin-bottom: 40px;
  }
  .offset-container .underscore::before {
    content: none;
  }
}

.offset-container .arrow-back {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 20px;
  line-height: 2.25;
}

@media (min-width: 1024px) {
  .offset-container .arrow-back {
    margin-bottom: 2.52vw;
  }
}

.offset-container .arrow-back:hover, .offset-container .arrow-back:focus, .offset-container .arrow-back:active {
  color: currentColor;
  opacity: .7;
}

.offset-container .arrow-back::before {
  height: 20px;
  width: 20px;
  margin-right: 5px;
  display: block;
  vertical-align: top;
  line-height: 1;
}

@media (min-width: 1440px) {
  .offset-container .arrow-back::before {
    height: 1.4vw;
  }
}

@media (min-width: 1440px) {
  .offset-container .arrow-back::before {
    width: 1.4vw;
  }
}

@media (min-width: 1440px) {
  .offset-container .arrow-back::before {
    margin-right: 0.35vw;
  }
}

@media all and (min-width: 768px) {
  .offset-container {
    padding: 40px 60px;
    margin-left: 39%;
    width: 61%;
  }
}

@media all and (min-width: 768px) and (min-width: 1440px) {
  .offset-container {
    padding: 2.8vw 4.2vw;
  }
}

@media all and (min-width: 768px) {
  .toolbar-horizontal .offset-container {
    padding-top: 79px;
  }
  .offset-container .offset-container__item {
    width: 50%;
  }
}

.offset-container__item .field + .field {
  margin-top: 25px;
}

@media (min-width: 1024px) {
  .offset-container__item .field + .field {
    margin-top: 30px;
  }
}

@media (min-width: 1024px) and (min-width: 1440px) {
  .offset-container__item .field + .field {
    margin-top: 2.1vw;
  }
}

.offset-container .toggle-triggers {
  display: none;
}

@media all and (max-width: 768px) {
  .offset-container .toggle-triggers {
    display: -webkit-box;
    display: flex;
    margin-bottom: 20px;
  }
  .offset-container .toggle-triggers .toggle-trigger {
    font-size: 18px;
    color: #BBBBBB;
    margin-bottom: 0;
  }
  .offset-container .toggle-triggers .toggle-trigger--wrapper {
    -webkit-box-flex: 1;
            flex: 1 0;
    padding-bottom: 15px;
  }
  .offset-container .toggle-triggers .toggle-trigger--wrapper:hover .toggle-trigger {
    color: #fff;
  }
  .offset-container .toggle-triggers a.js--active .toggle-trigger {
    color: #fff;
  }
  .no-js .offset-container .toggle-triggers + .layout > .layout__item:not(:target) {
    display: none;
  }
  .no-js .offset-container .toggle-triggers + .layout > .layout__item:target {
    display: block;
  }
  .offset-container .toggle-triggers + .layout .offset-container__item {
    display: none;
  }
  .offset-container .toggle-triggers + .layout .offset-container__item h2.underscore {
    display: none;
  }
  .offset-container .toggle-triggers + .layout .offset-container__item.js--active {
    display: block;
  }
}

#offset-container--trigger {
  position: fixed !important;
  top: 0;
  right: 0;
}

#offset-container--trigger:checked ~ .offset-container {
  left: 0;
  z-index: 500;
}

@media all and (max-width: 768px) {
  .js--offset-container--active {
    overflow: hidden;
    height: 100vh;
  }
}

.case-open {
  overflow: hidden;
}