@charset "UTF-8";
/* MQ mixins */
/* ltm and gtm are used for navigation style switches */
/* Colors actual colors defined first, then use those to define what they are used for. */
/* transitions */
.product-finder__drop-down {
  width: 100%; }
  .product-finder__drop-down#category-icons {
    width: 25%; }
    @media screen and (max-width: 768px) {
      .product-finder__drop-down#category-icons {
        width: 100%; } }
  @media screen and (min-width: 951px) {
    .product-finder__drop-down {
      width: 17%; } }

@media screen and (min-width: 767px) {
  footer {
    background-image: url("../img/bg-footer.jpg"); } }

body.retailers .audience-list,
body.architects .audience-list,
body.homeowner .audience-list {
  display: none; }

@media (max-width: 500px) {
  body.home-2 h1 {
    font-size: 15px; } }

.tablepress-id-1 .row-2 .column-1 {
  background-color: #0071bd; }

.tablepress-id-1 .row-2 .column-1 {
  color: #ffffff; }

.tablepress-id-1 .row-1 .column-2 {
  background-color: #91cdf1; }

.tablepress-id-1 .row-1 .column-3 {
  background-color: #91cdf1; }

.tablepress-id-1 .row-5 .column-1 {
  background-color: #fdf459; }

.tablepress-id-1 .row-6 .column-1 {
  background-color: #faa856; }

.tablepress-id-1 .row-6 .column-1 {
  color: #ffffff; }

.tablepress-id-1 .row-7 .column-1 {
  color: #ffffff; }

.tablepress-id-1 .row-7 .column-1 {
  background-color: #ee1b24; }

.tablepress-id-1 .row-6 .column-1 {
  color: #ffffff; }

.tablepress-id-2 .row-2 .column-1 {
  background-color: #77787c; }

.tablepress-id-2 .row-3 .column-1 {
  background-color: #77787c; }

.tablepress-id-2 .row-4 .column-1 {
  background-color: #77787c; }

.tablepress-id-2 .row-2 .column-1 {
  color: #ffffff; }

.tablepress-id-2 .row-3 .column-1 {
  color: #ffffff; }

.tablepress-id-2 .row-4 .column-1 {
  color: #ffffff; }

.tablepress-id-2 .row-1 .column-2 {
  background-color: #91cdf1; }

.tablepress-id-2 .row-1 .column-3 {
  background-color: #91cdf1; }

/* hero-unit__home-prime */
.hero__unit {
  width: 83.33%;
  margin: 0 auto;
  max-width: 1400px;
  max-width: 1400px;
  margin: 0 auto 50px auto;
  background: #014b84; }
  .hero__unit .hero-unit__top {
    position: relative; }
    .hero__unit .hero-unit__top img {
      max-width: none;
      width: 100%;
      position: relative; }
    .hero__unit .hero-unit__top .hero-unit__headline {
      width: 100%;
      position: absolute;
      bottom: 50px;
      background-color: #014b84;
      background-color: rgba(1, 31, 54, 0.8);
      padding: 15px 0 0 0;
      margin: 0; }
      @media screen and (max-width: 768px) {
        .hero__unit .hero-unit__top .hero-unit__headline {
          padding-top: 25px;
          text-align: center; } }
      @media screen and (max-width: 736px) {
        .hero__unit .hero-unit__top .hero-unit__headline {
          position: relative;
          bottom: auto;
          background-color: #014b84; } }
    .hero__unit .hero-unit__top .cta-container {
      max-width: 1000px;
      width: 100%;
      margin: 0 auto;
      padding: 15px 20px; }
      .hero__unit .hero-unit__top .cta-container .link-list {
        float: right;
        max-width: 400px;
        width: 100%;
        margin-bottom: 20px; }
        .hero__unit .hero-unit__top .cta-container .link-list .arrow {
          background-color: #0175A8; }
        .hero__unit .hero-unit__top .cta-container .link-list li {
          background-color: #00b4e8; }
          .hero__unit .hero-unit__top .cta-container .link-list li:hover {
            background-color: #0175A8; }
          .hero__unit .hero-unit__top .cta-container .link-list li .link-content {
            float: left;
            font-size: 18px; }
            @media (max-width: 500px) {
              .hero__unit .hero-unit__top .cta-container .link-list li .link-content {
                font-size: 16px;
                padding: 10px 3px; } }
          .hero__unit .hero-unit__top .cta-container .link-list li img {
            max-width: 23px; }
  .hero__unit h2 {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    font-size: 48px;
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
    padding: 0 20px; }
    @media screen and (min-width: 767px) {
      .hero__unit h2 {
        font-size: 36px; } }
    @media screen and (min-width: 951px) {
      .hero__unit h2 {
        font-size: 48px; } }
    @media screen and (max-width: 736px) {
      .hero__unit h2 {
        font-size: 28px;
        margin-bottom: 15px; } }
  .hero__unit p {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
    padding: 0 20px;
    color: white;
    font-size: 18px; }

.slick-prev, .slick-next {
  display: none; }

.slick-prev {
  left: 10px; }

.slick-next {
  right: 10px; }

.slick-prev:before, .slick-next:before {
  font-size: 36px;
  color: #FFF;
  opacity: 1; }

.slick-prev:before {
  content: '❮'; }

.slick-next:before {
  content: '❯'; }

.slick-dots {
  width: 50px;
  top: 125px;
  bottom: auto; }

.slick-dots li button:before {
  font-size: 18px;
  color: #FFF;
  font-size: 36px;
  opacity: .5;
  height: 50px; }

.slick-dots li.slick-active button:before {
  color: #FFF;
  opacity: .9; }

.slick-dots li button {
  padding: 10px 5px; }

body.single-product h4 {
  color: #515590;
  text-transform: none;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 16px; }
body.single-product img.product-icon {
  max-height: 36px;
  margin-right: 4px; }
body.single-product .label {
  font-style: normal;
  font-weight: bold; }
body.single-product .related-product__content h4 {
  color: #06afe8;
  font-size: 20px;
  text-align: center; }
body.single-product .product-options img {
  max-width: 425px; }
  body.single-product .product-options img .indent {
    margin-left: 48px; }
body.single-product img.full-width {
  max-width: none;
  width: 100%; }
  body.single-product img.full-width.padding {
    margin-bottom: 60px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(1, 117, 168, 0.18) 0%, rgba(1, 117, 168, 0.5) 50%, #0175a8 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(1, 117, 168, 0.18) 0%, rgba(1, 117, 168, 0.5) 50%, #0175a8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(1, 117, 168, 0.18) 0%, rgba(1, 117, 168, 0.5) 50%, #0175a8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e0175a8', endColorstr='#0175a8',GradientType=1 ); }
body.single-product .lede p, body.single-product p.lede {
  color: #0175A8;
  font-weight: 700;
  font-size: 24px;
  max-width: 960px;
  text-align: center;
  line-height: 1.15; }
body.single-product .product__title {
  font-size: 36px; }

.design-cta {
  padding: 0;
  cursor: pointer;
  position: relative;
  border: 3px solid #515590;
  text-align: center;
  margin-top: -45px; }
  .design-cta.button {
    border: none; }
    .design-cta.button .link-content {
      color: #FFF;
      font-weight: 900;
      text-transform: uppercase; }
    .design-cta.button .arrow {
      height: 56px; }
  .design-cta:hover h3 {
    color: #FFF; }
  .design-cta img {
    position: relative;
    display: inline-block;
    top: 0; }
  .design-cta .shroud {
    background: -moz-linear-gradient(top, rgba(81, 85, 144, 0) 0%, #515590 25%, #515590 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(81, 85, 144, 0) 0%, #515590 25%, #515590 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(81, 85, 144, 0) 0%, #515590 25%, #515590 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100%;
    padding: 16px 16px 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between; }
    .design-cta .shroud:hover {
      background: #515590;
      transition: all 0.24s ease-in-out; }
    .design-cta .shroud h3 {
      display: inline-block;
      max-width: calc(100% - 41px);
      line-height: 1.2;
      font-size: 24px;
      font-weight: 600;
      color: #FFF;
      margin: 0;
      margin-left: 8px;
      text-align: left; }
    .design-cta .shroud span.arrow {
      display: flex;
      width: 25px;
      text-align: right;
      align-items: center; }
      .design-cta .shroud span.arrow img {
        vertical-align: top;
        margin: 0; }

.indent {
  margin-left: 30px; }

.number-wide form {
  float: right;
  margin-bottom: 8px; }

.no-margin-bottom {
  margin-bottom: 24px !important; }

#wtsinspire {
  display: none; }
  #wtsinspire #inspire-root {
    clear: both;
    width: 100%;
    position: relative;
    overflow: hidden; }
    #wtsinspire #inspire-root iframe {
      width: 100%; }

.slider__simple-slider .slider__simple-slider__control .control__box-wrap div {
  width: 18px;
  border-radius: 50%;
  vertical-align: middle;
  height: 18px; }

.slider__simple-slider .slider__simple-slider__control .related-control.active {
  background-color: #06afe8; }

html {
  scroll-behavior: smooth; }

#search-results, #mobile-search-results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-self: center;
  width: 94vw;
  max-width: 1600px;
  height: auto !important;
  text-align: center; }
  #search-results .search-result, #mobile-search-results .search-result {
    width: 350px;
    display: flex;
    flex-direction: column;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 30px 24px 60px 24px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #eee;
    justify-content: space-between; }
    #search-results .search-result .image-container, #mobile-search-results .search-result .image-container {
      height: 190px; }
    #search-results .search-result .text-container, #mobile-search-results .search-result .text-container {
      height: 125px; }
    #search-results .search-result h2.product-name, #mobile-search-results .search-result h2.product-name {
      font-size: 27px;
      min-height: 65px;
      text-transform: capitalize;
      margin-bottom: 24px; }
    #search-results .search-result .image-container, #mobile-search-results .search-result .image-container {
      margin-bottom: 1.5rem;
      text-align: center; }
      #search-results .search-result .image-container img, #mobile-search-results .search-result .image-container img {
        max-width: 180px; }
      #search-results .search-result .image-container a:hover img, #mobile-search-results .search-result .image-container a:hover img {
        transition: all 0.24s ease-in-out;
        opacity: 0.85; }
    #search-results .search-result p, #mobile-search-results .search-result p {
      line-height: 1.4;
      font-size: 14px;
      margin: 1rem 0 0.5rem 0; }
    #search-results .search-result .design-this-container, #mobile-search-results .search-result .design-this-container {
      height: 30px; }
    #search-results .search-result .pill-cta, #mobile-search-results .search-result .pill-cta {
      background-color: #0175A8;
      font-weight: bold;
      color: #fff;
      font-size: 20px;
      padding: 7px 16px;
      border-radius: 12px;
      margin: 0 auto;
      width: calc(100% - 75px);
      line-height: 1;
      transition: all 0.24s ease-in-out;
      text-align: center;
      display: block; }
      #search-results .search-result .pill-cta:hover, #mobile-search-results .search-result .pill-cta:hover {
        background-color: #06afe8;
        text-decoration: none; }
    #search-results .search-result .link__data-sheet:before, #mobile-search-results .search-result .link__data-sheet:before {
      content: none; }
    #search-results .search-result .link-container, #mobile-search-results .search-result .link-container {
      display: flex;
      justify-content: space-evenly;
      margin-top: 16px; }
    #search-results .search-result .underline-cta, #mobile-search-results .search-result .underline-cta {
      font-weight: bold;
      color: #666;
      border-bottom: 2px solid #0175A8;
      line-height: 1.1;
      font-size: 16px;
      padding: 0 6px 4px 6px;
      margin-right: 0; }
      #search-results .search-result .underline-cta:hover, #mobile-search-results .search-result .underline-cta:hover {
        text-decoration: none;
        color: #0175A8; }
    #search-results .search-result .link-list, #mobile-search-results .search-result .link-list {
      margin-top: 8px;
      margin-bottom: 8px; }
      #search-results .search-result .link-list .link-content, #mobile-search-results .search-result .link-list .link-content {
        transition: all 0.24s ease-in-out;
        background-color: #515590;
        color: #FFF;
        padding: 0 16px;
        font-size: 16px;
        line-height: 36px;
        width: calc(100% - 50px;); }
      #search-results .search-result .link-list a.cta, #mobile-search-results .search-result .link-list a.cta {
        height: 36px;
        display: flex;
        transition: all 0.24s ease-in-out;
        width: 180px;
        text-align: center;
        margin: 0 auto; }
        #search-results .search-result .link-list a.cta:hover, #mobile-search-results .search-result .link-list a.cta:hover {
          transition: all 0.24s ease-in-out;
          text-decoration: none; }
          #search-results .search-result .link-list a.cta:hover .link-content, #mobile-search-results .search-result .link-list a.cta:hover .link-content {
            background-color: #2b2f62; }
          #search-results .search-result .link-list a.cta:hover .arrow, #mobile-search-results .search-result .link-list a.cta:hover .arrow {
            background-color: #515590; }
        #search-results .search-result .link-list a.cta:after, #mobile-search-results .search-result .link-list a.cta:after {
          content: none; }
      #search-results .search-result .link-list .arrow, #mobile-search-results .search-result .link-list .arrow {
        transition: all 0.24s ease-in-out;
        height: 36px;
        width: 50px;
        line-height: 36px;
        background-color: #2b2f62;
        position: relative;
        align-items: center;
        justify-content: space-around;
        display: flex; }
        #search-results .search-result .link-list .arrow img, #mobile-search-results .search-result .link-list .arrow img {
          margin-top: 0; }

#inspire-root {
  display: block;
  opacity: 1; }
  #inspire-root.hide {
    opacity: 0; }

#mobile-search-results {
  margin: 0 auto; }
  #mobile-search-results .search-result {
    margin: 20px 0px 40px 0px; }
    #mobile-search-results .search-result .design-this-container {
      height: auto; }
    #mobile-search-results .search-result h2.product-name {
      font-size: 24px;
      margin-bottom: 10px;
      max-width: 320px;
      margin: 0 auto 10px auto;
      min-height: 0; }
    #mobile-search-results .search-result .link-list {
      margin: 0; }
    #mobile-search-results .search-result .image-container {
      height: auto; }
    #mobile-search-results .search-result .text-container {
      height: auto;
      min-height: 0; }
  #mobile-search-results .search-result .link__technical-documents, #mobile-search-results .search-result .link__data-sheet {
    display: block; }

.window-shapes {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .window-shapes .shape {
    cursor: pointer;
    text-align: center;
    padding: 12px; }
    .window-shapes .shape img {
      max-width: 95px; }
    .window-shapes .shape p {
      color: #515590;
      font-size: 14px;
      font-weight: 600; }