@charset "UTF-8";
/** Variables **/
/** Page Files **/
body.custom-products {
  overflow-x: hidden;
}
body.custom-products .maintestimonial {
  display: none;
}
body.custom-products #footer .testimonialarea {
  min-height: 308px;
}
body.custom-products #header .mainwrap {
  padding-top: 200px;
}
body.custom-products .custom-products-header {
  min-height: 31.66vw;
  padding: 24px 16px;
  position: relative;
}
@media (max-width: 1368px) {
  body.custom-products .custom-products-header {
    min-height: 40vw;
  }
  body.custom-products .custom-products-header h2.title {
    margin-bottom: 32px;
  }
}
@media (max-width: 1600px) {
  body.custom-products .custom-products-header {
    min-height: 40vw;
  }
}
@media (max-width: 991px) {
  body.custom-products .custom-products-header {
    min-height: 52vw;
  }
}
@media (max-width: 480px) {
  body.custom-products .custom-products-header {
    min-height: calc(52vw + 22vh);
  }
}
body.custom-products .custom-products-header h2 {
  margin-bottom: 80px;
}
@media (max-width: 1300px) {
  body.custom-products .custom-products-header h2 {
    margin-bottom: 40px;
  }
}
body.custom-products .custom-products-header .backbutton p::before {
  background: url("../images/icons/arrowlong.png");
  left: -34px;
  top: -1px;
  height: 32px;
  width: 32px;
  background-size: contain;
  background-repeat: no-repeat;
}
body.custom-products .custom-products-header .headertext {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(25%);
}
body.custom-products .custom-products-header .headertext h2, body.custom-products .custom-products-header .headertext p {
  color: #fff;
}
body.custom-products .custom-products-header .background {
  z-index: -1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  top: 0;
  bottom: 0;
}
body.custom-products .custom-products-header .background:before, body.custom-products .custom-products-header .background:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: -1;
}
body.custom-products .custom-products-header .background:before {
  background: url("https://rowmark.trgcdn.com/landing-pages/products/custom-products/header/Mask%20Group%201@2x.png");
  box-shadow: inset 0 0 4vw rgba(2, 2, 42, 0.42);
  background-position: right center;
  background-size: cover;
}
@media (max-width: 1368px) {
  body.custom-products .custom-products-header .background:before {
    background-position: 50% 100%;
  }
}
body.custom-products .custom-products-header .background:after {
  z-index: -2;
  background: linear-gradient(20deg, #124F8F 0%, #225A95 50%, #004186 100%);
}
body.custom-products section.products h3 {
  margin-top: 64px;
  margin-bottom: 40px;
  font-weight: 700;
}
body.custom-products .product-overview h3 {
  color: #004186;
  font-size: 48px;
  text-align: center;
}
body.custom-products .product-overview .products-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  min-width: calc(100% + 16px);
}
@media (max-width: 1200px) {
  body.custom-products .product-overview .products-wrapper {
    width: 800px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
body.custom-products .product-overview .products-wrapper .product {
  margin-right: 16px;
  margin-bottom: 16px;
  position: relative;
  width: calc(25% - 16px);
}
@media (max-width: 1200px) {
  body.custom-products .product-overview .products-wrapper .product {
    width: calc(50% - 16px);
  }
}
@media (max-width: 768px) {
  body.custom-products .product-overview .products-wrapper .product {
    width: 100%;
  }
}
body.custom-products .product-overview .products-wrapper .product .image-area {
  width: 100%;
}
body.custom-products .product-overview .products-wrapper .product .image-area img {
  width: 100%;
}
body.custom-products .product-overview .products-wrapper .product h4, body.custom-products .product-overview .products-wrapper .product p {
  margin-left: 20px;
  margin-right: 20px;
  color: #FFF;
  text-shadow: 0px 0px 4px rgba(2, 2, 2, 0.12);
}
@media (max-width: 768px) {
  body.custom-products .product-overview .products-wrapper .product h4, body.custom-products .product-overview .products-wrapper .product p {
    margin-left: 16px;
    margin-right: 16px;
  }
}
body.custom-products .product-overview .products-wrapper .product h4 {
  font-size: 24px;
  font-weight: 700;
  margin: 14px 20px 10px;
  line-height: 1.2;
}
body.custom-products .product-overview .products-wrapper .product p {
  font-size: 15px;
  line-height: 1.44;
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
body.custom-products .product-overview .products-wrapper .product.blue {
  background: #225A95;
}
body.custom-products .product-overview .products-wrapper .product.green {
  border: 2px solid #AED79B;
  background: #F2F5F0;
}
body.custom-products .product-overview .products-wrapper .product.teal {
  border: 2px solid #AEDDF1;
  background: #ECF4F8;
}
body.custom-products .product-overview .products-wrapper .product a {
  display: block;
  width: 148px;
  border-radius: 4px;
  font-size: 14px;
  color: #225A95;
  background: #FFF;
  text-align: center;
  height: 42px;
  line-height: 42px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  transition: 0.18s ease;
}
body.custom-products .product-overview .products-wrapper .product a:hover {
  filter: brightness(1.1);
}
@media (max-width: 768px) {
  body.custom-products .product-overview .products-wrapper .product a {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
  }
}
body.custom-products .color-chart {
  padding: 80px 0;
}
@media (max-width: 991px) {
  body.custom-products .color-chart {
    padding: 32px 0;
  }
}
body.custom-products .color-chart span {
  font-size: 18px;
  text-align: center;
  color: #004186;
  width: 100%;
  display: block;
  font-weight: 500;
  margin-top: 12px;
}
body.custom-products .color-chart .color-chart-img {
  width: 900px;
  max-width: 100%;
  display: block;
  margin: 24px auto;
}
body.custom-products .extrusion-capability {
  display: flex;
  flex-direction: column;
  padding: 40px 16px;
  background: #003570;
  margin-bottom: 80px;
  align-items: center;
}
@media (max-width: 991px) {
  body.custom-products .extrusion-capability {
    margin-bottom: 40px;
  }
}
body.custom-products .extrusion-capability h4, body.custom-products .extrusion-capability span {
  color: #fff;
  text-shadow: 0 0 2px rgba(2, 2, 2, 0.12);
}
body.custom-products .extrusion-capability h4 {
  font-size: 55px;
  text-align: center;
  font-weight: 700;
  margin: 12px auto 32px;
}
@media (max-width: 991px) {
  body.custom-products .extrusion-capability h4 {
    font-size: 40px;
  }
}
body.custom-products .extrusion-capability span {
  font-size: 20px;
  display: block;
  text-align: center;
  margin: 2px 0;
  letter-spacing: 1px;
}
body.custom-products .request-sample-kit {
  padding: 100px 20px;
  display: flex;
  position: relative;
}
@media (max-width: 991px) {
  body.custom-products .request-sample-kit {
    flex-direction: column-reverse;
  }
}
body.custom-products .request-sample-kit > div {
  width: 50%;
}
body.custom-products .request-sample-kit > div:nth-of-type(1) {
  display: flex;
  justify-content: center;
}
body.custom-products .request-sample-kit > div:nth-of-type(1) > div {
  width: 476px;
  max-width: 100%;
}
body.custom-products .request-sample-kit > div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1400px) {
  body.custom-products .request-sample-kit > div:nth-of-type(2) img {
    transform: scale(1.2);
  }
}
@media (max-width: 991px) {
  body.custom-products .request-sample-kit > div {
    width: 100%;
  }
}
body.custom-products .request-sample-kit h3 {
  font-size: 32px;
  color: #fff;
  line-height: 1.2;
}
body.custom-products .request-sample-kit .background {
  z-index: -1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  top: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #195391 0%, #003A78 100%);
}
body.custom-products .request-sample-kit form {
  width: 452px;
  max-width: 100%;
}
body.custom-products .request-sample-kit form div.input {
  padding-right: 8px;
  position: relative;
}
body.custom-products .request-sample-kit form div.input input, body.custom-products .request-sample-kit form div.input select {
  width: 100%;
  height: 32px;
  line-height: 32px;
  border: 0px solid transparent;
  border-radius: 0;
  font-size: 14px;
}
body.custom-products .request-sample-kit form .hs-form-field {
  margin-bottom: 12px;
}
body.custom-products .request-sample-kit form label span {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
}
body.custom-products .request-sample-kit form .hs-richtext p {
  color: #fff;
  font-size: 10px;
  opacity: 0.6;
  line-height: 1.2;
  margin: 12px 0;
}
body.custom-products .request-sample-kit form .hs-error-msg, body.custom-products .request-sample-kit form .hs-error-msgs label {
  font-size: 10px;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 1px;
  display: block;
  margin-top: 6px;
}
body.custom-products .request-sample-kit form .hs-error-msgs label {
  font-size: 14px;
  margin-bottom: 12px;
}
body.custom-products .request-sample-kit form input[type=submit] {
  background-color: none;
  background: linear-gradient(to right, #8BC86F 0%, #79DEA3 100%);
  border: 0px solid transparent;
  text-shadow: 0px 2px 4px rgba(2, 2, 2, 0.2);
  cursor: pointer;
  padding: 0;
  transition: 0.18s ease;
}
body.custom-products .request-sample-kit form input[type=submit]:hover {
  filter: brightness(1.1);
}
body.custom-products .tour-our-facility {
  display: flex;
  position: relative;
  padding: 100px 0 64px;
}
@media (max-width: 991px) {
  body.custom-products .tour-our-facility {
    flex-direction: column-reverse;
    padding: 64px 0 40px;
  }
}
body.custom-products .tour-our-facility .video-wrapper {
  background: transparent;
  position: relative;
}
body.custom-products .tour-our-facility .video-wrapper > div {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
body.custom-products .tour-our-facility .video-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.custom-products .tour-our-facility h3 {
  margin-top: -12px !important;
  margin-bottom: 20px !important;
}
body.custom-products .tour-our-facility > div {
  width: 50%;
}
@media (max-width: 991px) {
  body.custom-products .tour-our-facility > div {
    width: 100%;
  }
}
body.custom-products .tour-our-facility > div:nth-of-type(2) {
  padding-left: 48px;
}
@media (max-width: 991px) {
  body.custom-products .tour-our-facility > div:nth-of-type(2) {
    padding-left: 0;
  }
}
body.custom-products .tour-our-facility > div .text-content {
  width: 588px;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  body.custom-products .tour-our-facility > div .text-content p {
    font-size: 20px;
  }
}
body.custom-products .tour-our-facility h3 {
  font-size: 48px;
  color: #004186;
}
@media (max-width: 768px) {
  body.custom-products .tour-our-facility p {
    font-size: 18px;
  }
}
body.custom-products .tour-our-facility .green-button {
  margin-left: 0;
}
body.custom-products .industrial-partners h3 {
  font-size: 48px;
  color: #004186;
  text-align: center;
  margin-bottom: 30px;
}
body.custom-products .industrial-partners .partners-grid {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  transform: translateX(8px);
}
body.custom-products .industrial-partners .partners-grid > div {
  width: calc(25% - 16px);
  margin-right: 16px;
  margin-bottom: 16px;
  position: relative;
}
@media (max-width: 1200px) {
  body.custom-products .industrial-partners .partners-grid > div {
    width: calc(33.333% - 16px);
  }
}
@media (max-width: 768px) {
  body.custom-products .industrial-partners .partners-grid > div {
    width: calc(50% - 16px);
  }
}
body.custom-products .industrial-partners .partners-grid > div > div {
  padding-bottom: 50%;
  background: linear-gradient(20deg, #124F8F 0%, #225A95 50%, #004186 100%);
  position: relative;
  transition: 0.18s ease;
}
body.custom-products .industrial-partners .partners-grid > div > div:hover {
  filter: brightness(1.1);
}
body.custom-products .industrial-partners .partners-grid > div > div a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.custom-products .industrial-partners .partners-grid > div > div a h5 {
  font-size: 22px;
  font-weight: 300;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff !important;
}
@media (max-width: 991px) {
  body.custom-products .industrial-partners .partners-grid > div > div a h5 {
    font-size: 20px;
  }
}
body.custom-products a.blue-button {
  width: 352px;
  max-width: 100%;
  height: 74px;
  display: block;
  line-height: 74px;
  border-radius: 4px;
  text-align: center;
  background: linear-gradient(20deg, #004287 0%, #0784C6 100%);
  font-size: 22px;
  color: #fff;
  margin: 16px auto;
  transition: 0.18s ease;
}
body.custom-products a.blue-button:hover {
  filter: brightness(1.1);
}
@media (max-width: 768px) {
  body.custom-products a.blue-button {
    width: 228px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
  }
}
body.custom-products a.green-button {
  width: 352px;
  max-width: 100%;
  height: 74px;
  display: block;
  line-height: 74px;
  border-radius: 4px;
  text-align: center;
  background: #8BC86F;
  font-size: 22px;
  color: #fff;
  margin: 16px auto;
  transition: 0.18s ease;
}
body.custom-products a.green-button:hover {
  filter: brightness(1.1);
}
@media (max-width: 768px) {
  body.custom-products a.green-button {
    width: 228px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
  }
}

.hide {
  display: none !important;
}

.flexBox {
  display: flex;
}

.opaque {
  opacity: 0.1;
}

.froze {
  pointer-events: none;
}

.free-downloads-tiles:has(.froze) {
  cursor: pointer;
}

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  cursor: pointer;
  overflow-y: hidden;
}

body.epilog {
  background: #FFFFFF;
}
body.epilog h2.title {
  margin-bottom: 40px;
}
body.epilog .mainContentWrapper {
  width: 100% !important;
  max-width: 100% !important;
}
body.epilog .maintestimonial {
  display: none;
}
body.epilog #footer .testimonialarea {
  min-height: unset !important;
}
body.epilog #header h3 {
  font-size: 48px;
  color: #004186;
}
@media (max-width: 991px) {
  body.epilog #header h3 {
    font-size: 28px;
  }
}
body.epilog .swatch-binder-giveaway {
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway {
    max-height: 600px;
  }
}
body.epilog .swatch-binder-giveaway .mobile-close-button {
  top: -22px !important;
  left: -16px !important;
  float: right !important;
}
@media (min-width: 992px) {
  body.epilog .swatch-binder-giveaway .mobile-close-button {
    display: none;
  }
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway .desktop-close-button {
    display: none;
  }
}
body.epilog .swatch-binder-giveaway .close-button-wrapper {
  width: 17px;
  height: 17px;
  cursor: pointer;
  order: -1;
  position: relative;
  align-self: flex-end;
  left: 30px;
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway .close-button-wrapper {
    top: -715px;
    left: -9px;
  }
}
@media (max-width: 681px) {
  body.epilog .swatch-binder-giveaway .close-button-wrapper {
    top: -753px;
  }
}
@media (max-width: 650px) {
  body.epilog .swatch-binder-giveaway .close-button-wrapper {
    top: -696px;
  }
}
@media (max-width: 557px) {
  body.epilog .swatch-binder-giveaway .close-button-wrapper {
    top: -700px;
  }
}
@media (max-width: 414px) {
  body.epilog .swatch-binder-giveaway .close-button-wrapper {
    top: -720px;
  }
}
body.epilog .swatch-binder-giveaway div {
  z-index: 998;
}
body.epilog .header-background {
  height: 775px;
  width: 100%;
  background: #F9F9F9;
  position: absolute;
}
@media (max-width: 768px) {
  body.epilog .header-background {
    background: #FFFFFF;
  }
}
body.epilog .epilog-header > div {
  display: flex;
}
@media (max-width: 991px) {
  body.epilog .epilog-header > div {
    flex-direction: column;
  }
}
body.epilog .epilog-header div .headertext {
  width: 100%;
}
body.epilog .epilog-header div .headertext div img {
  width: 400px;
  padding-bottom: 40px;
}
body.epilog .epilog-header div .headertext div .mainContentWrapper p {
  max-width: 800px;
}
body.epilog .epilog-header div .headertext div .mainContentWrapper p .scroll-to-form {
  text-decoration: none;
  color: inherit;
  cursor: inherit;
}
body.epilog .epilog-header div .headertext div .mainContentWrapper button {
  background: #07A8E0;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  transition: 0.18s ease;
  height: 50px;
  width: 200px;
}
body.epilog .epilog-header div .headertext div .mainContentWrapper button:hover {
  filter: brightness(1.1);
}
@media (max-width: 991px) {
  body.epilog .epilog-header div .printer-image-wrapper {
    display: none;
  }
}
body.epilog .epilog-header div .printer-image-wrapper .printer-img {
  top: -35px;
  position: relative;
  height: 100%;
}
@media (max-width: 998px) {
  body.epilog .free-downloads .free-downloads-header {
    font-size: 40px !important;
  }
}
@media (max-width: 900px) {
  body.epilog .free-downloads .free-downloads-header {
    font-size: 35px !important;
  }
}
body.epilog .free-downloads .free-downloads-header.unverified {
  opacity: 0.1;
}
body.epilog .downloads-tiles {
  justify-content: center;
}
@media (max-width: 768px) {
  body.epilog .downloads-tiles {
    flex-direction: column;
    align-items: center;
  }
}
body.epilog .downloads-tiles .dl-tile {
  margin-top: 30px;
  width: 20%;
  transition: 0.18s ease;
  min-width: 155px;
}
@media (max-width: 1200px) {
  body.epilog .downloads-tiles .dl-tile {
    margin-right: 20px !important;
  }
}
@media (max-width: 900px) {
  body.epilog .downloads-tiles .dl-tile {
    margin-right: 15px !important;
  }
}
@media (max-width: 768px) {
  body.epilog .downloads-tiles .dl-tile {
    margin-right: 0 !important;
    min-width: 275px !important;
    margin-top: 50px;
  }
}
body.epilog .downloads-tiles .dl-tile:hover {
  cursor: pointer;
}
body.epilog .downloads-tiles .dl-tile:hover .free-downloads-link {
  filter: brightness(1.1);
}
body.epilog .downloads-tiles .dl-tile .free-downloads-image {
  height: auto;
}
body.epilog .downloads-tiles .dl-tile .free-downloads-link {
  background: #A4D564;
  height: 50px;
  transition: 0.18s ease;
  margin-top: 15px;
}
@media (max-width: 900px) {
  body.epilog .downloads-tiles .dl-tile .free-downloads-link {
    height: 40px;
  }
}
@media (max-width: 768px) {
  body.epilog .downloads-tiles .dl-tile .free-downloads-link {
    height: 50px;
    margin-top: 5px;
  }
}
body.epilog .downloads-tiles .dl-tile .free-downloads-link a h5 {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
@media (max-width: 998px) {
  body.epilog .additional-resources h3 {
    font-size: 40px !important;
  }
}
@media (max-width: 900px) {
  body.epilog .additional-resources h3 {
    font-size: 35px !important;
  }
}
body.epilog .additional-resources .downloads-tiles {
  justify-content: center;
}
body.epilog .additional-resources .downloads-tiles .dl-tile {
  width: 20%;
}
body.epilog .downloads-tiles, body.epilog .link-tiles {
  display: flex;
  position: relative;
}
body.epilog .downloads-tiles .email-req-form, body.epilog .link-tiles .email-req-form {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45%;
  min-width: 340px;
  background: linear-gradient(to bottom, #195391 0%, #003A78 100%);
  padding: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
@media (max-width: 1300px) {
  body.epilog .downloads-tiles .email-req-form, body.epilog .link-tiles .email-req-form {
    padding: 50px;
  }
}
@media (max-width: 980px) {
  body.epilog .downloads-tiles .email-req-form, body.epilog .link-tiles .email-req-form {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  body.epilog .downloads-tiles .email-req-form, body.epilog .link-tiles .email-req-form {
    padding: 15px;
  }
}
@media (max-width: 400px) {
  body.epilog .downloads-tiles .email-req-form, body.epilog .link-tiles .email-req-form {
    width: calc(100% - 1px);
    min-width: 260px;
  }
}
body.epilog .downloads-tiles .email-req-form span, body.epilog .link-tiles .email-req-form span {
  color: #fff !important;
}
body.epilog .downloads-tiles .email-req-form div.input, body.epilog .link-tiles .email-req-form div.input {
  padding-right: 0 !important;
}
body.epilog .downloads-tiles .email-req-form .hs-error-msgs, body.epilog .link-tiles .email-req-form .hs-error-msgs {
  margin-bottom: 20px;
}
@media (max-width: 1480px) {
  body.epilog .downloads-tiles .email-req-form .hs-error-msgs, body.epilog .link-tiles .email-req-form .hs-error-msgs {
    margin-bottom: 35px;
  }
}
@media (max-width: 990px) {
  body.epilog .downloads-tiles .email-req-form .hs-error-msgs, body.epilog .link-tiles .email-req-form .hs-error-msgs {
    margin-bottom: 50px;
  }
}
body.epilog .downloads-tiles .email-req-form .hs-error-msgs li label a, body.epilog .link-tiles .email-req-form .hs-error-msgs li label a {
  color: yellow;
}
body.epilog .downloads-tiles .email-req-form .hs-error-msg, body.epilog .link-tiles .email-req-form .hs-error-msg {
  color: #444 !important;
  margin-top: 0;
}
body.epilog .downloads-tiles .email-req-form .hs-error-msg span, body.epilog .link-tiles .email-req-form .hs-error-msg span {
  color: #444 !important;
}
body.epilog .downloads-tiles .email-req-form p, body.epilog .link-tiles .email-req-form p {
  font-size: 16px !important;
}
body.epilog .downloads-tiles .email-req-form input[type=text], body.epilog .downloads-tiles .email-req-form input[type=email], body.epilog .link-tiles .email-req-form input[type=text], body.epilog .link-tiles .email-req-form input[type=email] {
  background: #e7e7e7 !important;
}
@media (max-width: 768px) {
  body.epilog .downloads-tiles .email-req-form input[type=text], body.epilog .downloads-tiles .email-req-form input[type=email], body.epilog .link-tiles .email-req-form input[type=text], body.epilog .link-tiles .email-req-form input[type=email] {
    height: 30px !important;
  }
}
body.epilog .downloads-tiles .email-req-form input[type=submit], body.epilog .link-tiles .email-req-form input[type=submit] {
  margin-bottom: 0;
  width: 30%;
  min-width: 125px;
  height: 40px;
  line-height: unset;
  font-size: 16px;
  background: #A4D564 !important;
  text-shadow: none !important;
  border: none !important;
  border-radius: unset !important;
}
@media (max-width: 768px) {
  body.epilog .downloads-tiles .email-req-form input[type=submit], body.epilog .link-tiles .email-req-form input[type=submit] {
    height: 30px;
  }
}
body.epilog .downloads-tiles .email-req-form input[type=submit]:hover, body.epilog .link-tiles .email-req-form input[type=submit]:hover {
  filter: brightness(1.1);
}
body.epilog .downloads-tiles > .dl-tile, body.epilog .downloads-tiles .link-tile, body.epilog .link-tiles > .dl-tile, body.epilog .link-tiles .link-tile {
  margin-right: 30px;
  position: relative;
  transition: all 0.48s, width 0s, height 0s;
  transition-delay: 0.5s;
}
@media (max-width: 1200px) {
  body.epilog .downloads-tiles > .dl-tile, body.epilog .downloads-tiles .link-tile, body.epilog .link-tiles > .dl-tile, body.epilog .link-tiles .link-tile {
    width: calc(33.333% - 16px) !important;
  }
}
@media (max-width: 768px) {
  body.epilog .downloads-tiles > .dl-tile, body.epilog .downloads-tiles .link-tile, body.epilog .link-tiles > .dl-tile, body.epilog .link-tiles .link-tile {
    width: calc(60% - 16px) !important;
  }
}
body.epilog .downloads-tiles > .dl-tile > div, body.epilog .downloads-tiles .link-tile > div, body.epilog .link-tiles > .dl-tile > div, body.epilog .link-tiles .link-tile > div {
  position: relative;
}
body.epilog .downloads-tiles > .dl-tile > div a, body.epilog .downloads-tiles .link-tile > div a, body.epilog .link-tiles > .dl-tile > div a, body.epilog .link-tiles .link-tile > div a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.epilog .downloads-tiles > .dl-tile > div a h5, body.epilog .downloads-tiles .link-tile > div a h5, body.epilog .link-tiles > .dl-tile > div a h5, body.epilog .link-tiles .link-tile > div a h5 {
  color: #fff !important;
}
@media (max-width: 991px) {
  body.epilog .downloads-tiles > .dl-tile > div a h5, body.epilog .downloads-tiles .link-tile > div a h5, body.epilog .link-tiles > .dl-tile > div a h5, body.epilog .link-tiles .link-tile > div a h5 {
    font-size: 20px;
  }
}
body.epilog .downloads-tiles:before, body.epilog .link-tiles:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(2, 2, 2, 0.2);
  backdrop-filter: blur(4px);
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.66s;
}
body.epilog .downloads-tiles.unverified, body.epilog .link-tiles.unverified {
  flex-direction: unset;
  overflow: hidden;
}
body.epilog .downloads-tiles.unverified .email-req-form, body.epilog .link-tiles.unverified .email-req-form {
  position: absolute;
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
}
body.epilog .downloads-tiles.unverified:before, body.epilog .link-tiles.unverified:before {
  pointer-events: auto;
  z-index: 1;
}
body.epilog .downloads-tiles.unverified .dl-tile, body.epilog .downloads-tiles.unverified .link-tile, body.epilog .link-tiles.unverified .dl-tile, body.epilog .link-tiles.unverified .link-tile {
  pointer-events: none;
  opacity: 0.1;
}
body.epilog .link-tiles {
  width: 900px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
body.epilog .link-tiles > .dl-tile, body.epilog .link-tiles .link-tile {
  width: calc(50% - 16px);
}
@media (max-width: 1200px) {
  body.epilog .link-tiles > .dl-tile, body.epilog .link-tiles .link-tile {
    width: calc(50% - 16px);
  }
}
body.epilog .free-downloads, body.epilog .distributors-and-contact {
  padding: 150px 16px;
  width: 100%;
}
@media (max-width: 991px) {
  body.epilog .free-downloads, body.epilog .distributors-and-contact {
    padding: 64px 16px;
  }
}
body.epilog .modal-right-side {
  display: flex;
  flex-direction: column;
  position: relative;
  bottom: 42px;
  right: 5px;
  z-index: 0 !important;
}
body.epilog .swatch-binder-giveaway {
  background: linear-gradient(to bottom, #195391 0%, #003A78 100%);
  padding: 55px 40px 0 69px;
}
@media (min-width: 992px) {
  body.epilog .swatch-binder-giveaway {
    min-width: 933px;
  }
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway {
    flex-direction: column-reverse;
    padding: 16px 17px 48px 80px;
  }
}
@media (max-width: 650px) {
  body.epilog .swatch-binder-giveaway {
    line-height: 18px;
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway {
    display: block;
    overflow-y: scroll;
    padding: 40px 0 20px 22px !important;
    width: calc(75% - 25px);
  }
}
@media (max-width: 768px) {
  body.epilog .swatch-binder-giveaway {
    width: calc(85% - 10px);
    max-height: 525px;
  }
}
body.epilog .swatch-binder-giveaway .modal-printer-image {
  min-width: 250px;
  padding: 15px;
  position: relative;
  right: 15px;
  max-width: 452px;
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway .modal-printer-image {
    display: block;
    top: 61px;
  }
}
body.epilog .swatch-binder-giveaway .form-area {
  position: relative;
}
body.epilog .swatch-binder-giveaway .form-area form {
  position: relative;
  display: grid;
  grid-template-columns: 342px 30px;
  grid-template-rows: repeat(5, auto);
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway .form-area form {
    display: block;
  }
}
body.epilog .swatch-binder-giveaway .form-area form .hs-form-field {
  width: 100%;
  position: relative;
  grid-column: 1;
}
body.epilog .swatch-binder-giveaway .form-area form .hs-form-field ul li .hs-error-msg {
  color: yellow !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
body.epilog .swatch-binder-giveaway .form-area form .hs-form-field .input input {
  height: 27px !important;
  margin-bottom: 0 !important;
}
body.epilog .swatch-binder-giveaway .form-area form .hs-form-field .input select {
  height: 27px !important;
  margin-bottom: 0 !important;
}
body.epilog .swatch-binder-giveaway .form-area form .hs-form-field:nth-child(n+10), body.epilog .swatch-binder-giveaway .form-area form .hs-submit {
  grid-column: 2;
  grid-row: span 5;
  left: 30px;
  min-width: 355px;
  bottom: 164px;
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway .form-area form .hs-form-field:nth-child(n+10), body.epilog .swatch-binder-giveaway .form-area form .hs-submit {
    grid-column: unset;
    grid-row: unset;
    left: unset;
    min-width: unset;
    bottom: unset;
  }
}
body.epilog .swatch-binder-giveaway .form-area form .hs-submit {
  position: relative;
  min-width: 192px;
  max-width: 376px;
  background: #A4D564 !important;
  height: 0;
  bottom: 148px;
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway .form-area form .hs-submit {
    bottom: unset;
  }
}
body.epilog .swatch-binder-giveaway .form-area form .hs-submit:hover {
  filter: brightness(1.1);
}
body.epilog .swatch-binder-giveaway .form-area form .hs-submit .actions {
  height: 40px;
}
body.epilog .swatch-binder-giveaway .form-area form .hs-submit .actions input {
  background: #A4D564 !important;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 0;
  height: 100%;
  text-align: center;
  line-height: 0;
  font-size: 20px;
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway > div {
    width: 100%;
  }
}
body.epilog .swatch-binder-giveaway h3 {
  font-size: 32px !important;
  color: #fff !important;
  line-height: 1.2;
  font-weight: 700;
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway h3 {
    font-size: 24px !important;
  }
}
body.epilog .swatch-binder-giveaway p {
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 32px;
}
body.epilog .swatch-binder-giveaway .background {
  z-index: -1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  top: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #195391 0%, #003A78 100%);
}
body.epilog .swatch-binder-giveaway span.note {
  font-size: 11px;
  color: #fff;
  opacity: 0.7;
  font-weight: 500;
  width: 452px;
  max-width: 100%;
  order: 2;
  position: absolute;
  top: 200px;
}
@media (min-width: 992px) {
  body.epilog .swatch-binder-giveaway span.note {
    top: unset;
    bottom: 30px;
  }
}
@media (max-width: 991px) {
  body.epilog .swatch-binder-giveaway span.note {
    top: 28px;
  }
}
body.epilog form.hs-form {
  width: 85%;
}
body.epilog form.hs-form div.input {
  padding-right: 8px;
  position: relative;
}
body.epilog form.hs-form div.input input, body.epilog form.hs-form div.input select {
  width: 100%;
  min-width: 200px;
  height: 40px;
  margin-bottom: 10px;
  border: none;
  outline: none;
  border-radius: 0;
  font-size: 14px;
}
body.epilog form.hs-form .hs-form-field {
  margin-bottom: 12px;
}
body.epilog form.hs-form label span {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
}
body.epilog form.hs-form .hs-richtext p {
  color: #fff;
  font-size: 10px;
  opacity: 0.6;
  line-height: 1.2;
  margin: 12px 0;
}
body.epilog form.hs-form .hs-error-msg, body.epilog form.hs-form .hs-error-msgs label {
  font-size: 10px;
  color: yellow !important;
  line-height: 1.2;
  letter-spacing: 1px;
  display: block;
  margin-top: 6px;
}
body.epilog form.hs-form .hs-error-msgs label {
  font-size: 14px;
  margin-bottom: 12px;
}
body.epilog form.hs-form input[type=submit] {
  background: linear-gradient(to right, #8BC86F 0%, #79DEA3 100%);
  border: 0 solid transparent;
  text-shadow: 0 2px 4px rgba(2, 2, 2, 0.2);
  cursor: pointer;
  padding: 0;
  transition: 0.18s ease;
}
body.epilog #header h3 {
  font-size: 48px;
  color: #004186;
  text-align: center;
}
body.epilog #header form.hs-form {
  width: 85%;
}
body.epilog #header form.hs-form div.input {
  padding-right: 8px;
  position: relative;
}
body.epilog #header form.hs-form div.input input, body.epilog #header form.hs-form div.input select {
  width: 100%;
  min-width: 200px;
  height: 40px;
  margin-bottom: 10px;
  border: none;
  outline: none;
  border-radius: 0;
  font-size: 14px;
}
body.epilog #header form.hs-form .hs-form-field {
  margin-bottom: 12px;
}
body.epilog #header form.hs-form label span {
  color: #fff;
  font-size: 14px;
  letter-spacing: 1px;
}
body.epilog #header form.hs-form .hs-richtext p {
  color: #fff;
  font-size: 10px;
  opacity: 0.6;
  line-height: 1.2;
  margin: 12px 0;
}
body.epilog #header form.hs-form .hs-error-msg, body.epilog #header form.hs-form .hs-error-msgs label {
  font-size: 10px;
  color: yellow !important;
  line-height: 1.2;
  letter-spacing: 1px;
  display: block;
  margin-top: 6px;
}
body.epilog #header form.hs-form .hs-error-msgs label {
  font-size: 14px;
  margin-bottom: 12px;
}
body.epilog #header form.hs-form input[type=submit] {
  background: linear-gradient(to right, #8BC86F 0%, #79DEA3 100%);
  border: 0 solid transparent;
  text-shadow: 0 2px 4px rgba(2, 2, 2, 0.2);
  cursor: pointer;
  padding: 0;
  transition: 0.18s ease;
}

body.our-sheet {
  overflow-x: hidden;
  font-family: "HelveticaNeueLTStd", "neue-haas-grotesk-display", "Helvetica", "Arial", sans-serif, Helvetica, Arial, sans-serif !important;
}
body.our-sheet #footer {
  font-family: "neue-haas-grotesk-display", "Helvetica", "Arial", sans-serif, Helvetica, Arial, sans-serif !important;
}
body.our-sheet .navbar {
  font-family: "neue-haas-grotesk-display", "Helvetica", "Arial", sans-serif, Helvetica, Arial, sans-serif !important;
}
body.our-sheet .navbar a p {
  color: white;
}
body.our-sheet .navbar #searchicon {
  fill: white !important;
}
body.our-sheet .navbar #regularlogo {
  opacity: 0;
}
body.our-sheet .navbar #whitelogo {
  opacity: 1;
  display: revert;
}
body.our-sheet .navbar .navbar-burger:before {
  color: white;
}
body.our-sheet .navbar .navbar-burger {
  color: white;
}
body.our-sheet .navbar.scrolled #searchicon {
  fill: #004186 !important;
}
body.our-sheet .navbar.scrolled a p {
  color: #003A78;
}
body.our-sheet .navbar.scrolled #regularlogo {
  opacity: 1;
}
body.our-sheet .navbar.scrolled #whitelogo {
  opacity: 0;
}
body.our-sheet .navbar.scrolled .navbar-burger:before {
  color: #004186;
}
body.our-sheet .navbar.scrolled .navbar-burger {
  color: #004186;
}
body.our-sheet .maintestimonial {
  display: none;
}
body.our-sheet #footer .testimonialarea {
  min-height: 308px;
}
body.our-sheet .testimonialarea {
  display: none;
}
body.our-sheet .sheetgraphic {
  display: none;
}
body.our-sheet #header .mainwrap {
  padding-top: 0;
  width: 100%;
  background-color: #FFFFFF;
  color: #003A78;
}
body.our-sheet p {
  color: #003A78;
}
body.our-sheet h1 {
  font-size: 3.5em;
  font-weight: 200;
  position: relative;
  line-height: 0.3;
  margin-bottom: 0.2em;
}
@media (max-width: 600px) {
  body.our-sheet h1 {
    font-size: 2.8em;
  }
}
body.our-sheet h1:before {
  position: absolute;
  background-color: #F1F5F9;
  left: -30px;
  top: -60px;
  content: "";
  width: 178px;
  height: 280px;
  z-index: -1;
}
body.our-sheet .stylized-title {
  font-family: "cloudy-night", serif;
  font-size: 2.5em;
  letter-spacing: 0;
  line-height: 1.5;
}
@media (max-width: 600px) {
  body.our-sheet .stylized-title {
    font-size: 2em;
  }
}
@media (max-width: 300px) {
  body.our-sheet .stylized-title {
    font-size: 1.7em;
  }
}
body.our-sheet .our-sheet-header {
  z-index: -1;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  min-height: 60vh;
}
body.our-sheet .our-sheet-header .button-container {
  position: relative;
}
body.our-sheet .our-sheet-header .button-container .video-button {
  position: absolute;
  bottom: 15px;
  left: 30px;
  width: 80px;
  height: 80px;
  background-image: url("/images/our-sheet/pause.png");
  background-color: transparent;
  z-index: 2;
  content: "";
  display: block;
  background-size: cover;
  background-position: center;
  border: none;
  outline: none;
  box-shadow: none;
  opacity: 50%;
}
body.our-sheet .our-sheet-header .button-container .video-button:hover {
  opacity: 80%;
}
@media (max-width: 1100px) {
  body.our-sheet .our-sheet-header .button-container .video-button {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 900px) {
  body.our-sheet .our-sheet-header .button-container .video-button {
    bottom: 60px;
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 800px) {
  body.our-sheet .our-sheet-header .button-container .video-button {
    bottom: 85px;
  }
}
@media (max-width: 600px) {
  body.our-sheet .our-sheet-header .button-container .video-button {
    bottom: 65px;
    width: 40px;
    height: 40px;
  }
}
body.our-sheet .our-sheet-header .video-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  filter: blur(2px);
  object-fit: cover;
}
body.our-sheet .sheet-page-links {
  margin-top: -120px;
  margin-left: 20%;
  margin-right: 20%;
  z-index: 1;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1450px) {
  body.our-sheet .sheet-page-links {
    margin-top: -90px;
  }
}
@media (max-width: 1110px) {
  body.our-sheet .sheet-page-links {
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media (max-width: 900px) {
  body.our-sheet .sheet-page-links {
    margin-top: -75px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 800px) {
  body.our-sheet .sheet-page-links {
    margin-top: -100px;
  }
}
@media (max-width: 600px) {
  body.our-sheet .sheet-page-links {
    margin-top: -70px;
  }
}
body.our-sheet .sheet-page-links .header-links {
  width: 25%;
  flex-direction: row;
  display: block;
  padding: 0.75rem;
}
@media (max-width: 800px) {
  body.our-sheet .sheet-page-links .header-links {
    width: 50%;
  }
}
@media (max-width: 600px) {
  body.our-sheet .sheet-page-links .header-links {
    padding: 0.25rem;
  }
}
body.our-sheet .sheet-page-links .links-wrapper {
  padding: 0;
  margin: 3%;
}
body.our-sheet .sheet-page-links .links-wrapper .teal {
  background: #07A8E0;
}
body.our-sheet .sheet-page-links .links-wrapper .green {
  background: #A4D564;
}
body.our-sheet .sheet-page-links .links-wrapper .button-wrapper {
  padding: 2em 1.5em 50%;
  max-width: 320px;
  max-height: 150px;
  position: relative;
}
@media (max-width: 800px) {
  body.our-sheet .sheet-page-links .links-wrapper .button-wrapper {
    padding: 2em 1.5em 40%;
  }
}
body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10%;
}
body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a .customer {
  padding-top: 8px;
  padding-bottom: 0.2em;
}
@media (max-width: 600px) {
  body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a .customer {
    padding-top: 6px;
  }
}
@media (max-width: 450px) {
  body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a .customer {
    padding-top: 4px;
  }
}
body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a hr {
  width: 50%;
  margin: 0;
  height: 1px;
}
body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a p {
  font-size: 1.5vw;
  font-weight: 200;
  line-height: 1.25;
  color: #FFFFFF;
  white-space: nowrap;
  letter-spacing: 0;
}
@media (max-width: 800px) {
  body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a p {
    font-size: 160%;
  }
}
@media (max-width: 600px) {
  body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a p {
    font-size: 130%;
  }
}
@media (max-width: 450px) {
  body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a p {
    font-size: 100%;
  }
}
@media (max-width: 340px) {
  body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a p {
    font-size: 80%;
  }
}
body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a p .heavy {
  font-weight: 800;
  font-size: 1.75em;
  letter-spacing: 1px;
}
body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a p .testimonial-font {
  font-size: 1em;
  line-height: 1.5;
}
body.our-sheet .sheet-page-links .links-wrapper .button-wrapper a p .light-people-font {
  font-size: 0.85em;
}
body.our-sheet .sheet-story {
  padding-bottom: 1em;
}
body.our-sheet .sheet-story h1 {
  line-height: 0;
  padding-top: 16px;
}
@media (max-width: 388px) {
  body.our-sheet .sheet-story h1 {
    line-height: 1;
  }
}
body.our-sheet .sheet-story h1:before {
  top: -28px;
  left: -40px;
}
@media (max-width: 600px) {
  body.our-sheet .sheet-story h1:before {
    height: 210px;
  }
}
@media (max-width: 500px) {
  body.our-sheet .sheet-story h1:before {
    left: -30px;
  }
}
@media (max-width: 388px) {
  body.our-sheet .sheet-story h1:before {
    height: 324px;
  }
}
@media (max-width: 388px) {
  body.our-sheet .sheet-story h1 .stylized-title {
    line-height: 1.2;
  }
}
body.our-sheet .sheet-story p {
  margin-top: -16px;
  letter-spacing: 0;
}
body.our-sheet .sheet-story, body.our-sheet .sheet-videos {
  background: #FAFAFA;
  position: relative;
  z-index: -2;
}
body.our-sheet .sheet-wrap {
  width: 80%;
  max-width: 100%;
  margin: 4em auto 0;
  position: relative;
  padding-top: 6em;
  padding-bottom: 8em;
}
@media (max-width: 1000px) {
  body.our-sheet .sheet-wrap {
    padding-bottom: 4em;
  }
}
body.our-sheet .sheet-wrap .stop-signs {
  margin-top: 2em;
}
body.our-sheet .sheet-wrap .stop-signs .is-6-desktop:first-child {
  padding-right: 24px;
}
@media (max-width: 768px) {
  body.our-sheet .sheet-wrap .stop-signs .is-6-desktop:first-child {
    padding: 0.75rem;
  }
}
body.our-sheet .sheet-wrap .stop-signs .is-6-desktop:last-child {
  padding-left: 24px;
}
@media (max-width: 768px) {
  body.our-sheet .sheet-wrap .stop-signs .is-6-desktop:last-child {
    padding: 0.75rem;
  }
}
body.our-sheet .sheet-wrap .signs {
  background-color: #07A8E0;
  padding-bottom: 0;
}
body.our-sheet .sheet-wrap .signs p {
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  font-size: 2em;
  margin: 0 1.5em;
  padding: 10px 0;
  line-height: 1.2;
  min-height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1553px) {
  body.our-sheet .sheet-wrap .signs p {
    min-height: 135px;
  }
}
@media (max-width: 1275px) {
  body.our-sheet .sheet-wrap .signs p {
    font-size: 1.5em;
    min-height: 100px;
  }
}
@media (max-width: 975px) {
  body.our-sheet .sheet-wrap .signs p {
    font-size: 1.2em;
  }
}
@media (max-width: 768px) {
  body.our-sheet .sheet-wrap .signs p {
    min-height: 80px;
  }
}
body.our-sheet .sheet-wrap .signs img {
  display: block;
}
body.our-sheet .sheet-wrap .quote {
  background-color: #FFFFFF;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1490196078);
  margin: 10em 16% 5em;
  padding: 3em 8em 3em 3em;
  position: relative;
  min-height: 350px;
  display: flex;
}
body.our-sheet .sheet-wrap .quote .quote-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 770px) {
  body.our-sheet .sheet-wrap .quote {
    margin: 10em 3% 12em;
    padding: 3em 1em 12em;
  }
}
@media (max-width: 490px) {
  body.our-sheet .sheet-wrap .quote {
    padding: 3em 1em 9em;
    margin: 10em 3% 8em;
  }
}
body.our-sheet .sheet-wrap .quote .quote-headshot {
  position: absolute;
  right: -166px;
  bottom: 50%;
  width: 248px;
  height: 267px;
  margin-bottom: -134px;
}
@media (max-width: 770px) {
  body.our-sheet .sheet-wrap .quote .quote-headshot {
    right: 50%;
    margin-right: -124px;
    margin-bottom: 0;
    bottom: -100px;
  }
}
@media (max-width: 490px) {
  body.our-sheet .sheet-wrap .quote .quote-headshot {
    width: 174px;
    height: 187px;
    right: 50%;
    margin-right: -87px;
    bottom: -80px;
  }
}
body.our-sheet .sheet-wrap .quote p {
  font-style: italic;
  font-size: 1.8em;
  margin: 0;
}
@media (max-width: 770px) {
  body.our-sheet .sheet-wrap .quote p {
    font-size: 1.4em;
  }
}
body.our-sheet .sheet-wrap .quote .quote-author {
  font-style: normal;
  font-weight: 600;
}
body.our-sheet .sheet-wrap .quote .quote-author .quote-source {
  font-style: italic;
  font-weight: 400;
}
body.our-sheet .sheet-wrap .quote .top-quote-image {
  position: absolute;
  transform: scale(-1, -1);
  width: 70px;
  left: -25px;
  top: -25px;
}
body.our-sheet .sheet-wrap .quote .bottom-quote-image {
  position: absolute;
  width: 70px;
  right: -35px;
  bottom: -25px;
}
body.our-sheet .sheet-wrap .green-link {
  background: #A4D564 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2509803922);
  width: 490px;
  max-width: 100%;
  margin: 45px auto;
  font-weight: 700;
  height: 80px;
  line-height: 80px;
}
body.our-sheet .sheet-wrap .green-link:hover {
  filter: brightness(1.1);
}
body.our-sheet .sheet-wrap a {
  font-size: 2.5em;
  color: #FFFFFF;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
}
@media (max-width: 510px) {
  body.our-sheet .sheet-wrap a {
    font-size: 1.5em;
  }
}
body.our-sheet .sheet-testimonials h1:before {
  top: -62px;
}
@media (max-width: 600px) {
  body.our-sheet .sheet-testimonials h1:before {
    height: 240px;
  }
}
body.our-sheet .sheet-testimonials .stylized-title {
  padding-left: 24px;
}
@media (max-width: 400px) {
  body.our-sheet .sheet-testimonials .stylized-title {
    padding-left: 12px;
    font-size: 1.7em;
  }
}
body.our-sheet .testimonial-wrapper {
  margin: 6em -2em 2em;
}
@media (max-width: 480px) {
  body.our-sheet .testimonial-wrapper .slick-dots {
    bottom: -25px;
    height: 20px;
  }
}
@media (max-width: 480px) {
  body.our-sheet .testimonial-wrapper .slick-dots li {
    width: 12px;
  }
}
body.our-sheet .testimonial-wrapper .slick-dots li button::before {
  content: "⭘";
  font-size: 15px;
}
body.our-sheet .testimonial-wrapper .slick-dots li.slick-active button:before {
  color: black;
}
@media (max-width: 600px) {
  body.our-sheet .testimonial-wrapper {
    margin-top: 10em;
  }
}
body.our-sheet .testimonial-wrapper .testimonial-grid {
  background: #F7F7F7 0% 0% no-repeat padding-box;
  box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.0784313725);
  border-radius: 20px;
  padding: 1.25em;
  margin-right: 3em;
  margin-bottom: 2em;
  text-align: center;
  min-height: 496px;
}
@media (max-width: 960px) {
  body.our-sheet .testimonial-wrapper .testimonial-grid {
    min-height: 400px;
  }
}
@media (max-width: 700px) {
  body.our-sheet .testimonial-wrapper .testimonial-grid {
    min-height: 450px;
  }
}
body.our-sheet .testimonial-wrapper .testimonial-grid img {
  width: 42px;
  height: 31px;
  min-width: auto;
  display: block;
  margin: 2em auto;
}
body.our-sheet .testimonial-wrapper .testimonial-grid .customer-quote {
  line-height: 1.2;
  padding-bottom: 24px;
}
body.our-sheet .testimonial-wrapper .testimonial-grid p {
  font-size: 130%;
}
@media (max-width: 550px) {
  body.our-sheet .testimonial-wrapper .testimonial-grid p {
    font-size: 100%;
  }
}
body.our-sheet .testimonial-wrapper .testimonial-grid hr {
  background-color: #07A8E0;
  width: 40%;
  margin: auto;
  opacity: 0.3;
}
body.our-sheet .testimonial-wrapper .testimonial-grid .bold-name {
  padding-top: 24px;
  font-weight: 600;
}
body.our-sheet .testimonial-wrapper .testimonial-grid .company-name {
  font-style: italic;
  font-size: 0.9em;
}
body.our-sheet .sheet-videos h1:before {
  top: -40px;
}
body.our-sheet .sheet-videos .videos-text {
  margin-right: 4em;
}
@media (max-width: 1105px) {
  body.our-sheet .sheet-videos .videos-text {
    margin-right: 0;
  }
}
body.our-sheet .sheet-videos .videos-text p {
  font-size: 165%;
  letter-spacing: 0;
  margin-top: -24px;
}
@media (max-width: 600px) {
  body.our-sheet .sheet-videos .videos-text p {
    margin-top: 56px;
  }
}
@media (max-width: 1562px) {
  body.our-sheet .sheet-videos .videos-text a {
    font-size: 2em;
  }
}
@media (max-width: 1260px) {
  body.our-sheet .sheet-videos .videos-text a {
    font-size: 1.8em;
  }
}
@media (max-width: 1140px) {
  body.our-sheet .sheet-videos .videos-text a {
    font-size: 1.5em;
  }
}
@media (max-width: 1105px) {
  body.our-sheet .sheet-videos .videos-text a {
    font-size: 2.2em;
  }
}
@media (max-width: 385px) {
  body.our-sheet .sheet-videos .videos-text a {
    font-size: 1.6em;
  }
}
body.our-sheet .sheet-videos .heading-link {
  font-size: 200%;
  font-weight: 700;
  text-align: center;
  color: #003A78;
  margin: 0.3em 0;
  display: block;
}
@media (max-width: 642px) {
  body.our-sheet .sheet-videos .heading-link {
    font-size: 130%;
  }
}
@media (max-width: 425px) {
  body.our-sheet .sheet-videos .heading-link {
    font-size: 100%;
  }
}
@media (max-width: 340px) {
  body.our-sheet .sheet-videos .heading-link {
    font-size: 80%;
  }
}
body.our-sheet .sheet-videos .video-wrap {
  height: 0;
  padding-bottom: 56.25%;
}
body.our-sheet .sheet-videos .video-wrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
body.our-sheet .smaller-videos {
  margin: 0 6%;
}
body.our-sheet .smaller-videos .video-thumbnail {
  min-height: 150px;
}
body.our-sheet .smaller-videos .slick-prev {
  top: 35%;
}
body.our-sheet .smaller-videos .slick-prev::before {
  content: "";
  display: block;
  height: 100%;
  background-image: url("/images/our-sheet/left-arrow.svg");
  background-size: cover;
  background-position: center;
}
body.our-sheet .smaller-videos .slick-next {
  top: 35%;
}
body.our-sheet .smaller-videos .slick-next::before {
  content: "";
  display: block;
  height: 100%;
  background-image: url("/images/our-sheet/right-arrow.svg");
  background-size: cover;
  background-position: center;
}
body.our-sheet .smaller-videos .mini-video {
  padding: 0.5em;
}
body.our-sheet .smaller-videos .mini-video > div {
  height: 100px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
body.our-sheet .smaller-videos .mini-video a {
  color: #003A78;
  font-size: 12px;
  display: block;
  text-align: center;
  text-decoration: underline;
  padding-top: 0.5em;
}
@media (max-width: 480px) {
  body.our-sheet .sheet-people h1 {
    line-height: 1.2;
  }
}
@media (max-width: 1072px) {
  body.our-sheet .sheet-people h1:before {
    height: 474px;
  }
}
@media (max-width: 600px) {
  body.our-sheet .sheet-people h1:before {
    height: 340px;
  }
}
@media (max-width: 480px) {
  body.our-sheet .sheet-people h1:before {
    top: -30px;
  }
}
@media (max-width: 406px) {
  body.our-sheet .sheet-people h1:before {
    height: 422px;
  }
}
@media (max-width: 480px) {
  body.our-sheet .sheet-people .stylized-title {
    line-height: 1;
  }
}
body.our-sheet .sheet-people h2 {
  color: #08A8E0;
  text-align: center;
  font-weight: 900;
  margin: 80px 10% 40px;
  font-size: 250%;
  letter-spacing: 0;
}
@media (max-width: 625px) {
  body.our-sheet .sheet-people h2 {
    margin: 80px 0 40px;
    font-size: 175%;
  }
}
body.our-sheet .sheet-people h2 span {
  font-weight: normal;
  font-style: italic;
}
body.our-sheet .sheet-people .headshot-container {
  margin: 0 auto;
}
body.our-sheet .sheet-people .slick-prev, body.our-sheet .sheet-people .slick-next {
  height: 40px;
  width: 40px;
  transform: rotate(45deg);
  border: #989898;
  color: #989898;
  top: 48%;
}
body.our-sheet .sheet-people .slick-prev:before, body.our-sheet .sheet-people .slick-next:before {
  content: "";
}
body.our-sheet .sheet-people .slick-next {
  border-right: 2px solid;
  border-top: 2px solid;
  right: -40px;
}
body.our-sheet .sheet-people .slick-prev {
  border-left: 2px solid;
  border-bottom: 2px solid;
  left: -40px;
}
body.our-sheet .sheet-people .slider-container {
  padding: 0.7%;
}
body.our-sheet .sheet-people .headshots {
  border: 0.25px solid #9F9F9F;
  opacity: 1;
  position: relative;
  display: block;
}
@media (max-width: 450px) {
  body.our-sheet .sheet-people .headshots {
    font-size: 0.8em;
  }
}
@media (max-width: 360px) {
  body.our-sheet .sheet-people .headshots {
    font-size: 0.6em;
  }
}
body.our-sheet .sheet-people .headshots h3 {
  font-weight: 700;
  font-size: 175%;
}
body.our-sheet .sheet-people .headshots .headshot-title {
  font-style: italic;
  font-size: 110%;
  letter-spacing: 0;
}
body.our-sheet .sheet-people .headshots .headshot-duration {
  font-size: 100%;
  padding-top: 0.3em;
  padding-bottom: 1.5em;
}
body.our-sheet .sheet-people .headshots .special-tenure {
  font-size: 90%;
  font-style: italic;
}
body.our-sheet .sheet-people .headshots .headshot-quote {
  font-size: 90%;
}
body.our-sheet .sheet-people .headshots .headshot-overlay {
  opacity: 0;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 58, 120, 0.8509803922);
  padding: 2em 1.5em 0;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}
body.our-sheet .sheet-people .headshots .headshot-overlay:hover {
  opacity: 1;
}
body.our-sheet .sheet-people .headshots .headshot-overlay:hover .hover-text {
  opacity: 1;
  color: #FFFFFF;
}

/** Extends **/
body.filterpanel-open .designgallery, body.filterpanel-open #filterpanel, body.gallery .headertext, body.gallery .headertext p, body.gallery .headerlinks, body.gallery .designgallery, body.gallery .navbar-end, #filterpanel, .productspecs.physicalproperties-on .physicalproperties, .productspecs.physicalproperties-on, .productspecs .mainproductproperties, .productspecs .container, .productspecs .mainwrap, .productspecs {
  transition-timing-function: cubic-bezier(0.4, 0.82, 0.63, 0.2);
  transition: all 0.8s, opacity 0.76s, height 0.76s, transform 0.76s, background 0.5s, font-size 0s;
}

#header.resources .documents .panel.full:hover, #header.resources .documents .panel.full, body.filterpanel-open .headerlinks, body.filterpanel-open .headertext, body.filterpanel-open .navbar .navbar-end, #filtertoggle:hover h4, #filtertoggle h4, .productspecs.physicalproperties-on .mainproductproperties, .prodline .prodlineimages .imagetiles .thumbnail.active, .productspecs .physicalproperties, #header.productpage .scroll-icon, .productfilter.scrolled:before, .productfilter.scrolled, body.products .tiles .tile:hover .link, .tiles .tile:hover .link, .announcementlist .news:hover:before, .newslist .news:hover:before, .distributorlocations .location a:hover, .imageslider .slick-next:hover, .imageslider .slick-prev:hover, .distributorlist .distriblink:hover:before, .headerlinks h3.title:hover, body.darkmode.searchpanel-open body.products.filterpanel-open {
  transition-timing-function: cubic-bezier(0.4, 0.82, 0.63, 0.2);
  transition: all 0.4s, opacity 0.56s, height 0.56s, transform 0.56s, background 0.3s, font-size 0s;
}

.searchpage .searchresult:hover .title.is-2, .searchpage .searchresult .title.is-2, .job.panel:hover, .highlights .column.employee:hover .description, .highlights .column.employee .description, .eventlist .event:hover, .eventlist .event .arrowlink:before, .eventlist .event, body.resources.darkmode .tiles .tile:hover .link h3.title.is-3, body.filterpanel-open .navbar .navbar-brand .rowmarklogo #regularlogo, .filterlist .filter.active, .filterlist .filter:hover, .filterlist .filter, #filterpanel .filterlist .filter, .productfilter .filter.active, .productfilter .filter:hover, .productfilter .filter, #filtertoggle :hover::before, body.designgallery .designgalleryarea .galleryitem:hover h3, body.designgallery .designgalleryarea .galleryitem:hover img, body.designgallery .designgalleryarea .galleryitem:hover, body.designgallery .designgalleryarea .galleryitem h3, body.designgallery .designgalleryarea .galleryitem img, body.designgallery .designgalleryarea .galleryitem, .prodline .prodlineimages .mainimage .wrapper .image.active, .prodline .prodlineimages .mainimage .wrapper .image, .prodline .prodlineimages .imagetiles .thumbnail:hover:before, .prodline .prodlineimages .imagetiles .thumbnail:before, .bluebutton.teal:hover, .bluebutton:hover, .bluebutton, .hs-button.primary.large, body.products .productfilter, .tiles .tile:hover .title.is-3, .tiles .tile:hover .link:after, .tiles .tile .link:after, .tiles .tile .link, .announcementlist .announcement:before, .announcementlist .news:before, .newslist .announcement:before, .newslist .news:before, .announcementlist .announcement .arrowlink:before, .announcementlist .news .arrowlink:before, .newslist .announcement .arrowlink:before, .newslist .news .arrowlink:before, body.lightmode .announcementlist .announcement .arrowlink:before, body.lightmode .announcementlist .news .arrowlink:before, body.lightmode .newslist .announcement .arrowlink:before, body.lightmode .newslist .news .arrowlink:before, .distributorlocations .location:before, .distributorlocations .location a, .distributorlocations .location .arrowlink:before, .imageslider .slick-prev, .imageslider .slick-next, .distributorlist .distriblink:before, .distributorlist .distributor .arrowlink:before, .backbutton p:before, .close p:before, .headerlinks h3.title:hover::before, .headerlinks h3.title.dark:hover::before, .headerlinks h3.title, body.searchpanel-open.mobilemenu-open .navbar .mainwrap .mobilemenu.is-active {
  transition-timing-function: cubic-bezier(0.4, 0.82, 0.63, 0.2);
  transition: all 0.32s, opacity 0.28s, height 0.28s, transform 0.28s, background 0.22s, font-size 0s;
}

#filtertoggle ::before, .headerlinks h3.title.dark::before, .headerlinks h3.title::before {
  transition-timing-function: cubic-bezier(0.4, 0.82, 0.63, 0.2), font-size 0s;
  transition: 0.18s;
}

body.filterpanel-open .navbar .navbar-brand .rowmarklogo #whitelogo {
  transition-delay: 0.26s;
}

.fadeindelay {
  animation: fadeindelay 0.4s;
  animation-fill-mode: forwards;
}

#filtertoggle :hover::before, #filtertoggle ::before, body.designgallery .designgalleryarea .galleryitem:hover img, body.designgallery .designgalleryarea .galleryitem:hover, body.designgallery .designgalleryarea .galleryitem h3, body.designgallery .designgalleryarea .galleryitem img, body.designgallery .designgalleryarea .galleryitem, body.designgallery .designgalleryarea, body.products .tiles .tile .productname, .distributorlist .distributor > .wrapper .arrowlink, .distributorlist .distributor > .wrapper, .headerlinks h3.title:hover::before, .headerlinks h3.title.dark:hover::before, .headerlinks h3.title:hover, .headerlinks h3.title, .animfix {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
}

@keyframes displaynonedelay {
  100% {
    display: none;
  }
}
/** Scroll Lock **/
html.searchpanel-open, html.loginpanel-open, html.locationpanel-open, html.filterpanel-open, html.mobilemenu-open {
  overflow-y: scroll;
  width: 100%;
  background: transparent !important;
}

img {
  -ms-interpolation-mode: bicubic;
}

body.searchpanel-open .navbar, body.searchpanel-open .navbar.scrolled, body.locationpanel-open .navbar, body.locationpanel-open .navbar.scrolled, body.loginpanel-open .navbar, body.loginpanel-open .navbar.scrolled, body.filterpanel-open .navbar, body.filterpanel-open .navbar.scrolled {
  height: 200px;
  background: transparent !important;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0) !important;
}

@media screen and (max-width: 1105px) {
  html.searchpanel-open, html.loginpanel-open, html.locationpanel-open, html.filterpanel-open, html.mobilemenu-open {
    width: 100%;
  }
  html.searchpanel-open .navbar, html.loginpanel-open .navbar, html.locationpanel-open .navbar, html.filterpanel-open .navbar, html.mobilemenu-open .navbar {
    padding-right: 0;
  }
}
body.searchpanel-open.mobilemenu-open .navbar .mainwrap .mobilemenu.is-active {
  background: rgba(0, 0, 0, 0) !important;
  animation: displaynonedelay 0.4s;
  user-select: none;
  pointer-events: none;
  animation-fill-mode: forwards;
  transition-delay: 0.3s;
}

body.darkmode.searchpanel-open.mobilemenu-open .navbar.scrolled .navbar-brand .burger span, body.darkmode.searchpanel-open.mobilemenu-open .navbar.scrolled .navbar-brand .burger:before {
  color: #fff !important;
}

body.darkmode.searchpanel-open body.products.filterpanel-open {
  background: rgba(2, 2, 2, 0.1);
}

body.searchpanel-open.mobilemenu-open .navbar .navbar-brand #regularlogo {
  opacity: 0 !important;
  transition-delay: 0.3s;
}
body.searchpanel-open.mobilemenu-open .navbar .navbar-brand #whitelogo {
  opacity: 1 !important;
  transition-delay: 0.3s;
}
body.searchpanel-open.mobilemenu-open .navbar .navbar-brand .burger span {
  background: #fff;
  transition-delay: 0.3s;
}
body.searchpanel-open.mobilemenu-open .navbar .navbar-brand .burger:before {
  color: #fff !important;
  transition-delay: 0.3s;
}
body.searchpanel-open.mobilemenu-open .navbar .navbar-menu {
  opacity: 0 !important;
  transition-delay: 0.3s;
}
body.searchpanel-open.mobilemenu-open .navbar .navbar-menu .navbar-end {
  opacity: 0;
  transition: 0.18s !important;
}
body.searchpanel-open.mobilemenu-open .navbar.scrolled .navbar-brand .burger span {
  background: #004186 !important;
}
body.searchpanel-open.mobilemenu-open .navbar.scrolled .navbar-brand .burger:before {
  color: #004186 !important;
}

body.darkmode.searchpanel-open .navbar.scrolled .navbar-brand .burger span {
  color: #004186 !important;
}
body.darkmode.searchpanel-open .navbar.scrolled .navbar-brand .burger:before {
  color: #004186 !important;
}
body.darkmode.searchpanel-open .navbar.scrolled .navbar-brand .rowmarklogo #whitelogo {
  opacity: 1;
}
body.darkmode.searchpanel-open .navbar.scrolled .navbar-brand .rowmarklogo #regularlogo {
  opacity: 0;
}
body.darkmode.searchpanel-open .navbar.scrolled #locationicon, body.darkmode.searchpanel-open .navbar.scrolled #searchicon {
  fill: #fff !important;
}

body.darkmode #header .title {
  color: #fff;
}

body.searchpanel-open.mobilemenu-open .navbar .navbar-brand .burger span, body.searchpanel-open.mobilemenu-open .navbar.scrolled .navbar-brand .burger span {
  background: #fff !important;
}

body.darkmode.mobilemenu-open .navbar-item a, body.darkmode.mobilemenu-open .navbar-item p {
  color: #004186 !important;
}

body.darkmode .column p {
  color: #fff;
}
body.darkmode .backbutton p, body.darkmode .close p {
  color: #fff;
}
body.darkmode .backbutton p:before, body.darkmode .close p:before {
  background: url("../images/icons/arrowlong.png");
  left: -34px;
  top: -1px;
  height: 32px;
  width: 32px;
  background-size: contain;
  background-repeat: no-repeat;
}
body.darkmode .backbutton.blue p, body.darkmode .close.blue p {
  color: #004186 !important;
}
body.darkmode .backbutton.blue p:before, body.darkmode .close.blue p:before {
  background: url("../images/icons/arrowblue.png");
  left: -34px;
  top: 0px;
  height: 30px;
  width: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}

.headerslider .headertext {
  transform: translateX(0) translateY(0);
}

.headertext, .productlist {
  animation: fadein 0.5s;
}

.paddingheader {
  padding-bottom: 80px;
}

.paddingheadersmall {
  padding-bottom: 40px;
}

.resourceCategoryDescription {
  padding-bottom: 40px;
}
.resourceCategoryDescription a {
  color: #fff;
  width: auto !important;
  display: inline-block !important;
}
.resourceCategoryDescription a:hover {
  text-decoration: underline;
}

#header .mainwrap {
  z-index: 50;
  padding-top: 234px;
}
#header .mapbg {
  background: url("../images/worldmap.png");
  width: 100vw;
  height: 100vh;
  background-size: 100% 100%;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: fixed;
  z-index: 0;
  opacity: 1;
  top: 0;
  animation: fadein 0.4s;
}

.headerlinks {
  padding-left: 5.2vw;
  animation: fadein 0.5s;
  white-space: pre-line;
  display: inline-block;
}
.headerlinks h3.title {
  font-size: 300%;
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.headerlinks h3.title:hover {
  transform: translateX(6px);
}
.headerlinks h3.title::before {
  position: absolute;
  display: block;
  content: "";
  background: url("../images/icons/arrowlargewhite.png");
  background-size: 44px;
  background-repeat: no-repeat;
  top: 42%;
  right: -60px;
  bottom: 0;
  width: 44px;
  height: 44px;
  z-index: 100;
  opacity: 0;
  transform: translateX(-1px);
}
.headerlinks h3.title.dark::before {
  position: absolute;
  display: block;
  content: "";
  background: url("../images/icons/arrowlargeblue.png");
  background-size: 44px;
  background-repeat: no-repeat;
  top: 39%;
  right: -60px;
  bottom: 0;
  width: 44px;
  height: 44px;
  z-index: 100;
  opacity: 0;
  transform: translateX(-1px);
}
.headerlinks h3.title:hover::before, .headerlinks h3.title.dark:hover::before {
  opacity: 1;
  transform: translateX(4px);
}
.headerlinks h4.title {
  margin-bottom: 12px;
  display: inline-block;
}

.backbutton, .close {
  margin-left: 30px;
  margin-bottom: 80px;
  position: relative;
  display: inline-block;
  z-index: 999;
}
.backbutton p, .close p {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.backbutton p:before, .close p:before {
  position: absolute;
  content: "";
  display: block;
  background: url("../images/icons/arrowblue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  left: -32px;
  top: 0px;
  bottom: 0;
  height: 20px;
  width: 32px;
  transform: scaleX(-1);
}

.headertext .backbutton, .headertext .close {
  position: absolute;
  margin-top: -32px;
  z-index: 999;
}
.headertext p {
  margin-bottom: 24px;
  position: relative;
  z-index: 999;
}

/** Distrib Location **/
.distributorlist {
  padding-top: 80px;
  flex-wrap: wrap;
}
.distributorlist .distributor {
  position: relative;
  padding-left: 0;
  height: 170px;
  margin-bottom: 80px;
  transform: translateX(-12px);
}
.distributorlist .distributor .distriblink {
  display: inline-block;
  width: 100%;
  height: 170px;
}
.distributorlist .distributor .title.is-2 {
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 8px;
}
.distributorlist .distributor .title.is-3 {
  font-size: 150%;
  margin-top: -8px;
  margin-bottom: 10px;
}
.distributorlist .distributor .arrowlink {
  color: #004186;
  font-weight: 700;
  font-size: 160%;
  position: relative;
  transform: translateY(0);
}
.distributorlist .distributor .arrowlink:before {
  position: absolute;
  content: "";
  display: block;
  background: url("../images/icons/arrowblue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  right: -34px;
  top: 10px;
  bottom: 0;
  height: 20px;
  width: 32px;
}
.distributorlist .distributor > .wrapper {
  height: 100%;
  width: 100%;
}
.distributorlist .distributor > .wrapper .distriblink, .distributorlist .distributor > .wrapper .arrowlink {
  margin-left: 20px;
}
.distributorlist .distributor > .wrapper .distriblink {
  position: relative;
}
.distributorlist .distributor > .wrapper .distriblink h2 {
  margin-top: 2.5%;
  display: inline-block;
  font-weight: 800;
  font-size: 200%;
  margin-left: 18px;
  margin-bottom: 14px;
}
.distributorlist .distributor > .wrapper .distriblink h3 {
  font-weight: 500;
  margin-left: 18px;
  font-size: 125%;
  color: #00254D;
}
.distributorlist .distributor > .wrapper .distriblink h3.title.is-3.light {
  font-weight: 100;
  font-size: 110%;
  margin: 0;
  transform: translateY(-10px);
  margin-left: 18px;
  position: absolute;
  bottom: 2px;
}
.distributorlist .distributor > .wrapper .arrowlink {
  pointer-events: none;
  user-select: none;
  display: none;
}
.distributorlist .distriblink:before {
  height: 170px;
  width: 85px;
  max-width: 100%;
  background: #bcccdd;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  opacity: 0.25;
  z-index: -1;
}
.distributorlist .distriblink:hover:before {
  width: 340px;
  background: rgb(163, 217, 99);
}
.distributormap {
  position: relative;
}

/** Distributor Image Slider **/
.imageslider .slick-slide img {
  min-height: 0;
}
.imageslider .slide {
  display: flex;
  -js-display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 420px;
}
.imageslider .slide img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  min-height: 0;
  transform: translateX(-50%) translateY(-50%);
}
.imageslider .slide:focus {
  outline: none !important;
  outline-color: transparent !important;
}
.imageslider .slick-dots {
  display: none !important;
}
.imageslider .slick-prev, .imageslider .slick-next {
  background: url("../images/icons/arrowlong.png");
  background-color: #004186;
  width: 80px;
  height: 40px;
  background-size: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  top: calc(100% + 24px);
}
.imageslider .slick-prev:before, .imageslider .slick-next:before {
  content: "";
}
.imageslider .slick-prev {
  transform: scaleX(-1) translateX(0);
  left: 0;
}
.imageslider .slick-prev:hover {
  transform: scaleX(-1) translateX(4px);
}
.imageslider .slick-next {
  right: 0;
  transform: translateX(0);
}
.imageslider .slick-next:hover {
  transform: translateX(4px);
}
.imageslider .slide.distributorlogo img {
  max-height: 400px;
  width: auto;
  min-width: 0;
}

/** Distributor Portal **/
.headertext.greeting .title.is-1 {
  font-size: 300% !important;
}

/** Distributor Page **/
body.distributor-entry {
  background: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
}

.distributoroverview {
  position: relative;
}
.distributoroverview div > p {
  max-width: 80%;
  margin-bottom: 0;
  margin-top: 24px;
}
.distributoroverview .bluebutton:last-of-type {
  margin-bottom: 48px;
}
.distributoroverview .logobackground {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: scale(0.5);
  z-index: -1;
  opacity: 0.3;
  display: none;
}

.distributorimagearea {
  transform: translateX(-12px);
  max-height: 454px !important;
  margin: auto;
  opacity: 0;
  animation: fadein 0.5s;
  animation-fill-mode: forwards;
}

.distributorimage, .distributorlogo {
  width: 100%;
  min-height: 100%;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
}

.distributorlogo {
  margin: auto;
}

.title.is-1.distributorname, .title.is-1.locationstitle {
  font-size: 280% !important;
}

.distributormap {
  margin: 60px 0 80px;
  width: calc(100% - 12px);
  padding-bottom: 41.39%;
  background: #bcccdd;
}

.distributorlocations {
  flex-wrap: wrap;
  padding-left: 12px;
}
.distributorlocations .location {
  position: relative;
  padding-left: 48px;
  min-height: 340px;
  margin-bottom: 80px;
}
.distributorlocations .location .addressone, .distributorlocations .location .addresstwo {
  font-weight: 700;
}
.distributorlocations .location .distriblink {
  display: inline-block;
  width: 100%;
}
.distributorlocations .location .title.is-2 {
  font-weight: 700;
  margin-bottom: 28px;
  margin-top: 34px;
}
.distributorlocations .location .title.is-3 {
  font-size: 150%;
  margin-top: -8px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #00254D;
}
.distributorlocations .location .arrowlink {
  color: #004186;
  font-weight: 700;
  font-size: 160%;
  position: relative;
  position: absolute;
  bottom: 22px;
  left: 36px;
}
.distributorlocations .location .arrowlink:before {
  position: absolute;
  content: "";
  display: block;
  background: url("../images/icons/arrowblue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  right: -40px;
  top: 10px;
  bottom: 0;
  height: 20px;
  width: 32px;
}
.distributorlocations .location a {
  color: #00aeef;
  font-size: 100%;
}
.distributorlocations .location a:hover {
  color: #004186;
}
.distributorlocations .location:before {
  height: 340px;
  width: 170px;
  background: #bcccdd;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  opacity: 0.25;
  z-index: -1;
}

/** Distributor Announcements **/
body.lightmode .announcementlist .announcement .arrowlink, body.lightmode .announcementlist .news .arrowlink, body.lightmode .newslist .announcement .arrowlink, body.lightmode .newslist .news .arrowlink {
  color: #004186;
}
body.lightmode .announcementlist .announcement .arrowlink:before, body.lightmode .announcementlist .news .arrowlink:before, body.lightmode .newslist .announcement .arrowlink:before, body.lightmode .newslist .news .arrowlink:before {
  position: absolute;
  content: "";
  display: block;
  background: url("../images/icons/arrowblue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  right: -40px;
  top: 9px;
  bottom: 0;
  height: 20px;
  width: 32px;
}

.announcementlist, .newslist {
  flex-wrap: wrap;
  padding-left: 12px;
  animation: fadein 0.5s;
}
.announcementlist .announcement, .announcementlist .news, .newslist .announcement, .newslist .news {
  position: relative;
  padding-left: 48px;
  min-height: 340px;
  margin-bottom: 80px;
}
.announcementlist .announcement .link, .announcementlist .news .link, .newslist .announcement .link, .newslist .news .link {
  display: inline-block;
  width: 100%;
}
.announcementlist .announcement .link:hover .arrowlink:before, .announcementlist .news .link:hover .arrowlink:before, .newslist .announcement .link:hover .arrowlink:before, .newslist .news .link:hover .arrowlink:before {
  transform: translateX(3px);
}
.announcementlist .announcement .title.is-2, .announcementlist .news .title.is-2, .newslist .announcement .title.is-2, .newslist .news .title.is-2 {
  font-weight: 700;
  margin-bottom: 28px;
  margin-top: 8px;
}
.announcementlist .announcement .title.is-3, .announcementlist .news .title.is-3, .newslist .announcement .title.is-3, .newslist .news .title.is-3 {
  font-size: 150%;
  margin-top: -8px;
  margin-bottom: 0px;
  width: 900px;
  max-width: 100%;
}
.announcementlist .announcement .title.is-3.date, .announcementlist .news .title.is-3.date, .newslist .announcement .title.is-3.date, .newslist .news .title.is-3.date {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 20px;
}
.announcementlist .announcement .arrowlink, .announcementlist .news .arrowlink, .newslist .announcement .arrowlink, .newslist .news .arrowlink {
  color: #fff;
  font-weight: 700;
  font-size: 160%;
  position: relative;
  transform: translateY(10px);
}
.announcementlist .announcement .arrowlink:before, .announcementlist .news .arrowlink:before, .newslist .announcement .arrowlink:before, .newslist .news .arrowlink:before {
  position: absolute;
  content: "";
  display: block;
  background: url("../images/icons/arrowlong.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  right: -40px;
  top: 9px;
  bottom: 0;
  height: 20px;
  width: 32px;
}
.announcementlist .news:hover:before, .newslist .news:hover:before {
  width: 680px;
  background: #00aeef;
}
.announcementlist .announcement:before, .announcementlist .news:before, .newslist .announcement:before, .newslist .news:before {
  height: 340px;
  width: 170px;
  background: #bcccdd;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  opacity: 0.2;
  z-index: -1;
}

.content.pages a, .content.pages span.current {
  margin-right: 12px;
  color: #004186;
  padding: 2px 12px;
  text-align: center !important;
}
.content.pages span.current {
  background: #004186;
  color: #fff;
}

/** Tile Pages **/
.tiles {
  flex-wrap: wrap;
  padding-bottom: 120px;
  animation: fadein 0.5s;
}
.tiles .tile {
  position: relative;
  padding: 6px;
}
.tiles .tile .link {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.15) 100%);
  width: 100%;
  padding-bottom: 50%;
  display: inline-block;
  position: relative;
}
.tiles .tile .link:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(120deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
  z-index: -1;
  opacity: 0;
}
.tiles .tile .title.is-3 {
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  font-size: 150%;
  padding-left: 20px;
  padding-right: 20px;
  hyphens: none;
}
.tiles .tile:hover .link:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.85) 100%);
  z-index: -1;
  opacity: 1;
}
/** Product Pages **/
body.products {
  overflow: initial;
}
body.products .headerlinks {
  padding-bottom: 100px;
}
body.products .productfilter {
  opacity: 0;
  user-select: none;
  pointer-events: none;
  z-index: 100;
  margin-bottom: 40px;
  top: 100px;
  height: 80px;
  width: 100%;
  background: #E0E9F3;
  position: fixed;
}
body.products .productfilter .links {
  position: absolute;
  top: 0;
  right: -24px;
}
body.products .productfilter .column {
  padding: 0;
}
body.products .productfilter h3 {
  color: #004186;
  line-height: 80px;
  font-weight: 500;
  font-size: 150%;
  padding-right: 48px;
  border-right: 1px solid #bcccdd;
  display: block;
  float: left;
}
body.products .productfilter a {
  height: 80px;
  float: left;
  line-height: 80px;
  margin: 0 24px;
}
body.products .productfilter a:first-of-type {
  margin-left: 48px;
}
body.products .productfilter:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -25vw;
  right: 0;
  background: #E0E9F3;
  width: 150vw;
  z-index: -1;
}

body.products .tiles .tile .productname {
  color: #fff !important;
  text-shadow: 1px 1px 3px rgba(2, 2, 2, 0.4), 1px 1px 6px rgba(2, 2, 2, 0.32), 1px 1px 22px rgba(2, 2, 2, 0.32);
  z-index: 100;
  user-select: none;
  pointer-events: none;
}
body.products .tiles .tile .productname p {
  font-size: 100%;
  color: #fff !important;
}
body.products .tiles .tile .productname span {
  font-size: 80% !important;
  display: block;
  line-height: 16px;
}
body.products .tiles .tile .link {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 90;
}
body.products .tiles .tile .link .title.is-3 {
  color: #fff;
}
body.products .tiles .tile .link:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.22);
  z-index: 80;
}
body.products .tiles .tile.product.featured {
  z-index: 40;
}
body.products .tiles .tile.product.featured:before {
  content: "Featured";
  position: absolute;
  left: 10px;
  top: 10px;
  background: #fff;
  padding: 1px 8px;
  color: #004186;
  text-transform: uppercase;
  z-index: 95;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 80%;
}
body.products .tiles .tile:hover .link {
  opacity: 1;
  box-shadow: 1px 2px 12px rgba(2, 2, 2, 0.2);
}
body.products .tiles .tile:hover .link .productname.title.is-3 {
  color: #fff !important;
}

.productfilter.scrolled {
  position: fixed !important;
  top: 146px !important;
  z-index: 100;
  box-shadow: 1px 2px 24px rgba(2, 2, 2, 0.08);
  opacity: 1 !important;
  user-select: auto !important;
  pointer-events: auto !important;
  transition-delay: 1.45s;
}

.productfilter.scrolled:before {
  transition-delay: 1.45s;
}

.productlist {
  clear: both;
}
.productlist .link {
  filter: brightness(0.9);
}

.productoverview {
  position: relative;
  padding-bottom: 100px;
  padding-right: calc(8.2292vw + 12px);
  padding-left: calc(8.2292vw + 12px);
  flex: none;
  width: calc(442px + 16.4584vw);
  max-width: 100%;
}
.productoverview .whychoose {
  display: none;
}
.productoverview a:hover {
  color: #004186;
}
.productoverview .product.title {
  margin-top: 30px;
}
.productoverview .productinfo {
  margin-bottom: 18px;
}
.productoverview .productinfo .arrowlink {
  transform: translateY(-4px);
  margin-bottom: 12px;
}
.productoverview .productinfo p {
  width: 460px;
  max-width: 100%;
  font-size: 20px;
  margin-bottom: 24px;
}
.productoverview .productinfo p.ul-certified {
  font-size: 80%;
  font-weight: 600;
  font-style: italic;
}
.productoverview .productinfo p.ul-certified img {
  width: auto;
  height: auto;
  max-width: 60px;
  max-height: 30px;
  margin-right: 10px;
}

.move-up {
  transform: translateY(-20px);
}

.productimage, .mobileproductimage {
  animation: fadein 0.5s;
  padding: 0 12px 0 12px;
  position: relative;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.productimage {
  min-height: 76vh;
  width: calc(100% - 442px - 16.4584vw);
  height: calc(100vh - 200px);
}

.mobileproductimage {
  display: none;
  width: 100vw;
  height: 60vw;
  margin-bottom: 48px;
}

.product.title.is-1, .swatches .title.is-1 {
  font-size: 280% !important;
}

.swatches .title.is-1 {
  margin-bottom: 28px;
}

.swatches {
  margin-bottom: 40px;
}
.swatches .swatchname {
  line-height: 155%;
  font-weight: 700;
  position: absolute;
  bottom: 6px;
  left: 0;
  padding-left: 8px;
  width: 95.5%;
}
.swatches .swatchname p {
  font-size: 130%;
  max-width: 95.5%;
}
.swatches .swatchname.light p {
  color: #fff !important;
  text-shadow: 1px 1px 3px rgba(2, 2, 2, 0.55);
}
.swatches .swatchname.dark p {
  color: #000 !important;
}
.swatches .swatchsku p {
  padding-top: 6px;
  font-size: 80%;
}
.swatches .swatchsku .ply, .swatches .swatchsku .thickness {
  float: right;
  margin-left: 18px;
  user-select: none;
}
.swatches .swatchsku .ply {
  margin-left: 10px;
}

.swatchimage {
  width: 100%;
  padding-top: 100%;
  background-size: 185% 185%;
  background-position: center 40%;
  background-repeat: no-repeat;
  overflow: hidden;
  border: 1px solid #000;
  box-shadow: 1px 2px 12px rgba(2, 2, 2, 0.17);
  margin-top: 18px;
  position: relative;
}

.swatchimage.new:before {
  position: absolute;
  top: 8px;
  left: 8px;
  content: "NEW";
  background: #A3D963;
  color: #fff;
  padding: 1px 6px 0px 8px;
  font-weight: 600;
  font-size: 80%;
  letter-spacing: 1px;
}

.bluebutton, .hs-button.primary.large {
  display: inline-block;
  float: left;
  margin-bottom: 14px;
  margin-right: 100%;
  line-height: 60px;
  text-align: center;
  font-size: 140%;
  border-radius: 4px;
  width: 442px;
  height: 60px;
  max-width: 100%;
  color: #fff;
  background: #004186;
}
.bluebutton p, .hs-button.primary.large p {
  margin: 0 !important;
  color: #fff !important;
  padding: 0;
}

.bluebutton.teal {
  background: linear-gradient(to right, #00aeef 0%, #1B71BA 100%);
}

.bluebutton:hover {
  color: #fff !important;
  box-shadow: 1px 2px 16px rgba(2, 2, 2, 0.2);
  background: #1e5d98;
}

.bluebutton.teal:hover {
  color: #fff !important;
  box-shadow: 1px 2px 16px rgba(2, 2, 2, 0.2);
  background: linear-gradient(to right, #00aeef 0%, #1B71BA 100%);
}

#header.productpage .productmain {
  padding-top: 234px;
  height: 100vh;
  min-height: 880px;
}
#header.productpage .scroll-notification {
  display: inline-block;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  animation: fadein 0.5s;
  animation-fill-mode: forwards;
}
#header.productpage .scroll-notification p {
  text-transform: uppercase;
  font-size: 100%;
  display: inline-block;
}
#header.productpage .scroll-icon {
  fill: #004186;
  height: 20px;
  width: 40px;
  transform: translateY(4px);
  animation: fadein 0.5s;
  opacity: 1;
}
#header.productpage .scroll-icon .st0 {
  fill: #004186;
}
#header.productpage .scroll-notification.scrolled {
  animation: fadeout 0.6s;
  animation-fill-mode: forwards;
}

/* Product Page Video Area */
.video-area {
  background: #00142a;
  min-height: 500px;
  width: 100%;
  position: relative;
  z-index: 5;
  margin-top: 80px;
}
.video-area .video-main {
  width: 75vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 5vw;
}
.video-area .video-main .inner-wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
.video-area .video-main .inner-wrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.productspecs {
  min-height: 650px;
  background: #E0E9F3;
  position: relative;
  padding: 70px 0 100px;
  z-index: 100;
  overflow: hidden;
}
.productspecs .description {
  width: 100% !important;
}
.productspecs .mainproductproperties h3.title.is-3, .productspecs .physicalproperties h3.title.is-3 {
  margin: 0;
  width: 100%;
  font-size: 280%;
}
.productspecs .mainproductproperties .columns, .productspecs .physicalproperties .columns {
  width: 100%;
}
.productspecs .mainproductproperties {
  z-index: 110;
  position: relative;
  transition-delay: 0.24s;
}
.productspecs .physicalproperties {
  z-index: 105;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  user-select: none;
  pointer-events: none;
  transform: translateX(-25vw);
}
.productspecs .physicalproperties .column > div {
  border-bottom: 1px solid #bcccdd;
}
.productspecs .physicalproperties .arrowlink {
  transform: translateX(46px) translateY(40px) !important;
}
.productspecs .physicalproperties .arrowlink:before {
  right: auto;
  top: -34px;
  left: -20px;
  transform: scaleX(-1) translateX(32px) translateY(36px) !important;
}
.productspecs .physicalproperties .arrowlink:hover:before {
  transform: scaleX(-1) translateX(38px) translateY(36px) !important;
}
.productspecs .arrowlink {
  transform: translateY(36px);
}
.productspecs .mainspecs div, .productspecs .usage div, .productspecs .capabilities div {
  border-bottom: 1px solid #bcccdd;
}
.productspecs div {
  min-height: 80px;
}
.productspecs h3 {
  display: inline-block;
  float: left;
  font-weight: 700;
  margin-right: 14px;
}
.productspecs h3, .productspecs p {
  color: #004186;
  font-size: 16px;
  line-height: 80px;
}
.productspecs .mainspecs .sheetsize p, .productspecs .mainspecs .engravingdepth p, .productspecs .mainspecs .finish p, .productspecs .mainspecs .attributes p {
  padding-left: 69px;
  line-height: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.productspecs .attributes {
  display: flex;
  flex-wrap: wrap;
}
.productspecs .attributes p {
  display: none;
}
.productspecs .attributes div {
  position: relative;
  margin-right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 60px;
  max-height: 30px;
  border: 0px solid transparent;
}
.productspecs .attributes div:last-of-type {
  margin-right: 0;
}
.productspecs .attributes div:before {
  position: absolute;
  content: "";
  background: #004186;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% - 16px);
  white-space: nowrap;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  padding: 0 12px;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  opacity: 0;
  transition: 0.2s ease;
  pointer-events: none;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.productspecs .attributes div.laserable:before {
  content: "Laserable";
}
.productspecs .attributes div.diode-laserable:before {
  content: "Diode Laserable";
}
.productspecs .attributes div.front-engravable:before {
  content: "Front Engravable";
}
.productspecs .attributes div.rotary-engravable:before {
  content: "Rotary Engravable";
}
.productspecs .attributes div.uv-led-printable:before {
  content: "UV-LED Printable";
}
.productspecs .attributes div.outdoor-weatherable:before {
  content: "Outdoor Weatherable";
}
.productspecs .attributes div.uv-stable:before {
  content: "UV Stable";
}
.productspecs .attributes div.reverse-engravable:before {
  content: "Reverse Engravable";
}
.productspecs .attributes div.ada-tactile:before {
  content: "ADA Tactile";
}
.productspecs .attributes div.indoor-use:before {
  content: "Indoor Use";
}
.productspecs .attributes div.ul-certified:before {
  content: "UL Certified";
}
.productspecs .attributes div:hover:before {
  bottom: calc(100% - 12px);
  opacity: 1;
  transition-delay: 0.16s;
}
.productspecs .attributes img {
  max-width: 60px;
  max-height: 30px;
}
.productspecs .attributes img.ul-certified {
  padding-bottom: 3px;
}
.productspecs .usage, .productspecs .capabilities {
  margin-bottom: 24px;
  padding-left: 40px;
}
.productspecs .usage h3, .productspecs .capabilities h3 {
  float: none;
  width: 100%;
}
.productspecs .usage p, .productspecs .capabilities p {
  display: inline-block;
  width: 50%;
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  transform: translateY(18px);
}
.productspecs .usage p:nth-of-type(2n), .productspecs .capabilities p:nth-of-type(2n) {
  padding-left: 18px;
}
.productspecs .physpropColumn {
  transform: translateX(-12px);
}
.productspecs .physprop {
  padding-top: 0.4rem;
  padding-bottom: 1.5rem;
}
.productspecs .physprop h3 {
  float: none;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 8px;
  font-size: 118%;
  transform: translateX(12px);
}
.productspecs .physprop .columns {
  min-height: 0;
  transform: translateX(12px);
}
.productspecs .physprop .columns .column {
  min-height: 28px;
  line-height: 1.4rem;
  padding: 0;
  color: #00254D;
  margin: 4px 12px;
  padding-top: 3px;
  letter-spacing: 1px;
}
.productspecs .physprop .columns .column span {
  /*vertical-align: super;*/
  font-size: 0.9rem;
  padding-right: 5px;
  font-weight: 700;
  color: #00254D;
}
.productspecs .physprop .columns .column p {
  line-height: 1.4rem;
  color: #00254D;
}
.productspecs .physprop .columns .description {
  color: #00254D;
}
.productspecs .physprop .columns .description p {
  margin-bottom: 12px;
  color: #00254D;
}

/** Extras Product Lines **/
.productlines {
  position: relative;
  z-index: 1;
}

.categoryquicknav {
  min-height: 430px;
  background: #E0E9F3;
  padding-top: 70px;
  padding-bottom: 70px;
  margin-bottom: 120px;
}
.categoryquicknav h3 {
  margin-bottom: 32px !important;
}
.categoryquicknav h4 {
  margin-bottom: 18px;
}
.categoryquicknav .title.is-3 {
  font-size: 300%;
}

.prodline {
  margin-bottom: 200px;
}
.prodline .prodlineinfo h2 p {
  font-size: 100%;
}
.prodline .prodlineinfo .features h3, .prodline .prodlineinfo .overview h3 {
  font-size: 200%;
  color: #004186;
  margin-top: 12px;
  margin-bottom: 4px;
  font-weight: 700;
}
.prodline .prodlineinfo .features ul, .prodline .prodlineinfo .overview ul {
  margin-bottom: 24px;
}
.prodline .prodlineinfo .features li, .prodline .prodlineinfo .overview li {
  padding-bottom: 4px;
  font-size: 125%;
}
.prodline .columns {
  width: 100%;
}
.prodline .title.is-2 {
  font-weight: 100;
  font-size: 300%;
  line-height: 75%;
}
.prodline .title.is-2 span, .prodline .title.is-2 small {
  font-size: 60%;
}
.prodline .overview {
  margin-bottom: 24px;
  width: 560px;
  max-width: 100%;
}
.prodline .features {
  margin-bottom: 32px;
}
.prodline .column {
  position: relative;
}
.prodline .prodlineimages {
  height: 100%;
  position: relative;
}
.prodline .prodlineimages .imagetiles {
  width: 80px;
  margin-right: 0;
  transform: translateX(18px);
  display: inline-block;
  float: left;
}
.prodline .prodlineimages .imagetiles .thumbnail {
  width: 80px;
  height: 80px;
  margin-bottom: 12px;
  background-size: 100% 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  opacity: 0.6;
  border: 2px solid transparent;
}
.prodline .prodlineimages .imagetiles .thumbnail:before {
  position: absolute;
  content: "";
  background: #E0E9F3;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.prodline .prodlineimages .imagetiles .thumbnail:hover:before {
  opacity: 0.25;
}
.prodline .prodlineimages .imagetiles .thumbnail.active {
  opacity: 1;
  user-select: none;
  pointer-events: none;
  border: 2px solid #004186;
}
.prodline .prodlineimages .imagetiles .thumbnail.active:before {
  opacity: 0 !important;
}
.prodline .prodlineimages .mainimage {
  width: calc(100% - 112px);
  display: inline-block;
  float: right;
  position: relative;
  margin-bottom: 40px;
  max-width: 794px;
}
.prodline .prodlineimages .mainimage .wrapper {
  background: transparent;
  padding-bottom: 100%;
  position: relative;
}
.prodline .prodlineimages .mainimage .wrapper .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}
.prodline .prodlineimages .mainimage .wrapper .image.active {
  opacity: 1;
}
.prodline .producttable p {
  font-size: 100%;
}
.prodline .producttable p span {
  text-decoration: underline;
}
.prodline .producttable .placeholder {
  border-radius: 200px;
  height: 34px;
  width: 34px;
  background: linear-gradient(120deg, #777 0%, #111 100%);
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  box-shadow: 1px 2px 12px rgba(2, 2, 2, 0.2);
  border: 1px solid rgba(2, 2, 2, 0.32);
  z-index: 5 !important;
}
.prodline .producttable .image.finish:before {
  position: absolute;
  border-radius: 200px;
  content: "";
  top: 13px;
  left: 50%;
  right: 0;
  bottom: 0;
  height: 34px;
  width: 34px;
  background: #444;
  transform: translateX(-50%) translateY(4px);
  z-index: 5 !important;
}
.prodline .producttable .placeholder.satin-chrome {
  background: linear-gradient(180deg, #ccc 0%, #f5f5f5 100%);
}
.prodline .producttable .placeholder.chrome {
  background: linear-gradient(180deg, #939393 0%, #d4d4d4 100%);
}
.prodline .producttable .placeholder.brushed-silver {
  background: linear-gradient(180deg, #6f6f6f 0%, #d4d4d4 100%);
}
.prodline .producttable .placeholder.matte-silver {
  background: linear-gradient(180deg, #dcdcdc 0%, #f5f5f5 100%);
}
.prodline .producttable .placeholder.gold {
  background: linear-gradient(180deg, #836f38 0%, #f7d67e 80%);
}
.prodline .producttable .placeholder.bright-gold {
  background: linear-gradient(180deg, #e7ce5f 0%, #ffe59d 80%);
}
.prodline .producttable .placeholder.white {
  background: linear-gradient(180deg, #ddd 0%, #f5f5f5 80%);
}
.prodline .producttable .placeholder.stand-off {
  background-image: radial-gradient(#6f6f6f 0%, #d4d4d4 100%) !important;
}
.prodline .producttable .placeholder.stainless-steel {
  background-image: radial-gradient(#6f6f6f 0%, #d4d4d4 100%) !important;
}
.prodline .producttable .expanded-table {
  display: grid;
  grid-template-columns: 33px 200px;
  grid-template-rows: 72px 180px;
  padding: 0;
  max-width: 794px;
  position: relative;
}
.prodline .producttable .expanded-table p {
  text-align: center;
}
.prodline .producttable .expanded-table .header {
  grid-column-start: 2;
  grid-column-end: last-line;
  background: #00aeef;
  padding-left: 12px;
  padding-top: 5px;
  min-width: 100%;
}
.prodline .producttable .expanded-table .header h3, .prodline .producttable .expanded-table .header p {
  color: #fff;
  text-shadow: 1px 2px 4px rgba(2, 2, 2, 0.12);
}
.prodline .producttable .expanded-table .header h3 {
  font-size: 150%;
  font-weight: 600;
}
.prodline .producttable .expanded-table .header p {
  font-size: 100%;
  text-align: left;
}
.prodline .producttable .expanded-table .top {
  grid-row: 2/3;
  grid-column-start: 2;
  grid-column-end: last-line;
  background: rgb(245, 245, 245);
  display: flex;
  -js-display: flex;
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table .top .sku-finish {
  width: 140px;
  min-width: 140px;
  height: 100%;
  display: flex;
  -js-display: flex;
  flex-direction: column;
}
.prodline .producttable .expanded-table .top .sku-finish .image {
  height: 64px;
  background: #eee;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.prodline .producttable .expanded-table .top .sku-finish .name {
  height: 52px;
  background: #00254D;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.prodline .producttable .expanded-table .top .sku-finish .name:before {
  position: absolute;
  content: "";
  height: 52px;
  width: 1px;
  top: 0;
  bottom: 0;
  right: -1px;
  background: #00254D;
  z-index: 50;
}
.prodline .producttable .expanded-table .top .sku-finish .name p {
  color: #fff;
  line-height: 100%;
}
.prodline .producttable .expanded-table .top .sku-finish .description {
  background: #f9f9f9;
  flex: auto;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px;
  border-left: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table .top .sku-finish .description p {
  font-size: 80%;
  line-height: 120%;
}
.prodline .producttable .expanded-table .legend {
  height: 100%;
  width: 200px;
  min-width: 200px; /*Test*/
  background: #eee;
  padding: 12px;
  border-left: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table .legend p {
  text-align: left;
}
.prodline .producttable .expanded-table .sku-wrapper {
  grid-row-start: 3;
  grid-row-end: last-line;
  grid-column-start: 1;
  grid-column-end: last-line;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  position: relative;
}
.prodline .producttable .expanded-table .sku-wrapper:before {
  position: absolute;
  content: "";
  height: 1px;
  bottom: 0;
  right: 0;
  width: calc(100% - 33px);
  background: #E0E9F3;
  z-index: 50;
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku {
  grid-column-start: 1;
  grid-column-end: last-line;
  display: flex;
  -js-display: flex;
  height: 140px;
  position: relative;
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku:before {
  position: absolute;
  content: "";
  height: 1px;
  top: 0;
  right: 0;
  width: calc(100% - 33px);
  background: #E0E9F3;
  z-index: 50;
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku .none {
  background: #eee !important;
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku .sku-name {
  background: #00aeef;
  grid-column: 1/2;
  grid-row: 1/2;
  width: 33px;
  min-width: 33px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  position: relative;
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku .sku-name:before {
  position: absolute;
  content: "";
  height: 1px;
  bottom: -1px;
  right: 0;
  width: calc(100% - 4px);
  background: #f9f9f9;
  z-index: 50;
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku .sku-name p {
  color: #fff;
  transform: rotate(-90deg) translateX(-290%) translateY(0);
  white-space: nowrap;
  position: relative;
  left: 0;
  text-align: center;
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku .sku-main {
  background: #fff;
  height: 100%;
  width: 200px;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  position: relative;
  border-left: 1px solid #E0E9F3;
  min-width: 200px; /*test*/
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku .sku-main .image {
  height: 60%;
  display: flex;
  -js-display: flex;
  justify-content: center;
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku .sku-main .image img {
  width: auto !important;
  height: 90%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-49%);
  left: 50%;
}
.prodline .producttable .expanded-table .sku-wrapper .product-sku .sub-sku {
  width: 140px;
  min-width: 140px;
  height: 100%;
  background: #f9f9f9;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid #E0E9F3;
}
.prodline .producttable .simple-table {
  position: relative;
  border-bottom: 1px solid #E0E9F3;
  border-left: 1px solid #00aeef;
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .simple-table p {
  text-align: center;
}
.prodline .producttable .simple-table .finish, .prodline .producttable .simple-table .diameter, .prodline .producttable .simple-table .item-code {
  flex: 1;
}
.prodline .producttable .simple-table .height-and-length {
  flex: 2;
  position: relative;
}
.prodline .producttable .simple-table .height-and-length.single-column {
  flex: 1 !important;
}
.prodline .producttable .simple-table .sku .height-and-length {
  flex-direction: row !important;
}
.prodline .producttable .simple-table .sku .height-and-length .height, .prodline .producttable .simple-table .sku .height-and-length .length {
  width: 50%;
  height: 100%;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
}
.prodline .producttable .simple-table .diameter, .prodline .producttable .simple-table .item-code {
  background: #f5f5f5;
}
.prodline .producttable .simple-table .finish, .prodline .producttable .simple-table .diameter, .prodline .producttable .simple-table .height-and-length {
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .simple-table .header {
  height: 48px !important;
}
.prodline .producttable .simple-table .header > div {
  background: #00aeef;
  border: 1px solid transparent;
  height: 48px;
}
.prodline .producttable .simple-table .header > div p {
  color: #fff;
}
.prodline .producttable .simple-table .header, .prodline .producttable .simple-table .sku {
  display: flex;
  -js-display: flex;
  height: 64px;
}
.prodline .producttable .simple-table .header > div, .prodline .producttable .simple-table .sku > div {
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
}
.prodline .producttable .simple-table .sku {
  border-top: 1px solid #E0E9F3;
  height: 64px;
  width: 100%;
}
.prodline .producttable .simple-table.classic-wall-plates.streamline .header .attributes {
  height: 100px !important;
}
.prodline .producttable .simple-table.classic-wall-plates .header {
  flex-direction: column;
  height: 90px !important;
  background: #f5f5f5 !important;
}
.prodline .producttable .simple-table.classic-wall-plates .header .attributes {
  height: 40px !important;
}
.prodline .producttable .simple-table.classic-wall-plates .header .table-title {
  background: #00aeef;
}
.prodline .producttable .simple-table.classic-wall-plates .header .table-title p {
  text-align: left;
  padding-left: 12px;
  font-weight: 700;
  line-height: 110%;
}
.prodline .producttable .simple-table.classic-wall-plates .header .table-title p span {
  font-size: 90%;
  text-decoration: none;
  font-weight: 500;
}
.prodline .producttable .simple-table.classic-wall-plates .header .attributes {
  display: flex;
  -js-display: flex;
  flex-direction: row;
  background: #f5f5f5;
}
.prodline .producttable .simple-table.classic-wall-plates .header .attributes div {
  text-align: center;
  flex: 1;
  border: 0px solid transparent;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
}
.prodline .producttable .simple-table.classic-wall-plates .header .attributes div p {
  color: #004186;
}
.prodline .producttable .simple-table.classic-wall-plates .sku > div {
  flex: 1;
  background: transparent;
  border: 0px solid transparent;
}
.prodline .producttable .simple-table.classic-wall-plates .sku > .item-code, .prodline .producttable .simple-table.classic-wall-plates .sku > .insert-length, .prodline .producttable .simple-table.classic-wall-plates .sku > .insert-height {
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.metro-double-panel .sku-wrapper .product-sku .sku-main .image, .prodline .producttable .expanded-table.elite-stainless-steel.double-panel .sku-wrapper .product-sku .sku-main .image {
  height: 45%;
}
.prodline .producttable .expanded-table.metro-double-panel .sku-wrapper .product-sku .sku-main .image img, .prodline .producttable .expanded-table.elite-stainless-steel.double-panel .sku-wrapper .product-sku .sku-main .image img {
  height: 100%;
}
.prodline .producttable .expanded-table.metro-double-panel .sku-wrapper .product-sku .sku-main .dimensions p, .prodline .producttable .expanded-table.elite-stainless-steel.double-panel .sku-wrapper .product-sku .sku-main .dimensions p {
  font-size: 80%;
  transform: translateY(-4px);
}
.prodline .producttable .expanded-table p.smaller, .prodline .producttable .simple-table p.smaller {
  font-size: 80% !important;
}
.prodline .producttable .expanded-table.elite-stainless-steel {
  grid-template-rows: 72px 116px;
  width: 233px;
}
.prodline .producttable .expanded-table.elite-stainless-steel .top .sku-finish {
  width: 200px;
}
.prodline .producttable .expanded-table.elite-stainless-steel .legend {
  height: 116px;
}
.prodline .producttable .expanded-table.elite-stainless-steel .product-sku .sub-sku {
  width: 200px;
}
.prodline .producttable .expanded-table.portico-directory-system.desk-bars-flag-mounts, .prodline .producttable .expanded-table.portico-directory-system.modular-frame-directory {
  max-width: 1329.5px;
}
.prodline .producttable .expanded-table.portico-directory-system.desk-bars-flag-mounts .title-7-col, .prodline .producttable .expanded-table.portico-directory-system.modular-frame-directory .title-7-col {
  width: 627.5px !important;
}
.prodline .producttable .expanded-table.portico-directory-system {
  grid-template-columns: 200px;
  grid-template-rows: 72px 140px;
  padding: 0;
  max-width: 100%;
  overflow-y: hidden;
}
.prodline .producttable .expanded-table.portico-directory-system .title-7-col {
  width: 674.5px;
}
.prodline .producttable .expanded-table.portico-directory-system p {
  text-align: center;
}
.prodline .producttable .expanded-table.portico-directory-system .header {
  grid-column-start: 1;
  grid-column-end: last-line;
  background: #00aeef;
  padding-left: 12px;
  padding-top: 5px;
  border-top: 1px solid #E0E9F3;
  border-left: 1px solid #E0E9F3;
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.portico-directory-system .header h3, .prodline .producttable .expanded-table.portico-directory-system .header p {
  color: #fff;
  text-shadow: 1px 2px 4px rgba(2, 2, 2, 0.12);
}
.prodline .producttable .expanded-table.portico-directory-system .header h3 {
  font-size: 150%;
  font-weight: 600;
}
.prodline .producttable .expanded-table.portico-directory-system .header p {
  font-size: 100%;
  text-align: left;
}
.prodline .producttable .expanded-table.portico-directory-system .top {
  grid-row: 2/3;
  grid-column-start: 1;
  grid-column-end: last-line;
  background: rgb(245, 245, 245);
  display: flex;
  -js-display: flex;
  border-right: 1px solid #E0E9F3;
  position: relative;
}
.prodline .producttable .expanded-table.portico-directory-system .top .title-4-col {
  width: 502px;
  position: absolute;
  top: 0;
  left: 201px;
  background: #eee;
  border-bottom: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.portico-directory-system .top .title-4-col:before {
  position: absolute;
  content: "";
  right: 1px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #333;
  z-index: 5;
}
.prodline .producttable .expanded-table.portico-directory-system .top .title-7-col {
  width: 879.5px;
  top: 0;
  left: 702px;
  position: absolute;
  background: #eee;
  border-bottom: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.portico-directory-system .top .legend {
  border-right: 1px solid #E0E9F3;
  position: relative;
}
.prodline .producttable .expanded-table.portico-directory-system .top .legend p {
  text-align: left;
  margin-top: 48%;
  font-size: 140%;
  padding-left: 8px;
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish {
  width: 125.5px;
  min-width: 125.5px;
  height: 100%;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .image {
  margin-top: 38px;
  height: 50px;
  background: transparent;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  border-right: 0px solid transparent;
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .image .placeholder {
  border-radius: 0px;
  height: 25px;
  width: 50px;
  background: linear-gradient(120deg, #777 0%, #111 100%);
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  box-shadow: 1px 2px 12px rgba(2, 2, 2, 0.2);
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .image .placeholder.cocoa {
  background: linear-gradient(180deg, #5f5d56 0%, #58513d 80%);
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .image .placeholder.desert-sand {
  background: linear-gradient(180deg, #d2d7b9 0%, #d2d7b9 80%);
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .image .placeholder.slate-gray {
  background: linear-gradient(180deg, #a9a9a9 0%, #929292 80%);
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .image .placeholder.linen-white {
  background: linear-gradient(180deg, #f8f8f8 0%, #f4f4f4 80%);
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .image .placeholder.patriot-blue {
  background: linear-gradient(180deg, #304c72 0%, #21416d 80%);
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .image .placeholder.portabello {
  background: linear-gradient(180deg, #8a8361 0%, #8e886d 80%);
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .name {
  height: 52px;
  background: transparent;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .name:before {
  display: none;
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .name p {
  color: #004186;
  line-height: 100%;
  font-size: 90%;
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .description {
  background: #f9f9f9;
  flex: auto;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px;
  border-left: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish .description p {
  font-size: 80%;
  line-height: 120%;
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish:nth-of-type(7) {
  border-right: 2px solid #333;
}
.prodline .producttable .expanded-table.portico-directory-system .top .sku-finish:last-of-type {
  border-right: 0px solid transparent;
}
.prodline .producttable .expanded-table.portico-directory-system .sku-wrapper:before {
  width: 100%;
}
.prodline .producttable .expanded-table.portico-directory-system .product-sku {
  height: 40px;
}
.prodline .producttable .expanded-table.portico-directory-system .product-sku:before {
  width: 100%;
}
.prodline .producttable .expanded-table.portico-directory-system .product-sku .sku-main {
  width: 200px;
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.portico-directory-system .product-sku .sku-main p {
  font-size: 80%;
}
.prodline .producttable .expanded-table.portico-directory-system .product-sku .sku-main .dimensions {
  height: 100%;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
}
.prodline .producttable .expanded-table.portico-directory-system .product-sku .sub-sku {
  border-left: 0px solid transparent;
  border-right: 1px solid #E0E9F3;
  width: 125.5px;
  min-width: 125.5px;
}
.prodline .producttable .expanded-table.portico-directory-system .product-sku .sub-sku p {
  font-size: 80%;
}
.prodline .producttable .expanded-table.portico-directory-system .product-sku .sub-sku:nth-of-type(5) {
  border-right: 2px solid #333;
}
.prodline .producttable .expanded-table.metro-easel-display-system {
  grid-template-columns: 200px;
  grid-template-rows: 72px 140px;
  padding: 0;
  max-width: 576.5px;
}
.prodline .producttable .expanded-table.metro-easel-display-system p {
  text-align: center;
}
.prodline .producttable .expanded-table.metro-easel-display-system .header {
  grid-column-start: 1;
  grid-column-end: last-line;
  background: #00aeef;
  padding-left: 12px;
  padding-top: 5px;
  border-top: 1px solid #E0E9F3;
  border-left: 1px solid #E0E9F3;
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.metro-easel-display-system .header h3, .prodline .producttable .expanded-table.metro-easel-display-system .header p {
  color: #fff;
  text-shadow: 1px 2px 4px rgba(2, 2, 2, 0.12);
}
.prodline .producttable .expanded-table.metro-easel-display-system .header h3 {
  font-size: 150%;
  font-weight: 600;
}
.prodline .producttable .expanded-table.metro-easel-display-system .header p {
  font-size: 100%;
  text-align: left;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top {
  grid-row: 2/3;
  grid-column-start: 1;
  grid-column-end: last-line;
  background: rgb(245, 245, 245);
  display: flex;
  -js-display: flex;
  border-right: 1px solid #E0E9F3;
  position: relative;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .title-4-col {
  width: 502px;
  position: absolute;
  top: 0;
  left: 201px;
  background: #eee;
  border-bottom: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .title-4-col:before {
  position: absolute;
  content: "";
  right: 1px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #333;
  z-index: 5;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .title-7-col {
  width: 879.5px;
  top: 0;
  right: 0;
  position: absolute;
  background: #eee;
  border-bottom: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .legend {
  border-right: 1px solid #E0E9F3;
  border-left: 0px solid transparent;
  position: relative;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .legend p {
  text-align: left;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .sku-finish {
  width: 125.5px;
  height: 100%;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  border-right: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .sku-finish .name {
  height: 52px;
  background: transparent;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .sku-finish .name:before {
  display: none;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .sku-finish .name p {
  color: #004186;
  line-height: 100%;
  font-size: 90%;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .sku-finish .description {
  background: #f9f9f9;
  flex: auto;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px;
  border-left: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .sku-finish .description p {
  font-size: 80%;
  line-height: 120%;
}
.prodline .producttable .expanded-table.metro-easel-display-system .top .sku-finish:last-of-type {
  border-right: 0px solid transparent;
}
.prodline .producttable .expanded-table.metro-easel-display-system .sku-wrapper:before {
  width: 100%;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku {
  min-height: 160px;
  height: auto;
  border-left: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku:before {
  width: 100%;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sku-main {
  width: 200px;
  border-right: 0px solid transparent;
  border-left: 0px solid transparent;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sku-main + .sub-sku-wrapper {
  border-left: 1px solid #E0E9F3;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sku-main .image {
  margin-top: 24px;
  margin-bottom: 12px;
  height: auto;
  background: transparent;
  display: flex;
  -js-display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  border-right: 0px solid transparent;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sku-main .image .placeholder {
  border-radius: 400px;
  height: 40px;
  width: 40px;
  background: linear-gradient(120deg, #777 0%, #111 100%);
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  box-shadow: 1px 2px 12px rgba(2, 2, 2, 0.2);
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sku-main .description p {
  font-size: 80%;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 6px;
  min-width: 200px;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sub-sku-wrapper {
  display: flex;
  -js-display: flex;
  flex-direction: column;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sub-sku-header {
  height: 30px;
  width: 376.5px;
  background: #00aeef;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sub-sku-header p {
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 80%;
  text-align: left;
  padding-left: 8px;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sub-sku-row {
  width: 100%;
  display: flex;
  -js-display: flex;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sub-sku-row .sub-sku {
  height: 50px;
  display: flex;
  -js-display: flex;
  flex-direction: column;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sub-sku-row .sub-sku p {
  font-size: 80%;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sub-sku {
  border-left: 0px solid transparent;
  border-right: 1px solid #E0E9F3;
  width: 125.5px;
}
.prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sub-sku:last-of-type {
  border-right: 0px solid #E0E9F3;
}

/** Product Specific Properties Styling **/
body.swatch-books .productoverview .bluebutton:nth-of-type(2) {
  display: none !important;
}
body.swatch-books .swatches .swatchname {
  background: rgba(255, 255, 255, 0.8);
  width: 97%;
  padding: 8px;
  backdrop-filter: blur(6px);
  box-shadow: 0px 0px 4px rgba(2, 2, 2, 0.12);
}

body.laser-lights .physpropColumn:nth-of-type(1) .physprop:nth-of-type(6) {
  min-height: 102px;
}
body.laser-lights .physpropColumn:nth-of-type(2) .physprop:nth-of-type(4) {
  min-height: 102px;
}

body.durmark .swatches .swatchimage {
  background-size: 106% 106%;
  background-position: center 40%;
}

body.ecomark .swatches .swatchimage {
  background-size: 106% 106%;
}

body.reflect-r-mark .swatches .swatchimage {
  background-size: 128% 128%;
  background-position: center 40%;
}

body.heavyweights .swatches .swatchimage {
  background-size: 150% 190%;
  background-position: center 40%;
}

body.ada-alternative .swatches .productswatch:nth-of-type(12) .swatchimage {
  background-size: 185% 185%;
  background-position: center 40%;
}

body.the-naturals .swatches .swatchimage {
  background-size: 185% 185%;
  background-position: center 40%;
}

body.color-shop-woods .swatches .swatchimage, body.hardwood-collection .swatches .swatchimage, body.lucents .swatches .swatchimage, body.swatch-books .swatches .swatchimage, body.paints .swatches .swatchimage, body.easels .swatches .swatchimage, body.frames .swatches .swatchimage, body.parts-and-tools .swatches .swatchimage, body.ready-made-signs .swatches .swatchimage {
  background-size: 100% 100%;
}

body.lucents .swatches .productswatch:nth-of-type(8) .swatchimage, body.lucents .swatches .productswatch:nth-of-type(9) .swatchimage {
  background-size: 185% 185%;
}

body.color-hues .swatches .swatchimage {
  background-size: 100% 100%;
}
body.color-hues .swatches.colorhues-efx .swatchimage {
  background-size: 110% 185%;
  background-position: center 40%;
}

body.sublimation .swatches .swatchimage {
  background-size: 100% 100%;
  background-position: center center;
}

/** Physical Properties Toggle **/
.productspecs.physicalproperties-on {
  transition-delay: 0s;
  min-height: 740px;
}
.productspecs.physicalproperties-on .mainproductproperties {
  transform: translateX(25vw);
  transition: 0.7s;
  opacity: 0;
  user-select: none;
  pointer-events: none;
  position: absolute;
}
.productspecs.physicalproperties-on .physicalproperties {
  transform: translateX(0);
  transition: 0.7s;
  transition-delay: 0.35s;
  opacity: 1;
  user-select: auto;
  pointer-events: auto;
  position: static;
}

.productspecs:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #E0E9F3;
  z-index: -1;
  width: 120vw;
  transform: translateX(-20vw);
}

.swatches {
  padding-top: 88px;
}
.swatches .mainwrap {
  flex-wrap: wrap;
}
.swatches h3.title.is-3 {
  font-size: 330%;
}

/** Featured Products **/
body.products.featured .arrowlink {
  clear: none !important;
}

.featuredproduct .title.is-3 {
  font-size: 280%;
  font-weight: 700;
  margin-bottom: 12px;
}
.featuredproduct p {
  padding-right: 32px;
  font-size: 130% !important;
}
.featuredproduct .featuredimage {
  width: 40vw;
  height: 20vw;
  background: #004186;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  float: left;
  margin-right: 32px;
  margin-bottom: 32px;
  animation: fadein 0.5s;
  animation-fill-mode: forwards;
}
.featuredproduct .arrowlink:hover {
  color: #004186 !important;
}

.moreinfopanel {
  width: 800px;
  max-width: 100%;
  height: 600px;
  position: absolute;
  z-index: 999;
  background: rgba(0, 65, 134, 0.95);
  left: 50%;
  transform: translateX(-50%);
  display: none;
}

/** Design Gallery **/
body.designgallery .my-sizer-element {
  width: 8.33333%;
}
body.designgallery .headerlinks {
  display: block;
}
body.designgallery .designgalleryarea {
  box-sizing: border-box;
  position: relative;
  /* column-count: 3;
   column-gap: 0;
   counter-reset: item-counter; */
  width: 100%;
}
body.designgallery .designgalleryarea .galleryitem {
  box-sizing: border-box;
  /*
  counter-increment: item-counter;
  break-inside: avoid; */
  padding: 10px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  height: auto;
  width: 33.333%;
}
body.designgallery .designgalleryarea .galleryitem img {
  display: block;
  width: 100%;
  min-width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  filter: brightness(0.8);
}
body.designgallery .designgalleryarea .galleryitem h3 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding-bottom: 6px;
  padding-top: 4px;
  padding-left: 20px;
  margin-bottom: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 15%, rgba(255, 255, 255, 0.75) 40%, rgba(255, 255, 255, 0.25) 100%);
  width: 100%;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
  font-size: 130%;
  z-index: 50;
  opacity: 0;
}
body.designgallery .designgalleryarea .galleryitem:hover img {
  filter: brightness(1);
  box-shadow: 1px 2px 20px rgba(2, 2, 2, 0.17);
}
body.designgallery .designgalleryarea .galleryitem:hover h3 {
  opacity: 1;
}

#filtertoggle h4 {
  transform: translateX(-46px);
}
#filtertoggle ::before {
  position: absolute;
  display: block;
  content: "";
  background: url("../images/icons/arrowblue.png");
  background-size: 56px;
  background-repeat: no-repeat;
  right: -60px;
  top: -6px;
  width: 60px;
  height: 60px;
  z-index: 110;
  opacity: 1;
  transform: translateX(-1px);
}
#filtertoggle :hover::before {
  opacity: 1;
  transform: translateX(4px);
}
#filtertoggle :focus::before, #filtertoggle :active::before {
  transform: translateX(4px);
  transition-delay: 1.5s;
}

.productfilter h3 {
  margin-right: 24px;
}
.productfilter .filter {
  padding: 0 24px;
  margin: 0 1px !important;
  width: 120px;
}
.productfilter .filter p {
  text-align: center;
}
.productfilter .filter:hover {
  background: #bcccdd;
}
.productfilter .filter.active {
  background: #004186;
}
.productfilter .filter.active p {
  color: #fff;
}

#filterpanel .filterlist .filter {
  width: calc(50% - 12px);
  min-width: 260px;
  margin-right: 24px;
  margin-bottom: 24px;
  height: 50px;
  display: inline-block;
  float: left;
  border-radius: 4px;
  padding: 0 18px;
  text-shadow: 1px 1px 2px rgba(2, 2, 2, 0.2);
}
#filterpanel .filterlist .filter:nth-of-type(2n) {
  margin-right: 0;
}

.filterlist .filter {
  width: calc(33% - 16px);
  min-width: 260px;
  margin-right: 24px;
  margin-bottom: 24px;
  height: 50px;
  display: inline-block;
  float: left;
  border-radius: 4px;
  padding: 0 18px;
  background: rgba(0, 65, 134, 0.45);
  text-shadow: 1px 1px 2px rgba(2, 2, 2, 0.2);
}
.filterlist .filter p {
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-size: 105%;
  user-select: none;
}
.filterlist .filter:hover {
  box-shadow: 1px 1px 12px rgba(2, 2, 2, 0.12);
  background: rgba(0, 65, 134, 0.66);
}
.filterlist .filter.active {
  background: #004186;
}
.filterlist .filter:nth-of-type(3n) {
  margin-right: 0;
}

body.products .designgallery {
  margin-top: 100px;
}
body.products .designgallery .tile {
  min-height: 460px;
}
body.products .designgallery .tile .link .title.is-3 {
  color: #fff !important;
  text-align: left;
  margin-left: 24px;
  top: auto;
  bottom: 0;
  z-index: 100;
}
body.products .designgallery .tile .link:after {
  opacity: 0.95;
  top: auto;
  height: 68px;
  background: #00254D;
}
body.products .designgallery .tile:hover .link {
  box-shadow: 1px 2px 24px rgba(2, 2, 2, 0.22);
}
body.products .designgallery .tile:hover .link:after .title.is-3 {
  color: #004186 !important;
}

#filterpanel {
  position: fixed;
  width: 860px;
  max-width: 100%;
  top: 0;
  bottom: 0;
  right: -125%;
  background: #fff;
  z-index: 80;
  opacity: 1;
  box-shadow: 2px 1px 40px rgba(2, 2, 2, 0.2);
  z-index: 999;
  padding: 20vh 120px 20vh 120px;
}
#filterpanel .backbutton, #filterpanel .close {
  margin-bottom: 10px;
}
#filterpanel .title.is-3 {
  margin-bottom: 40px;
  font-size: 280%;
  font-weight: 600;
}
#filterpanel .submit {
  display: inline-block;
  width: 620px;
  height: 54px;
  line-height: 54px;
  border-radius: 4px;
  text-align: center;
}
#filterpanel .submit p {
  color: #fff;
  font-size: 100%;
}

.filterpanelback {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #E0E9F3;
  opacity: 0;
  z-index: 998;
  display: none;
  cursor: pointer;
}

body.filterpanel-open #filtertoggle::before {
  transform: translateX(4px) !important;
}
body.filterpanel-open .filterpanelback {
  display: block;
}
body.filterpanel-open #filterpanel {
  right: 0;
}
body.filterpanel-open .designgallery {
  user-select: none;
  pointer-events: none;
  opacity: 0.2;
}
body.filterpanel-open .navbar .navbar-brand .navbar-burger:before, body.filterpanel-open .navbar .navbar-brand .burger span {
  color: #004186;
}
body.filterpanel-open .navbar .navbar-brand .rowmarklogo #regularlogo {
  opacity: 0.25;
}
body.filterpanel-open .navbar .navbar-brand .rowmarklogo #whitelogo {
  opacity: 0;
}
body.filterpanel-open .navbar .navbar-end {
  opacity: 0.25;
  user-select: none;
  pointer-events: none;
}
body.filterpanel-open .headerlinks, body.filterpanel-open .headertext {
  opacity: 0.3;
  user-select: none;
  pointer-events: none;
}

/** Resources **/
body.resources.darkmode #footer .testimonialarea .sheetgraphic #teal {
  background: #004186;
}
body.resources.darkmode .tiles .tile:hover .link h3.title.is-3 {
  color: #004186 !important;
}

#header.resources {
  background: transparent;
}
#header.resources .headertext p {
  margin-bottom: 0 !important;
}
#header.resources .documents a, #header.resources .documents .panel {
  position: relative;
}
#header.resources .documents .panel:before {
  display: none;
  content: "";
  background: url("../images/icons/downloadbutton_white.svg");
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: right center;
}
#header.resources .documents .panel:hover:before {
  content: "";
  background: url("../images/icons/downloadbutton_blueclear.svg");
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: right center;
}

#header.resources .documents .panel.full:hover {
  background: rgba(255, 255, 255, 0.9);
}
#header.resources .documents .panel.full:hover p {
  color: #004186 !important;
}

/** Sample Request**/
#header.resources.samplekit:before {
  position: fixed;
  right: 0;
  bottom: 0;
  content: "";
  width: 56vw;
  height: 86vh;
  opacity: 0.85;
}

#header.resources .panel {
  margin-top: 12px;
  width: 660px;
  max-width: 100%;
  padding-left: 36px;
  animation: fadein 0.5s;
}
#header.resources .panel ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #004186;
}
#header.resources .panel ::-moz-placeholder { /* Firefox 19+ */
  color: #004186;
}
#header.resources .panel :-ms-input-placeholder { /* IE 10+ */
  color: #004186;
}
#header.resources .panel :-moz-placeholder { /* Firefox 18- */
  color: #004186;
}
#header.resources .panel .bluebutton {
  float: none;
  border: 0px solid transparent !important;
  height: 56px;
  line-height: 0;
  width: calc(100% - 12px);
  margin-top: 22px;
}
#header.resources .hs-input {
  background: rgba(255, 255, 255, 0.9);
  padding-left: 12px;
  border-radius: 4px !important;
}
#header.resources .input, #header.resources .textarea {
  background-color: transparent !important;
}
#header.resources .hs-richtext p {
  margin-bottom: 24px;
}
#header.resources .hubspotEmbed {
  margin-left: 12px;
}
#header.resources .hubspotEmbed form {
  width: 500px;
  margin: auto;
  padding-top: 24px;
}
#header.resources .hubspotEmbed .hs-button {
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0);
  width: 460px;
  max-width: 100%;
}
#header.resources .hubspotEmbed .hs-button:hover {
  background: #1e5d98;
}
#header.resources .hubspotEmbed p, #header.resources .hubspotEmbed label, #header.resources .hubspotEmbed .hs-form-required {
  color: #fff !important;
}
#header.resources .hubspotEmbed .hs-error-msgs label {
  color: yellow !important;
}
/** Company **/
body.transparent #footer .testimonialarea {
  background: transparent !important;
}

body.company .rowmarkpromise {
  position: relative;
  height: 100%;
}
body.company .rowmarkpromise .column:nth-of-type(2) {
  padding-top: 8%;
}
body.company #ourprocess {
  min-height: 70vh;
}
body.company #ourprocess .photo.absolute {
  background: url("/images/rowmarkbuilding.jpg");
  background-position: right;
  background-size: cover;
}
body.company #ourprocess .sectiontext {
  margin-top: 40px;
}
body.company #ourprocess .sectiontext p {
  font-size: 145%;
}
body.company #ourprocess .title.is-1 {
  font-size: 400% !important;
}
body.company #ourprocess h2.title.is-1::after {
  top: 130%;
}
body.company .testimonialarea {
  background: #fcfcfc !important;
}
body.company #footer .testimonialarea {
  background: #fcfcfc !important;
}

#header.company {
  position: relative;
}
#header.company .headerlinks h3.title.is-3 {
  font-size: 300% !important;
}
#header.company .panel {
  animation: fadein 0.5s;
}
#header.company .panel .hs-richtext {
  line-height: 180%;
  margin-bottom: 24px;
}
#header.company .panel .hs-richtext p {
  margin-bottom: 16px;
}
#header.company .panel ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #004186;
}
#header.company .panel ::-moz-placeholder { /* Firefox 19+ */
  color: #004186;
}
#header.company .panel :-ms-input-placeholder { /* IE 10+ */
  color: #004186;
}
#header.company .panel :-moz-placeholder { /* Firefox 18- */
  color: #004186;
}
#header.company .panel .bluebutton {
  float: none;
  border: 0px solid transparent !important;
  height: 56px;
  line-height: 0;
  width: calc(100% - 12px);
  margin-top: 42px;
  cursor: pointer;
}

#header.company:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: url("../images/rowmarkstripes.png");
  background-size: 100vh;
  background-repeat: no-repeat;
  background-position: top left;
  opacity: 0.07;
  z-index: 0;
}

#aboutrowmark {
  padding-top: 20vh;
}
#aboutrowmark .title.is-2 {
  font-size: 400%;
  position: relative;
}
#aboutrowmark .title.is-2::after {
  position: absolute;
  left: -24px;
  top: -48px;
  content: "";
  transform: translateX(-24px);
  width: 300px;
  height: 600px;
  background: rgba(224, 233, 243, 0.4);
  z-index: -1;
}
#aboutrowmark p {
  margin-bottom: 18px;
}
#aboutrowmark .arrowlink {
  transform: translateY(0);
}
#aboutrowmark .backgroundtile {
  top: -50px;
  left: -50px;
  z-index: -1;
}
#aboutrowmark .photo {
  display: none;
  width: 90%;
  margin-left: 10%;
  min-height: 600px;
  background: rgba(224, 233, 243, 0.4);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#aboutrowmark:focus {
  outline-color: #fff;
  outline: none !important;
}

#affiliates .columns {
  transform: translateY(12px);
}
#affiliates .column {
  position: relative;
  min-height: 300px;
}
#affiliates .column img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-height: 106px;
}
#affiliates .column p {
  text-align: center;
}

/** Calendar/Events **/
.eventlist {
  flex-wrap: wrap;
  padding-left: 12px;
  padding-right: 12px;
}
.eventlist .column.is-4-desktop {
  width: calc(33.33333% - 16px);
}
.eventlist .event {
  margin-right: 24px;
  margin-bottom: 24px;
  background: rgba(255, 255, 255, 0.42);
}
.eventlist .event p {
  font-size: 120%;
}
.eventlist .event .date {
  font-weight: 500;
  font-size: 145%;
}
.eventlist .event .title.is-2 {
  margin-bottom: 0;
  font-size: 175%;
}
.eventlist .event .arrowlink {
  color: #004186;
  font-size: 145%;
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 4px;
}
.eventlist .event .arrowlink:before {
  position: absolute;
  content: "";
  display: block;
  background: url("../images/icons/arrowblue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  right: -38px;
  top: 8px;
  bottom: 0;
  height: 20px;
  width: 32px;
}
.eventlist .event:nth-of-type(3n) {
  margin-right: 0;
}
.eventlist .event:hover {
  background: rgba(255, 255, 255, 0.86);
}

/** Posts **/
body.news.darkmode {
  background: #f9f9f9 !important;
}
body.news.darkmode #header.has-image::before {
  background: #004186;
  opacity: 0.4;
}
body.news.darkmode #postarea p {
  color: #004186 !important;
}
body.news.darkmode #footer .testimonialarea #testimonial, body.news.darkmode #footer .testimonialarea #name, body.news.darkmode #footer .testimonialarea #title {
  color: #004186 !important;
}
body.news.darkmode #footer .testimonialarea .sheetgraphic #blue {
  background: #004186 !important;
}

#header.post {
  min-height: 600px;
  background: #004186;
}
#header.post .mainwrap.post {
  padding-top: 440px;
}
#header.post .mainwrap.post h2.title.is-1.posttitle, #header.post .mainwrap.post h1.title.is-1.posttitle {
  font-size: 400% !important;
}
#header.post .mainwrap.post h3.title.is-3.postdate {
  font-size: 150% !important;
}
#header.post .mainwrap.post .headertext {
  padding-bottom: 50px;
}

.mainwrap.post {
  width: 794px;
  max-width: 100%;
}

#postarea {
  padding-top: 60px;
}
#postarea p {
  margin-bottom: 24px;
}

#relatedposts {
  margin-top: 40px;
  width: 100%;
  min-height: 300px;
}

/**  Employee Highlights **/
.highlights {
  padding-top: 40px;
}
.highlights .column.employee {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
.highlights .column.employee .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  background: #f8f8f8;
  z-index: 100;
}
.highlights .column.employee .info h3 {
  color: #004186;
  margin-top: 4px;
}
.highlights .column.employee .info h4 {
  text-transform: uppercase;
  font-size: 55%;
  font-weight: 700;
  color: #004186;
  line-height: 120%;
  margin-top: -12px;
  white-space: nowrap;
}
.highlights .column.employee .description {
  position: absolute;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  min-height: 560px;
  background: #004186;
  opacity: 0;
  padding: 24px;
}
.highlights .column.employee .description p {
  color: #fff;
  font-size: 130%;
  user-select: none;
  position: absolute;
  top: 40px;
  width: 88%;
}
.highlights .column.employee .description.green {
  background: #7ec5b0;
}
.highlights .column.employee .description.yellow {
  background: #d5c970;
}
.highlights .column.employee .description.purple {
  background: #b4b2e7;
}
.highlights .column.employee .description.pink {
  background: #e0afb4;
}
.highlights .column.employee:hover .description {
  opacity: 1;
}
.highlights .picture {
  background: #E0E9F3;
  min-height: 50vh;
}

/** Careers **/
.companylist .company {
  animation: fadein 0.5s;
  margin-bottom: 40px;
  margin-top: 12px;
}

.panel {
  width: 100%;
  max-width: 100%;
  padding: 24px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 1px 2px 20px rgba(2, 2, 2, 0.02);
  display: block;
}

.panel.light {
  background: rgba(255, 255, 255, 0.2);
}

.jobpost .panel {
  padding: 32px 40px;
}

.panel.full {
  width: 100%;
}

.job {
  width: 100%;
  max-width: 100%;
  height: 80px;
}

.job.none {
  opacity: 0.75;
  position: relative;
  pointer-events: none;
  user-select: none;
}
.job.none .jobtitle, .job.none .joblocation {
  display: none !important;
}

.job.none:before {
  position: absolute;
  content: "There are currently no job openings.";
  top: 55%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #004186;
}

.job.panel:hover {
  box-shadow: 1px 2px 40px rgba(163, 217, 99, 0.25) !important;
}
.job.panel:hover h3 {
  text-shadow: 1px 2px 2px rgba 2, 2, 2, 0.15;
}

.jobtitle {
  font-size: 130%;
  color: #004186;
  display: inline-block;
  float: left;
  margin-right: 24px;
  font-weight: 500;
}

.joblocation {
  font-size: 130%;
  color: #004186;
  display: inline-block;
  float: right;
}

.jobpost {
  animation: fadein 0.5s;
}
.jobpost .title.is-1 {
  font-size: 300% !important;
}
.jobpost .jobdescription p {
  font-size: 120%;
}
.jobpost .jobdescription div {
  margin-bottom: 24px;
}
.jobpost .jobdescription div .title.is-3 {
  font-weight: 700;
  font-size: 150%;
  margin-bottom: 4px;
}
#aboutrowmark, #rmk {
  min-height: 100vh;
  width: 100%;
  background: #fcfcfc !important;
  position: relative;
  z-index: 50;
  box-shadow: 0px 0px 52px rgba(2, 2, 2, 0.06);
}

#aboutrowmark {
  background: url("/images/fansheet.jpg") !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
}

#quotepanel {
  min-height: 100vh;
  width: 100%;
  background-color: #004186;
  background-image: url("/images/rmkevents.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 50;
  position: relative;
}
#quotepanel h3 {
  color: #fff;
  text-shadow: 1px 2px 12px rgba(2, 2, 2, 0.15);
  font-size: 420%;
  position: absolute;
  top: 50%;
  left: 8.2292%;
  transform: translateY(-50%);
  width: 800px;
  display: block;
  max-width: 100%;
  white-space: nowrap;
}
#quotepanel h3 span:nth-of-type(1) {
  margin-left: 10%;
}
#quotepanel h3 span:nth-of-type(2) {
  margin-left: 35%;
}
#quotepanel h3 span:nth-of-type(3) {
  margin-left: 75%;
}
#quotepanel h3 strong {
  font-weight: 700;
  font-size: 140%;
}

#quotepanel {
  min-height: 75vh;
}
#quotepanel span, #quotepanel h3.title.is-3 {
  margin-left: 0 !important;
  text-align: left;
  line-height: 150%;
}
#quotepanel h3 strong {
  font-size: 100%;
}

#affiliates {
  width: 100%;
  min-height: 300px;
  background: #fff;
  position: relative;
  z-index: 90;
  box-shadow: 1px 2px 40px rgba(2, 2, 2, 0.1);
}

/** Search Results Page **/
.search-container.searchresultspage {
  position: static;
  color: #004186;
  width: 100%;
  max-width: 100%;
  margin: 0;
  height: 64px;
}
.search-container.searchresultspage ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #004186;
}
.search-container.searchresultspage ::-moz-placeholder { /* Firefox 19+ */
  color: #004186;
}
.search-container.searchresultspage :-ms-input-placeholder { /* IE 10+ */
  color: #004186;
}
.search-container.searchresultspage :-moz-placeholder { /* Firefox 18- */
  color: #004186;
}
.search-container.searchresultspage input#search-bar, .search-container.searchresultspage input#page-search-bar, .search-container.searchresultspage input#glossary-search-bar {
  color: #004186;
  height: 64px;
  font-size: 240%;
  transform: translateY(10px);
}
.search-container.searchresultspage #searchbutton, .search-container.searchresultspage #page-searchbutton {
  background: url("../images/icons/arrowbluelarge.svg");
  background-repeat: no-repeat;
  background-position: center center;
  height: 50px;
  right: -66px;
  top: 20px;
}

.search-container.searchresultspage #page-searchbutton {
  right: -58px;
}

.glossary-container .title.is-2.term {
  min-height: 40px;
}
.glossary-container img {
  width: 32px;
  height: auto;
  float: left;
  margin-right: 15px;
}
.glossary-container .description {
  width: 100%;
}
.glossary-container h3.title.is-2.term {
  font-size: 180% !important;
  margin-bottom: 10px;
}

.search-container.searchresultspage:before {
  background: #004186;
}

.searchpage .headertext .title.is-2 {
  margin-bottom: 48px;
}
.searchpage .searchresult {
  clear: both;
  margin-bottom: 48px;
  min-height: 220px;
}
.searchpage .searchresult .title.is-2 {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  transform: translateY(-8px);
  max-width: 68%;
}
.searchpage .searchresult .category {
  margin: 0;
  transform: translateY(-8px);
}
.searchpage .searchresult .thumbnail {
  width: 220px;
  height: 220px;
  display: inline-block;
  float: left;
  margin-right: 22px;
  background-size: cover;
  background-position: center center;
}
/** Servant Leadership **/
.servantleadership .mainimage {
  width: 90%;
  min-height: 600px;
  margin-left: 10%;
  background-color: #E0E9F3;
  margin-bottom: 40px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.servantleadership .agencies p {
  font-size: 120%;
}

.sitemap h3.title.is-3 {
  font-weight: 700;
}
.sitemap a {
  color: #004186;
  display: block;
  width: 100%;
  font-size: 150%;
  margin-bottom: 8px;
}

/** Contact Us **/
.hs-form .hs-form-radio-display input, .hs-form .hs-form-checkbox-display input {
  position: relative;
}
.hs-form .hs-form-radio-display input .input, .hs-form .hs-form-checkbox-display input .input {
  background: transparent !important;
}

.hs-form .hs-form-checkbox-display input:before {
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #ededed;
  z-index: 99;
  transition: 0.18s;
  box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.07);
}

.hs-form .hs-form-radio-display input:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #ededed;
  z-index: 99;
  border-radius: 40px;
  transition: 0.18s;
  box-shadow: inset 0px 0px 10px 4px rgba(0, 0, 0, 0.07);
}

.hs-form .hs-form-radio-display input:checked:before, .hs-form .hs-form-checkbox-display input:checked:before {
  background: #A3D963;
  transition: 0.2s;
}

input.hs-input[type=checkbox] {
  position: relative;
}

input.hs-input[type=checkbox] ::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #bcccdd;
  content: "";
  z-index: 90;
}

.contactform .panel {
  width: 100%;
  /*width:546px!important; */
  max-width: 100%;
  background: rgba(255, 255, 255, 0.92);
}
.contactform .panel form {
  width: 500px !important;
  max-width: 100% !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0;
}

.stop-fixed {
  position: fixed;
}

.contactform .formpanel {
  margin-top: 32px;
}
.contactform .formpanel .hs-button {
  transform: translateY(-28px);
}

.contactform .headertext {
  width: 1476px;
  max-width: 100%;
  margin: 0 auto;
}
.contactform .columns.flexwrap {
  width: 1500px;
  max-width: 100%;
  margin: 0 auto;
}
.contactform .columns.flexwrap .panel {
  padding: 8% 18%;
  padding: 64px;
}

.contactform .phonepanel {
  margin-top: 32px;
  max-width: 100%;
  top: 314px;
}
.contactform .phonepanel .wrapper {
  position: relative;
  display: flex;
  -js-display: flex;
  flex-wrap: wrap;
}
.contactform .phonepanel .wrapper .flex-row {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.contactform .phonepanel .wrapper .flex-row:nth-of-type(1) {
  margin-bottom: 32px;
}
.contactform .phonepanel .wrapper .flex-row > div {
  width: 180px;
  display: flex;
  margin-right: 80px;
}
.contactform .phonepanel .wrapper .flex-row > div:nth-of-type(2) {
  margin-right: 0;
  width: 208px;
}
.contactform .phonepanel .wrapper .flex-row:nth-of-type(1) .phonenumber {
  font-size: 20px !important;
}
.contactform .phonepanel .contact-column {
  padding-bottom: 12px !important;
  position: relative;
}
.contactform .phonepanel .contact-column .contact {
  min-height: 102px;
  margin-bottom: 20px;
}
.contactform .phonepanel .contact-column .enlarge {
  font-size: 150% !important;
}
.contactform .phonepanel .contact-column .enlarger {
  font-size: 180% !important;
}
.contactform .phonepanel .contact-column .bold {
  font-weight: 700 !important;
}
.contactform .phonepanel .contact-column .bold span {
  font-weight: 700 !important;
}
.contactform .phonepanel .contact-column .nomargin {
  margin-bottom: 0;
}
.contactform .phonepanel .contact-column .general {
  padding-bottom: 30px;
}
.contactform .phonepanel .contact-column .phonenumber, .contactform .phonepanel .contact-column .email {
  font-size: 100%;
  font-size: 16px !important;
}
.contactform .phonepanel .contact-column .email {
  margin-bottom: 0;
}
.contactform .phonepanel .contact-column .marginbottom {
  margin-bottom: 20px;
}
.contactform .phonepanel .contact-column p {
  font-size: 125%;
  max-width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.contactform .phonepanel .contact-column p span {
  font-weight: 500;
}
.contactform .phonepanel .contact-column p {
  margin-bottom: 10px;
}

ul.no-list.hs-error-msgs.inputs-list {
  max-height: 16px;
}

.hubspotEmbed *:active {
  outline: none !important;
  outline-width: 0;
  box-shadow: none !important;
}
.hubspotEmbed p {
  line-height: 1.5;
}
.hubspotEmbed input.hs-input:focus, .hubspotEmbed textarea.hs-input:focus {
  border-color: rgb(163, 217, 99);
  box-shadow: 0 0 8px rgb(163, 217, 99);
}
.hubspotEmbed p, .hubspotEmbed label, .hubspotEmbed input, .hubspotEmbed textarea, .hubspotEmbed select.hs-input {
  font-family: "neue-haas-grotesk-display", "Helvetica", "Arial", sans-serif !important;
  font-size: 120% !important;
  outline: transparent !important;
  color: #004186 !important;
  letter-spacing: 1px !important;
}
.hubspotEmbed input {
  height: 27px !important;
}
.hubspotEmbed select {
  height: 36px !important;
}
.hubspotEmbed input, .hubspotEmbed textarea, .hubspotEmbed select.hs-input {
  font-size: 105% !important;
}
.hubspotEmbed input.hs-input, .hubspotEmbed textarea.hs-input, .hubspotEmbed select.hs-input {
  border: 0px solid transparent;
  background: rgba(240, 240, 240, 0.35);
}
.hubspotEmbed .hs-error-msgs label {
  font-size: 60% !important;
  margin-top: 8px !important;
  transform: translateX(-4px);
  line-height: 125% !important;
  color: #d20c0c !important;
}
.hubspotEmbed .hs-input {
  border-radius: 4px !important;
}
.hubspotEmbed li {
  min-height: 38px;
}
.hubspotEmbed .hs-form-field > label {
  margin-bottom: 8px !important;
  font-weight: 100 !important;
}
.hubspotEmbed .hs-form-checkbox-display span {
  font-size: 60% !important;
}
.hubspotEmbed input.hs-input[type=checkbox], .hubspotEmbed input.hs-input[type=radio] {
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px;
  transform: translateY(2px);
}
.hubspotEmbed .hs_comments label {
  line-height: 1.5 !important;
}
.hubspotEmbed .legal-consent-container p {
  font-size: 90% !important;
}
.hubspotEmbed .hs-button.primary.large {
  height: 40px !important;
  color: #fff !important;
  line-height: 42px;
  border: 0px solid transparent;
}
.hubspotEmbed .hs-button.primary.large:hover, .hubspotEmbed .hs-button.primary.large:focus, .hubspotEmbed .hs-button.primary.large:active {
  border: 0px solid transparent !important;
  box-shadow: 1px 2px 6px rgba(2, 2, 2, 0.2) !important;
  background: #1e5d98;
}

.mainwrap.post.contactform {
  margin-bottom: 100px !important;
}
.mainwrap.post.contactform .panel {
  padding-bottom: 48px;
}

/** Testimonials **/
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p, body.darkmode div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p, body.home.darkmode div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
  color: #004186 !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body.darkmode div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, body.home.darkmode div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
  background: #004186 !important;
  border: 1px solid #004186 !important;
  color: #fff !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button, body.darkmode div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button, body.home.darkmode div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
  border: 1px solid #004186 !important;
  color: #004186 !important;
}

/** Resource Document **/
body.resource-document {
  background: #fff;
}
body.resource-document #header.post {
  min-height: 240px;
}
body.resource-document #header.post .mainwrap.post {
  padding-top: 240px;
}
body.resource-document #header.post .mainwrap.post .headertext {
  margin-bottom: 0;
}
body.resource-document #postarea {
  padding-bottom: 140px;
}
body.resource-document #postarea .bluebutton {
  margin-bottom: 48px;
}
body.resource-document #postarea .bluebutton p {
  color: #fff !important;
  font-size: 100%;
  padding-right: 0;
  display: inline-block;
  position: relative;
  transform: translateX(-14px);
}
body.resource-document #postarea .bluebutton p:before {
  content: "";
  background: url("../images/icons/downloadbutton_white.svg");
  position: absolute;
  top: 50%;
  right: -32px;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: right center;
}
body.resource-document #postarea p {
  color: #004186 !important;
}
body.resource-document .testimonialarea {
  display: none;
}

/** Page Builder **/
.modularpost .title.is-3, .modularpost .title.is-4 {
  margin-top: 24px;
  font-weight: 700;
}
.modularpost .title.is-5 {
  margin-top: 12px;
}
.modularpost ul, .modularpost ol {
  margin-bottom: 40px;
}
.modularpost li {
  list-style-type: disc;
  margin-left: 64px;
  margin-bottom: 12px;
}
.modularpost .downloadarea.boxed.columns .column {
  min-height: 0;
  background: transparent;
}
.modularpost .downloadarea.boxed.columns .column .bluebutton {
  width: 100% !important;
  z-index: 90;
}
.modularpost .column {
  padding: 0;
}
.modularpost .column img {
  width: 100%;
  object-fit: cover;
}
.modularpost .column .downloadTypeIcon {
  width: 20%;
  margin: auto;
  display: block;
}
.modularpost .column p {
  padding-right: 32px;
}

.columns.boxed {
  width: 794px;
  max-width: 100%;
  margin: auto;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.columns.boxed .column {
  min-height: 200px;
  margin-bottom: 0;
}

.columns.fullwidth {
  width: 100%;
  max-width: 100%;
  margin: 0;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.columns.fullwidth .column {
  min-height: 200px;
  margin-bottom: 0;
}

/** 404 **/
.is-relative {
  position: relative;
}

#header.nopage .mainwrap {
  padding-top: 0 !important;
}
#header.nopage .is-relative {
  min-height: 100vh !important;
}
#header.nopage .notfound {
  font-size: 2000% !important;
  margin: 0;
  z-index: 50;
  font-weight: 700;
  color: #004186;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  user-select: none;
  pointer-events: none;
}
#header.nopage .title.is-1.sorry {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/** Dist Deal **/
.dist-deal {
  border: 4px solid #A3D963;
  border-radius: 4px;
  text-align: center;
  padding: 0 24px;
}
.dist-deal p {
  margin-top: 24px;
  width: 275px !important;
  margin-left: auto;
  margin-right: auto;
}

/** Popup Modals **/
.popup-modal {
  position: fixed;
  width: 500px;
  max-width: calc(100vw - 32px);
  min-height: 256px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  box-shadow: 0px 0px 40px rgba(2, 2, 2, 0.2);
  z-index: 1000;
}
.popup-modal a.close-popup {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #004186;
  transition: 0.2s ease;
}
.popup-modal a.close-popup:hover {
  background: rgba(2, 2, 2, 0.08);
  transition: 0.2s ease;
}
.popup-modal p {
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 48px;
  right: 48px;
}

.shadow-box {
  width: 100vw;
  height: 100vh;
  left: 0;
  right: 0;
  background: rgba(2, 2, 2, 0.5);
  z-index: 500;
  position: fixed;
}

/** Media Queries **/
@media screen and (max-width: 1700px) {
  .swatches .swatchname p {
    font-size: 108%;
    line-height: 110%;
  }
}
@media screen and (max-width: 1600px) {
  .contactform .columns.flexwrap .panel {
    padding: 48px;
  }
  #header.company .headerlinks h3.title.is-3 {
    font-size: calc(1.75vw + 1.75vh) !important;
  }
  .column.is-6-widescreen.is-full-desktop.is-full-tablet.is-full-mobile.physpropColumn {
    padding-top: 90px;
  }
  .productspecs .capabilities {
    padding-left: 12px;
  }
  .productspecs .arrowlink {
    position: absolute;
    top: 32px;
    right: auto;
    left: 0;
  }
  .productspecs .arrowlink.showmainproperties {
    left: 68px;
    top: -24px;
    transform: translateX(0) translateY(36px) !important;
  }
  .productspecs .mainspecs, .productspecs .physpropone, .productspecs .physproptwo {
    padding-top: 90px;
  }
  body.products .designgallery .tile .link:after {
    height: 58px;
  }
  .tiles .tile .title.is-3 {
    font-size: 125%;
  }
  .headerlinks {
    padding-left: 2vw;
    float: right;
  }
  .headerlinks h3.title {
    font-size: calc(1.75vw + 1.75vh) !important;
  }
  .productspecs .mainspecs {
    width: 100% !important;
  }
  .productspecs .usage {
    width: 50% !important;
    padding-left: 12px;
  }
  .productspecs .capabilities {
    width: 50% !important;
  }
  body.products .productfilter h3, body.products .productfilter p {
    font-size: 100%;
  }
  .column.employee {
    width: 50% !important;
  }
  #header.resources .panel {
    float: none;
  }
  .distributorlist .distributor .title.is-2 {
    font-size: 200%;
    font-weight: 700;
  }
  #header.nopage .notfound {
    font-size: 1500% !important;
  }
  #header.nopage .mainwrap {
    padding-top: 24vh !important;
  }
  #header.nopage .is-relative {
    min-height: 300px !important;
    width: 100%;
  }
}
@media screen and (max-width: 1340px) {
  #header .contactform .columns.flexwrap {
    flex-direction: column-reverse;
    display: flex !important;
  }
  #header .contactform .columns.flexwrap > .column {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .prodline .producttable .expanded-table.elite-stainless-steel {
    width: 432px;
  }
  .distributorlist .distributor > .wrapper .distriblink h2 {
    font-size: 175%;
  }
  .distributorlist .distributor > .wrapper .distriblink h3 {
    font-size: 175%;
  }
  .prodline .producttable .expanded-table {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  #aboutrowmark {
    padding-top: 80px;
  }
  #affiliates .column {
    min-height: 150px;
  }
  #affiliates .column img {
    max-height: 80px;
  }
  #affiliates .column.is-3-desktop.is-6-tablet.is-6-mobile {
    float: left;
  }
  .productfilter .options {
    margin-right: 0;
    width: 100%;
  }
  .productfilter .mainwrap {
    width: 100%;
    padding: 0;
  }
  .productfilter .filter {
    width: 25% !important;
    margin: 0 !important;
  }
  .productfilter h3 {
    font-weight: 700;
    margin-right: 0;
    padding-right: 36px !important;
    padding-left: 40px !important;
  }
  .productfilter h3 span {
    display: none;
  }
  .productspecs .usage, .productspecs .capabilities {
    width: 100% !important;
    overflow: hidden;
  }
  .productspecs .capabilities {
    padding-left: 12px;
  }
  #filterpanel .filterlist .filter {
    width: 100%;
  }
  .featuredproduct .featuredimage {
    width: 100%;
    margin-right: 0;
    height: 0;
    padding-bottom: 50%;
  }
}
@media screen and (max-width: 1279px) {
  .prodline .overview {
    width: 700px;
  }
  .imageslider .slide.distributorlogo img {
    width: auto;
    min-width: 0;
  }
  .title.is-1.locationstitle {
    margin-top: 80px;
  }
  .distributorimagearea {
    transform: translateX(0px);
  }
  body.designgallery .designgalleryarea .galleryitem {
    width: 50%;
  }
  body.designgallery .my-sizer-element {
    width: 50%;
  }
  .glossary-container .term-container img {
    float: none;
  }
  .productspecs .physproptwo {
    padding-top: 0;
  }
}
@media screen and (max-width: 1105px) {
  .prodlineinfo {
    padding-right: 0;
  }
  .prodline .columns {
    width: calc(100% + 12px);
  }
  .contactform .phonepanel .contacts-top:first-of-type, .contactform .phonepanel .contacts-top:nth-of-type(3) {
    padding-left: 72px;
  }
  #header .featuredproduct .title.is-3 {
    font-size: 280% !important;
  }
  #header .columns .distributorimagearea {
    min-height: 400px !important;
  }
  .distributormap {
    width: auto;
    margin-left: -40px;
    margin-right: -40px;
  }
  .search-container.searchresultspage input#search-bar, .search-container.searchresultspage input#page-search-bar, .search-container.searchresultspage input#glossary-search-bar {
    height: 70px;
    transform: translateY(-6px);
  }
  #aboutrowmark .photo {
    display: none;
  }
  body.company #aboutrowmark {
    min-height: 0;
    padding-bottom: 10%;
  }
  body.company #aboutrowmark .title.is-2::after {
    width: 100px;
    height: 200px;
    left: 12px;
    top: -14px;
  }
  body.company #ourprocess {
    min-height: 70vh;
    padding-bottom: 40vh;
    padding-top: 80px;
  }
  body.company #ourprocess .sectiontext {
    margin-top: 48px;
  }
  body.company #ourprocess .photo.absolute {
    height: 40vh;
    min-height: 40vh;
  }
  body.company #ourprocess h2.title.is-1 {
    font-size: 200% !important;
    margin-top: 0;
  }
  body.company #ourprocess h2.title.is-1::after {
    top: 220%;
    left: 12px;
  }
  body.company #affiliates {
    min-height: 220px;
  }
  body.company #affiliates .column {
    min-height: 220px;
  }
  body.company #affiliates .column img {
    max-height: 60px;
  }
  /* Product Page Shift To Mobile */
  #header.productpage {
    min-height: 70vh;
  }
  #header.productpage .productmain {
    margin-left: 0 !important;
    padding-top: 128px;
    position: relative;
    z-index: 0;
  }
  #header.productpage .productmain .productoverview {
    padding-bottom: 60px;
    margin: auto;
  }
  #header.productpage .productmain .productoverview .productinfo {
    margin-bottom: 42px;
  }
  #header.productpage .productmain .headertext {
    margin-top: 48px;
  }
  #header.productpage .productmain .scroll-notification {
    display: none;
  }
  .mobileproductimage {
    display: block;
    transform: translateX(-40px);
  }
  .productimage {
    display: none;
  }
  body.products .productdescription {
    width: 660px;
  }
  #header.productpage .productmain {
    margin-left: 0;
    height: auto;
  }
  #header.productpage .productmain .productoverview {
    width: 100vw;
    padding-left: 40px;
    padding-right: 40px;
  }
  #header.productpage .productmain .productoverview .productinfo p {
    width: 680px;
    max-width: 100%;
  }
  #header .product.title.is-1, .swatches .title.is-1 {
    font-size: 280% !important;
    margin-top: 80px;
  }
  .searchresult .category {
    transform: translateY(0px);
  }
  .eventlist .event:nth-of-type(3n) {
    margin-right: 24px;
  }
  .eventlist .event:nth-of-type(2n) {
    margin-right: 0px;
  }
  .eventlist .column.is-4-desktop {
    width: calc(50% - 16px);
  }
  #header.company:after {
    background-size: cover;
  }
  #header .title.is-1, #header.company .title.is-1 {
    font-size: 360% !important;
  }
  #header .title.is-3, #header.company .title.is-3 {
    font-size: 140% !important;
  }
  #header .panel p, #header.company .panel p {
    font-size: 120%;
  }
  #header .jobpost .panel, #header.company .jobpost .panel {
    padding: 24px;
  }
  #header .headerlinks, #header.company .headerlinks {
    padding-left: 0;
    float: none;
  }
  #header .headerlinks h3.title.is-3, #header.company .headerlinks h3.title.is-3 {
    font-size: calc(1.75vw + 1.75vh) !important;
  }
  #header .headerlinks h3.title:before, #header.company .headerlinks h3.title:before {
    top: 30%;
  }
  #header .mainwrap, #header.company .mainwrap {
    padding-top: 18vh;
  }
  #header .columns, #header.company .columns {
    flex-wrap: wrap;
  }
  #header .columns .column, #header.company .columns .column {
    min-height: 160px;
  }
  #header .mapbg, #header.company .mapbg {
    background-size: 250%;
    background-position: center center;
  }
  #header .distributorlocations .location, #header.company .distributorlocations .location {
    min-height: 330px !important;
  }
  body.products .productfilter .filter {
    width: 92px;
  }
  body.products .productfilter .links {
    right: 12px;
  }
  #header.resources .formheader {
    display: none;
  }
  #header.resources .hubspotEmbed.panel {
    width: 700px;
    max-width: 540px;
  }
  #header.resources .hubspotEmbed.panel fieldset.form-columns-1 {
    margin-bottom: 8px;
  }
  #header.resources .hubspotEmbed.panel form {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    display: inline-block;
    padding-top: 5vw;
  }
  .servantleadership .mainimage {
    margin-left: 0;
    width: 100%;
  }
  #quotepanel {
    min-height: 75vh;
  }
  #quotepanel span, #quotepanel h3.title.is-3 {
    margin-left: 0 !important;
    text-align: left;
    font-size: 7vw !important;
    line-height: 150%;
  }
  #quotepanel h3 strong {
    font-size: 100%;
  }
  #aboutrowmark .photo {
    margin-left: 0;
    width: 100%;
    margin-top: 32px;
    margin-bottom: 40px;
  }
  .distributorlist .distributor .title.is-2 {
    font-size: 150%;
    font-weight: 700;
    margin-top: 20px;
  }
  .distributorlist .distributor .arrowlink {
    font-size: 150%;
  }
  #filterpanel {
    width: 100%;
  }
  #filterpanel .submit {
    width: 100%;
  }
  .sitemap h3.title.is-3 {
    font-size: 180% !important;
  }
  .productspecs .physicalproperties {
    left: 40px;
    right: 40px;
  }
  #footer .testimonialarea {
    padding-top: 15%;
  }
  #header.nopage .notfound {
    font-size: 1200% !important;
  }
  #header.nopage .is-relative {
    min-height: 200px !important;
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  #quotepanel {
    min-height: 0;
    padding-bottom: 56.25%;
  }
  #quotepanel h3 {
    padding-left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .contactform .column {
    padding-left: 0;
    padding-right: 0;
  }
  .contactform .phonepanel .wrapper .flex-row > div {
    margin-right: 48px;
  }
  .contactform .phonepanel .wrapper .flex-row > div:nth-of-type(2) {
    margin-right: 0;
  }
  .prodline .producttable .expanded-table .header h3 {
    font-size: 120%;
  }
  .prodline .producttable .expanded-table .header p {
    font-size: 80%;
  }
  .prodline .producttable .expanded-table .sku-wrapper .product-sku .sku-name p {
    font-size: 70%;
    transform: rotate(-90deg) translateX(-250%) translateY(0);
  }
  .prodline .producttable .expanded-table.elite-stainless-steel {
    width: 374px;
  }
  .prodline .producttable .simple-table.classic-wall-plates .header .attributes div {
    min-width: 140.58px;
  }
  .prodline {
    margin-bottom: 140px;
  }
  .prodline .producttable .expanded-table.metro-easel-display-system .product-sku .sku-main .description p {
    min-width: 140px;
  }
  .prodline .producttable .expanded-table {
    grid-template-columns: 33px 140px;
  }
  .prodline .producttable .expanded-table .sku-wrapper .product-sku {
    height: 120px;
  }
  .prodline .producttable .expanded-table .sku-wrapper .product-sku .sub-sku, .prodline .producttable .expanded-table .top .sku-finish {
    width: 120px;
    min-width: 120px;
  }
  .prodline .producttable .expanded-table.portico-directory-system .sku-wrapper .product-sku .sub-sku {
    min-width: 125.5px;
    width: 125.5px;
  }
  .prodline .producttable .expanded-table.portico-directory-system .top .title-4-col {
    left: 140.5px;
  }
  .prodline .producttable .expanded-table.portico-directory-system .top .legend p {
    margin-top: 73%;
  }
  .prodline .producttable .simple-table.classic-wall-plates .header .attributes, .prodline .producttable .simple-table.classic-wall-plates .header .table-title, .prodline .producttable .simple-table .sku {
    min-width: 562px;
  }
  .prodline .producttable .expanded-table .sku-wrapper .product-sku .sku-main, .prodline .producttable .expanded-table .legend {
    width: 140px;
    min-width: 140px;
  }
  .prodline .producttable .simple-table p, .prodline .producttable .expanded-table p {
    font-size: 80%;
  }
  .simple-table {
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .simple-table .sku div, .simple-table .header div {
    min-width: 140.59px;
  }
  .simple-table .sku div *, .simple-table .header div * {
    min-width: 140.59px;
  }
  .simple-table .sku .height-and-length, .simple-table .header .height-and-length {
    min-width: 281.18px;
  }
  .categoryquicknav {
    margin-bottom: 72px;
  }
  .prodline .prodlineimages .imagetiles .thumbnail {
    display: inline-block;
    float: left;
    margin-right: 12px;
    width: 72px;
    height: 72px;
  }
  .prodline .prodlineimages .imagetiles {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .prodline .prodlineimages .imagetiles, .prodline .prodlineimages .mainimage {
    width: 100%;
  }
  .prodline .prodlineimages .mainimage {
    margin-bottom: 72px;
  }
  .prodlineinfo .description {
    width: 100%;
  }
  .prodlineinfo .features li {
    font-size: 120%;
    padding-bottom: 12px;
    line-height: 125%;
  }
  .contactform .phonepanel {
    flex-direction: column;
  }
  .contactform .phonepanel .wrapper {
    width: 500px;
    max-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .contactform .phonepanel .contacts-top {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0;
    padding-bottom: 24px;
  }
  .contactform .phonepanel .contacts-top:nth-of-type(2), .contactform .phonepanel .contacts-top:nth-of-type(3), .contactform .phonepanel .contacts-top:nth-of-type(4) {
    padding-top: 0;
  }
  .imageslider .slide.distributorlogo img {
    max-height: 280px;
  }
  #header .headerlinks h3.title::before {
    background-position: center center;
    top: 2px;
    right: -48px;
    background-size: 34px;
  }
  .imageslider .slide {
    min-height: 300px;
  }
  .distributormap {
    width: auto;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 480px;
    margin-top: 40px;
  }
  .productspecs .arrowlink.showmainproperties {
    top: 48px;
    left: 68px;
  }
  .swatches .productswatch {
    float: left;
  }
  /*
  .productspecs .arrowlink.showmainproperties {
      top:32px!important;
  }*/
  .designgalleryarea {
    column-count: 1 !important;
  }
  .designgalleryarea .galleryitem {
    width: 100% !important;
  }
  .designgalleryarea .galleryitem h3 {
    opacity: 1 !important;
  }
  #header.resources.panel {
    padding-left: 12px;
    padding-right: 12px;
  }
  #header.resources .hubspotEmbed.panel form {
    left: auto;
    transform: translateX(0);
    max-width: 98%;
  }
  .productspecs .mainspecs, .productspecs .physpropone, .productspecs .physproptwo, .column.is-6-widescreen.is-full-desktop.is-full-tablet.is-full-mobile.physpropColumn:first-of-type {
    padding-top: 140px;
    padding-bottom: 0;
  }
  .column.is-6-widescreen.is-full-desktop.is-full-tablet.is-full-mobile.physpropColumn:nth-of-type(2) {
    padding-top: 0;
  }
  #header.productpage .productmain .productoverview {
    padding-left: 24px;
    padding-right: 24px;
  }
  #header.productpage .productmain .productoverview .productinfo p {
    width: 100%;
  }
  .searchpage .searchresult .title.is-3 {
    margin-top: 14px;
  }
  .searchpage .searchresult .thumbnail {
    float: none;
  }
  .eventlist {
    padding-right: 12px;
  }
  .eventlist .column.is-4-desktop {
    width: 100%;
  }
  .eventlist .event {
    padding-right: 0;
    min-height: 310px !important;
    overflow: auto;
  }
  body.searchpanel-open .navbar, body.searchpanel-open .navbar.scrolled, body.locationpanel-open .navbar, body.locationpanel-open .navbar.scrolled, body.loginpanel-open .navbar, body.loginpanel-open .navbar.scrolled, body.filterpanel-open .navbar, body.filterpanel-open .navbar.scrolled {
    height: 140px;
  }
  .headerlinks {
    padding-left: 0;
  }
  .bluebutton {
    float: none;
  }
  .productspecs .usage p, .productspecs .capabilities p {
    width: 100%;
  }
  .productspecs .usage p:nth-of-type(2n), .productspecs .capabilities p:nth-of-type(2n) {
    padding-left: 0;
  }
  body.products #header .columns .productimage {
    min-height: 400px;
    margin-bottom: 50px;
  }
  body.products .productfilter {
    height: 60px;
  }
  body.products .productfilter h3 {
    line-height: 60px;
  }
  body.products .productfilter a {
    height: 60px;
    line-height: 60px;
  }
  .jobtitle, .joblocation {
    font-size: 110%;
    margin-top: 4px;
  }
  .column.employee {
    width: 100% !important;
  }
  #affiliates {
    padding-bottom: 24px;
  }
  #affiliates .column {
    min-height: 150px;
    float: left;
  }
  #filterpanel {
    padding: 64px 24px;
    overflow: auto;
  }
  #filterpanel .title.is-3 {
    font-size: 32px !important;
  }
  .productspecs .physicalproperties {
    left: 24px;
    right: 24px;
  }
  #header.nopage .notfound {
    font-size: 600% !important;
  }
}
@media screen and (max-height: 950px) {
  #header .mainwrap {
    padding-top: 230px;
  }
  #header .columns .column {
    min-height: 100px;
  }
  body.company #header .columns .column {
    min-height: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .contactform .phonepanel .contact-column .contact {
    min-height: 50px;
  }
  .contactform .phonepanel .wrapper .flex-row {
    flex-direction: column;
  }
  .contactform .phonepanel .wrapper .flex-row > div {
    width: 100%;
  }
  .prodline .prodlineinfo .features h3 {
    font-size: 170% !important;
  }
  .categoryquicknav .title.is-3, .prodline .title.is-2 {
    font-size: 220% !important;
  }
  body.products .column.is-6-mobile {
    width: 100% !important;
  }
  .agencies p {
    font-size: 100% !important;
  }
  .swatches h3.title.is-3 {
    font-size: 240% !important;
  }
  .productspecs .title.is-3 {
    font-size: 200% !important;
  }
  .jobtitle {
    font-size: 98%;
    float: none;
  }
  .joblocation {
    display: none;
  }
  .job {
    height: auto;
    min-height: 70px;
  }
  .headertext {
    margin-bottom: 60px;
  }
  .servantleadership .mainimage {
    margin-top: -48px;
  }
  .agencies {
    margin-top: 24px;
  }
  .hubspotEmbed .form-columns-1 input.hs-input, .hubspotEmbed .form-columns-2 input.hs-input, .hubspotEmbed .form-columns-3 input.hs-input {
    max-width: 84vw !important;
  }
  .hubspotEmbed .hs_comments {
    font-size: 80% !important;
  }
  #header.resources.samplekit:before {
    display: none;
  }
  #header.resources .hubspotEmbed {
    margin-left: 0;
  }
  #header.resources .hubspotEmbed .hs-button {
    max-width: 77vw !important;
  }
  #header.resources .hubspotEmbed .hs-richtext p {
    margin-bottom: 42px;
  }
  #header.resources .hubspotEmbed.panel {
    max-width: 100%;
  }
  #header.resources select.hs-input {
    width: 100%;
    max-width: 39.5vw;
  }
}
@media screen and (max-width: 480px) {
  .contactform .columns.flexwrap .panel {
    padding: 24px;
  }
  .prodline .prodlineinfo .features li, .prodline .prodlineinfo .overview li {
    font-size: 100%;
  }
  .distributorlist .distributor {
    transform: translateX(-24px);
  }
  .productspecs .mainspecs .sheetsize p, .productspecs .mainspecs .engravingdepth p, .productspecs .mainspecs .finish p {
    padding-left: 0;
    line-height: 40px;
    padding-top: 20px;
    padding-bottom: 0;
  }
  .distributoroverview .bluebutton:last-of-type {
    margin-bottom: 8px;
  }
  .title.is-1.locationstitle {
    margin-top: 0;
  }
  .search-container.searchresultspage input#search-bar, .search-container.searchresultspage input#page-search-bar, .search-container.searchresultspage input#glossary-search-bar {
    font-size: 200% !important;
  }
  .agencies p {
    font-size: 80% !important;
  }
  #ourproducts h2.title.is-1::after, #ourprocess h2.title.is-1::after, #ourvision h2.title.is-1::after {
    top: 220%;
  }
  #footer .testimonialarea {
    min-height: 570px;
  }
  #header.post .mainwrap.post h2.title.is-1.posttitle, #header.post .mainwrap.post h1.title.is-1.posttitle {
    font-size: 180% !important;
  }
  #header.company .newslist .news {
    padding-left: 12px;
    min-height: 300px !important;
  }
  #header.company .newslist .news h2.title.is-2 {
    font-size: 150%;
    margin-bottom: 14px;
    margin-top: 0;
  }
  #header.company .newslist .news .title.is-3.date {
    margin-top: 0;
  }
  #header.company .newslist .news .arrowlink {
    transform: translateY(-12px);
    font-size: 150%;
  }
  #header.company .newslist .news .link h3.title.is-3.newspreview {
    max-height: 130px;
    overflow: hidden;
  }
  body.testimonialpage .testimonialarea .column {
    padding-left: 0;
    padding-right: 0;
  }
  body.testimonialpage .testimonialarea #testimonial {
    font-size: 140%;
  }
  body.testimonialpage .testimonialarea #name {
    font-size: 175%;
  }
  .designgalleryarea .galleryitem h3 {
    opacity: 1 !important;
  }
  #header.glossary .searchresult h3.title.is-2, #header.searchpage .searchresult h3.title.is-2 {
    max-width: 100%;
    font-size: 200%;
  }
  #header.glossary .search-container input#glossary-search-bar, #header.glossary .search-container.searchresultspage input#page-search-bar, #header.searchpage .search-container input#glossary-search-bar, #header.searchpage .search-container.searchresultspage input#page-search-bar {
    padding: 0;
    height: 50px;
    transform: translateY(18px);
  }
  #header.glossary #page-searchbutton, #header.searchpage #page-searchbutton {
    top: -10px;
    height: 80px;
    right: -42px !important;
  }
  #header.glossary .searchresult .thumbnail, #header.searchpage .searchresult .thumbnail {
    width: 80px;
    height: 80px;
  }
  .content.pages a, .content.pages span {
    font-size: 110%;
  }
  #aboutrowmark .photo {
    min-height: 0;
    padding-bottom: 100%;
  }
  #quotepanel h3 {
    padding-left: 0;
    left: 24px;
  }
  #header.productpage .productmain {
    padding-top: 72px;
  }
  #header.productpage .productmain .product.title.is-1 {
    font-size: 200% !important;
  }
  #header.productpage .productmain .mobileproductimage {
    transform: translateX(-24px);
  }
  .productspecs .mainproductproperties h3.title.is-3, .productspecs .physicalproperties h3.title.is-3, .product.title.is-1, .swatches .title.is-1 {
    font-size: 200% !important;
  }
  .arrowlink.blue.showphysicalproperties {
    font-size: 120%;
  }
  .arrowlink.blue.showphysicalproperties::before {
    top: -1px !important;
  }
  .arrowlink.blue.showmainproperties {
    font-size: 120%;
  }
  .arrowlink.blue.showmainproperties::before {
    top: -37px;
  }
  .swatches h3.title.is-3 {
    font-size: 240% !important;
  }
  body.company #affiliates {
    padding-top: 12px;
    padding-bottom: 32px;
    min-height: 0;
  }
  body.company #affiliates .column {
    min-height: 120px;
    padding: 0;
  }
  body.company #affiliates .column img {
    max-height: 50px;
  }
  .columns.flexwrap p {
    font-size: 110%;
  }
  body.company #ourprocess p {
    font-size: 110%;
  }
  #ourprocess .backgroundtile, #ourvision .backgroundtile {
    top: 3%;
  }
  #aboutrowmark, body.company #ourprocess {
    padding-top: 6%;
  }
  #aboutrowmark .backgroundtile, body.company #ourprocess .backgroundtile {
    height: 200px;
    width: 100px;
    top: -12px;
    left: -12px;
  }
  #aboutrowmark p, body.company #ourprocess p {
    font-size: 110%;
  }
  #aboutrowmark .photo, body.company #ourprocess .photo {
    width: 100vw;
    transform: translateX(-24px);
    margin-bottom: 0;
  }
  .navbar-burger:before {
    font-size: 60%;
    left: -28px;
  }
  body.products .productfilter {
    top: 0px !important;
    height: 70px;
  }
  body.products .productfilter .mainwrap {
    height: 100%;
    flex-direction: column;
  }
  body.products .productfilter .options {
    height: 50px;
    float: left;
  }
  body.products .productfilter.scrolled {
    top: 70px !important;
  }
  body.products .productfilter a {
    height: 40px;
    line-height: 40px;
    width: 25%;
    display: inline-block;
    float: left;
  }
  body.products .productfilter h3 {
    /* test display:none!important; */
    height: 30px !important;
    line-height: 30px !important;
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #00254D;
    color: #fff;
  }
  .productfilter .mainwrap {
    width: 100% !important;
    padding: 0 !important;
  }
  .productfilter .filter {
    padding: 0 !important;
  }
  .mobileremove {
    display: none;
  }
  #header.resources .panel {
    padding-left: 12px;
    padding-right: 2px;
  }
  #header.resources .panel .is-6, #header.resources .panel .is-12 {
    width: 100%;
    float: none;
  }
  .swatches {
    padding-top: 36px;
  }
  .swatches .productswatch {
    float: left;
  }
  body.searchpanel-open .navbar, body.searchpanel-open .navbar.scrolled, body.locationpanel-open .navbar, body.locationpanel-open .navbar.scrolled, body.loginpanel-open .navbar, body.loginpanel-open .navbar.scrolled, body.filterpanel-open .navbar, body.filterpanel-open .navbar.scrolled {
    height: 70px;
  }
  .paddingheader, .paddingheadersmall, .resourceCategoryDescription {
    padding-bottom: 20px;
  }
  #header .headertext, #header.company .headertext {
    margin-bottom: 0;
  }
  #header .headertext p, #header.company .headertext p {
    font-size: 110%;
  }
  #header .headertext .backbutton p, #header.company .headertext .backbutton p {
    font-size: 95%;
  }
  #header .mainwrap, #header.company .mainwrap {
    padding-top: 124px;
  }
  #header .columns .column, #header.company .columns .column {
    min-height: 90px;
  }
  #header .title.is-1, #header.company .title.is-1 {
    font-size: 200% !important;
  }
  #header .title.is-3, #header.company .title.is-3 {
    font-size: 120% !important;
  }
  #header .headerlinks, #header.company .headerlinks {
    margin-top: -30px;
  }
  #header .headerlinks .title.is-4, #header.company .headerlinks .title.is-4 {
    font-size: 90%;
    margin-bottom: 4px;
  }
  #header .headerlinks h3.title.is-3, #header.company .headerlinks h3.title.is-3 {
    font-size: calc(2.75vw + 2.5vh) !important;
  }
  #header .headerlinks .title.is-3:before, #header.company .headerlinks .title.is-3:before {
    background-size: 30px;
    height: 30px;
    width: 30px;
    right: -40px;
    top: 8px;
  }
  .productspecs .mainspecs h3 {
    width: 100%;
    line-height: 20px;
    margin-top: 20px;
  }
  .productspecs .mainspecs p {
    line-height: 30px;
    margin-bottom: 16px;
  }
  .bluebutton {
    font-size: 20px;
  }
  #aboutrowmark .title.is-2 {
    font-size: 200% !important;
  }
  #header.company:after {
    left: -53.5vw;
  }
  body.products #header .headerlinks {
    padding-bottom: 40px;
  }
  body.products #header .headerlinks h3.title.is-3 {
    font-size: 200% !important;
  }
  #header .mainwrap.mainpage {
    padding-top: 100px;
  }
  .distributorlist {
    padding-top: 0;
  }
  .distributorlist .distributor {
    padding-left: 14px;
    margin-bottom: 20px;
  }
  .distributorlist .distributor .title.is-2 {
    margin-top: 6px;
    margin-bottom: 12px;
  }
  .distributorlist .distributor .arrowlink {
    font-size: 130%;
  }
  .distributorlist .distributor .arrowlink:before {
    top: 6px;
  }
  .distributorimage, .distributorlogo {
    min-height: 180px;
  }
  .distributoroverview div > p {
    max-width: 100%;
  }
  .distributorlocations .location {
    padding-left: 12px;
    min-height: auto !important;
  }
  .distributorlocations .location .title.is-2 {
    margin-top: 10px;
    font-size: 150%;
  }
  .distributorlocations .location:before {
    width: 120px;
    height: 240px;
  }
  .productspecs .title.is-3 {
    font-size: 180% !important;
  }
  .swatches .swatchname {
    padding-left: 8px;
    bottom: auto;
    top: 6px;
  }
  .swatches .swatchname p {
    font-size: 112%;
    line-height: 120%;
  }
  .swatches .swatchsku p {
    font-size: 70%;
  }
  .swatches .swatchsku p .sku {
    font-weight: 500;
  }
  .swatches .swatchsku .thickness {
    margin-left: 10px;
  }
  .glossary-container h3.title.is-2.term {
    font-size: 150% !important;
  }
  #header.nopage .is-relative {
    min-height: 140px !important;
  }
  body.resource-document #header.post .mainwrap.post, #header.post .mainwrap.post {
    padding-top: 200px;
  }
  body.resource-document #header.post, #header.post {
    min-height: 300px;
  }
  #header.post .mainwrap.post .headertext {
    padding-bottom: 32px;
  }
  #postarea p {
    font-size: 105%;
  }
  body.resource-document #postarea {
    padding-bottom: 80px;
  }
  body.resource-document #postarea li {
    font-size: 105%;
    margin-left: 24px;
  }
  #header .featuredproduct .title.is-3 {
    font-size: 200% !important;
    margin-bottom: 0;
  }
  .featuredproduct .featuredimage {
    margin-bottom: 14px;
  }
  .column.featuredproduct.is-full {
    margin-bottom: 72px !important;
  }
}
@media screen and (max-width: 400px) {
  .imageslider.slick-initialized.slick-slider.slick-dotted {
    margin-bottom: 80px;
  }
  #header .columns .distributorimagearea {
    min-height: 300px !important;
  }
  #header .distributorlocations .location, #header.company .distributorlocations .location {
    min-height: 0 !important;
  }
  #header.resources .documents .panel b {
    display: none;
  }
  .servantleadership .mainimage {
    margin-top: 0;
  }
  .agencies p {
    font-size: 100% !important;
  }
  .agencies p u {
    margin-right: 100%;
    white-space: nowrap;
  }
  #header.resources .documents .panel {
    padding: 12px;
  }
  #header.resources .documents .panel p {
    font-size: 70% !important;
  }
  #header.resources .documents .panel:before {
    background-size: 20px;
    right: 12px;
  }
  #header.resources .documents .panel:hover:before {
    background-size: 20px;
    right: 12px;
  }
  .swatchwrap .productswatch {
    vertical-align: middle;
  }
  .productspecs .mainproductproperties h3.title.is-3, .productspecs .physicalproperties h3.title.is-3 {
    font-size: 175% !important;
  }
  .swatches .swatchsku {
    min-height: 0;
  }
  .swatches .swatchsku p {
    font-size: 70%;
  }
  .swatches .swatchname {
    font-size: 80%;
  }
  body.home #ourproducts .ourproducts-desc + div {
    padding-left: 6px;
  }
  #header.glossary .mainwrap {
    padding-top: 110px !important;
  }
  .searchpage .headertext .title.is-2 {
    margin-bottom: 28px;
    font-size: 200%;
  }
  .productoverview .arrowlink, .productoverview .bluebutton {
    font-size: 120% !important;
  }
  .productoverview .arrowlink::before {
    top: 0;
  }
}
body.news #header {
  background-size: cover;
  background-position: center center;
}
body.news #header.has-image::before {
  content: "";
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
}

.documentBuilderSection h2 {
  color: #004186;
}
.documentBuilderSection .bodyContainer img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.documentBuilderSection .bodyContainer img.center {
  display: block;
  margin: auto;
}
.documentBuilderSection .bodyContainer img.floatleft {
  float: left;
  margin-right: 1rem;
}
.documentBuilderSection .bodyContainer img.floatright {
  float: right;
  margin-left: 1rem;
}

/******* IE-Specific Styling *******/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .prodline .producttable .expanded-table {
    grid-template-columns: 33px 200px 1fr;
  }
  .prodline .producttable .expanded-table .sku-wrapper .product-sku .sub-sku {
    border: 1px solid #E0E9F3;
  }
  .prodline .producttable .expanded-table .sku-wrapper .product-sku .sku-main {
    border: 1px solid #E0E9F3;
  }
  .prodline .producttable .expanded-table .sku-wrapper .product-sku .sub-sku:last-of-type {
    border-right: 2px solid #E0E9F3;
  }
  .prodline .producttable .expanded-table .legend {
    border: 1px solid #E0E9F3;
  }
  .prodline .producttable .expanded-table .top .sku-finish .description {
    border: 1px solid #E0E9F3;
  }
  .prodline .producttable .expanded-table .top .sku-finish .image.finish {
    border: 1px solid #E0E9F3;
    border-top: 2px solid #E0E9F3;
  }
  .prodline .producttable .expanded-table .top .sku-finish:last-of-type {
    border-right: 1px solid #E0E9F3;
  }
  .prodline .producttable .image.finish::before {
    top: 11px;
  }
  .prodline .producttable .expanded-table .header {
    background: transparent;
    position: absolute;
    left: 21px;
    right: 0;
    top: 0;
    z-index: 25;
  }
  .prodline .producttable .expanded-table .header h3, .prodline .producttable .expanded-table .header p {
    white-space: nowrap;
    background: #00aeef;
    padding-left: 12px;
    width: 480px;
  }
  .prodline .producttable .expanded-table .header h3 {
    padding-top: 4px;
  }
  .prodline .producttable .expanded-table .header p {
    padding-bottom: 4px;
  }
  .prodline .producttable .expanded-table.elite-stainless-steel .product-sku .sub-sku, .prodline .producttable .expanded-table.elite-stainless-steel .top .sku-finish {
    min-width: 200px;
  }
  .prodline .producttable .expanded-table.elite-stainless-steel .header h3, .prodline .producttable .expanded-table.elite-stainless-steel .header p {
    width: 400px;
  }
}
body.seklema .productoverview .productinfo p, body.ada-alternative .productoverview .productinfo p {
  font-size: 16px;
}

body.seklema .swatchimage {
  background-size: cover;
}

/*# sourceMappingURL=pages.css.map */