@charset "UTF-8";
/*COLORS------------------------------------------------------------------------*/
/*Generic colors*/
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=2fd6ad61-6efb-40b2-950d-3a7a93f8e0a3");
:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.has-bg .track_cta:focus, .footer-nav__columns a:focus, .social-wrapper .social__link:focus, a.connectcolumntitle:focus, .brands-carousel__slide.slick-slide a:focus, button.cprevious.btn-left:focus, button.cpause.btn-pause:focus, button.cplay.btn-play:focus, button.cnext.btn-right:focus, .hero-carousel a:focus, .secondary-nav__link:focus, .tertiary-nav__link:focus, .primary-nav .close-menu:focus {
  outline-offset: 3px;
  outline: 2px solid #ffffff;
}

.ps-client-logo.right {
  -webkit-transform: none !important;
  transition: none !important;
}

/*Default Watts brand colors they are declared here as a fallback---------------*/
/*These are tints of the primary brand color*/
/*These are the shades of the primary brand color*/
/*These are tints and shades of the secondary grey*/
/*$secondary: #838489;*/
/*Off white colors*/
/*This is where we store each of the theming variables and classes*/
:root {
  --primary: #005db9;
  --primary-trans: rgba(0, 93, 185, 0.7);
  --light-primary: #2675c4;
  --primary-pale: #bfd7ee;
  --primary-extra-pale: #d9e7f5;
  --medium-primary: #0055a8;
  --dark-primary: #00468b;
  --dark-transparent: rgba(0, 28, 56, 0.9);
  --off-white-cool: #fafcfe;
}

:root .blucher {
  --primary: #132261;
  --primary-trans: rgba(19, 34, 97, 0.7);
  --light-primary: #364379;
  --primary-pale: #c4c8d8;
  --primary-extra-pale: #dcdee7;
  --medium-primary: #111f58;
  --dark-primary: #0e1a49;
  --dark-transparent: rgba(6, 10, 29, 0.9);
  --off-white-cool: #fafbfc;
}

:root .aerco {
  --primary: #62AD3D;
  --primary-trans: rgba(98, 173, 61, 0.7);
  --light-primary: #7ab95a;
  --primary-pale: #d8ebcf;
  --primary-extra-pale: #e7f3e2;
  --medium-primary: #599d38;
  --dark-primary: #4a822e;
  --dark-transparent: rgba(29, 52, 18, 0.9);
  --off-white-cool: #fcfdfb;
}

:root .mueller {
  --primary: #005DAA;
  --primary-trans: rgba(0, 93, 170, 0.7);
  --light-primary: #2675b7;
  --primary-pale: #bfd7ea;
  --primary-extra-pale: #d9e7f2;
  --medium-primary: #00559b;
  --dark-primary: #004680;
  --dark-transparent: rgba(0, 28, 51, 0.9);
  --off-white-cool: #fafcfd;
}

:root .dormont {
  --primary: #005493;
  --primary-trans: rgba(0, 84, 147, 0.7);
  --light-primary: #266ea3;
  --primary-pale: #bfd4e4;
  --primary-extra-pale: #d9e5ef;
  --medium-primary: #004c86;
  --dark-primary: #003f6e;
  --dark-transparent: rgba(0, 25, 44, 0.9);
  --off-white-cool: #fafcfd;
}

:root .pvi {
  --primary: #18375C;
  --primary-trans: rgba(24, 55, 92, 0.7);
  --light-primary: #3b5574;
  --primary-pale: #c5cdd6;
  --primary-extra-pale: #dce1e7;
  --medium-primary: #163254;
  --dark-primary: #122945;
  --dark-transparent: rgba(7, 17, 28, 0.9);
  --off-white-cool: #fafbfc;
}

:root .sunTouch {
  --primary: #F78D1E;
  --primary-trans: rgba(247, 141, 30, 0.7);
  --light-primary: #f89e40;
  --primary-pale: #fde3c7;
  --primary-extra-pale: #feeedd;
  --medium-primary: #e1801b;
  --dark-primary: #b96a17;
  --dark-transparent: rgba(74, 42, 9, 0.9);
  --off-white-cool: #fffdfb;
}

:root .watts {
  --primary: #005db9;
  --primary-trans: rgba(0, 93, 185, 0.7);
  --light-primary: #2675c4;
  --primary-pale: #bfd7ee;
  --primary-extra-pale: #d9e7f5;
  --medium-primary: #0055a8;
  --dark-primary: #00468b;
  --dark-transparent: rgba(0, 28, 56, 0.9);
  --off-white-cool: #fafcfe;
}

:root .lynchBywatts {
  --primary: #2b9a92;
  --primary-trans: rgba(43, 154, 146, 0.7);
  --light-primary: #4ba9a2;
  --primary-pale: #cae6e4;
  --primary-extra-pale: #dff0ef;
  --medium-primary: #278c85;
  --dark-primary: #20746e;
  --dark-transparent: rgba(13, 46, 44, 0.9);
  --off-white-cool: #fbfdfd;
}

:root .leakdefense {
  --primary: #0E78BE;
  --primary-trans: rgba(14, 120, 190, 0.7);
  --light-primary: #328cc8;
  --primary-pale: #c3ddef;
  --primary-extra-pale: #dbebf5;
  --medium-primary: #0d6dad;
  --dark-primary: #0b5a8f;
  --dark-transparent: rgba(4, 36, 57, 0.9);
  --off-white-cool: #fafcfe;
}

:root .sunTouch {
  --dark-transparent: rgba(70, 77, 89, 0.9);
}

:root .leakdefense {
  --dark-transparent: rgba(42, 45, 53, 0.7);
}

/*MEDIA QUERIES-----------------------------------------------------------------*/
/*HEADER MEDIA QUERIES----------------------------------------------------------*/
/*DISABLED----------------------------------------------------------------------*/
.button.disabled, .disabled.button__large, .disabled.button__medium, .disabled.button__small, .load-more__container .disabled.load-more__button, .filtered-grid .filter-buttons__container .disabled.filter-button, .filtered-grid .filter-buttons__container + .results .disabled.filter-button, .button--secondary.disabled, .disabled.button--secondary__large, .disabled.button--secondary__medium, .disabled.button--secondary__small, .disabled {
  opacity: 0.7;
}

/*GENERAL-----------------------------------------------------------------------*/
/*SPACING-----------------------------------------------------------------------*/
.cta-full-width, .grid-cta, .brand-logo, .product__additional-details, .product__specifications, .suntouch-calculator .calculator-introduction, .suntouch-calculator .button-row, .suntouch-calculator .calculator-results-bar, .suntouch-calculator [class*="calculator__results"], .suntouch-calculator [class*="calculator__results"] > .calculator-product-row, .suntouch-calculator .calculator-errors-div p {
  margin-bottom: 32px;
}

/*COLUMNS-----------------------------------------------------------------------*/
/*GRADIENTS---------------------------------------------------------------------*/
.gradient-container, .how-to-buy-cta, .how-to-buy .how-to-buy__search .how-to-buy__selector, .watts-form .watts-form__field-set,
form .watts-form__field-set {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ededed+100&1+0,0+100 */
  background: -moz-linear-gradient(top, #e5e5e5 0%, rgba(229, 229, 229, 0) 100%);
  background: -webkit-linear-gradient(top, #e5e5e5 0%, rgba(229, 229, 229, 0) 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, rgba(229, 229, 229, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ededed',GradientType=0 );
}

.featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-headline:after, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy:after {
  background: -moz-linear-gradient(left, rgba(229, 229, 229, 0) 0%, #e5e5e5 49%, #e5e5e5 100%);
  background: -webkit-linear-gradient(left, rgba(229, 229, 229, 0) 0%, #e5e5e5 49%, #e5e5e5 100%);
  background: linear-gradient(to right, rgba(229, 229, 229, 0) 0%, #e5e5e5 49%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eceded', endColorstr='#eceded',GradientType=1 );
}

/*This is used for the footer and pulllquote------------------------------------*/
.site-footer .footer__background, .pull-quote {
  background: -moz-linear-gradient(66.5deg, transparent 0%, transparent 52.75%, rgba(0, 0, 0, 0.1) 52.75%, rgba(0, 0, 0, 0.1) 81.75%, transparent 81.75%, transparent 88.75%, rgba(0, 0, 0, 0.1) 88.75%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
  background: -webkit-linear-gradient(66.5deg, transparent 0%, transparent 52.75%, rgba(0, 0, 0, 0.1) 52.75%, rgba(0, 0, 0, 0.1) 81.75%, transparent 81.75%, transparent 88.75%, rgba(0, 0, 0, 0.1) 88.75%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
  background: linear-gradient(66.5deg, transparent 0%, transparent 52.75%, rgba(0, 0, 0, 0.1) 52.75%, rgba(0, 0, 0, 0.1) 81.75%, transparent 81.75%, transparent 88.75%, rgba(0, 0, 0, 0.1) 88.75%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=1 ), var(--primary);
}

@media (max-width: 640px) {
  .site-footer .footer__background, .pull-quote {
    background: -moz-linear-gradient(63deg, transparent 0%, transparent 28%, rgba(0, 0, 0, 0.1) 28%, rgba(0, 0, 0, 0.1) 74.75%, transparent 74.75%, transparent 86.5%, rgba(0, 0, 0, 0.1) 86.5%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
    background: -webkit-linear-gradient(63deg, transparent 0%, transparent 28%, rgba(0, 0, 0, 0.1) 28%, rgba(0, 0, 0, 0.1) 74.75%, transparent 74.75%, transparent 86.5%, rgba(0, 0, 0, 0.1) 86.5%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
    background: linear-gradient(63deg, transparent 0%, transparent 28%, rgba(0, 0, 0, 0.1) 28%, rgba(0, 0, 0, 0.1) 74.75%, transparent 74.75%, transparent 86.5%, rgba(0, 0, 0, 0.1) 86.5%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=1 ), var(--primary);
  }
}

/* Arrows-----------------------------------------------------------------------*/
.link--featured, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta, .grid-cta .link--cta-grid, .right-arrow-link, .link--grid-item, .slide-carousel .link--grid-item, .filtered-grid .results .js-results-target .link--grid-item, .filtered-grid .filter-buttons__container + .results .link--grid-item, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-link, .card-cta__copy {
  cursor: pointer;
}

.link--featured:after, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta:after, .grid-cta .link--cta-grid:after, .right-arrow-link:after, .link--grid-item:after, .slide-carousel .link--grid-item:after, .filtered-grid .results .js-results-target .link--grid-item:after, .filtered-grid .filter-buttons__container + .results .link--grid-item:after, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-link:after, .card-cta__copy:after {
  background: transparent;
  content: '\25B6';
  display: inline-block !important;
  font-family: "Segoe UI Symbol", "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  margin-left: 0.5em;
}

.link--featured, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta, .grid-cta .link--cta-grid, .right-arrow-link, .link--grid-item, .slide-carousel .link--grid-item, .filtered-grid .results .js-results-target .link--grid-item, .filtered-grid .filter-buttons__container + .results .link--grid-item {
  font-size: 16px;
  font-weight: 700;
}

.link--featured:hover, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta:hover, .grid-cta .link--cta-grid:hover, .right-arrow-link:hover, .link--grid-item:hover, .filtered-grid .results .js-results-target .link--grid-item:hover, .filtered-grid .filter-buttons__container + .results .link--grid-item:hover {
  color: #545454;
}

/*IE Only*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .link--featured:after, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta:after, .grid-cta .link--cta-grid:after, .right-arrow-link:after, .link--grid-item:after, .slide-carousel .link--grid-item:after, .filtered-grid .results .js-results-target .link--grid-item:after, .filtered-grid .filter-buttons__container + .results .link--grid-item:after, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-link:after, .card-cta__copy:after {
    font-size: 14px;
  }
  .link--featured:hover, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta:hover, .grid-cta .link--cta-grid:hover, .right-arrow-link:hover, .link--grid-item:hover, .filtered-grid .results .js-results-target .link--grid-item:hover, .filtered-grid .filter-buttons__container + .results .link--grid-item:hover, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-link:hover, .card-cta__copy:hover {
    text-decoration: none;
  }
}

/* CAROUSEL PREVIOUS/NEXT-------------------------------------------------------*/
.gallery--thumbnails .slick-arrow {
  cursor: pointer;
  font-family: "Segoe UI Symbol", "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  transition: all 0.25s ease-in;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

.gallery--thumbnails .slick-disabled {
  opacity: 0.30;
  pointer-events: none;
}

/*ACCORDION---------------------------------------------------------------------*/
.accordion__toggle {
  background: #e5e5e5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 700;
  margin: 0 0 8px 0;
  padding: 8px;
}

.accordion__toggle:after {
  content: '+';
  font-size: 24px;
  line-height: 0px;
  margin-top: -4px;
  transition-duration: .25s;
}

.accordion__toggle:hover {
  background: var(--primary-pale);
}

.is-open.accordion__toggle {
  margin: 0;
}

.is-open.accordion__toggle:after {
  transform: rotate(45deg);
}

/* CAROUSEL PREVIOUS/NEXT-------------------------------------------------------*/
.gallery--thumbnails .slick-arrow {
  cursor: pointer;
  font-family: "Segoe UI Symbol", "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  transition: all 0.25s ease-in;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

.gallery--thumbnails .slick-disabled {
  opacity: 0.30;
  pointer-events: none;
}

/*LOCAL IMAGES------------------------------------------------------------------*/
/*FILE TYPES--------------------------------------------------------------------*/
/*FILE TYPES--------------------------------------------------------------------*/
/*ANIMATION KEYFRAMES-----------------------------------------------------------*/
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ExperienceEditor 10.2 */
.featured-news-feed.scEnabledChrome .featured-news-feed__container {
  display: block;
}

.featured-news-feed.scEnabledChrome .featured-news-feed__item {
  display: inline-block;
  width: 30%;
}

/*REM UNITS WITH PX FALLBACK----------------------------------------------------//
                    remSize("whatever", 10) outputs                             //
                    whatever:10px; whatever:1.0rem                              //
--------------------------------------------------------------------------------*/
/*ADD VENDOR PREFIXES-----------------------------------------------------------//
                    This adds prefixes where they are needed.                   //
--------------------------------------------------------------------------------*/
/*CLEAR FIX---------------------------------------------------------------------*/
/*CLEAR FIX PLACEHOLDER (use when not in media query)---------------------------*/
/*GRID FIX----------------------------------------------------------------------//
            Simple shortahand that declares grid for both ie and others         //
--------------------------------------------------------------------------------*/
/*GRID_CHILD FIX----------------------------------------------------------------//
            This is a simplified way of placing grid items that works           //
            for all current browsers, and ie 10 >                               //
--------------------------------------------------------------------------------*/
/*GRID_CHILD_MARGIN FIX---------------------------------------------------------//
        This allows us to use margins for ie, and grid-gap everywhere else.     //
--------------------------------------------------------------------------------*/
/*MAINTAIN IMAGE RATIO----------------------------------------------------------//
          This mixin will let us use simple aspect ratio calculations.          //       
--------------------------------------------------------------------------------*/
@font-face {
  /* font-family:"Helvetica Neue LT W01_41488878*/
  font-family: "Helvetica Neue LT";
  font-weight: 400;
  src: url("../fonts/helvetica/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix");
  src: url("../fonts/helvetica/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix") format("eot"), url("../fonts/helvetica/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"), url("../fonts/helvetica/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff"), url("../fonts/helvetica/0be5590f-8353-4ef3-ada1-43ac380859f8.ttf") format("truetype"), url("../fonts/helvetica/82a4e1c2-7ffd-4c58-86fa-4010a6723c8e.svg#82a4e1c2-7ffd-4c58-86fa-4010a6723c8e") format("svg");
}

@font-face {
  /* font-family:"Helvetica Neue LT W01_46 Lt It*/
  font-family: "Helvetica Neue LT";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/helvetica/e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix");
  src: url("../fonts/helvetica/e36efb7d-12e3-4773-a830-26e5652373ea.eot?#iefix") format("eot"), url("../fonts/helvetica/261b4efb-3d70-4965-977d-38af9422700d.woff2") format("woff2"), url("../fonts/helvetica/2e00514e-1764-4250-a0c5-aca3e5a8d133.woff") format("woff"), url("../fonts/helvetica/e2fe2e07-9419-400f-953d-dc23cfa647a2.ttf") format("truetype"), url("../fonts/helvetica/000472ba-312c-41be-b038-043ad8254e91.svg#000472ba-312c-41be-b038-043ad8254e91") format("svg");
}

@font-face {
  /* font-family:"Helvetica Neue LT*/
  font-family: "Helvetica Neue LT";
  font-weight: 700;
  src: url("../fonts/helvetica/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix");
  src: url("../fonts/helvetica/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"), url("../fonts/helvetica/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"), url("../fonts/helvetica/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"), url("../fonts/helvetica/419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype"), url("../fonts/helvetica/e4d5b881-6835-45b7-8766-3e5b9e7cab8b.svg#e4d5b881-6835-45b7-8766-3e5b9e7cab8b") format("svg");
}

@font-face {
  /* font-family:"Helvetica Neue LT W01_77 Bd Cn*/
  font-family: "Helvetica Neue LT";
  font-weight: 700;
  font-stretch: condensed;
  src: url("../fonts/helvetica/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix");
  src: url("../fonts/helvetica/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix") format("eot"), url("../fonts/helvetica/5f4620bc-98f7-4b13-9f90-3a54ea6a9c55.woff2") format("woff2"), url("../fonts/helvetica/ac30e84e-cb19-4576-b6f9-491fccbd42ff.woff") format("woff"), url("../fonts/helvetica/b583b782-0709-4a13-899f-7e9ab1a7eccd.ttf") format("truetype"), url("../fonts/helvetica/d5dd03f5-3afb-46e9-aad0-234de8607afa.svg#d5dd03f5-3afb-46e9-aad0-234de8607afa") format("svg");
}

/* font-family:Helvetica Neue World */
@font-face {
  font-family: "Helvetica Neue World W05_45 Lt";
  src: url("../fonts/helvetica/0ca2847b-c436-4ca1-936e-55ed9a866d1d.woff2") format("woff2"), url("../fonts/helvetica/ec1b8b3a-9ecd-444a-a1f3-5d136b44a46c.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Neue World W05_46LtI";
  src: url("../fonts/helvetica/ab455220-cfb3-44a0-80c3-eb7b1785c32d.woff2") format("woff2"), url("../fonts/helvetica/7acb84a0-f5a2-4461-bf7a-299ed655bb45.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Neue World W05_55 Rm";
  src: url("../fonts/helvetica/d3ee8b3a-557a-4651-bca0-5e97bfd319c1.woff2") format("woff2"), url("../fonts/helvetica/8d83c0f7-06f9-4148-bb40-6e87186667b8.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Neue World W05_56 It";
  src: url("../fonts/helvetica/839a91a6-0ec1-4cf4-9f32-25415e2de8cd.woff2") format("woff2"), url("../fonts/helvetica/a1dadee5-1338-46ae-8020-ade35e18fe01.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Neue World W05_75 Bd";
  src: url("../fonts/helvetica/4d27e7b5-a254-43ea-8fec-d3b626357dd5.woff2") format("woff2"), url("../fonts/helvetica/a02aed8f-83ef-456b-a262-9d4b68c65b53.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Neue World W05_76BdI";
  src: url("../fonts/helvetica/b18c2f06-aeb5-49b6-a156-ebad0eb900f4.woff2") format("woff2"), url("../fonts/helvetica/ecfbf61a-77da-45c0-a91b-ceeb67c638ff.woff") format("woff");
}

/* font-family:"Avenir Next */
@font-face {
  font-family: "Avenir Next LT W01 Regular";
  src: url("../fonts/helvetica/c4691e94-080d-4452-8f9f-8b3db6b68d55.woff2") format("woff2"), url("../fonts/helvetica/a1adabe6-efe5-40b7-b619-48111c8ff883.woff") format("woff");
}

@font-face {
  font-family: "Avenir Next LT W01 Bold";
  src: url("../fonts/helvetica/b56355b0-7729-42a7-9f65-62c7211d078c.woff2") format("woff2"), url("../fonts/helvetica/05537afc-e923-4df9-b365-71798fbd220d.woff") format("woff");
}

@font-face {
  font-family: "Avenir Next LT W01 Bold Cond";
  src: url("../fonts/helvetica/66039c64-be67-4488-9771-2ba3e9cc646e.woff2") format("woff2"), url("../fonts/helvetica/1c68e51a-8221-4588-b806-410bf7467ff5.woff") format("woff");
}

@font-face {
  font-family: "Avenir Next LT W01 Italic";
  src: url("../fonts/helvetica/f07f5ab2-8ecc-416d-afa7-b73dbea95907.woff2") format("woff2"), url("../fonts/helvetica/3a03e3a3-baa3-4079-aa61-d2ec2a35bea3.woff") format("woff");
}

@font-face {
  font-family: "Avenir Next LT W01 Light";
  src: url("../fonts/helvetica/670c4af6-0f8f-4dfa-89d7-0213a1f77b7d.woff2") format("woff2"), url("../fonts/helvetica/b25f4dd5-5498-47ad-bf13-ed8d085f0ace.woff") format("woff");
}

/* Globe for directory link*/
@font-face {
  font-family: "Globe Icons";
  font-weight: 700;
  src: url("../fonts/globe/GlobeIcons.eot?#iefix");
  src: url("../fonts/globe/GlobeIcons.eot?#iefix") format("eot"), url("../fonts/globe/GlobeIcons.woff2") format("woff2"), url("../fonts/globe/GlobeIcons.woff") format("woff"), url("../fonts/globe/GlobeIcons.ttf") format("truetype"), url("../fonts/globe/GlobeIcons.svg#GlobeIcons") format("svg");
}

body {
  color: #353535;
}

html {
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
}

body {
  font-size: 1.4rem;
  line-height: 1.8rem;
}

@media (min-width: 768px) {
  body {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

@media (min-width: 960px) {
  body {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

input, textarea, select {
  font-size: 1.6rem;
}

@media (min-width: 960px) {
  input, textarea, select {
    font-size: 1.8rem;
  }
}

h1,
h2,
.pull-quote__text,
h3,
h4,
h5,
h6 {
  margin: 0 0 12px;
}

h3 {
  font-weight: 700;
}

h1 {
  font-weight: 400;
  font-size: 3rem;
  line-height: 3.2rem;
}


h2,
.pull-quote__text {
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 2.4rem;
}

h3 {
  font-size: 1.8rem;
  line-height: 2.0rem;
}

h4, .filtered-grid .results .js-results-target .grid-item__sub-heading, .filtered-grid .filter-buttons__container + .results .grid-item__sub-heading {
  color: var(--primary);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8rem;
  font-weight: 400;
  color: var(--primary);
}

h5 {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 8px;
}

li {
  margin-bottom: 4px;
}

ol, ul {
  margin: 0;
}

p {
  margin: 0 0 8px;
}

ul ul, ol ul {
  list-style-type: disc;
}

.general-content + h1, .general-content + h2, .general-content + .pull-quote__text, .general-content + h3, .general-content + h4, .general-content + h5, .general-content + h6 {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .general-content + h1, .general-content + h2, .general-content + .pull-quote__text, .general-content + h3, .general-content + h4, .general-content + h5, .general-content + h6 {
    margin-top: 24px;
  }
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.8rem;
    line-height: 4rem;
  }
  
  h2,
  .pull-quote__text {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
  h3 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
  h4, .filtered-grid .results .js-results-target .grid-item__sub-heading, .filtered-grid .filter-buttons__container + .results .grid-item__sub-heading {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}

@media (min-width: 960px) {
  h1 {
    font-size: 4.6rem;
    line-height: 4.8rem;
  }
  
  h2,
  .pull-quote__text {
    font-size: 3.4rem;
    line-height: 4.0rem;
  }
  h3 {
    font-size: 2.6rem;
    line-height: 3.2rem;
  }
  h4, .filtered-grid .results .js-results-target .grid-item__sub-heading, .filtered-grid .filter-buttons__container + .results .grid-item__sub-heading {
    font-size: 2.0rem;
    line-height: 2.4rem;
  }
}


.primary-nav__header .language-bar ul.language-bar__menu,
.primary-nav__header .language-bar .country-picker,
.primary-nav__header .language-bar .language-picker,
.primary-nav__header .search-bar form .search-bar__wrapper .search-bar__input,
footer {
  font-size: 14px;
  font-size: 1.4rem;
}


header {
  font-size: 18px;
  font-size: 1.8rem;
}

.h2-with-bg {
  display: block;
  padding: 16px 8px;
  background: var(--primary);
  color: #ffffff;
}

.bold {
  font-weight: 700;
}

.plain {
  list-style-type: none;
  margin: 0;
}

.plain li {
  margin: 0;
}

.prefer-nobreak {
  display: inline-block;
}

html, body {
  width: 100%;
  padding: 0px;
  margin: 0px;
  min-width: 320px;
  overflow-x: hidden;
  background-color: #FFFFFF;
}

.full-width-container {
  display: block !important;
  flex-wrap: wrap;
  height: auto;
  margin: 8px auto 0;
  width: 100%;
}

.main-container {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  margin: 8px auto 0;
  max-width: 1366px;
  width: 100%;
}

.main-container > * {
  width: 100%;
  flex: 0 0 calc(100% - (8px * 4));
  margin-left: 16px;
  margin-right: 16px;
}

.center {
  text-align: center;
}

.bottom-margin {
  margin-bottom: 24px;
}

/*DEFAULT LINK LOOK-------------------------------------------------------------*/
a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.featured-link:after {
  content: '\25b6';
  color: var(--primary);
}

.article__body a {
  text-decoration: underline;
}

.grid-item__copy a {
  text-decoration: underline;
}

a.link--featured,
a.link--grid-item.link--grid-margin.track_cta {
  text-decoration: none;
}

/*MAKE BOX MODEL UNIVERSAL------------------------------------------------------*/
* {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: border-box;
}

/* RESPONSIVE IMAGES BASE STYLE-------------------------------------------------*/
img {
  max-width: 100%;
}

/* GLOBAL SHOW/HIDE CLASSES-----------------------------------------------------*/
.is-hidden {
  display: none !important;
}

.is-visible {
  display: block !important;
  -webkit-animation: fadein .5s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein .5s;
  /* Firefox < 16 */
  -ms-animation: fadein .5s;
  /* Internet Explorer */
  -o-animation: fadein .5s;
  /* Opera < 12.1 */
  animation: fadein .5s;
}

.show-on-mobile {
  display: block !important;
}

span.show-on-mobile {
  pointer-events: none;
}

.hide-on-mobile {
  display: none !important;
}

@media (min-width: 840px) {
  .show-on-mobile {
    display: none !important;
  }
  .hide-on-mobile {
    display: block !important;
  }
}

/* SKIP NAVIGATION LINK-----------------------------------------------------*/
.reader-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

/* SUPERSCRIPT COPYRIGHT SYMBOLS-----------------------------------------------------*/
span.trademark {
  vertical-align: super;
  font-size: 0.75em;
  line-height: 1;
}

body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10px;
  /*HEADER GRID-------------------------------------------------------------------//
--------------------------------------------------------------------------------*/
  /*FULL WIDTH CONTAINER----------------------------------------------------------------//
--------------------------------------------------------------------------------*/
  /*MAIN CONTAINER----------------------------------------------------------------//
--------------------------------------------------------------------------------*/
  /*FOOTER GRID-------------------------------------------------------------------//
--------------------------------------------------------------------------------*/
  /*EXPERIENCE EDITOR FIX---------------------------------------------------------//
--------------------------------------------------------------------------------*/
  /*END MAIN CONTAINER------------------------------------------------------------*/
}

body .primary-nav__header {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 1/1;
  margin: 0px 0px 10px 0px !important;
}

@supports (display: grid) {
  body .primary-nav__header {
    margin: 0px;
  }
}

body .primary-nav__header .header__container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(24, 1fr);
  grid-gap: 10px;
}

@media (max-width: 840px) {
  body .primary-nav__header .header__container {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 0px;
  }
}

body .primary-nav__header .language-bar {
  -ms-grid-column: 1;
  -ms-grid-column-span: 24;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/25;
  grid-row: 1/1;
  margin: 0px 0px 10px 0px !important;
}

@supports (display: grid) {
  body .primary-nav__header .language-bar {
    margin: 0px;
  }
}

@media (max-width: 840px) {
  body .primary-nav__header .language-bar {
    display: none;
  }
}

body .primary-nav__header .header-logo__container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 1/7;
  grid-row: 2/2;
  margin: 0px 10px 0px 0px !important;
}

@supports (display: grid) {
  body .primary-nav__header .header-logo__container {
    margin: 0px;
  }
}

@media (max-width: 1088px) {
  body .primary-nav__header .header-logo__container {
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-column: 1/10;
    grid-row: 2/2;
  }
}

@media (max-width: 840px) {
  body .primary-nav__header .header-logo__container {
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/6;
    grid-row: 1/1;
  }
}

body .primary-nav__header .primary-nav {
  -ms-grid-column: 7;
  -ms-grid-column-span: 17;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 7/24;
  grid-row: 2/2;
  margin: 0px 0px 0px 0px !important;
}

@supports (display: grid) {
  body .primary-nav__header .primary-nav {
    margin: 0px;
  }
}

@media (max-width: 1088px) {
  body .primary-nav__header .primary-nav {
    -ms-grid-column: 1;
    -ms-grid-column-span: 22;
    -ms-grid-row: 3;
    -ms-grid-row-span: 0;
    grid-column: 1/23;
    grid-row: 3/3;
  }
}

@media (max-width: 840px) {
  body .primary-nav__header .primary-nav {
    /*display: flex;*/
    position: absolute;
    width: 0px;
    visibility: hidden;
  }
}

body .primary-nav__header .search-button {
  -ms-grid-column: 24;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 24/25;
  grid-row: 2/2;
  margin: 13px 0px 0px 10px !important;
}

@supports (display: grid) {
  body .primary-nav__header .search-button {
    margin: 0px;
  }
}

@media (max-width: 1088px) {
  body .primary-nav__header .search-button {
    -ms-grid-column: 24;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 0;
    grid-column: 24/25;
    grid-row: 3/3;
  }
}

@media (max-width: 840px) {
  body .primary-nav__header .search-button {
    -ms-grid-column: 11;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 11/12;
    grid-row: 1/1;
  }
}

body .primary-nav__header .menu-toggle {
  display: none;
}

@media (max-width: 840px) {
  body .primary-nav__header .menu-toggle {
    display: flex;
    -ms-grid-column: 12;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 12/13;
    grid-row: 1/1;
    margin-left: 20px;
  }
}

body .full-width-container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 2/2;
}

body .main-container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 3;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 3/3;
}

body .site-footer {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 4;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 4/4;
  margin: 0px 0px 0px 0px !important;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
}

@supports (display: grid) {
  body .site-footer {
    margin: 0px;
  }
}

body .site-footer .footer__background {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 1/1;
  margin: 0px 0px 0px 0px !important;
}

@supports (display: grid) {
  body .site-footer .footer__background {
    margin: 0px;
  }
}

body .site-footer .footer__background .footer__container {
  max-width: 1366px;
  width: 100%;
  margin: 8px auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
}

body .site-footer .footer__background .footer__container .footer-nav__columns {
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/8;
  grid-row: 1/1;
  margin: 0px 0px 0px 0px !important;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
}

@supports (display: grid) {
  body .site-footer .footer__background .footer__container .footer-nav__columns {
    margin: 0px;
  }
}

@media (max-width: 1088px) {
  body .site-footer .footer__background .footer__container .footer-nav__columns {
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/10;
    grid-row: 1/1;
    margin: 0px 0px 32px 0px !important;
  }
  @supports (display: grid) {
    body .site-footer .footer__background .footer__container .footer-nav__columns {
      margin: 0px;
    }
  }
}

@media (max-width: 840px) {
  body .site-footer .footer__background .footer__container .footer-nav__columns {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 1/1;
    margin: 0px 0px 32px 0px !important;
  }
  @supports (display: grid) {
    body .site-footer .footer__background .footer__container .footer-nav__columns {
      margin: 0px;
    }
  }
}

body .site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/5;
  grid-row: 1/1;
}

@media (max-width: 840px) {
  body .site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/5;
    grid-row: 1/1;
  }
}

@media (max-width: 639px) {
  body .site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 1/1;
    margin-bottom: 0;
  }
}

body .site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column + .footer-nav__column {
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 5/9;
  grid-row: 1/1;
}

@media (max-width: 840px) {
  body .site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column + .footer-nav__column {
    -ms-grid-column: 5;
    -ms-grid-column-span: 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 5/9;
    grid-row: 1/1;
  }
}

@media (max-width: 639px) {
  body .site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column + .footer-nav__column {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 2/2;
  }
}

body .site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column + .footer-nav__column + .footer-nav__column {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 9/13;
  grid-row: 1/1;
}

@media (max-width: 840px) {
  body .site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column + .footer-nav__column + .footer-nav__column {
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 9/13;
    grid-row: 1/1;
  }
}

@media (max-width: 639px) {
  body .site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column + .footer-nav__column + .footer-nav__column {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 3;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 3/3;
  }
}

body .site-footer .footer__background .footer__container .social-wrapper {
  -ms-grid-column: 11;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 11/13;
  grid-row: 1/1;
  margin: 0px 0px 0px 0px !important;
}

@supports (display: grid) {
  body .site-footer .footer__background .footer__container .social-wrapper {
    margin: 0px;
  }
}

@media (max-width: 1088px) {
  body .site-footer .footer__background .footer__container .social-wrapper {
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 9/13;
    grid-row: 1/1;
  }
}

@media (max-width: 840px) {
  body .site-footer .footer__background .footer__container .social-wrapper {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 2/2;
  }
}

@media (max-width: 639px) {
  body .site-footer .footer__background .footer__container .social-wrapper {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 4;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 4/4;
  }
}

body .site-footer .footer__background + .footer__container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 2/2;
}

body .site-footer .footer__background + .footer__container .footer-legal-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
}

body .site-footer .footer__background + .footer__container .footer-legal-row .legal-row__copy {
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/6;
  grid-row: 1/1;
  margin: 0px 0px 0px 0px !important;
}

@supports (display: grid) {
  body .site-footer .footer__background + .footer__container .footer-legal-row .legal-row__copy {
    margin: 0px;
  }
}

body .site-footer .footer__background + .footer__container .footer-legal-row .legal-row__menu {
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 7/13;
  grid-row: 1/1;
  margin: 0px 0px 0px 0px !important;
}

@supports (display: grid) {
  body .site-footer .footer__background + .footer__container .footer-legal-row .legal-row__menu {
    margin: 0px;
  }
}

@media (max-width: 840px) {
  body .site-footer .footer__background + .footer__container .footer-legal-row .legal-row__copy {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 1/1;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    body .site-footer .footer__background + .footer__container .footer-legal-row .legal-row__copy {
      margin: 0px;
    }
  }
  body .site-footer .footer__background + .footer__container .footer-legal-row .legal-row__menu {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 2/2;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    body .site-footer .footer__background + .footer__container .footer-legal-row .legal-row__menu {
      margin: 0px;
    }
  }
}

body #scPageExtendersForm {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 2/2;
}

body #scPageExtendersForm ~ .main-container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 3;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 3/3;
}

body #scPageExtendersForm ~ .site-footer {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 4;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 4/4;
}

/*------------------------------------------------------------------------------*/
.grid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
  width: calc(100% - (8px * 4));
  min-height: 0;
  min-width: 0;
}

.grid-container h1, .grid-container h2, .grid-container .pull-quote__text, .grid-container h3, .grid-container h4, .grid-container h5, .grid-container h6 {
  margin-bottom: 4px;
}

.grid-container .grid-container__one-half {
  width: 100%;
}

@media (min-width: 768px) {
  .grid-container .grid-container__one-half {
    width: 50%;
  }
}

.grid-container .grid-container__one-fourth {
  width: 100%;
}

@media (min-width: 768px) {
  .grid-container .grid-container__one-fourth {
    width: 25%;
  }
}

.grid-container .grid-container__three-fourths {
  width: 100%;
}

@media (min-width: 768px) {
  .grid-container .grid-container__three-fourths {
    width: 75%;
  }
}

.grid-container .grid-container__one-third {
  width: 100%;
}

@media (min-width: 768px) {
  .grid-container .grid-container__one-third {
    width: 33.3%;
  }
}

.grid-container .grid-container__two-thirds {
  width: 100%;
}

@media (min-width: 768px) {
  .grid-container .grid-container__two-thirds {
    width: 66.6%;
  }
}

@media (max-width: 767px) {
  .grid-container > div + div {
    margin-top: 8px;
  }
}

@media (min-width: 768px) {
  .grid-container > div + div {
    padding-left: 16px;
  }
}

.gradient-container {
  width: 100%;
  height: auto;
  padding: 16px;
}

.gradient-container p {
  margin: 0 0 8px;
}

.gradient-container ul {
  list-style-type: disc;
  color: var(--primary);
  padding-left: 24px;
}

.gradient-container ul li {
  color: #000000;
  margin-bottom: 0;
}

.gradient-container:not(.gradient-content) {
  text-align: center;
}

.gradient-container:not(.gradient-content) ol {
  list-style-position: inside;
}

.gradient-container:not(.gradient-content) ul {
  list-style-position: inside;
}

.primary-nav__header {
  padding: 16px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.75);
  z-index: 6;
  /*---------------------------------------------------------HEADER (language-bar)*/
  /* ----------------------------------------------------------------HEADER (logo)*/
  /*PRIMARY NAVIGATION------------------------------------------------------------//
--------------------------------------------------------------------------------*/
  /* MENU TOGGLE------------------------------------------------------------------//
            These shows/hides the hamburger, and in turn the menu.              //
--------------------------------------------------------------------------------*/
  /* wrapper----------------------------------------------------------------------*/
  /* contents---------------------------------------------------------------------*/
  /* links------------------------------------------------------------------------*/
  /*HEADER------------------------------------------------------------------------*/
}

.primary-nav__header .header__container {
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1366px;
  width: 100%;
}

.primary-nav__header .language-bar {
  display: flex;
  align-content: flex-end;
  justify-content: flex-end;
  height: auto;
  padding: 0;
  margin: 0;
}

.primary-nav__header .language-bar ul.language-bar__menu {
  justify-content: space-between;
  list-style-type: none;
  flex-direction: row;
  display: inline-flex;
  padding: 0px;
  margin: 8px 0px 16px 0px;
  order: 1;
}

.primary-nav__header .language-bar ul.language-bar__menu li.language-bar__item {
  display: inline-flex;
  line-height: 100%;
  text-align: center;
  padding: 0px;
  margin-bottom: 0px;
  color: #545454;
  opacity: 1;
}

.primary-nav__header .language-bar ul.language-bar__menu li.language-bar__item a {
  display: block;
  color: #545454;
  padding: 4px 8px;
  margin-bottom: 0px;
  opacity: 1;
  text-decoration: none;
}

.primary-nav__header .language-bar ul.language-bar__menu li.language-bar__item a:hover {
  text-decoration: underline;
}

.primary-nav__header .language-bar ul.language-bar__menu li.language-bar__item .directory-link {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 27px;
  color: var(--primary);
  text-decoration: none;
}

.primary-nav__header .language-bar ul.language-bar__menu li.language-bar__item .directory-link:after {
  position: absolute;
  displaY: block;
  font-family: "Globe Icons";
  content: 'T';
  color: var(--primary);
  font-size: 24px;
  top: 6px;
  right: 6px;
  transform: rotate(21deg);
}

.primary-nav__header .language-bar ul.language-bar__menu .language-bar__item + .language-bar__item:before {
  content: '|';
  flex-direction: row;
  font-weight: 700;
  font-size: 8px;
  line-height: 280%;
}

.primary-nav__header .language-bar .country-picker {
  list-style-type: none;
  display: inline-flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  order: 2;
  min-width: 144px;
}

.primary-nav__header .language-bar .country-picker .country-picker__item {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}

.primary-nav__header .language-bar .country-picker .country-picker__item .country-bar__link {
  display: block;
  border: 1px solid var(--primary);
  padding: 2px 8px 4px 8px;
  width: 100%;
  color: var(--primary);
  text-decoration: none;
}

.primary-nav__header .language-bar .country-picker .country-picker__item .country-bar__link:after {
  position: absolute;
  displaY: block;
  font-family: "GlobeIcons";
  content: 'r';
  color: var(--primary);
  font-size: 24px;
  top: 5px;
  right: 6px;
  transform: rotate(21deg);
}

.primary-nav__header .language-bar .language-picker {
  justify-content: space-between;
  list-style-type: none;
  flex-direction: row;
  display: inline-flex;
  padding: 0px;
  margin: 8px 0px 16px 0px;
  order: 3;
  justify-self: end;
}

.primary-nav__header .language-bar .language-picker .language-picker__item {
  line-height: 100%;
  border-right: 2px solid #545454;
  text-align: center;
  padding: 0px 8px;
  margin-bottom: 0px;
  color: #545454;
  opacity: 0.7;
}

.primary-nav__header .language-bar .language-picker .language-picker__item a {
  display: block;
  color: #545454;
  padding: 0px;
  margin-bottom: 0px;
  opacity: 1;
  text-decoration: none;
}

.primary-nav__header .language-bar .language-picker .language-picker__item a:hover {
  text-decoration: underline;
}

.primary-nav__header .language-bar .language-picker li.language-picker__item:last-of-type {
  border-right: 0;
}

.primary-nav__header .header-logo__container {
  padding: 0;
  margin: 0;
  min-width: 220px;
}

.primary-nav__header .header-logo__container a.header-logo__link {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}

.primary-nav__header .header-logo__container a.header-logo__link img.header-logo__img {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}

@media (max-width: 370px) {
  .primary-nav__header .header-logo__container {
    min-width: 200px;
  }
}

.primary-nav__header #content, .primary-nav__header #contentsearch, .primary-nav__header #contentsearchmob, .primary-nav__header #contentsearchdesk {
  border: none;
}

.primary-nav__header a#headercontent:focus {
  border: 1px solid #000;
  left: 0;
  height: auto;
  width: auto;
  margin-top: 0;
  background-color: #C2FFFE;
  color: #004D99;
}

.primary-nav__header a#contentsearch:focus, .primary-nav__header a#contentsearchmob:focus, .primary-nav__header a#contentsearchdesk:focus {
  margin-top: 2em;
  border: 1px solid #000;
  left: 0;
  height: auto;
  width: auto;
  background-color: #C2FFFE;
  color: #004D99;
}

.primary-nav__header .primary-nav {
  display: flex;
  align-items: flex-end;
  /*--------------------------------------------------------NAVIGATION (level one)*/
}

.primary-nav__header .primary-nav .primary-nav__list {
  list-style-type: none;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  /*----------------------------------------------------------------------(active)*/
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item {
  padding: 0 16px;
  color: #545454;
  font-weight: 700;
  font-stretch: condensed;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item button.button-in-menu {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  min-width: unset;
  min-height: unset;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item button.button-in-menu span {
  font-size: 1.8rem;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item .primary-nav__link {
  color: var(--primary);
  text-decoration: none;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item .primary-nav__link .hide-on-mobile {
  display: inline-block !important;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item .primary-nav__link:after {
  display: inline-flex;
  content: '\25bc';
  color: #545454;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.single .primary-nav__link {
  color: var(--primary);
  text-decoration: none;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.single .primary-nav__link:after {
  content: '';
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.is-active .primary-nav__link {
  color: #545454;
  text-decoration: none;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.is-active .primary-nav__link:after {
  display: inline-flex;
  content: '\25b2';
  color: #545454;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.singleActive .primary-nav__link {
  color: #545454;
  text-decoration: none;
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.singleActive .primary-nav__link:after {
  content: '';
}

.primary-nav__header .primary-nav .primary-nav__list .primary-nav__list:first-of-type {
  padding: 0 16px 0 0;
}

.primary-nav__header .primary-nav .current {
  color: #545454 !important;
}

.primary-nav__header .primary-nav .bold {
  font-weight: bold !important;
}

.primary-nav__header .primary-nav .secondary-nav__container {
  position: absolute;
  left: 0;
  width: 100%;
  background: var(--dark-transparent);
  padding: 16px;
  z-index: 6;
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner {
  /* Nested List------------------------------------------------------------------*/
  /* These are to insure columns use as much width as possible--------------------*/
  /* Last list (spans entire menu)------------------------------------------------*/
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner {
    max-width: 1366px;
    margin: 0px auto;
    list-style-type: none;
    padding: 16px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    justify-content: left;
    flex-wrap: wrap;
  }
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list {
  display: block;
  list-style-type: none;
  /*Two columns------------------------------------------------------------(840px)*/
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list {
    max-width: 320px;
    display: flex;
    flex-direction: column;
    flex: 1 0 25%;
    margin: 0;
    padding: 8px;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list .secondary-nav__item {
    padding: 0 16px 0 0;
  }
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list-nested {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list-nested {
    display: flex;
    flex-direction: column;
    flex: 1 0 50%;
    margin: 0;
    padding: 8px;
  }
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list-nested .secondary-nav__item {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    align-items: stretch;
  }
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list-nested .secondary-nav__item span:nth-of-type(1) {
  width: 100%;
  min-width: 100%;
  flex: 0 1 100%;
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list-nested .secondary-nav__item .secondary-nav__link {
  width: 100%;
  min-width: 100%;
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list-nested .secondary-nav__item .tertiary-nav__list {
    flex: 0 0 auto;
    padding-right: 16px;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list-nested .secondary-nav__item .tertiary-nav__list span {
    display: block;
  }
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list-nested .tertiary-nav__list:nth-of-type(5) {
    width: 100%;
    max-width: 100% !important;
    display: flex;
    flex: 0 0 100%;
    justify-content: flex-end;
    margin: 0;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list-nested .tertiary-nav__list:nth-of-type(5) a {
    font-weight: 700 !important;
    font-stretch: condensed !important;
  }
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .whole {
  max-width: 100%;
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .half {
  max-width: 100%;
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .half {
    max-width: 50%;
  }
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .third {
  max-width: 100%;
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .third {
    max-width: 33%;
  }
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .fourth {
  max-width: 100%;
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .fourth {
    max-width: 25%;
  }
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .empty {
  max-width: 0;
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner span > span {
  font-size: 16px;
  margin-top: 16px;
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner span > span {
    margin-top: -8px;
  }
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list:nth-of-type(5) {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex: 0 0 100%;
    justify-content: flex-end;
    margin: 0;
    height: auto;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list:nth-of-type(5) .secondary-nav__item {
    width: 100%;
    height: auto;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .secondary-nav__list:nth-of-type(5) .secondary-nav__item a {
    display: block;
    max-width: 100%;
    font-weight: bold;
    border-top: 1px solid #ffffff;
    text-align: right;
    padding: 8px 0 0 0;
    margin-bottom: 0;
  }
}

@media (min-width: 840px) {
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__container-inner .null-link:hover {
    text-decoration: none;
    cursor: default;
  }
}

.primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__link {
  color: #ffffff;
  margin: 0 0 16px 0;
}

.primary-nav__header .primary-nav button.close-menu {
  display: none;
}

@media (min-width: 841px) {
  .primary-nav__header .primary-nav a.js-close-menu:hover, .primary-nav__header .primary-nav a.js-close-menu:visited, .primary-nav__header .primary-nav a.js-close-menu:link, .primary-nav__header .primary-nav a.js-close-menu:active {
    text-decoration: none;
  }
  .primary-nav__header .primary-nav .close-menu {
    display: grid;
    padding: 0px;
    background: transparent;
    font-family: 'Helvetica Neue LT', Helvetica, Arial, sans-serif;
    font-stretch: condensed;
  }
  .primary-nav__header .primary-nav button.close-menu {
    display: grid;
  }
  .primary-nav__header .primary-nav .js-close-menu {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 0;
    content: 'x';
    font-size: 20px;
    font-weight: 100;
    text-align: center;
    line-height: 17px;
    color: #fff;
    border: 1px solid #ffffff;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
  }
  .primary-nav__header .primary-nav .js-close-menu:after {
    content: 'x';
    font-size: 20px;
    font-weight: 100;
    text-align: center;
    line-height: 17px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
  }
}

.primary-nav__header .primary-nav .js-secondary-nav__container-inner {
  position: relative;
}

.primary-nav__header .primary-nav .js-secondary-nav__container_js-close-menu {
  position: absolute;
  width: auto;
  top: 20px;
  right: 20px;
}

.primary-nav__header .primary-nav .tertiary-nav__list {
  display: block;
  clear: left;
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.primary-nav__header .primary-nav .tertiary-nav__list .tertiary-nav__item {
  font-size: 14px;
  width: 100%;
  margin: 0;
}

.primary-nav__header .primary-nav .tertiary-nav__list .tertiary-nav__item .tertiary-nav__link {
  width: 100%;
  color: #ffffff;
  padding: 0;
  text-decoration: none;
  font-stretch: normal;
  font-weight: 400;
  margin: 0 0 12px 0;
  line-height: 1.2em;
}

.primary-nav__header .primary-nav .tertiary-nav__list .tertiary-nav__item .tertiary-nav__link:hover {
  text-decoration: underline;
}

.primary-nav__header .primary-nav .tertiary-nav__list .tertiary-nav__item .all-items.tertiary-nav__link {
  margin-top: 8px;
  border-top: 1px solid #ffffff;
  display: block;
  width: 100%;
  font-weight: 700;
  font-stretch: condensed;
  color: #ffffff;
  padding: 8px 0;
  text-decoration: none;
}

.primary-nav__header .primary-nav .tertiary-nav__list .tertiary-nav__item .all-items.tertiary-nav__link:hover {
  text-decoration: underline;
}

.primary-nav__header .primary-nav .tertiary-nav__list .tertiary-nav__link.mob-only {
  display: none;
}

@media (min-width: 769px) {
  .primary-nav__header .primary-nav .tertiary-nav__list {
    margin-top: -11px;
    margin-bottom: 22px;
  }
}

.primary-nav__header .menu-toggle {
  align-items: flex-end;
  justify-content: flex-end;
  /* -----------------------------------------------------------MENU TOGGLE (link)*/
  /* TRANSFORM ALL THE SLICES OF HAMBURGER INTO AN 'X'----------------------------*/
}

.primary-nav__header .menu-toggle .menu-toggle__link {
  height: 36px;
  width: 36px;
  display: flex;
  flex-direction: column;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  background: var(--primary);
  background: -moz-linear-gradient(top, var(--primary) 20%, #ffffff 21%, #ffffff 40%, var(--primary) 41%, var(--primary) 60%, #ffffff 61%, #ffffff 80%, var(--primary) 81%, var(--primary) 100%);
  background: -webkit-linear-gradient(top, var(--primary) 20%, #ffffff 21%, #ffffff 40%, var(--primary) 41%, var(--primary) 60%, #ffffff 61%, #ffffff 80%, var(--primary) 81%, var(--primary) 100%);
  background: linear-gradient(to bottom, var(--primary) 20%, #ffffff 21%, #ffffff 40%, var(--primary) 41%, var(--primary) 60%, #ffffff 61%, #ffffff 80%, var(--primary) 81%, var(--primary) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary)', endColorstr='var(--primary)',GradientType=0 );
  cursor: pointer;
}

.primary-nav__header .menu-toggle button.menu-toggle__link {
  border-radius: unset;
  padding: unset;
}

.primary-nav__header .menu-toggle .menu-toggle__link.is-open {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
  background: #ffffff !important;
  border: 1px solid var(--primary);
  border-radius: 50px;
}

.primary-nav__header .menu-toggle .menu-toggle__link.is-open:after {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 6px;
  left: 6px;
  content: 'x';
  font-size: 37px;
  line-height: 12px;
  color: var(--primary);
  border: 1px solid #ffffff;
  overflow: hidden;
}

.primary-nav__header .search-button,
.primary-nav__header .search-bar__button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  min-width: 36px;
}

.primary-nav__header .search-button .search-button__link,
.primary-nav__header .search-button .search-bar-button__link,
.primary-nav__header .search-bar__button .search-button__link,
.primary-nav__header .search-bar__button .search-bar-button__link {
  display: flex;
  width: 36px;
  height: 36px;
  background-color: var(--primary);
  border-radius: 50px;
}

.primary-nav__header .search-button .search-button__link .magnifying-glass,
.primary-nav__header .search-button .search-bar-button__link .magnifying-glass,
.primary-nav__header .search-bar__button .search-button__link .magnifying-glass,
.primary-nav__header .search-bar__button .search-bar-button__link .magnifying-glass {
  display: block;
  position: relative;
  margin: 4px auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  pointer-events: none;
}

.primary-nav__header .search-button .search-button__link .magnifying-glass .glass,
.primary-nav__header .search-button .search-bar-button__link .magnifying-glass .glass,
.primary-nav__header .search-bar__button .search-button__link .magnifying-glass .glass,
.primary-nav__header .search-bar__button .search-bar-button__link .magnifying-glass .glass {
  display: block;
  margin: 3px auto 0 auto;
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-radius: 20px;
}

.primary-nav__header .search-button .search-button__link .magnifying-glass .handle,
.primary-nav__header .search-button .search-bar-button__link .magnifying-glass .handle,
.primary-nav__header .search-bar__button .search-button__link .magnifying-glass .handle,
.primary-nav__header .search-bar__button .search-bar-button__link .magnifying-glass .handle {
  display: block;
  margin: -2px auto 0 auto;
  width: 3px;
  height: 9px;
  background: #ffffff;
  border-radius: 2px;
}

.primary-nav__header .search-button .search-bar-button__link,
.primary-nav__header .search-bar__button .search-bar-button__link {
  background: transparent;
}

.primary-nav__header .search-button .search-button__link,
.primary-nav__header .search-bar__button .search-button__link {
  padding: 0px;
  font-weight: unset;
  font-stretch: inherit;
}

.primary-nav__header .search-button button.search-button__link.is-open,
.primary-nav__header .search-bar__button button.search-button__link.is-open {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
  background: #ffffff !important;
  border: 1px solid var(--primary);
  border-radius: 50px;
}

.primary-nav__header .search-button button.search-button__link.is-open:after,
.primary-nav__header .search-bar__button button.search-button__link.is-open:after {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 6px;
  left: 6px;
  content: "x";
  font-size: 41px;
  line-height: 12px;
  color: var(--primary);
  border: 1px solid #ffffff;
  border-radius: 20px;
  overflow: hidden;
}

.primary-nav__header .search-button button.search-button__link.is-open .magnifying-glass,
.primary-nav__header .search-bar__button button.search-button__link.is-open .magnifying-glass {
  display: none;
}

@media (max-width: 840px) {
  .primary-nav__header .primary-nav {
    flex-direction: column;
    top: 83px;
    right: 0;
    padding: 16px 0;
    margin: 0 !important;
    background: var(--dark-transparent);
    justify-content: flex-end;
    -webkit-transition: width 400ms ease-out, padding 400ms ease-out;
    -moz-transition: width 400ms ease-out, padding 400ms ease-out;
    -o-transition: width 400ms ease-out, padding 400ms ease-out;
    transition: width 400ms ease-out, padding 400ms ease-out;
    overflow: hidden;
    z-index: 1;
    /*--------------------------------------------------------NAVIGATION (level one)*/
    /*SECONDARY NAV CONTAINER-------------------------------------------------------*/
    /*-------------------------------------------------------------------BACK BUTTON*/
  }
  .primary-nav__header .primary-nav .primary-nav__list {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 288px;
    /*----------------------------------------------------------------------(active)*/
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item {
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ffffff;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item button.primary-nav__link {
    padding: 6px 16px 6px 0 !important;
    text-align: left;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item button.primary-nav__link:after {
    border-radius: unset;
    font-size: 19px;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item .primary-nav__link {
    position: relative;
    display: block;
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    padding: 8px 16px 8px 0;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item .primary-nav__link:after {
    position: absolute;
    top: 6px;
    right: 0;
    display: block;
    align-self: flex-end;
    content: '\25b6';
    color: #ffffff;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item .primary-nav__link:hover {
    text-decoration: underline;
  }
  .primary-nav__header .primary-nav .primary-nav__list .plain button.primary-nav__link {
    padding: 6px 16px 6px 0 !important;
    text-align: left;
  }
  .primary-nav__header .primary-nav .primary-nav__list .plain .primary-nav__link {
    position: relative;
    display: block;
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    padding: 6px 16px 6px 0 !important;
    text-align: left;
    font-size: 1.8rem;
    background-color: transparent;
  }
  .primary-nav__header .primary-nav .primary-nav__list .plain .primary-nav__link:after {
    position: absolute;
    top: 6px;
    right: 0;
    display: block;
    align-self: flex-end;
    content: '';
    color: #ffffff;
  }
  .primary-nav__header .primary-nav .primary-nav__list .plain .primary-nav__link:hover {
    text-decoration: underline;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.single .primary-nav__link {
    color: #ffffff;
    text-decoration: none;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.single .primary-nav__link:after {
    content: '';
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item:last-of-type {
    border-bottom: 0px;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.is-active .primary-nav__link {
    position: relative;
    display: block;
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    padding: 8px 16px 8px 0;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.is-active .primary-nav__link:after {
    position: absolute;
    top: 6px;
    right: 0px;
    display: block;
    align-self: flex-end;
    content: '\25b6';
    color: #ffffff;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.is-active .primary-nav__link:hover {
    text-decoration: underline;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.singleActive .primary-nav__link {
    color: #ffffff;
    text-decoration: none;
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__item.singleActive .primary-nav__link:after {
    content: '';
  }
  .primary-nav__header .primary-nav .primary-nav__list .primary-nav__list:first-of-type {
    padding: 0 16px 0 0;
  }
  .primary-nav__header .primary-nav .secondary-nav__container {
    position: static;
    width: 100%;
    background: none;
    padding: 0;
    /*--------------------------------------------------------NAVIGATION (level two)*/
    /*------------------------------------------------------NAVIGATION (level three)*/
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list,
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list-nested {
    width: 100% !important;
    margin: 0px auto;
    list-style-type: none;
    padding: 0px;
    color: #ffffff;
    display: block;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list .secondary-nav__item,
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list-nested .secondary-nav__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ffffff;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list .secondary-nav__item .secondary-nav__link,
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list-nested .secondary-nav__item .secondary-nav__link {
    position: relative;
    display: block;
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    padding: 8px 16px 8px 0;
    margin: 0;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list .secondary-nav__item .secondary-nav__link:hover,
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list-nested .secondary-nav__item .secondary-nav__link:hover {
    text-decoration: underline;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list .secondary-nav__item .secondary-nav__link:after,
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list-nested .secondary-nav__item .secondary-nav__link:after {
    position: absolute;
    top: 6px;
    right: 0;
    display: block;
    align-self: flex-end;
    content: '\25b6';
    color: #ffffff;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list .secondary-nav__item.single .secondary-nav__link:after,
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list-nested .secondary-nav__item.single .secondary-nav__link:after {
    content: '';
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list .secondary-nav__item.single .secondary-nav__link.single.mob-only,
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list-nested .secondary-nav__item.single .secondary-nav__link.single.mob-only {
    display: block;
    background: rgba(255, 255, 255, 0.5);
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list .secondary-nav__item.is-active,
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list-nested .secondary-nav__item.is-active {
    padding: 0 !important;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list:last-of-type .secondary-nav__item:last-of-type {
    border-bottom: 0;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .secondary-nav__list-nested .secondary-nav__item:last-of-type {
    border-bottom: 0;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .tertiary-nav__list {
    font-weight: normal;
    display: none;
    clear: left;
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .tertiary-nav__list .tertiary-nav__item {
    font-size: 14px;
    width: 100%;
    margin: 0px;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .tertiary-nav__list .tertiary-nav__item .tertiary-nav__link {
    position: relative;
    display: block;
    color: #ffffff;
    text-decoration: none;
    width: 100%;
    padding: 8px 0;
    margin: 0;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .tertiary-nav__list .tertiary-nav__item .tertiary-nav__link:hover {
    text-decoration: underline;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .tertiary-nav__list .tertiary-nav__item .all-items.tertiary-nav__link {
    border-top: 1px solid #ffffff;
    display: block;
    width: 100%;
    font-weight: 700;
    font-stretch: condensed;
    color: #ffffff;
    padding: 8px 0px;
    text-decoration: none;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .tertiary-nav__list .tertiary-nav__item .all-items.tertiary-nav__link:hover {
    text-decoration: underline;
  }
  .primary-nav__header .primary-nav .secondary-nav__container .tertiary-nav__list .tertiary-nav__item.single .tertiary-nav__link:after {
    content: '';
  }
  .primary-nav__header .primary-nav .secondary-nav__container .tertiary-nav__list .tertiary-nav__item.single .tertiary-nav__link.mob-only {
    display: block;
    border-bottom: 1px solid #ffffff;
  }
  .primary-nav__header .primary-nav .nav__back {
    font-size: 1.4rem;
    font-stretch: normal !important;
    font-weight: 400;
    padding: 0 0 8px 0;
    margin: 0;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
  }
  .primary-nav__header .primary-nav .nav__back span {
    display: inline-block;
    width: 8px;
  }
  .primary-nav__header .primary-nav .nav__back a {
    font-weight: 400 !important;
    display: inline-block;
    width: 288px;
    color: #ffffff;
    text-decoration: none;
  }
  .primary-nav__header .primary-nav .nav__back a span {
    font-size: 120%;
    display: inline-block;
    padding-right: 10px;
  }
  .primary-nav__header .primary-nav .nav__back a:hover {
    text-decoration: underline;
  }
  .primary-nav__header .primary-nav .mob-language-bar {
    font-size: 1.4rem;
    font-weight: 700;
    font-stretch: condensed;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 288px;
    border-top: 1px solid #ffffff;
    /*COUNTRY PICKER----------------------------------------------------------------*/
    /*LANGUAGE PICKER---------------------------------------------------------------*/
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-bar__menu {
    color: #ffffff;
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ffffff;
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-bar__menu .language-bar__item {
    color: #ffffff;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-bar__menu .language-bar__item a {
    display: block;
    width: 100%;
    padding: 8px 16px 8px 0px;
    color: #ffffff;
    text-decoration: none;
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-bar__menu .language-bar__item a:hover {
    text-decoration: underline;
  }
  .primary-nav__header .primary-nav .mob-language-bar .country-picker {
    font-size: 1.4rem;
    background: #ffffff;
    list-style-type: none;
    display: inline-flex;
    flex-direction: row;
    padding: 0;
    margin: 8px 0;
    order: 2;
    min-width: 144px;
  }
  .primary-nav__header .primary-nav .mob-language-bar .country-picker .country-picker__item {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .primary-nav__header .primary-nav .mob-language-bar .country-picker .country-picker__item .country-bar__link {
    display: block;
    border: 1px solid var(--primary);
    padding: 4px 8px 4px 8px;
    width: 100%;
    color: var(--primary);
    text-decoration: none;
  }
  .primary-nav__header .primary-nav .mob-language-bar .country-picker .country-picker__item .country-bar__link:after {
    position: absolute;
    displaY: block;
    font-family: "GlobeIcons";
    content: 'J';
    color: var(--primary);
    font-size: 24px;
    top: 5px;
    right: 6px;
    transform: rotate(21deg);
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-picker {
    font-size: 1.4rem;
    list-style-type: none;
    display: inline-flex;
    flex-direction: row;
    padding: 0;
    margin: 4px 0 16px 0;
    order: 3;
    justify-self: end;
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-picker .language-picker__item {
    line-height: 100%;
    border-right: 2px solid #ffffff;
    text-align: left;
    padding: 0 8px;
    margin-bottom: 0;
    color: #545454;
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-picker .language-picker__item a {
    color: #ffffff;
    text-decoration: none;
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-picker .language-picker__item a:hover {
    text-decoration: underline;
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-picker .language-picker__item:first-of-type {
    padding-left: 0;
  }
  .primary-nav__header .primary-nav .mob-language-bar .language-picker .language-picker__item:last-of-type {
    border-right: 0;
  }
  .primary-nav__header .primary-nav.is-open {
    width: 100%;
    padding: 16px;
    -webkit-transition: width 400ms ease-out, padding 400ms ease-out;
    -moz-transition: width 400ms ease-out, padding 400ms ease-out;
    -o-transition: width 400ms ease-out, padding 400ms ease-out;
    transition: width 400ms ease-out, padding 400ms ease-out;
    visibility: visible;
  }
}

.primary-nav__header .plain {
  border-bottom: 1px solid #ffffff !important;
}

.primary-nav__header .plain a {
  position: relative;
  display: block;
  color: #ffffff;
  font-weight: 700 !important;
  text-decoration: none;
  width: 100%;
  padding: 8px 16px 8px 0 !important;
  margin: 0px !important;
}

.primary-nav__header .plain a:after {
  content: '' !important;
}

@media (min-width: 840px) {
  .primary-nav__header .mob-language-bar {
    display: none;
  }
  .primary-nav__header .nav__back {
    display: none;
  }
  .primary-nav__header .show-on-mobile {
    display: none;
  }
}

@media (max-width: 840px) {
  .primary-nav__header .primary-nav__link:focus, .primary-nav__header .mob-language-bar .language-bar__menu .language-bar__item a:focus, .primary-nav__header .js-nav__back.nav__back a:focus {
    outline-offset: 3px !important;
    outline: 2px solid #ffffff !important;
  }
}

.primary-nav__header .search-bar {
  display: block;
  position: absolute;
  left: 0;
  height: 0;
  width: 100%;
  padding: 0 16px;
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0px, var(--primary) 6px, var(--primary) 65px, #ffffff 65px, #ffffff 100%);
  background: -webkit-linear-gradient(top, #000000 0px, var(--primary) 6px, var(--primary) 65px, #ffffff 65px, #ffffff 100%);
  background: linear-gradient(to bottom, #000000 0px, var(--primary) 6px, var(--primary) 65px, #ffffff 65px, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$black', endColorstr='var(--primary)',GradientType=0 );
  -webkit-transition: height 200ms ease-out, padding 200ms ease-out;
  -moz-transition: height 200ms ease-out, padding 200ms ease-out;
  -o-transition: height 200ms ease-out, padding 200ms ease-out;
  transition: height 200ms ease-out, padding 200ms ease-out;
  z-index: 1;
}

.primary-nav__header .search-bar .search-bar__container {
  position: relative;
  margin: 0 auto;
  padding: 0px 16px;
  max-width: 1366px;
  width: 100%;
  *zoom: 1;
}

.primary-nav__header .search-bar .search-bar__container:before, .primary-nav__header .search-bar .search-bar__container:after {
  content: "";
  display: table;
  height: 0px;
}

.primary-nav__header .search-bar .search-bar__container:after {
  clear: both;
}

.primary-nav__header .search-bar form {
  height: 0;
  position: absolute;
  right: 0;
  padding: 0 16px;
  margin: 0;
  width: 100%;
  max-width: 640px;
  overflow: hidden;
}

.primary-nav__header .search-bar form .search-bar__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-before: 0;
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
  -webkit-padding-after: 0;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  max-width: 638px;
}

.primary-nav__header .search-bar form .search-bar__wrapper .search-bar__input {
  flex: 1 1 auto;
  background: transparent;
  height: 0;
  border: 0;
  margin: 0;
  padding: 0 8px;
  font-size: 18px;
  color: #ffffff;
  font-style: italic;
  -webkit-appearance: none;
  -webkit-transition: padding 200ms ease-out;
  -moz-transition: padding 200ms ease-out;
  -o-transition: padding 200ms ease-out;
  transition: padding 200ms ease-out;
}

.primary-nav__header .search-bar form .search-bar__wrapper .search-bar__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}

.primary-nav__header .search-bar form .search-bar__wrapper .search-bar__input:focus {
  box-shadow: none;
  border: 0;
  outline: 0;
}

.primary-nav__header .search-bar form .search-bar__wrapper ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff !important;
}

.primary-nav__header .search-bar form .search-bar__wrapper ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff !important;
}

.primary-nav__header .search-bar form .search-bar__wrapper :-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff !important;
}

.primary-nav__header .search-bar form .search-bar__wrapper :-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff !important;
}

.primary-nav__header .search-bar form .search-bar__wrapper .search-bar__button {
  height: 0;
  background: transparent;
  -webkit-transition: height 200ms ease-out;
  -moz-transition: height 200ms ease-out;
  -o-transition: height 200ms ease-out;
  transition: height 200ms ease-out;
}

.primary-nav__header .search-bar form .search-bar__wrapper .search-bar__button {
  padding: 0;
  height: 0;
  width: 36px;
  cursor: pointer;
}

.primary-nav__header .search-bar form .search-bar__wrapper .search-bar__button .search-button__link {
  background: transparent;
}

.primary-nav__header .search-bar.is-open {
  height: auto;
  height: 63px;
  padding: 16px 16px;
  -webkit-transition: height 200ms ease-out, padding 200ms ease-out;
  -moz-transition: height 200ms ease-out, padding 200ms ease-out;
  -o-transition: height 200ms ease-out, padding 200ms ease-out;
  transition: height 200ms ease-out, padding 200ms ease-out;
}

.primary-nav__header .search-bar.is-open form {
  height: auto;
}

.primary-nav__header .search-bar.is-open form .search-bar__wrapper .search-bar__input {
  height: 36px;
  padding: 8px;
  -webkit-transition: height 200ms ease-out, padding 200ms ease-out;
  -moz-transition: height 200ms ease-out, padding 200ms ease-out;
  -o-transition: height 200ms ease-out, padding 200ms ease-out;
  transition: height 200ms ease-out, padding 200ms ease-out;
}

.primary-nav__header .search-bar.is-open form .search-bar__wrapper .search-bar__button {
  position: relative;
  height: 36px;
  background: transparent;
  -webkit-transition: height 200ms ease-out;
  -moz-transition: height 200ms ease-out;
  -o-transition: height 200ms ease-out;
  transition: height 200ms ease-out;
}

.primary-nav__header .search-bar.is-open .submit-button {
  min-width: 36px;
  min-height: 36px;
  position: relative;
  displaY: flex;
  width: 36px;
  height: 36px;
  background: transparent;
  padding: 0;
  top: 0;
  left: 0;
}

.primary-nav__header .search-bar.is-open .submit-button .magnifying-glass {
  display: block;
  position: relative;
  margin: 4px auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  pointer-events: none;
}

.primary-nav__header .search-bar.is-open .submit-button .magnifying-glass .glass {
  display: block;
  margin: 3px auto 0 auto;
  width: 16px;
  height: 16px;
  border: 2px solid #ffffff;
  border-radius: 20px;
}

.primary-nav__header .search-bar.is-open .submit-button .magnifying-glass .handle {
  display: block;
  margin: -2px auto 0 auto;
  width: 3px;
  height: 9px;
  background: #ffffff;
  border-radius: 2px;
}

.primary-nav__header .predictive-search__wrapper {
  display: none;
  height: auto;
  width: 100%;
  max-width: 608px;
  background: #ffffff;
  position: absolute;
  right: 16px;
  top: 43px;
}

@media (max-width: 640px) {
  .primary-nav__header .predictive-search__wrapper {
    right: 0;
    top: 41px;
  }
}

.primary-nav__header .predictive-search__target {
  position: relative;
}

.primary-nav__header .predictive-search__contents {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0 8px 8px 8px;
  -webkit-box-shadow: 0 -6px 0 #ffffff, 0 1px 6px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 -6px 0 #ffffff, 0 1px 6px rgba(0, 0, 0, 0.35);
  box-shadow: 0 -6px 0 #ffffff, 0 1px 6px rgba(0, 0, 0, 0.35);
}

.primary-nav__header .predictive-search__link + .predictive-search__link {
  border-top: 1px solid #e5e5e5;
}

.primary-nav__header .predictive-search__link {
  display: block;
  padding: 16px;
  background: #ffffff;
  text-decoration: none;
}

.primary-nav__header .predictive-search__link .predictive-search__copy {
  display: block;
  width: 100%;
}

.primary-nav__header .predictive-search__link .predictive-search__copy .headline {
  margin: 0px;
  color: #000000;
  font-weight: 600;
}

.primary-nav__header .predictive-search__link .predictive-search__copy p {
  margin: 0px;
  color: #000000;
}

.primary-nav__header .predictive-search__link:hover {
  background: var(--primary-extra-pale);
}

/*------------------------------------------------------------------------------*/
.header__container {
  align-items: end;
}

.js-search-button.search-button.hide-on-mobile {
  clear: both;
  text-align: right;
}

.search-button.hide-on-mobile .button.button-top-buy-now, .search-button.hide-on-mobile .button-top-buy-now.button__large, .search-button.hide-on-mobile .button-top-buy-now.button__medium, .search-button.hide-on-mobile .button-top-buy-now.button__small, .search-button.hide-on-mobile .load-more__container .button-top-buy-now.load-more__button, .load-more__container .search-button.hide-on-mobile .button-top-buy-now.load-more__button, .search-button.hide-on-mobile .filtered-grid .filter-buttons__container .button-top-buy-now.filter-button, .filtered-grid .filter-buttons__container .search-button.hide-on-mobile .button-top-buy-now.filter-button, .search-button.hide-on-mobile .filtered-grid .filter-buttons__container + .results .button-top-buy-now.filter-button, .filtered-grid .filter-buttons__container + .results .search-button.hide-on-mobile .button-top-buy-now.filter-button {
  float: revert;
}

.search-button__link.desktop {
  float: right;
}

.js-search-button.search-button.show-on-mobile {
  clear: both;
}

.js-search-button.search-button.show-on-mobile .button.button-top-buy-now, .js-search-button.search-button.show-on-mobile .button-top-buy-now.button__large, .js-search-button.search-button.show-on-mobile .button-top-buy-now.button__medium, .js-search-button.search-button.show-on-mobile .button-top-buy-now.button__small, .js-search-button.search-button.show-on-mobile .load-more__container .button-top-buy-now.load-more__button, .load-more__container .js-search-button.search-button.show-on-mobile .button-top-buy-now.load-more__button, .js-search-button.search-button.show-on-mobile .filtered-grid .filter-buttons__container .button-top-buy-now.filter-button, .filtered-grid .filter-buttons__container .js-search-button.search-button.show-on-mobile .button-top-buy-now.filter-button, .js-search-button.search-button.show-on-mobile .filtered-grid .filter-buttons__container + .results .button-top-buy-now.filter-button, .filtered-grid .filter-buttons__container + .results .js-search-button.search-button.show-on-mobile .button-top-buy-now.filter-button {
  float: left;
}

.breadcrumbs {
  width: 100%;
  padding: 0;
}

.breadcrumbs ul.breadcrumb__list {
  display: inline-flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs ul.breadcrumb__list li.breadcrumb__item {
  color: #545454;
  flex: 0 0 auto;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 4px 0px 0px;
}

.breadcrumbs ul.breadcrumb__list li.breadcrumb__item a.breadcrumb__link {
  color: var(--primary);
  text-decoration: none;
}

.breadcrumbs ul.breadcrumb__list li.breadcrumb__item a.breadcrumb__link:hover {
  text-decoration: underline;
}

.breadcrumbs ul.breadcrumb__list li.breadcrumb__item:after {
  color: #545454;
  content: ":";
}

.breadcrumbs ul.breadcrumb__list li.breadcrumb__item:last-of-type:after {
  content: "";
}

.button__container {
  margin-bottom: 16px;
}

button, .button, .button__large, .button__medium, .button__small, .load-more__container .load-more__button, .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container + .results .filter-button {
  display: inline-block;
  padding: 8px 24px;
  color: #ffffff;
  background: var(--primary);
  border-radius: 4px;
  font-family: 'Helvetica Neue LT', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-stretch: condensed;
  text-decoration: none;
  text-align: center;
  border: 0;
  transition: all 200ms ease 0s;
  cursor: pointer;
}

.button:hover, .button__large:hover, .button__medium:hover, .button__small:hover, .load-more__container .load-more__button:hover, .filtered-grid .filter-buttons__container .filter-button:hover, .filtered-grid .filter-buttons__container + .results .filter-button:hover {
  background: var(--light-primary);
  text-decoration: none;
}

.button:active, .button__large:active, .button__medium:active, .button__small:active, .load-more__container .load-more__button:active, .filtered-grid .filter-buttons__container .filter-button:active, .filtered-grid .filter-buttons__container + .results .filter-button:active {
  background: var(--dark-primary);
}

@media (max-width: 639px) {
  .button, .button__large, .button__medium, .button__small, .load-more__container .load-more__button, .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container + .results .filter-button {
    font-size: 14px;
    font-size: 1.4rem;
    min-width: 112px;
    min-height: 32px;
  }
}

@media (min-width: 640px) {
  .button, .button__large, .button__medium, .button__small, .load-more__container .load-more__button, .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container + .results .filter-button {
    font-size: 15px;
    font-size: 1.5rem;
    min-width: 128px;
    min-height: 36px;
  }
}

@media (min-width: 768px) {
  .button, .button__large, .button__medium, .button__small, .load-more__container .load-more__button, .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container + .results .filter-button {
    font-size: 15px;
    font-size: 1.5rem;
    min-width: 128px;
    min-height: 36px;
  }
}

@media (min-width: 768px) {
  .button, .button__large, .button__medium, .button__small, .load-more__container .load-more__button, .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container + .results .filter-button {
    font-size: 15px;
    font-size: 1.5rem;
    min-width: 128px;
    min-height: 36px;
  }
}

.button__large {
  font-size: 16px;
  font-size: 1.6rem;
  min-width: 144px;
  min-height: 40px;
}

.button__medium {
  font-size: 15px;
  font-size: 1.5rem;
  min-width: 128px;
  min-height: 36px;
}

.button__small {
  font-size: 14px;
  font-size: 1.4rem;
  min-width: 112px;
  min-height: 32px;
}

/*SECONDARY BUTTON--------------------------------------------------------------*/
.button--secondary, .button--secondary__large, .button--secondary__medium, .button--secondary__small {
  display: inline-block;
  min-width: 144px;
  min-height: 48px;
  padding: 10px 24px;
  color: var(--primary);
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid var(--primary);
  font-weight: 700;
  font-stretch: condensed;
  text-decoration: none;
  text-align: center;
  transition: all 200ms ease 0s;
  cursor: pointer;
}

.button--secondary:hover, .button--secondary__large:hover, .button--secondary__medium:hover, .button--secondary__small:hover {
  background: var(--primary-extra-pale);
  text-decoration: none;
}

.button--secondary:active, .button--secondary__large:active, .button--secondary__medium:active, .button--secondary__small:active {
  background: var(--primary-pale);
}

@media (max-width: 639px) {
  .button--secondary, .button--secondary__large, .button--secondary__medium, .button--secondary__small {
    font-size: 14px;
    font-size: 1.4rem;
    min-width: 112px;
    min-height: 32px;
  }
}

@media (min-width: 640px) {
  .button--secondary, .button--secondary__large, .button--secondary__medium, .button--secondary__small {
    font-size: 15px;
    font-size: 1.5rem;
    min-width: 128px;
    min-height: 36px;
  }
}

.button--secondary.disabled, .disabled.button--secondary__large, .disabled.button--secondary__medium, .disabled.button--secondary__small {
  background: #ffffff;
}

.button--secondary__large {
  font-size: 16px;
  font-size: 1.6rem;
  min-width: 144px;
  min-height: 40px;
}

.button--secondary__medium {
  font-size: 15px;
  font-size: 1.5rem;
  min-width: 128px;
  min-height: 36px;
}

.button--secondary__small {
  font-size: 14px;
  font-size: 1.4rem;
  min-width: 112px;
  min-height: 32px;
}

/* ON-PAGE BUTTON AS LINK--------------------------------------------------------------*/
.grid-container h4 + .link--featured {
  margin-bottom: 16px;
  margin-top: -16px;
  display: block;
}

.accordion {
  width: 100%;
  list-style: none;
  padding: 0;
}

.accordion li {
  margin: 16px 0;
}

button.accordion__toggle {
  border-radius: 0px !important;
  font-weight: 700 !important;
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-stretch: normal;
  color: #353535 !important;
  font-size: 1.8rem;
  transition: none;
  margin: 0 0 8px 0;
  padding: 8px !important;
}

button.accordion__toggle:after {
  content: '+';
  font-size: 24px;
  line-height: 0px;
  margin-top: -4px;
  transition-duration: .25s;
}

button.accordion__toggle:hover {
  background: var(--primary-pale);
}

button.accordion__toggle.is-open {
  margin: 0;
}

button.accordion__toggle.is-open:after {
  transform: rotate(45deg);
}

.accordion__inner {
  list-style-type: none;
  padding: 16px;
  overflow: hidden;
  display: none;
}

.accordion__inner.is-open {
  background: #ffffff;
}

.accordion__inner .aproval-items {
  padding: 16px 0;
}

@media (min-width: 640px) {
  .accordion__inner .aproval-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.accordion__inner .aproval-items .aproval-item {
  width: calc(100% - $base-spacing-unit * 2);
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}

.accordion__inner .aproval-items .aproval-item img {
  display: block;
  width: 25%;
  align-self: center;
  margin-right: 16px;
}

.accordion__inner .aproval-items .aproval-item .aproval-item__name {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: bold;
  width: 75%;
  padding: 0 16px 0 0;
  color: #000000;
  text-decoration: none;
}

@media (min-width: 640px) {
  .accordion__inner .aproval-items .aproval-item {
    max-width: 50%;
    min-width: 50%;
  }
}

.accordion__inner .aproval-items .aproval-item:hover .aproval-item__name {
  text-decoration: underline;
}

.directory {
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*----------------------------------------------------------------DIRECTORY LIST*/
}

.directory .directory-head {
  display: block;
  width: 100%;
}

.directory .directory__list {
  display: flex;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
}

.directory .directory__list .directory__item {
  display: inline-flex;
  justify-content: space-between;
  padding-right: 4%;
  border-bottom: 1px solid #545454;
  /*--------------------------------------------------------------DIRECTORY LOCALE*/
  /*------------------------------------------------------------------------SOCIAL*/
  /*-----------------------------------------------------------------------CONTACT*/
}

@media (max-width: 639px) {
  .directory .directory__list .directory__item {
    display: flex;
    flex-direction: column;
  }
}

.directory .directory__list .directory__item .directory-locale {
  width: 50%;
}

@media (max-width: 639px) {
  .directory .directory__list .directory__item .directory-locale {
    width: 100%;
  }
}

.directory .directory__list .directory__item .directory-locale .directory-locale-name {
  display: inline-flex;
  width: 100%;
  font-weight: 700;
  margin-bottom: 8px;
}

.directory .directory__list .directory__item .directory-locale .directory-locale-name a {
  padding-top: 10px;
}

@media (max-width: 639px) {
  .directory .directory__list .directory__item .directory-locale .directory-locale-name a {
    padding-top: 0px;
  }
}

.directory .directory__list .directory__item .directory-locale .directory-locale__list {
  display: inline-flex;
  list-style-type: none;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

@media (max-width: 639px) {
  .directory .directory__list .directory__item .directory-locale .directory-locale__list {
    padding-bottom: 8px;
  }
}

.directory .directory__list .directory__item .directory-locale .directory-locale__list .directory-locale__item {
  padding: 0px;
  margin: 0px;
  border-right: 2px solid #545454;
  font-weight: 700;
}

.directory .directory__list .directory__item .directory-locale .directory-locale__list .directory-locale__item .directory-locale__link {
  padding: 8px 16px;
}

.directory .directory__list .directory__item .directory-locale .directory-locale__list li.directory-locale__item:first-of-type .directory-locale__link {
  padding: 8px 16px 8px 0px;
}

.directory .directory__list .directory__item .directory-locale .directory-locale__list .directory-locale__item:last-of-type {
  border-right: 0px;
}

.directory .directory__list .directory__item .directory-social {
  display: flex;
  width: 30%;
  margin: 0px;
  padding: 24px 16px 16px 16px;
}

@media (max-width: 639px) {
  .directory .directory__list .directory__item .directory-social {
    width: 100%;
    padding: 16px 0 0 0;
  }
}

.directory .directory__list .directory__item .directory-contact {
  width: 20%;
  padding: 16px;
}

@media (max-width: 639px) {
  .directory .directory__list .directory__item .directory-contact {
    width: 100%;
    padding: 0px 0px 16px 0px;
  }
}

.directory .directory__list .directory__item .directory-contact a {
  margin: 0px;
}

.directory .directory__list li.directory__item:last-of-type {
  border-bottom: 0px;
}

.media-grid {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 24px;
  /*SINGLE LARGE IMAGE------------------------------------------------------------//
--------------------------------------------------------------------------------*/
  /*------------------------------------------------------MEDIA GRID DOUBLE (left)*/
  /*------------------------------------------------------MEDIA GRID TRIPLE (left)*/
  /*------------------------------------------------------MEDIA GRID TRIPLE (right)*/
  /*--------------------------------------------------------MEDIA GRID QUAD (left)*/
  /*-------------------------------------------------------MEDIA GRID QUAD (right)*/
}

.media-grid .media-grid__container {
  display: flex;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
  /*---------------------------------------------------------------MEDIA GRID ITEM*/
}

@media (max-width: 959px) {
  .media-grid .media-grid__container {
    flex-direction: column;
  }
}

.media-grid .media-grid__container .media-grid__item {
  position: relative;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  line-height: 0;
  /*---------------------------------------------------------------MEDIA GRID LINK*/
  /*--------------------------------------------------------------MEDIA GRID IMAGE*/
  /*--------------------------------------------------------------MEDIA GRID VIDEO*/
}

.media-grid .media-grid__container .media-grid__item:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.media-grid .media-grid__container .media-grid__item > img, .media-grid .media-grid__container .media-grid__item > iframe, .media-grid .media-grid__container .media-grid__item > a, .media-grid .media-grid__container .media-grid__item > .home-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.media-grid .media-grid__container .media-grid__item > .video__wrapper, .media-grid .media-grid__container .media-grid__item > .video {
  margin-top: -56.25%;
}

.media-grid .media-grid__container .media-grid__item .media-grid__image-link {
  display: block;
  width: 98%;
  height: auto;
  margin: 4px;
  padding: 0px;
  overflow: hidden;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.media-grid .media-grid__container .media-grid__item .media-grid__image-link img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.media-grid .media-grid__container .media-grid__item .media-grid__image-link:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.media-grid .media-grid__container .media-grid__item img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

.media-grid .media-grid__container .media-grid__item .media-grid__video {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
}

.media-grid .media-grid__container.single .media-grid__item {
  width: 100%;
  margin: 0 0 0 0;
}

.media-grid .media-grid__container.double .media-grid__item {
  width: 50%;
  position: relative;
  overflow: hidden;
  margin: 0 8px 0 0;
}

.media-grid .media-grid__container.double .media-grid__item:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}

.media-grid .media-grid__container.double .media-grid__item > img, .media-grid .media-grid__container.double .media-grid__item > iframe, .media-grid .media-grid__container.double .media-grid__item > a, .media-grid .media-grid__container.double .media-grid__item > .home-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.media-grid .media-grid__container.double .media-grid__item > .video__wrapper, .media-grid .media-grid__container.double .media-grid__item > .video {
  margin-top: -75%;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.double .media-grid__item {
    width: 100%;
  }
}

.media-grid .media-grid__container.double .media-grid__item:nth-of-type(2) {
  margin: 0 0 0 8px;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.double .media-grid__item:nth-of-type(2) {
    margin: 24px 0 0 0;
  }
}

.media-grid .media-grid__container.triple {
  flex-flow: row;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.triple {
    flex-direction: column;
  }
}

.media-grid .media-grid__container.triple .media-grid__item:nth-of-type(1) {
  width: 67.25%;
  margin: 0 8px 0 0;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.triple .media-grid__item:nth-of-type(1) {
    width: 100%;
    margin: 0 0 0 0;
  }
}

.media-grid .media-grid__container.triple .media-grid__inner {
  flex-direction: column;
  width: 32.75%;
  margin: 0 0 0 8px;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.triple .media-grid__inner {
    width: 100%;
    margin: 0 0 0 0;
  }
}

.media-grid .media-grid__container.triple .media-grid__inner .media-grid__item {
  width: 100%;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.triple .media-grid__inner .media-grid__item {
    margin: 24px 0 0 0;
  }
}

.media-grid .media-grid__container.triple .media-grid__inner .media-grid__item:nth-of-type(2) {
  margin: 18px 0px 0 0;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.triple .media-grid__inner .media-grid__item:nth-of-type(2) {
    margin: 24px 0 0 0;
  }
}

.media-grid .media-grid__container.triple.right {
  flex-flow: row;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.triple.right {
    flex-direction: column;
  }
}

.media-grid .media-grid__container.triple.right .media-grid__inner {
  flex-direction: column;
  width: 32.75%;
  margin: 0 8px 0 0;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.triple.right .media-grid__inner {
    width: 100%;
    margin: 0 0 0 0;
  }
}

.media-grid .media-grid__container.triple.right .media-grid__inner .media-grid__item {
  width: 100%;
  margin: 0 0 0 0;
}

.media-grid .media-grid__container.triple.right .media-grid__inner .media-grid__item:nth-of-type(2) {
  margin: 18px 0px 0 0;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.triple.right .media-grid__inner .media-grid__item:nth-of-type(2) {
    margin: 24px 0 0 0;
  }
}

.media-grid .media-grid__container.triple.right .media-grid__item {
  width: 67.25%;
  margin: 0 0 0 8px;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.triple.right .media-grid__item {
    width: 100%;
    margin: 24px 0 0 0;
  }
}

.media-grid .media-grid__container.quad .media-grid__item:nth-of-type(1) {
  width: 60%;
  margin: 0 8px 0 0;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.quad .media-grid__item:nth-of-type(1) {
    width: 100%;
    margin: 0 0 0 0;
  }
}

.media-grid .media-grid__container.quad .media-grid__inner {
  width: 39%;
  margin: 0 0 0 8px;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.quad .media-grid__inner {
    width: 100%;
    margin: 0 0 0 0;
  }
}

.media-grid .media-grid__container.quad .media-grid__inner .media-grid__item {
  width: 100%;
  flex-basis: 100%;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.quad .media-grid__inner .media-grid__item {
    width: 100%;
    margin: 16px 0 0 0;
  }
}

.media-grid .media-grid__container.quad .media-grid__inner .media-grid__inner-inner {
  display: flex;
  flex-direction: row;
}

.media-grid .media-grid__container.quad .media-grid__inner .media-grid__inner-inner .media-grid__item:nth-of-type(1) {
  width: 50%;
  margin: 18px 8px 0 0;
}

.media-grid .media-grid__container.quad .media-grid__inner .media-grid__inner-inner .media-grid__item:nth-of-type(2) {
  width: 50%;
  margin: 18px 0 0 8px;
}

.media-grid .media-grid__container.quad.right .media-grid__inner {
  width: 39%;
  margin: 0 8px 0 0;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.quad.right .media-grid__inner {
    width: 100%;
    margin: 0 0 0 0;
  }
}

.media-grid .media-grid__container.quad.right .media-grid__inner .media-grid__item:nth-of-type(1) {
  width: 100%;
  flex-basis: 100%;
  margin: 0px 8px 0 0;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.quad.right .media-grid__inner .media-grid__item:nth-of-type(1) {
    width: 100%;
    margin: 0 0 0 0;
  }
}

.media-grid .media-grid__container.quad.right .media-grid__inner .media-grid__inner-inner {
  display: flex;
  flex-direction: row;
}

.media-grid .media-grid__container.quad.right .media-grid__inner .media-grid__inner-inner .media-grid__item:nth-of-type(1) {
  width: 50%;
  margin: 18px 8px 0 0;
}

.media-grid .media-grid__container.quad.right .media-grid__inner .media-grid__inner-inner .media-grid__item:nth-of-type(2) {
  width: 50%;
  margin: 18px 0 0 8px;
}

.media-grid .media-grid__container.quad.right .media-grid__inner + .media-grid__item {
  width: 60%;
  margin: 0 0 0 8px;
}

@media (max-width: 959px) {
  .media-grid .media-grid__container.quad.right .media-grid__inner + .media-grid__item {
    width: 100%;
    margin: 16px 0 0 0;
  }
}

.video__wrapper {
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .video__wrapper {
    width: 100%;
  }
}

.video__wrapper .video__container {
  background: var(--primary-pale);
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0px;
  overflow: hidden;
  cursor: pointer;
}

.video__wrapper .video__container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.video__wrapper .video__container > img, .video__wrapper .video__container > iframe, .video__wrapper .video__container > a, .video__wrapper .video__container > .home-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.video__wrapper .video__container > .video__wrapper, .video__wrapper .video__container > .video {
  margin-top: -56.25%;
}

.video__wrapper .video__container video {
  width: 100%;
  height: auto;
  background-size: 100% 100%;
  object-fit: inherit;
}

.video__wrapper .video__container .video__Overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 60px;
  height: 60px;
  z-index: 4;
  pointer-events: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABPpJREFUeNrsnb1y00AQxyWPHyDMkBq7InSiIk2w/AQxwwNEfoKQitKTJ8j4CaxUVBnsJ4jcQRV3QBVTwwx6BG6TdUZRFPlk3Ul7d7szNxpTwGl//Hf3Tvfhe4ZYL7raE49AtM1TxlaipfBcxx9TE97TJ+z8EB0/yICoYykCWuIzoQjJJwQBnD4S7biCAuoagFmINhdwVs4DERB64hGJdgI/W/bFWrRL0WIBZ+0UEAECwtEpKoKizUWbCjCJ1UAQxATzgwkGQM6bBOMzCFpgfM0goDK6wDxhg8WinemsznyNMCA/zBSUq9QMYIwFlLkRQFAVM8IJW2XiH6tWi68YBowfri1URZlahirHMB2FMCBP3DgEw8N3vcF3p6MQ0aGZRYl754QvlDJuHQjDUAvFrwHCleTdaLLv1viHGUaxbXzyobGkjmGKYZRAQR/pD1mcM/TmlE5FGBHDqGRR1ZLYrwAjwHEGW3V7Kzt49CVhQEV169igT/WIvi9TecmGrBnDqD2il0ryHQl1jLiiUlZ5bfWjz6GKVujappALhqE8dF3spBD87HrNPtRiw+c+B5cpZMJ+02aTSiEL1RGy37RZiD6WVgiroyWVdKip49PojXd4sO+sSooUctpmL9+93ve+fD4S7b0LYE5Lqyxca3vbZg/vQbx8+P3t519vuvghnn9shdLPriXOKySi1luAY7liorKQdUK11xaDOSkEgtPrPeq9txBMD33/RCFGTSBaBmZUBOTYxDexBMzxIyCZDZXGmuFgAmTwoJDQs8QMBhNmgQSeZWYgmDsGm4VyA1tHXQDm8ODIhAHmIAsk8Cw3A8DcMfAxmfyj0qv81IkuIwrmRdcFdRikmACAOP3NnBoYZxVCFEzYZRS0wDAQYmAYCDEwAOQVu50OGJg6+c3upmMcsogNJBkIsRE9AyECgoEQA5EFsmIMZCYbVwAkZRBkJhdTZxVCdPp91YXtVb3oClSyxyDaVQew2CR1UEnIINpVR7bKWtoKxKDF2ssskBWDoKWQhEG0bskDEEzsQChgEO2oY7N3PTtSX5gIxJINPYvsSH1jcDTdhEG0YvMnQOD4IBG21h7xPSIWbnFbZ49uyk8uXlJVicV7DS+zP/JAYmpAHNj0GT8LBHaDirAF8WzEIJrJHfnbfIq+h0zbBPL91x8XQGR9/cgKTwMSKoFTgEKPTetAUKhjmP/D5846OWd/abdCHxcCwbOcEvaZVnUk0kBYJe2ooxQIEozZd+rL3LLLxbaduXjmOf7NXbGl6FNvJyA4AzlmPyqzrddYbD23F28jm7MvlQwCt/pR9mTrMYeu2qFKKtJIAUGZDdmvO9tQ9sYd6esqcIqY88lueUN6zUKl+0PEXxxzKVy5xK3kr50uBeNbdqRhVI4odW5p++rxrQllFVVzl4JlKi8uhwtg1Mm1fLEkgTClFAhDUQdDGRCEAkBmjsIYV62mtANBKHx9d03rqOwddqzvSLKHd+yrhKFcITm1jDw7b3dLMURp+U/X0dVr7HDfspF9jKrQFgH8Jt4C78mABXihoSAS0c7LvvQZBcRgMI2BaAVIDgxcZkJ16gVC0rRJEK0CyYDp4YASrmzotQxh7d0vfI7zyzudAVIwhgHFwMH0TW0cgpIVNsvMVZevxgPJwdnDPANgBvisWz6nCGCJz0T2K57zQEogbcAEFRRwB4Ki84vsvwADAJGJhpq6PJNTAAAAAElFTkSuQmCC");
  background-size: 100% 100%;
  transform: translate(-30px, -30px);
  cursor: pointer;
  opacity: 1;
}

.video__wrapper .video__container .video__Overlay:hover {
  opacity: .7;
}

.thumbnail__Overlay.video__Overlay {
  position: absolute;
  top: 60%;
  left: 63%;
  display: block;
  width: 30px;
  height: 30px;
  z-index: 4;
  pointer-events: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABPpJREFUeNrsnb1y00AQxyWPHyDMkBq7InSiIk2w/AQxwwNEfoKQitKTJ8j4CaxUVBnsJ4jcQRV3QBVTwwx6BG6TdUZRFPlk3Ul7d7szNxpTwGl//Hf3Tvfhe4ZYL7raE49AtM1TxlaipfBcxx9TE97TJ+z8EB0/yICoYykCWuIzoQjJJwQBnD4S7biCAuoagFmINhdwVs4DERB64hGJdgI/W/bFWrRL0WIBZ+0UEAECwtEpKoKizUWbCjCJ1UAQxATzgwkGQM6bBOMzCFpgfM0goDK6wDxhg8WinemsznyNMCA/zBSUq9QMYIwFlLkRQFAVM8IJW2XiH6tWi68YBowfri1URZlahirHMB2FMCBP3DgEw8N3vcF3p6MQ0aGZRYl754QvlDJuHQjDUAvFrwHCleTdaLLv1viHGUaxbXzyobGkjmGKYZRAQR/pD1mcM/TmlE5FGBHDqGRR1ZLYrwAjwHEGW3V7Kzt49CVhQEV169igT/WIvi9TecmGrBnDqD2il0ryHQl1jLiiUlZ5bfWjz6GKVujappALhqE8dF3spBD87HrNPtRiw+c+B5cpZMJ+02aTSiEL1RGy37RZiD6WVgiroyWVdKip49PojXd4sO+sSooUctpmL9+93ve+fD4S7b0LYE5Lqyxca3vbZg/vQbx8+P3t519vuvghnn9shdLPriXOKySi1luAY7liorKQdUK11xaDOSkEgtPrPeq9txBMD33/RCFGTSBaBmZUBOTYxDexBMzxIyCZDZXGmuFgAmTwoJDQs8QMBhNmgQSeZWYgmDsGm4VyA1tHXQDm8ODIhAHmIAsk8Cw3A8DcMfAxmfyj0qv81IkuIwrmRdcFdRikmACAOP3NnBoYZxVCFEzYZRS0wDAQYmAYCDEwAOQVu50OGJg6+c3upmMcsogNJBkIsRE9AyECgoEQA5EFsmIMZCYbVwAkZRBkJhdTZxVCdPp91YXtVb3oClSyxyDaVQew2CR1UEnIINpVR7bKWtoKxKDF2ssskBWDoKWQhEG0bskDEEzsQChgEO2oY7N3PTtSX5gIxJINPYvsSH1jcDTdhEG0YvMnQOD4IBG21h7xPSIWbnFbZ49uyk8uXlJVicV7DS+zP/JAYmpAHNj0GT8LBHaDirAF8WzEIJrJHfnbfIq+h0zbBPL91x8XQGR9/cgKTwMSKoFTgEKPTetAUKhjmP/D5846OWd/abdCHxcCwbOcEvaZVnUk0kBYJe2ooxQIEozZd+rL3LLLxbaduXjmOf7NXbGl6FNvJyA4AzlmPyqzrddYbD23F28jm7MvlQwCt/pR9mTrMYeu2qFKKtJIAUGZDdmvO9tQ9sYd6esqcIqY88lueUN6zUKl+0PEXxxzKVy5xK3kr50uBeNbdqRhVI4odW5p++rxrQllFVVzl4JlKi8uhwtg1Mm1fLEkgTClFAhDUQdDGRCEAkBmjsIYV62mtANBKHx9d03rqOwddqzvSLKHd+yrhKFcITm1jDw7b3dLMURp+U/X0dVr7HDfspF9jKrQFgH8Jt4C78mABXihoSAS0c7LvvQZBcRgMI2BaAVIDgxcZkJ16gVC0rRJEK0CyYDp4YASrmzotQxh7d0vfI7zyzudAVIwhgHFwMH0TW0cgpIVNsvMVZevxgPJwdnDPANgBvisWz6nCGCJz0T2K57zQEogbcAEFRRwB4Ki84vsvwADAJGJhpq6PJNTAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 30px 30px;
  transform: translate(-25px, -25px);
  cursor: pointer;
}

.yt__container {
  position: relative;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.yt__container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.yt__container > img, .yt__container > iframe, .yt__container > a, .yt__container > .home-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.yt__container > .video__wrapper, .yt__container > .video {
  margin-top: -56.25%;
}

.yt__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.yt__container + .progress {
  margin: 8px auto;
}

/*CONTROLS--------------------------------------------------------------------- */
.video__ui-container {
  opacity: 1;
  transition: opacity 0.5s;
  position: relative;
  display: block;
  height: 53px;
  z-index: 1;
  left: 0px;
  bottom: 0px;
  margin-top: -53px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, white 90%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, white 90%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, white 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#ffffff',GradientType=0 );
  border-top: 1px solid var(--primary);
}

.video__ui-container .controls {
  position: relative;
  z-index: 3;
  list-style-type: none;
  overflow: hidden;
  background: transparent;
  width: 100%;
  height: 32px;
  padding: 0px;
  margin: 0px;
}

.video__ui-container .controls li {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-left: 0.4%;
}

.video__ui-container .controls li:nth-of-type(4) {
  float: right;
  margin: 0px 0.4% 0px 0px;
}

.video__ui-container .controls li:last-child {
  float: right;
  margin: 0px 0.4% 0px 0px;
}

.video__ui-container.is-hidden {
  display: block !important;
  opacity: 0;
  transition: opacity 0.5s;
}

.video__ui-container.is-hidden:hover {
  opacity: 1;
  transition: opacity 0.5s;
}

/*FULSCREEN BUTTON--------------------------------------------------------------*/
.controls__fs {
  display: block;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNpiYBgFo2CkA0acMrE7/xOh35FhsfsBotQudsdqF9NAhwALuS4nWg2B0BnwEBh1wKgDBnE2JCb7EQccydMWu9MBjAewINpPsLgmziP/B3VRPOqAUQcMgfYAvvoclLUgZcX+IRsCo2AUjAKAAAMAWqYXxrB/vM4AAAAASUVORK5CYII=");
  cursor: pointer;
}

.controls__fs:hover {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUeNpiYBgFIx0wYojE7vxPpN5GhsXuDVA9ILqeKF2L3VHsZBp8YQIKAeJDgWJzBzwERh0w6oBRB7BgLeFoAxoZRgGRRWYDtHKhi7nYEmE90TUbaQCruaPZcNQBow4YlHUBsa1j8lrFgy0ERsEoAAgwAGVuHuv+elMLAAAAAElFTkSuQmCC");
}

.controls__fs.active {
  display: block;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFNJREFUeNpiYBgFo2AUjAJSQezO/2BMrDgBwDTQ/hl1AAtRcU5qGkEGi90ZB3UIjIJRwEh2LkBP3cSqG3rlALE+JdLHo0XxaEk4CkbBKBh0ACDAABy1F268BGTAAAAAAElFTkSuQmCC");
  cursor: pointer;
}

.controls__fs.active:hover {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGNJREFUeNpiYBgFo2AUjIIBBoxk6Yrd+R/KcoTS+8HkYneSzWMa6BAYdQAjiXGODlDTADogIk0MeAiwEKnOEYf4BQLyDMMmBPaTlQaISGNDJBeMloTD2QGjYBSMglEw4AAgwADF5Q8wUbGgqwAAAABJRU5ErkJggg==");
}

/*FULLSCREEN--------------------------------------------------------------------*/
.content:-ms-fullscreen {
  width: 100%;
  background: #ffffff;
}

:-webkit-full-screen {
  width: 100% !important;
  background: #ffffff;
}

:-moz-full-screen {
  width: 100% !important;
  background: #ffffff;
}

:fullscreen {
  width: 100% !important;
  background: #ffffff;
}

/* hide controls on fullscreen with WebKit */
figure[data-fullscreen=true] video::-webkit-media-controls {
  display: none !important;
}

figure[data-fullscreen=true] {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

figure[data-fullscreen=true] video {
  height: auto;
}

/*controls__mute BUTTON-------------------------------------------------------------------*/
.controls__mute {
  display: block;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV5JREFUeNrsVssRgjAQRccCKAE7gAqUU65aADNQgVKBJaAV4EwK0CsntALtQEuwBDfZhNlhUORjTnkzC4Rf9r19WXAcCwuLIYgKH+JGxhmE1+UV0wGTx7AtIXxydgvxkIn8iFmPiV3YignihqsvCFcmEhVL2IcOZ6/xFBCSI+v4wx1ziKM61vf2VAAZUIgX7hTDT/CBcQLPXuE4l2NRDs7SPgqUtchaJsdnhDc4OxIltt+MOf3D2siVeqnyhMDGVAJPtc+U+bQKS1MJpJUXUPYr8Y+BBDg7k5FHSuCY9EAnjJtAVKxqfnBNK6Bb8B3KIRJYVGNDCXiVGbFl6455MemBBNhfao3r0L0VczZpaM2nlrqGcnL8Umr2e1WOgQogq/k3OWWtoyJX3wHthXQ8E4ruxlkoWTXjQZjfpSJ/WQXIat3QaFwie9D2LzDMhNj1gtoS28sytchuYWFB8RZgADKoZR/jXenHAAAAAElFTkSuQmCC");
  cursor: pointer;
  opacity: 1;
}

.controls__mute:hover {
  opacity: .8;
}

.controls__mute.active {
  display: block;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZBJREFUeNrsltFxgzAMhp1M4BHSDegG8OTHNgNwl0zQMAl0ApLzAO0rT9AJygZhgzJCZRCcSmxTwLn2Ad39FzjL5w9JlsLYaqutZrIwO4C+QJ7FxwN9kvcYtJtyzNayFoM4KNdCKEC1xhhdO4GuDYgDgABU30CEGQel8JTiGrW6B1GRUb6zAaQoDRDq6w6GXQ+gMz57GKGZAGHm48H7HxCMXUClYZcH4Ef4PfbvI+mwpSBHxQOIN1BkgMib2pDiTCJxshXm9hd14k2ESDF6EamJlyUAUyCq/gZJUZMo+EsBxiA6i0juVdg/yN7FAGaI7opK8U58dyQFzBWACSK3dkzHADYIn9REpWlUzgDGaiKBdCiAJ/Qt7wFAIYIBxAXb8DP6FfcC6Lrfbdtu4bpr+WravJkwnn38Oq6ZG5t+PLeHc4TZN7eh7YwLIyBFgcOmsHhVmpoo3RWh6m5SBE2R6e069YrOqwEpInIINY659zSjnLstwrbrPQ5CnDRpkiIZFGaEs+FP/ltyttpq/9m+BRgAIBuZ4KXDHiQAAAAASUVORK5CYII=");
  cursor: pointer;
  opacity: .8;
}

.controls__mute.active:hover {
  opacity: 1;
}

/*PLAY/PAUSE BUTTON-------------------------------------------------------------*/
.controls__playpause {
  display: block;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJtJREFUeNrs1t0JgDAMBOBwdRC3cQrBVZxEwSmcRkexCwj5O+tDA3lq2vsoKhZpXKUDOqA1AK8r83nVXtoBRMbaGxsCxQwVAsMsBQLHnlQIAntTIEi4xRAEic+TCwLCm2WCgPiNUUGYAFUNxLPv2qsc0/41QBXMAJiCMwGu4AxAKDgCSAn2AFKDLQBKsAZADf5N9d/yDmgOeAQYAASnQ4TTBnACAAAAAElFTkSuQmCC");
  cursor: pointer;
  opacity: 1;
}

.controls__playpause:hover {
  opacity: .8;
}

.controls__playpause.active {
  display: block;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEpJREFUeNpiYBgFo2CkA0acMrE7/+OQOcCw2N0Rh579QNIBq9xid6x2MQ10CIw6YNQBow4YdcCoA0YdMOqAUQeMOmAUjIJRABBgAGOHByhyjY0qAAAAAElFTkSuQmCC");
  cursor: pointer;
  opacity: 1;
}

.controls__playpause.active:hover {
  opacity: .8;
}

/*PROGRESS BAR------------------------------------------------------------------*/
.progress {
  position: relative;
  display: block;
  margin: 8px auto;
  width: 98%;
  cursor: pointer;
  z-index: 2;
}

.progress .progress__container {
  display: block;
  width: 100%;
  height: 4px;
  margin-top: 2px;
  margin-top: 0.125rem;
  border: 1px solid var(--primary);
  background: transparent;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  opacity: 1;
}

.progress .progress__container:hover .progress__bar {
  opacity: .8;
}

.progress .progress__container .progress__bar {
  width: 0%;
  height: 4px;
  display: block;
  background: var(--primary);
}

.controls__cc {
  display: block;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWZJREFUeNrsVdFNwzAQdSP+yQaQCQgTAF/5pBmgEpkAugFMUHWCVsoALZ/9ajZomaAZwRuUu/RFMiaOTeI/fNJFUc6+d/f8fBEiWLBg/90mxshsF9NzQ/44EqMiz0WZya5g1LPRB7hAjo0pGFk2Cg/dF325oj8kk0hYOaytG9ov/tC38Moh2RFnWGsaWdDzTQG8RZFLWvtOcY6dyOOhIjzjLUfivRKdk28B0NoW37kQLi4FWxf6y2wylAHZcYbP5DdK9wWYYuAX5fxrW/JohLIZ6IM6S9DtSQFX14ixGuiydQPOdM92BxQghyRyYYBFdKcI8gngC+iCwRMUpRdZ+ChgBTrnRPc93g+aLlh4X9q+TxcNuBxBq+6U6G6v1ZL8WrmGr023ZbbWRvlqzL/gDLpr0D3V7rxpZkgUmf6IGK6hrYAjwGIPYzn5NcwsGqjQhQ/wqgvcVkDuOPfdfsfBggULZrBvAQYAfv1XcuynUCoAAAAASUVORK5CYII=");
  cursor: pointer;
  opacity: 1;
}

.controls__cc:hover {
  opacity: .8;
}

.controls__cc.active {
  display: block;
  height: 32px;
  min-height: 32px;
  width: 32px;
  min-width: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAR9JREFUeNpiYBgFo2AUjHTAiFMmdqcAkFwPxA4U2nEAiAMZFrt/wCbJhEcjNSxngJqxHpckEwGN1AI4zWIhwRBQEF4gYOADKCbaA8Q44AI0Dh+gpZF+IFkA5W0A4kIUNZA0NB+IA8hNhP+hrECo7/cjyRZCLb0P5StCfTwfSY0jlIboW+zOSGoaQA569OD0B+IEOA/ic380NfVAHE+NKMCVqNAdJUBOImYa6IKIXAdcQIpjZDFksACIE6nhAAVogkMGG4HxfgApwYKC+yKGGkSWpCgN5EOzISNaLmlAU5MIVLMASzZkoDQbklLIXIDmGpDlBigyOLIhKQ6gFChiFGYE0sABKlp+AJvlhBwQSCVHHICaNQpGwSgYBVgBQIABAFVKRbrrspTHAAAAAElFTkSuQmCC");
  cursor: pointer;
  opacity: 1;
}

.controls__cc.active:hover {
  opacity: .8;
}

/*SUBTITLE ITSELF---------------------------------------------------------------*/
video::cue {
  background: var(--dark-transparent);
  color: #ffffff;
}

/*SUBTITLE MENU-----------------------------------------------------------------*/
.video__subtitles {
  position: absolute;
  display: block;
  border: 1px solid var(--primary);
  list-style-type: none;
  color: #ffffff;
  padding: 0px;
  margin: 0px;
  min-height: 50px;
  min-width: 100px;
  bottom: 52px;
  right: 40px;
}

.video__subtitles:before {
  content: 'language';
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 120%;
  color: var(--dark-transparent);
  background: var(--primary);
  displaY: block;
  width: 100%;
  height: 18px;
  text-align: center;
}

.video__subtitles .video__subtitle {
  background: var(--dark-transparent);
  width: 100%;
  text-align: center;
  padding: 0px 6px;
  margin: 0px;
  color: #ffffff;
}

.video__subtitles .video__subtitle a {
  font-size: 14px;
  line-height: 100%;
  display: block;
  width: 100%;
  padding: 6px 0px;
  color: #ffffff;
  text-decoration: none;
}

.video__subtitles .video__subtitle:hover {
  background: var(--dark-transparent);
  cursor: pointer;
}

.video__subtitles .video__subtitle:hover a {
  color: #ffffff;
}

/*RANGE/VOLUME SLIDER ----------------------------------------------------------*/
.custom-img-size input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 17px -71px 5px 0;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 17px 0px 5px 0;
}

input[type=range]:focus {
  outline: none;
}

/*WEBKIT------------------------------------------------------------------------*/
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: none;
  background: var(--primary);
  border-radius: 1.3px;
  border: 0px;
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 0;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: var(--primary);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.2px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--primary);
}

/*MOZILLA-----------------------------------------------------------------------*/
@media all and (min--moz-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .custom-img-size input[type=range] {
    margin: 5px -158px 5px 0 !important;
    cursor: pointer;
    background: transparent;
  }
  input[type=range] {
    margin: 5px -85px 5px 0 !important;
    cursor: pointer;
    background: transparent;
  }
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: none;
  background: var(--primary);
  border-radius: 1.3px;
  border: 0;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px transparent, 0px 0px 0px transparent;
  border: 0px solid transparent;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: var(--primary);
  cursor: pointer;
}

/*MICROSOFT---------------------------------------------------------------------*/
@media screen and (min-width: 0\0) {
  input[type=range] {
    margin: -7px 0px 5px 0px !important;
    cursor: pointer;
  }
}

@supports (-ms-ime-align: auto) {
  input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 4px 0px 5px 0px;
  }
  input[type=range]::-ms-thumb {
    box-shadow: none;
    border: 1px solid var(--primary);
    height: 10px !important;
    width: 10px !important;
    border-radius: 20px;
    background: var(--primary);
    cursor: pointer;
    margin-top: 0px;
  }
}

input[type=range]::-ms-track {
  width: 100px;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
  cursor: pointer;
}

input[type=range]::-ms-fill-lower {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 47%, rgba(var(--primary), 1) 47%, rgba(var(--primary), 1) 47%, rgba(var(--primary), 1) 58%, rgba(var(--primary), 1) 58%, rgba(255, 255, 255, 0) 58%);
  border-radius: 2.6px;
  box-shadow: none;
}

input[type=range]::-ms-fill-upper {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 47%, rgba(var(--primary), 1) 47%, rgba(var(--primary), 1) 47%, rgba(var(--primary), 1) 58%, rgba(var(--primary), 1) 58%, rgba(255, 255, 255, 0) 58%);
  border-radius: 2.6px;
  box-shadow: none;
}

input[type=range]::-ms-thumb {
  box-shadow: none;
  border: 1px solid var(--primary);
  height: 10px !important;
  width: 10px !important;
  border-radius: 20px;
  background: var(--primary);
  cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 47%, rgba(var(--primary), 1) 47%, rgba(var(--primary), 1) 47%, rgba(var(--primary), 1) 58%, rgba(var(--primary), 1) 58%, rgba(255, 255, 255, 0) 58%);
}

input[type=range]:focus::-ms-fill-upper {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 47%, rgba(var(--primary), 1) 47%, rgba(var(--primary), 1) 47%, rgba(var(--primary), 1) 58%, rgba(var(--primary), 1) 58%, rgba(255, 255, 255, 0) 58%);
}

/*MEDIA GRID--------------------------------------------------------------------//
				Anywhere we have to keep the controls in the overlay.			//
//------------------------------------------------------------------------------*/
@media (min-width: 960px) {
  .media-grid__item .video__wrapper {
    font-size: 0px;
    line-height: 0px;
    overflow: hidden;
    width: 100%;
  }
  .media-grid__item .video__wrapper .video__container {
    position: relative;
    overflow: hidden;
  }
  .media-grid__item .video__wrapper .video__container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  .media-grid__item .video__wrapper .video__container > img, .media-grid__item .video__wrapper .video__container > iframe, .media-grid__item .video__wrapper .video__container > a, .media-grid__item .video__wrapper .video__container > .home-carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .media-grid__item .video__wrapper .video__container > .video__wrapper, .media-grid__item .video__wrapper .video__container > .video {
    margin-top: -56.25%;
  }
  .media-grid__item .video__wrapper .video__container + .progress {
    margin: -48px auto 10px auto;
  }
}

/*MEDIA GRID DOUBLE-------------------------------------------------------------*/
@media (min-width: 960px) {
  .media-grid__container.double .video__container {
    position: relative;
    overflow: hidden;
  }
  .media-grid__container.double .video__container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
  .media-grid__container.double .video__container > img, .media-grid__container.double .video__container > iframe, .media-grid__container.double .video__container > a, .media-grid__container.double .video__container > .home-carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .media-grid__container.double .video__container > .video__wrapper, .media-grid__container.double .video__container > .video {
    margin-top: -75%;
  }
  .media-grid__container.double .video__container + .progress {
    margin: -48px auto 10px auto;
  }
  .media-grid__container.double .yt__container {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .media-grid__container.double .yt__container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
  }
  .media-grid__container.double .yt__container > img, .media-grid__container.double .yt__container > iframe, .media-grid__container.double .yt__container > a, .media-grid__container.double .yt__container > .home-carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .media-grid__container.double .yt__container > .video__wrapper, .media-grid__container.double .yt__container > .video {
    margin-top: -75%;
  }
  .media-grid__container.double .yt__container + .progress {
    margin: -48px auto 10px auto;
  }
}

/*MEDIA GRID TRIPLE-------------------------------------------------------------*/
@media (min-width: 960px) {
  .media-grid__container.triple .yt__container {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .media-grid__container.triple .yt__container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 51.25%;
  }
  .media-grid__container.triple .yt__container > img, .media-grid__container.triple .yt__container > iframe, .media-grid__container.triple .yt__container > a, .media-grid__container.triple .yt__container > .home-carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .media-grid__container.triple .yt__container > .video__wrapper, .media-grid__container.triple .yt__container > .video {
    margin-top: -51.25%;
  }
  .media-grid__container.triple .yt__container + .progress {
    margin: -47px auto 10px auto;
  }
}

/*MEDIA GRID QUADRUPLE----------------------------------------------------------*/
@media (min-width: 960px) {
  .media-grid__container.quad .yt__container {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .media-grid__container.quad .yt__container:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 50.3125%;
  }
  .media-grid__container.quad .yt__container > img, .media-grid__container.quad .yt__container > iframe, .media-grid__container.quad .yt__container > a, .media-grid__container.quad .yt__container > .home-carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .media-grid__container.quad .yt__container > .video__wrapper, .media-grid__container.quad .yt__container > .video {
    margin-top: -50.3125%;
  }
  .media-grid__container.quad .yt__container + .progress {
    margin: -47px auto 10px auto;
  }
}

/*SLIDE MEDIA CONTAINER---------------------------------------------------------*/
.slide-media__container .video__wrapper {
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
  width: 100%;
}

.slide-media__container .video__wrapper .video__container {
  position: relative;
  overflow: hidden;
}

.slide-media__container .video__wrapper .video__container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.slide-media__container .video__wrapper .video__container > img, .slide-media__container .video__wrapper .video__container > iframe, .slide-media__container .video__wrapper .video__container > a, .slide-media__container .video__wrapper .video__container > .home-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.slide-media__container .video__wrapper .video__container > .video__wrapper, .slide-media__container .video__wrapper .video__container > .video {
  margin-top: -56.25%;
}

.slide-media__container .video__wrapper .video__container + .video__ui-container {
  margin: -53px auto 10px auto;
}

.results-target .grid-item .video__wrapper {
  /*Using after as border-bottom breaks full-screen display*/
}

.results-target .grid-item .video__wrapper:after {
  content: '';
  display: block;
  height: 8px;
  background: #545454;
}

.results-target .grid-item:hover .video__wrapper:after {
  content: '';
  display: block;
  height: 8px;
  background: var(--primary);
}

.site-footer {
  width: 100%;
}

.site-footer .footer__background {
  padding: 16px 32px 16px 16px;
  width: 100%;
  min-height: 192px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.75);
}

@media (max-width: 840px) {
  .site-footer .footer__background {
    padding: 16px;
  }
}

.site-footer .footer__background .footer__container {
  max-width: 1366px;
  width: 100%;
  padding: 0px 16px;
  margin: 8px auto 0;
}

.site-footer .footer__background .footer__container .footer-nav__columns {
  display: flex;
}

.site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column {
  list-style-type: none;
  padding: 0;
}

.site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column .footer-nav__item {
  width: 100%;
}

.site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column .footer-nav__item .footer-nav__link {
  padding: 8px 16px 8px 0px;
  color: #ffffff;
  text-decoration: none;
}

.site-footer .footer__background .footer__container .footer-nav__columns .footer-nav__column .footer-nav__item .footer-nav__link:hover {
  text-decoration: underline;
}

.site-footer .footer__background .footer__container .social-wrapper {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 840px) {
  .site-footer .footer__background .footer__container .social-wrapper {
    justify-content: flex-start;
  }
}

.site-footer .footer-legal-row {
  max-width: 1366px;
  width: 100%;
  padding: 16px;
  margin: 0px auto;
}

.site-footer .footer-legal-row .legal-row__copy {
  width: 100%;
}

.site-footer .footer-legal-row .legal-row__copy p {
  width: 100%;
  margin: 0;
  padding: 0;
}

.site-footer .footer-legal-row ul.legal-row__menu {
  display: flex;
  justify-self: end;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 840px) {
  .site-footer .footer-legal-row ul.legal-row__menu {
    flex-direction: column;
    justify-self: start;
  }
}

.site-footer .footer-legal-row ul.legal-row__menu .legal-row__item {
  display: inline-flex;
  padding: 0 16px;
  margin: 0;
  border-right: 1px solid #545454;
}

.site-footer .footer-legal-row ul.legal-row__menu .legal-row__item .legal-row__link {
  width: 100%;
  color: #4f4f4f;
  font-weight: bold;
  text-decoration: none;
}

.site-footer .footer-legal-row ul.legal-row__menu .legal-row__item .legal-row__link:hover {
  text-decoration: underline;
}

@media (max-width: 840px) {
  .site-footer .footer-legal-row ul.legal-row__menu .legal-row__item {
    padding: 0 16px 8px 0;
    border-right: 0;
  }
}

.site-footer .footer-legal-row ul.legal-row__menu .legal-row__item:nth-of-type(1) {
  padding: 0 16px 0px 0;
}

@media (max-width: 840px) {
  .site-footer .footer-legal-row ul.legal-row__menu .legal-row__item:nth-of-type(1) {
    padding: 0 16px 8px 0;
    border-right: 0;
  }
}

.site-footer .footer-legal-row ul.legal-row__menu .legal-row__item:last-of-type {
  border-right: 0;
}

@media (max-width: 840px) {
  .site-footer .footer-legal-row ul.legal-row__menu .legal-row__item:last-of-type {
    padding: 0 16px 8px 0;
    border-right: 0;
  }
}

.horizontal-separator-large {
  height: 8px;
}

.horizontal-separator-small {
  height: 1px;
}

.horizontal-separator-large, .horizontal-separator-small {
  width: 100%;
  border-color: #545454;
  background-color: #545454;
  color: #545454;
  margin-bottom: 24px;
}

.how-to-buy-cta {
  grid-column: 1/13;
  padding: 20px;
}

.how-to-buy-cta h3 {
  margin: 0 0 0 24px;
}

.how-to-buy-cta form {
  /*LOCATION TEXT BOX-------------------------------------------------------------*/
}

.how-to-buy-cta form .input-item {
  display: inline-block;
}

.how-to-buy-cta form .input-item input[type='radio'] {
  display: inline-block;
  vertical-align: text-bottom;
}

.how-to-buy-cta form .input-item input[type='text'] {
  display: block;
  line-height: 28px;
}

@media (max-width: 639px) {
  .how-to-buy-cta form .input-item input[type='text'] {
    display: none;
  }
}

.how-to-buy-cta form .input-item + .input-item {
  padding-top: 8px;
}

.how-to-buy-cta form .how-to-buy__customer label {
  font-weight: 700;
}

.how-to-buy-cta form .how-to-buy__location {
  position: relative;
  margin: 8px 0 0 0;
}

.how-to-buy-cta form .how-to-buy__location input[type=text] {
  margin: 16px 0 0 0;
  padding: 8px;
  font-weight: 400;
  border: 1px solid #545454;
}

.how-to-buy-cta form .how-to-buy__location label {
  pointer-events: none;
  display: block;
  position: absolute;
  top: -4px;
  font-size: 12px;
  font-weight: 700;
  font-stretch: condensed;
  color: var(--primary);
  opacity: 1;
  transform: translateY(0);
  transition: all 0.2s ease-out;
}

.how-to-buy-cta form .how-to-buy__location input:placeholder-shown {
  font-style: italic;
}

.how-to-buy-cta form .how-to-buy__location input:placeholder-shown + label {
  opacity: 0;
  padding: 8px;
  transform: translateY(1rem);
}

.how-to-buy-cta form .location-suggest__wrapper {
  display: none;
}

.how-to-buy-cta form .location-suggest__wrapper.is-open {
  display: block;
  position: absolute;
  z-index: 1;
  width: 180px;
  background: #ffffff;
  border: 1px solid #545454;
  margin: 0;
}

.how-to-buy-cta form .location-suggest__wrapper.is-open .location-suggest__contents {
  margin: 0;
}

.how-to-buy-cta form .location-suggest__wrapper.is-open .location-suggest__contents .location-suggest__link {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
}

.how-to-buy-cta form .location-suggest__wrapper.is-open .location-suggest__contents .location-suggest__link .location-suggest__value {
  width: 100%;
}

.how-to-buy-cta form .location-suggest__wrapper.is-open .location-suggest__contents .location-suggest__link:hover {
  background: var(--primary-extra-pale);
}

.how-to-buy-cta form button {
  margin-top: 16px;
}

.how-to-buy-cta form .error-message {
  color: red;
  font-size: 14px;
}

.cta-full-width {
  background-repeat: no-repeat;
  background-size: cover;
}

.cta-full-width h3 {
  margin-bottom: 0;
}

.cta-full-width .horizontal-separator-large {
  margin-bottom: 16px;
}

.cta-full-width.has-bg {
  padding: 16px;
}

.cta-full-width.has-bg .content {
  background-color: var(--dark-transparent);
  color: #ffffff;
  padding: 16px;
}

.cta-full-width.has-bg .content a {
  color: #ffffff;
}

@media (max-width: 767px) {
  .cta-full-width {
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .cta-full-width .content {
    margin-left: 16px;
    margin-right: 16px;
  }
  .cta-full-width .media {
    margin-bottom: 8px;
  }
  .cta-full-width.has-bg .content {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .cta-full-width {
    display: flex;
    justiy-content: center;
  }
  .cta-full-width > div {
    flex-basis: calc(50% - 8px);
  }
  .cta-full-width:not(.reverse) > div:nth-child(1) {
    margin-right: 8px;
  }
  .cta-full-width:not(.reverse) > div:nth-child(2) {
    margin-left: 8px;
  }
  .cta-full-width.reverse .media {
    order: 1;
  }
  .cta-full-width.reverse > div:nth-child(1) {
    margin-left: 8px;
  }
  .cta-full-width.reverse > div:nth-child(2) {
    margin-right: 8px;
  }
}

@media (min-width: 960px) {
  .cta-full-width > div {
    flex-basis: calc(50% - (8px * 2));
  }
  .cta-full-width:not(.reverse) > div:nth-child(1) {
    margin-right: 16px;
  }
  .cta-full-width:not(.reverse) > div:nth-child(2) {
    margin-left: 16px;
  }
  .cta-full-width.reverse > div:nth-child(1) {
    margin-left: 16px;
  }
  .cta-full-width.reverse > div:nth-child(2) {
    margin-right: 16px;
  }
}

@media (min-width: 1366px) {
  .cta-full-width.has-bg {
    padding: 32px;
  }
  .cta-full-width.has-bg .content {
    padding: 32px;
  }
}

.scrollToTop {
  position: fixed;
  bottom: 8px;
  right: 0px;
  padding: 10px 15px;
  cursor: pointer;
  display: block;
  zoom: 1;
  border: 5px solid #545454;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  z-index: 3;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 0px 18px 4px rgba(255, 255, 255, 0.75);
  /*box-shadow: 0px 0px 18px 4px rgb(255 255 255/75%);*/
}

.scrollToTop:hover {
  background-color: transparent;
}

.scrollToTop:after {
  display: block;
  content: '\25b2';
  color: #545454;
  font-size: 33px !important;
  line-height: 100%;
  margin-left: -11px;
  margin-top: -9px;
  padding-top: 0px;
  font-family: none;
}

@media (min-width: 841px) {
  .scrollToTop {
    bottom: 96px;
    right: 30px;
  }
}

@media (min-width: 960px) {
  .scrollToTop {
    bottom: 72px;
  }
}

.how-to-buy .how-to-buy__search {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
  padding-bottom: 24px;
}

.how-to-buy .how-to-buy__search .how-to-buy__copy {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/7;
  grid-row: 1/1;
  margin: 0px 0px 0px 0px !important;
  padding: 16px 16px 16px 0px;
}

@supports (display: grid) {
  .how-to-buy .how-to-buy__search .how-to-buy__copy {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .how-to-buy .how-to-buy__search .how-to-buy__copy {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 1/1;
  }
}

.how-to-buy .how-to-buy__search .how-to-buy__selector {
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 7/13;
  grid-row: 1/1;
  margin: 0px 0px 0px 0px !important;
  max-width: 490px;
  padding: 16px;
  /*LOCATION TEXT BOX-------------------------------------------------------------*/
  /*PRODUCT CATEGORY SELECT BOX---------------------------------------------------//
--------------------------------------------------------------------------------*/
}

@supports (display: grid) {
  .how-to-buy .how-to-buy__search .how-to-buy__selector {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .how-to-buy .how-to-buy__search .how-to-buy__selector {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 2/2;
    max-width: unset;
  }
}

.how-to-buy .how-to-buy__search .how-to-buy__selector div {
  padding: 0;
  margin: 8px 0 0 0;
  background: none;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__customer label {
  font-weight: 700;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__subtype {
  margin-right: 1em;
  white-space: nowrap;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__location {
  position: relative;
  margin: 0px 0 0 0;
  padding-top: 8px;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__location input[type=text] {
  border: 1px solid #545454;
  font-weight: 400;
  margin: 16px 0 0 0;
  max-width: none;
  padding: 8px;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__location label {
  pointer-events: none;
  display: block;
  position: absolute;
  top: 2px;
  font-size: 12px;
  font-weight: 700;
  font-stretch: condensed;
  color: var(--primary);
  opacity: 1;
  transform: translateY(0);
  transition: all 0.2s ease-out;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__location input:placeholder-shown {
  font-style: italic;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__location input:placeholder-shown + label {
  opacity: 0;
  padding: 8px;
  transform: translateY(1rem);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__location label {
    display: none;
  }
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .location-suggest__wrapper {
  display: none;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .location-suggest__wrapper.is-open {
  display: block;
  position: absolute;
  z-index: 1;
  width: 180px;
  background: #ffffff;
  border: 1px solid #545454;
  margin: 0;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .location-suggest__wrapper.is-open .location-suggest__contents {
  margin: 0;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .location-suggest__wrapper.is-open .location-suggest__contents .location-suggest__link {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .location-suggest__wrapper.is-open .location-suggest__contents .location-suggest__link .location-suggest__value {
  width: 100%;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .location-suggest__wrapper.is-open .location-suggest__contents .location-suggest__link:hover {
  background: var(--primary-extra-pale);
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .select-wrapper {
  position: relative;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .select-wrapper select {
  background: #ffffff;
  border: 1px solid #545454;
  display: block;
  height: 34px;
  margin-top: 16px;
  max-width: none;
  width: 100%;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .select-wrapper select option:hover {
  background: var(--primary-extra-pale);
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .select-wrapper select:selected,
.how-to-buy .how-to-buy__search .how-to-buy__selector .select-wrapper select:disabled {
  font-weight: 400;
  font-style: italic;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .select-wrapper label {
  padding-top: 8px !important;
  margin-top: 16px !important;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector button {
  margin-top: 16px;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .reset {
  background: transparent;
  color: var(--primary);
  float: right;
  font-stretch: normal;
  font-weight: 400;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .error-message {
  color: red;
  font-size: 14px;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__no-results,
.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__no-results-state {
  display: none;
}

.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__no-results span,
.how-to-buy .how-to-buy__search .how-to-buy__selector .how-to-buy__no-results-state span {
  color: var(--medium-primary);
  font-size: 90%;
  display: block;
  clear: both;
}

.how-to-buy .how-to-buy__target {
  border-top: 1px solid #545454;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
}

.how-to-buy .how-to-buy__target .how-to-buy__results {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/7;
  grid-row: 1/1;
  margin: 0px 0px 0px 0px !important;
  /*RESULT------------------------------------------------------------------------*/
}

@supports (display: grid) {
  .how-to-buy .how-to-buy__target .how-to-buy__results {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .how-to-buy .how-to-buy__target .how-to-buy__results {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 1/1;
  }
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__results-count {
  width: 100%;
  font-size: 14px;
  font-style: italic;
  padding-bottom: 8px;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__default-results,
.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__multiple-pages {
  display: none;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__default-results span,
.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__multiple-pages span {
  color: var(--medium-primary);
  font-size: 90%;
  display: block;
  clear: both;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__template-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

@media (max-width: 959px) {
  .how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__template-wrapper {
    display: block;
  }
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 0 32px 16px 0;
}

@media (max-width: 1365px) {
  .how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result {
    padding: 0 32px 16px 0;
  }
}

@media (max-width: 959px) {
  .how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result {
    width: 100%;
    padding: 0 32px 32px 0;
  }
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result h4.how-to-buy__dealer-type {
  width: 100%;
  height: auto;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding-bottom: 8px;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result h4.how-to-buy__dealer-type span {
  white-space: nowrap;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy__agent-icon {
  vertical-align: middle;
  width: 25px;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy__marker {
  position: relative;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  flex-basis: 26px;
  height: 26px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  background: var(--primary);
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy__marker a {
  color: #ffffff;
}

@media (max-width: 767px) {
  .how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy__marker {
    padding-top: 2px;
  }
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy__marker:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  bottom: -25px;
  left: 3px;
  border: 10px solid transparent;
  border-top: 20px solid var(--primary);
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__info {
  flex: 0 1 auto;
  padding-left: 16px;
  width: calc(100% - 26px);
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__info .how-to-buy-dealer__name {
  font-size: 22px;
  margin: 0px 0px 8px 0px;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__info .how-to-buy-dealer__secondary-name {
  color: #000000;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__info p {
  margin: 0px 0px 8px 0px;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__info .how-to-buy-dealer__territory {
  font-style: italic;
  max-width: 180px;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__brands {
  padding: 0px;
  margin: 0px;
  font-weight: 700;
  color: var(--dark-primary);
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__brands:after {
  content: ', ';
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__products {
  padding: 0px;
  margin: 0px;
  font-weight: 700;
  color: var(--primary);
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__products:after {
  content: ', ';
}

.how-to-buy .how-to-buy__target .how-to-buy__results .how-to-buy__result .how-to-buy-dealer__brands:last-of-type:after {
  content: '';
}

.how-to-buy .how-to-buy__target .how-to-buy__results .load-more__container {
  width: 80%;
}

@media (max-width: 960px) {
  .how-to-buy .how-to-buy__target .how-to-buy__results .load-more__container {
    width: 100%;
  }
}

.how-to-buy .how-to-buy__target .how-to-buy__results .load-more__container .load-more__button.load-more__how-to-buy {
  margin-top: 10px;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .showing-results__container {
  width: 80%;
  text-align: center;
  font-size: 2.6rem;
}

@media (max-width: 960px) {
  .how-to-buy .how-to-buy__target .how-to-buy__results .showing-results__container {
    width: 100%;
  }
}

.how-to-buy .how-to-buy__target .how-to-buy__results .pagination-showing-results__container {
  width: 80%;
  text-align: center;
}

@media (max-width: 960px) {
  .how-to-buy .how-to-buy__target .how-to-buy__results .pagination-showing-results__container {
    width: 100%;
  }
}

.how-to-buy .how-to-buy__target .how-to-buy__results .pagination__container {
  width: 80%;
  text-align: center;
}

@media (max-width: 960px) {
  .how-to-buy .how-to-buy__target .how-to-buy__results .pagination__container {
    width: 100%;
  }
}

.how-to-buy .how-to-buy__target .how-to-buy__results .setpages__container {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .setpages__container a {
  display: inline;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .setpages__container a, .how-to-buy .how-to-buy__target .how-to-buy__results .previousarrow, .how-to-buy .how-to-buy__target .how-to-buy__results .nextarrow {
  color: var(--primary);
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .setpages__container a.active {
  background-color: var(--primary);
  color: #ffffff;
  border: 1px solid #ddd;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .setpages__container a.disabled, .how-to-buy .how-to-buy__target .how-to-buy__results .pagination_list li a.disabled {
  pointer-events: none;
  cursor: default;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .setpages__container a:hover:not(.active) {
  text-decoration: underline;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .pagination_list {
  display: inline-flex;
  list-style-type: none;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .previousarrow {
  border-radius: 25px 0px 0px 25px !important;
}

.how-to-buy .how-to-buy__target .how-to-buy__results .nextarrow {
  border-radius: 0px 25px 25px 0px !important;
}

.how-to-buy .how-to-buy__target .infowindow-cert-icon {
  width: 18px;
  vertical-align: middle;
}

.how-to-buy .how-to-buy__target .how-to-buy__map {
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 7/13;
  grid-row: 1/1;
  margin: 0px 0px 0px 0px !important;
  min-height: 490px;
  max-width: 490px;
}

@supports (display: grid) {
  .how-to-buy .how-to-buy__target .how-to-buy__map {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .how-to-buy .how-to-buy__target .how-to-buy__map {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 2/2;
  }
}

.how-to-buy .how-to-buy__target .how-to-buy__map .how-to-buy__hide {
  width: 100%;
  height: 24px;
  text-align: right;
  font-size: 14px;
  line-height: 14px;
}

.how-to-buy .how-to-buy__target .how-to-buy__map .how-to-buy__hide .how-to-buy__hide-button {
  text-transform: capitalize;
}

.how-to-buy .how-to-buy__target .how-to-buy__map .how-to-buy__map-target {
  position: relative;
  overflow: hidden;
  min-height: 490px;
  width: 100%;
}

.how-to-buy .how-to-buy__target .how-to-buy__map .how-to-buy__map-target button {
  display: inline-block;
  padding: 0px;
  border-radius: 4px;
  min-width: unset;
  min-height: unset;
  cursor: pointer;
}

@media (max-width: 767px) {
  .how-to-buy {
    padding: 0px;
  }
}

.load-more__container {
  width: 100%;
  display: block;
  text-align: center;
}

.load-more__container .load-more__button {
  margin: 40px auto 24px;
}

.loader-wrapper {
  width: 100%;
  height: 100%;
  z-index: 5;
  top: 0;
  left: 0;
  padding: 16px;
  position: absolute;
  background: var(--dark-transparent);
}

.loader-wrapper .loader {
  position: relative;
  top: 10%;
  display: block;
  width: 130px;
  height: 76px;
  background: url("/Areas/Watts/Content/images/preload.gif") no-repeat;
  margin: 0 auto;
}

.blucher .loader-wrapper {
  min-height: 149px;
}

.blucher .loader-wrapper .loader {
  width: 125px;
  height: 125px;
  background: url("/Areas/Watts/Content/images/BlucherLoading.gif") no-repeat;
  margin: 0 auto;
}

.aerco .loader-wrapper {
  min-height: 174px;
}

.aerco .loader-wrapper .loader {
  width: 83px;
  height: 150px;
  background: url("/Areas/Watts/Content/images/AercoLoading.gif") no-repeat;
  margin: 0 auto;
}

.sunTouch .loader-wrapper {
  min-height: 147px;
}

.sunTouch .loader-wrapper .loader {
  width: 125px;
  height: 123px;
  background: url("/Areas/Watts/Content/images/suntouchLoader.gif") no-repeat;
  margin: 0 auto;
}

.lynchBywatts .loader-wrapper {
  min-height: 149px;
}

.lynchBywatts .loader-wrapper .loader {
  width: 125px;
  height: 125px;
  background: url("/Areas/Watts/Content/images/lyncLoader.gif") no-repeat;
  margin: 0 auto;
}

.mueller .loader-wrapper {
  min-height: 104px;
}

.mueller .loader-wrapper .loader {
  width: 150px;
  height: 80px;
  background: url("/Areas/Watts/Content/images/MuellerLoader.gif") no-repeat;
  margin: 0 auto;
}

.dormont .loader-wrapper {
  min-height: 149px;
}

.dormont .loader-wrapper .loader {
  width: 79px;
  height: 125px;
  background: url("/Areas/Watts/Content/images/DormontLoader.gif") no-repeat;
  margin: 0 auto;
}

.pvi .loader-wrapper {
  min-height: 104px;
}

.pvi .loader-wrapper .loader {
  width: 80px;
  height: 80px;
  background: url("/Areas/Watts/Content/images/pviLoader.gif") no-repeat;
  margin: 0 auto;
}

.leakdefense .loader-wrapper {
  min-height: 200px;
}

.leakdefense .loader-wrapper .loader {
  width: 100px;
  height: 100px;
  background: url("/Areas/Watts/Content/images/LeakdefenseLoader.gif") no-repeat;
  margin: 0 auto;
}

.article__figure {
  margin: 0 0 32px;
}

.event__specifics, .news__dateline {
  font-style: italic;
}

.featured-news-feed {
  display: block;
  width: 100%;
  height: auto;
  background: #e5e5e5;
  padding: 16px;
  flex-basis: 100%;
  margin: 0px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .featured-news-feed {
    margin-bottom: 32px;
  }
}

@media (min-width: 1366px) {
  .featured-news-feed {
    margin-bottom: 48px;
  }
}

.featured-news-feed .featured-news-feed__container {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 16px;
}

.featured-news-feed .featured-news-feed__container .featured-news-feed__headline {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/7;
  grid-row: 1/1;
  margin: 0px 8px 0px 0px !important;
}

@supports (display: grid) {
  .featured-news-feed .featured-news-feed__container .featured-news-feed__headline {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .featured-news-feed .featured-news-feed__container .featured-news-feed__headline {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 1/1;
  }
}

.featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta {
  align-self: end;
  display: block;
  padding-right: 20px;
  position: relative;
  text-align: right;
  -ms-grid-column: 7;
  -ms-grid-column-span: 6;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 7/13;
  grid-row: 1/1;
  margin: 0px 0px 0px 8px !important;
}

@supports (display: grid) {
  .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta {
    margin: 0px;
  }
}

.featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta:after {
  line-height: 2.8rem;
  position: absolute;
}

@media (max-width: 767px) {
  .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 2/2;
    text-align: left;
  }
}

.featured-news-feed__item {
  display: block;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 1/5;
  grid-row: 2/2;
  margin: 0px 10px 0px 0px !important;
  color: #000000;
}

@supports (display: grid) {
  .featured-news-feed__item {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .featured-news-feed__item {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 3;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 3/3;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .featured-news-feed__item {
      margin: 0px;
    }
  }
}

.featured-news-feed__item .featured-news-feed__copy-link {
  display: block;
  color: var(--primary);
}

.featured-news-feed__item:hover {
  text-decoration: none;
}

.featured-news-feed__item:hover h3 {
  color: var(--primary);
}

.featured-news-feed__item:hover .featured-news-feed__image-container {
  border-bottom-color: var(--primary);
}

.featured-news-feed__item:hover .featured-news-feed__copy-link {
  color: #545454;
}

.featured-news-feed__item .featured-news-feed__image-container {
  position: relative;
  overflow: hidden;
  display: block;
  overflow: hidden;
  border-bottom: 10px solid #545454;
}

.featured-news-feed__item .featured-news-feed__image-container:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75%;
}

.featured-news-feed__item .featured-news-feed__image-container > img, .featured-news-feed__item .featured-news-feed__image-container > iframe, .featured-news-feed__item .featured-news-feed__image-container > a, .featured-news-feed__item .featured-news-feed__image-container > .home-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.featured-news-feed__item .featured-news-feed__image-container > .video__wrapper, .featured-news-feed__item .featured-news-feed__image-container > .video {
  margin-top: -75%;
}

.featured-news-feed__item .featured-news-feed__image-container .featured-news-feed__image {
  height: 100%;
  left: 50%;
  max-width: none;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1, 1);
  transform: translate(-50%, -50%) translateZ(0);
  transition: all .2s ease-in-out;
}

.featured-news-feed__item .featured-news-feed__image-container .featured-news-feed__image:hover {
  border-bottom-color: var(--primary);
  transform: translate(-50%, -50%) scale(1.1);
}

.featured-news-feed__item .featured-news-feed__copy-container {
  display: block;
}

.featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-headline {
  display: block;
  position: relative;
  margin: 16px 0 0 0;
  width: 100%;
  overflow: hidden;
  line-height: 1.2em;
  max-height: 2.4em;
  margin-right: -1.5em;
  padding-right: 1.5em;
}

.featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-headline:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-headline:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1.5em;
  height: 1em;
  margin-top: 0.2em;
}

.featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.5em;
  text-align: justify;
  margin-bottom: 16px;
  margin-right: -1em;
  padding-right: 1em;
}

.featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}

.featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1.5em;
  height: 1em;
  margin-top: 0.2em;
}

.featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-link {
  display: block;
  font-weight: 700;
}

.featured-news-feed__item + .featured-news-feed__item {
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 5/9;
  grid-row: 2/2;
  margin: 0px 5px 0px 5px !important;
}

@supports (display: grid) {
  .featured-news-feed__item + .featured-news-feed__item {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .featured-news-feed__item + .featured-news-feed__item {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 4;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 4/4;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .featured-news-feed__item + .featured-news-feed__item {
      margin: 0px;
    }
  }
}

.featured-news-feed__item + .featured-news-feed__item + .featured-news-feed__item {
  -ms-grid-column: 9;
  -ms-grid-column-span: 4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 9/13;
  grid-row: 2/2;
  margin: 0px 0px 0px 10px !important;
}

@supports (display: grid) {
  .featured-news-feed__item + .featured-news-feed__item + .featured-news-feed__item {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .featured-news-feed__item + .featured-news-feed__item + .featured-news-feed__item {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 5;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 5/5;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .featured-news-feed__item + .featured-news-feed__item + .featured-news-feed__item {
      margin: 0px;
    }
  }
}

.cta-full-width {
  background-repeat: no-repeat;
  background-size: cover;
}

.cta-full-width h3 {
  margin-bottom: 0;
}

.cta-full-width .horizontal-separator-large {
  margin-bottom: 16px;
}

.cta-full-width.has-bg {
  padding: 16px;
}

.cta-full-width.has-bg .content {
  background-color: var(--dark-transparent);
  color: #ffffff;
  padding: 16px;
}

.cta-full-width.has-bg .content a {
  color: #ffffff;
}

@media (max-width: 767px) {
  .cta-full-width {
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .cta-full-width .content {
    margin-left: 16px;
    margin-right: 16px;
  }
  .cta-full-width .media {
    margin-bottom: 8px;
  }
  .cta-full-width.has-bg .content {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .cta-full-width {
    display: flex;
    justiy-content: center;
  }
  .cta-full-width > div {
    flex-basis: calc(50% - 8px);
  }
  .cta-full-width:not(.reverse) > div:nth-child(1) {
    margin-right: 8px;
  }
  .cta-full-width:not(.reverse) > div:nth-child(2) {
    margin-left: 8px;
  }
  .cta-full-width.reverse .media {
    order: 1;
  }
  .cta-full-width.reverse > div:nth-child(1) {
    margin-left: 8px;
  }
  .cta-full-width.reverse > div:nth-child(2) {
    margin-right: 8px;
  }
}

@media (min-width: 960px) {
  .cta-full-width > div {
    flex-basis: calc(50% - (8px * 2));
  }
  .cta-full-width:not(.reverse) > div:nth-child(1) {
    margin-right: 16px;
  }
  .cta-full-width:not(.reverse) > div:nth-child(2) {
    margin-left: 16px;
  }
  .cta-full-width.reverse > div:nth-child(1) {
    margin-left: 16px;
  }
  .cta-full-width.reverse > div:nth-child(2) {
    margin-right: 16px;
  }
}

@media (min-width: 1366px) {
  .cta-full-width.has-bg {
    padding: 32px;
  }
  .cta-full-width.has-bg .content {
    padding: 32px;
  }
}

.scrollToTop {
  position: fixed;
  bottom: 8px;
  right: 0px;
  padding: 10px 15px;
  cursor: pointer;
  display: block;
  zoom: 1;
  border: 5px solid #545454;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  z-index: 3;
  display: none;
  background-color: #ffffff;
  box-shadow: 0px 0px 18px 4px rgba(255, 255, 255, 0.75);
  /*box-shadow: 0px 0px 18px 4px rgb(255 255 255/75%);*/
}

.scrollToTop:hover {
  background-color: transparent;
}

.scrollToTop:after {
  display: block;
  content: '\25b2';
  color: #545454;
  font-size: 33px !important;
  line-height: 100%;
  margin-left: -11px;
  margin-top: -9px;
  padding-top: 0px;
  font-family: none;
}

@media (min-width: 841px) {
  .scrollToTop {
    bottom: 96px;
    right: 30px;
  }
}

@media (min-width: 960px) {
  .scrollToTop {
    bottom: 72px;
  }
}

.grid-cta a {
  text-decoration: underline;
}

.grid-cta a:hover .grid-cta__media {
  border-bottom-color: var(--primary);
  cursor: pointer;
}

.grid-cta a:hover img {
  transform: scale(1.1);
}

.grid-cta a:hover .grid-cta__heading {
  color: var(--primary);
  cursor: pointer;
}

.grid-cta a:hover .link--cta-grid {
  color: #545454;
}

.grid-cta a.link--cta-grid {
  text-decoration: none;
}

.grid-cta a.link--cta-grid:hover {
  text-decoration: underline;
}

.grid-cta .link--cta-grid {
  color: var(--primary);
}

@media (min-width: 640px) {
  .grid-cta.five-per-row {
    flex-basis: calc(50% - (8px * 4));
  }
}

@media (min-width: 960px) {
  .grid-cta.five-per-row {
    flex-basis: calc(20% - (8px * 4));
  }
}

@media (min-width: 640px) {
  .grid-cta.four-per-row {
    flex-basis: calc(33% - (8px * 4));
  }
}

@media (min-width: 768px) {
  .grid-cta.four-per-row {
    flex-basis: calc(25% - (8px * 4));
  }
}

@media (min-width: 640px) {
  .grid-cta.three-per-row {
    flex-basis: calc(50% - (8px * 4));
  }
}

@media (min-width: 768px) {
  .grid-cta.three-per-row {
    flex-basis: calc(33% - (8px * 4));
  }
}

@media (min-width: 640px) {
  .grid-cta.two-per-row {
    flex-basis: calc(50% - (8px * 4));
  }
}

.grid-cta__media {
  border-bottom: 5px solid #545454;
  display: block;
  margin-bottom: 16px;
  overflow: hidden;
}

.grid-cta__media img {
  display: block;
  transition: all .2s ease-in-out;
  width: 100%;
}

.grid-cta__media:hover {
  cursor: default;
  border-bottom-color: var(--primary);
}

.grid-cta__media:hover img {
  transform: scale(1.1);
}

.grid-cta__subheading {
  margin-bottom: 8px;
}

* {
  box-sizing: border-box;
}

.hero-carousel {
  bottom: 0;
  margin-bottom: 24px;
  overflow: hidden;
  opacity: .99;
}

.hero-carousel .slick-list {
  overflow: visible !important;
}

.hero-carousel .slick-arrow {
  cursor: pointer;
  color: #ffffff;
  font-family: "Segoe UI Symbol", "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  /*opacity: 0.75;*/
  position: absolute;
  bottom: 8px;
  text-decoration: none;
  transition: all 0.25s ease-in;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hero-carousel .slick-next {
  right: 16px;
}

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

.hero-carousel .slick-prev {
  left: 16px;
}

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

.hero-carousel .slick-disabled {
  opacity: 0.30;
}

.hero-carousel ul.slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  margin: 0;
  padding: 0 40px;
  position: absolute;
  top: 8px;
  width: 100%;
}

.hero-carousel ul.slick-dots li {
  background-color: rgba(201, 76, 76, 0);
  display: inline-block;
  padding: 0 4px;
  margin: 0;
}

.hero-carousel ul.slick-dots li button {
  background-color: #545454;
  border-color: #545454;
  border-style: solid;
  border-radius: 50px;
  border-width: 2px;
  cursor: pointer;
  margin: 0;
  min-height: 15px;
  min-width: 15px;
  outline: 0;
  padding: 0;
}

.hero-carousel ul.slick-dots .slick-active button {
  background-color: var(--medium-primary);
}

.hero-carousel button.slick-arrow {
  background-color: transparent;
}

.hero-carousel__slide {
  height: 360px;
  position: relative;
  background-color: #000;
}

.contrast .hero-carousel__slide:before {
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  content: "";
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.hero-carousel__slide img {
  height: 100%;
  max-width: none;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.hero-carousel__body {
  position: absolute;
  bottom: 48px;
  left: 16px;
  z-index: 1;
}

.hero-carousel__body h1 {
  color: white;
}

.hero-carousel__body h3 {
  color: white;
}

.hero-carousel__body a {
  font-weight: 700;
  line-height: 1.25;
}

.hero-carousel__body__heading {
  color: white;
  font-size: 4.6rem;
  line-height: 4.8rem;
  font-weight: 400;
  margin: 0 0 12px;
}

.hero-carousel__body__subheading {
  color: white;
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: 700;
  margin: 0 0 12px;
}

.hero-grid {
  min-height: 0;
  min-width: 0;
}

.hero-grid__cta--image {
  margin: 0 16px;
  margin-bottom: 24px;
  position: relative;
}

.hero-grid__cta--text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 16px;
  margin-bottom: 24px;
  text-align: center;
}

.hero-grid__button {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.hero-grid__subheading {
  margin-bottom: 8px;
}

.hero-grid__copy {
  font-size: 1.6rem;
  margin-bottom: 8px;
}

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

.hero-grid .link--grid-item {
  font-size: 1.4rem;
}

@media (max-width: 959px) {
  .hero-grid {
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .hero-grid button {
    padding: 8px;
    padding-bottom: 0;
  }
  .hero-carousel__body h1, .hero-carousel__body h3 {
    margin-bottom: 12px;
  }
  .hero-carousel__body__subheading {
    margin-bottom: 12px;
    font-size: 1.8rem;
    line-height: 2.0rem;
  }
  .hero-carousel__body__heading {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 3rem;
    line-height: 3.2rem;
  }
}

button.slick-prev {
  display: none;
}

button.slick-next {
  display: none;
}

.hero-carousel button.slick-prev.slick-arrow {
  display: none !important;
}

.hero-carousel .buttons.new-buttons img:hover {
  opacity: .5;
  box-shadow: 0 0 0px #ffffff;
  transition: 0.2s;
}

.hero-carousel ul.slick-dots {
  display: none !important;
}

.hero-carousel button.slick-next.slick-arrow {
  display: none !important;
}

@media (min-width: 640px) {
  .hero-carousel .slick-arrow {
    bottom: auto;
    top: 50%;
    transform: translate(0, -50%);
  }
  .hero-carousel ul.slick-dots {
    top: 16px;
    justify-content: flex-end;
    padding: 0 16px;
  }
  .hero-carousel__slide {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
  }
  .hero-carousel__slide img {
    height: auto;
    width: 100%;
  }
  .hero-carousel__body {
    bottom: 16px;
  }
  .hero-grid__wrapper {
    display: flex;
    flex-direction: row;
  }
  .hero-grid__cta--image {
    flex: 1 1 50%;
  }
  .hero-grid__cta--text {
    flex: 1 1 50%;
  }
}

@media (min-width: 768px) {
  .hero-carousel .slick-arrow {
    font-size: 48px;
  }
  .hero-grid__copy {
    font-size: 1.8rem;
  }
  .hero-grid .link--grid-item {
    font-size: 1.6rem;
  }
}

@media (min-width: 960px) {
  .hero-carousel .slick-arrow {
    font-size: 96px;
  }
  .hero-grid {
    width: calc(100% - (8px * 4));
  }
}

@media (min-width: 1240px) {
  .hero-grid {
    display: flex;
  }
  .hero-grid__wrapper {
    display: block;
    flex: 1 1 33%;
  }
  .hero-grid__cta--image {
    margin-right: 0;
  }
  .hero-grid__cta--text {
    margin-right: 0;
  }
  .hero-carousel {
    flex: 1 1 67%;
    margin-right: 16px;
  }
}

@media (min-width: 1366px) {
  .hero-grid__copy {
    font-size: 2.0rem;
  }
  .hero-grid .link--grid-item {
    font-size: 1.8rem;
  }
}

.hero-carousel .new-buttons {
  position: absolute;
  bottom: 16px;
  right: 10px;
}

.btn-play {
  background: transparent;
  padding: 3px;
  position: relative;
  top: -5px;
}

.btn-pause {
  background: transparent;
  padding: 3px;
  position: relative;
  top: -5px;
}

.btn-play img {
  width: 30px;
}

.btn-pause img {
  width: 30px;
}

.btn-left {
  background: transparent;
  padding: 3px;
  padding-bottom: 0;
}

.btn-right {
  background: transparent;
  padding: 3px;
  padding-bottom: 0;
}

.btn-left img {
  width: 20px;
}

.btn-right img {
  width: 20px;
}

@media (min-width: 1440px) {
  .hero-carousel .new-buttons {
    bottom: 10px !important;
  }
}

.slide-carousel__wrapper {
  position: relative;
  display: block;
  height: auto;
  overflow: hidden;
  margin-bottom: 32px;
}

@media (min-width: 640px) {
  .slide-carousel__wrapper:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 16px;
    left: 0;
    pointer-events: none;
    width: 16px;
    height: calc(100% - (8px * 2));
    background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

.slide-carousel__wrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 16px;
  right: 0;
  pointer-events: none;
  width: 24px;
  height: calc(100% - (8px * 2));
  pointer-events: none;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */
}

.slide-carousel {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

@media (max-width: 639px) {
  .slide-carousel {
    width: calc(100vw - 32px);
  }
}

.slide-carousel .slide-carousel__slides {
  position: relative;
  left: 0px;
  display: flex;
  flex-wrap: nowrap;
  width: auto;
  padding-bottom: 8px;
}

.slide-carousel .slide-carousel__slide {
  display: block;
  width: 65%;
  min-width: 65%;
  padding: 0 0 16px 0;
}

@media (min-width: 640px) {
  .slide-carousel .slide-carousel__slide {
    width: 40%;
    min-width: 40%;
    padding: 16px;
  }
}

@media (min-width: 768px) {
  .slide-carousel .slide-carousel__slide {
    width: 29.5%;
    min-width: 29.5%;
  }
}

@media (min-width: 960px) {
  .slide-carousel .slide-carousel__slide {
    width: 22.5%;
    min-width: 22.5%;
  }
}

@media (max-width: 639px) {
  .slide-carousel .slide-carousel__slide + .slide-carousel__slide {
    margin-left: 16px;
  }
}

.slide-carousel .grid-item__media {
  width: 100%;
  max-width: 100%;
}

.slide-carousel .grid-item__media img {
  width: 100%;
  max-width: 100%;
}

.slide-carousel .slide-container {
  display: none;
}

.slide-carousel .grid-item__body {
  margin-top: 8px;
}

.slide-carousel .grid-item__heading {
  overflow: ellipsis;
}

.slide-carousel .grid-item__copy {
  padding-bottom: 8px;
}

.slide-carousel--accessories {
  margin-bottom: 8px;
}

.link--grid-margin {
  display: block;
  margin-top: 4px;
}

.accessories-by-type + .accessories-by-type {
  border-top: 1px solid #545454;
  padding-top: 32px;
}

/*SCROLLBAR---------------------------------------------------------------------//
--------------------------------------------------------------------------------*/
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 8px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 4px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 16px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.8;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #e5e5e5;
  opacity: 0.9;
}

/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
  cursor: pointer;
  background-color: var(--primary);
  border-radius: 0px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 8px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: -4px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-x:after {
  opacity: 0;
  position: relative;
  display: block;
  content: '';
  height: 8px;
  width: 20px;
  left: 50%;
  margin-left: -10px;
  top: 4px;
  transition: opacity .2s linear;
  -webkit-transition: opacity .2s linear;
  /* Permalink: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+99&1+1,1+25,0+26,0+74,1+75,1+100 */
  background: -moz-linear-gradient(top, white 1%, white 25%, rgba(255, 255, 255, 0) 26%, rgba(255, 255, 255, 0) 74%, white 75%, white 99%, white 100%);
  background: -webkit-linear-gradient(top, white 1%, white 25%, rgba(255, 255, 255, 0) 26%, rgba(255, 255, 255, 0) 74%, white 75%, white 99%, white 100%);
  background: linear-gradient(to bottom, white 1%, white 25%, rgba(255, 255, 255, 0) 26%, rgba(255, 255, 255, 0) 74%, white 75%, white 99%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

.ps__thumb-y {
  background-color: var(--primary);
  border-radius: 0px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: var(--primary);
  height: 16px;
}

.ps__rail-x:hover > .ps__thumb-x:after,
.ps__rail-x:focus > .ps__thumb-x:after,
.ps__rail-x.ps--clicking .ps__thumb-x:after {
  opacity: 1;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: var(--primary);
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.card-cta__container {
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .card-cta__container {
    margin-bottom: 32px;
  }
}

@media (min-width: 960px) {
  .card-cta__container {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1366px) {
  .card-cta__container {
    flex-wrap: nowrap;
    margin-bottom: 48px;
  }
}

.card-cta {
  height: 96px;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.card-cta__background {
  background-position: 50% 50%;
  background-size: cover;
  height: 100%;
  position: absolute;
  transition: all .2s ease-in-out;
  width: 100%;
}

.card-cta > a {
  display: block;
  height: 100%;
}

.card-cta__gradient {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  height: 100%;
  position: absolute;
  width: 100%;
}

.card-cta__text {
  color: #ffffff;
  height: 100%;
  padding: 16px;
  position: relative;
  z-index: 2;
}

.card-cta__heading {
  margin-bottom: 8px;
}

.card-cta__copy {
  opacity: 0;
  transition: all .2s ease-in-out;
}

.card-cta:hover .card-cta__copy {
  opacity: 1;
}

.card-cta:hover .card-cta__background {
  transform: scale(1.1);
}

.card-cta:hover .card-cta__text {
  background-color: var(--primary-trans);
}

.card-cta:hover a {
  text-decoration: none;
}

@media (min-width: 768px) {
  .card-cta {
    flex-basis: auto;
  }
}

@media (min-width: 960px) {
  .card-cta {
    height: 496px;
    margin: 0 16px;
  }
  .card-cta__gradient {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .card-cta__text {
    padding: 24px;
  }
}

@media (max-width: 1365px) {
  .card-cta:nth-last-child(n+3),
  .card-cta:nth-last-child(n+3) ~ .card-cta {
    flex-basis: calc(33.3% - (8px * 4)) !important;
    overflow: hidden;
    margin-bottom: 8px;
  }
}

@media (max-width: 1365px) {
  .card-cta:nth-last-child(n+4),
  .card-cta:nth-last-child(n+4) ~ .card-cta {
    flex-basis: calc(25% - (8px * 4)) !important;
    overflow: hidden;
    margin-bottom: 8px;
  }
}

@media (max-width: 959px) {
  .card-cta:nth-last-child(n+5),
  .card-cta:nth-last-child(n+5) ~ .card-cta {
    height: 96px !important;
  }
}

@media (max-width: 1365px) {
  .card-cta:nth-last-child(n+5),
  .card-cta:nth-last-child(n+5) ~ .card-cta {
    flex-basis: calc(100% - (8px * 2)) !important;
    overflow: hidden;
    height: 120px;
    margin-bottom: 8px;
  }
}

.pull-quote {
  color: white;
  display: flex;
  justify-content: space-around;
  padding: 16px;
  position: relative;
}

.pull-quote__citation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

@media (min-width: 768px) {
  .pull-quote__citation {
    flex: 0 0 25%;
    padding-top: 117px;
  }
}

.pull-quote__citation div {
  font-size: 1.6rem;
  line-height: 1.3;
  text-align: center;
}

.pull-quote__name {
  position: relative;
}

.pull-quote__name:before {
  content: "“";
  font-size: 30rem;
  line-height: 0;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .pull-quote__name:before {
    content: none;
  }
}

.pull-quote__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 24px;
}

.pull-quote__text * {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .pull-quote__text {
    text-align: center;
    padding-top: 64px;
  }
  .pull-quote__text:before {
    content: "“";
    font-size: 20rem;
    line-height: 0;
    position: absolute;
    left: calc(50% - 40px);
    top: 88px;
  }
}

@media (min-width: 768px) {
  .pull-quote__text {
    flex: 0 0 75%;
  }
}

@media (max-width: 639px) {
  .pull-quote {
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .pull-quote {
    flex-direction: column-reverse;
  }
}

/* INLINE PULLQUOTE ----------------------------------------------------------*/
.article__pullquote {
  border-left: 8px solid var(--primary);
  color: #545454;
  display: none;
  float: left;
  font-size: 2.2rem;
  margin-left: 0;
  padding-left: 24px;
  padding-top: 50px;
  position: relative;
}

.article__pullquote:before {
  color: var(--primary);
  content: "“";
  font-size: 148px;
  position: absolute;
  top: 50px;
  left: 18px;
}

@media (min-width: 640px) {
  .article__pullquote {
    display: block;
    max-width: 33%;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .article__pullquote {
    max-width: 50%;
  }
}

.pullquote__text p {
  margin-bottom: 0;
}

.pullquote__citation {
  color: var(--primary);
  display: block;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.3;
}

.pullquote__citation > span {
  display: block;
}

.pullquote__name {
  margin-top: 8px;
}

.campaign-banner {
  background-position: 50% 50%;
  background-size: cover;
  height: 250px;
  margin-bottom: 32px;
  position: relative;
}

@media (min-width: 960px) {
  .campaign-banner {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1366px) {
  .campaign-banner {
    width: 75%;
  }
}

.campaign-banner__container {
  background-color: var(--primary-trans);
  color: #ffffff;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
  padding: 0 32px;
  position: absolute;
  text-align: center;
  top: 0;
}

@media (min-width: 640px) {
  .campaign-banner__container {
    width: 50%;
  }
}

.campaign-banner__title {
  margin-bottom: 8px;
  text-shadow: 4px 4px 7px #000;
}

.campaign-banner__body {
  line-height: 1.2;
  margin: 0 0 8px;
}

.campaign-banner__body p {
  text-shadow: 3px 3px 3px #000;
}

.aerco .campaign-banner__body p {
  text-shadow: 1px 2px 4px #000;
}

/*COLORS------------------------------------------------------------------------*/
/*Generic colors*/
:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}

.has-bg .track_cta:focus, .footer-nav__columns a:focus, .social-wrapper .social__link:focus, a.connectcolumntitle:focus, .brands-carousel__slide.slick-slide a:focus, button.cprevious.btn-left:focus, button.cpause.btn-pause:focus, button.cplay.btn-play:focus, button.cnext.btn-right:focus, .hero-carousel a:focus, .secondary-nav__link:focus, .tertiary-nav__link:focus, .primary-nav .close-menu:focus {
  outline-offset: 3px;
  outline: 2px solid #ffffff;
}

.ps-client-logo.right {
  -webkit-transform: none !important;
  transition: none !important;
}

/*Default Watts brand colors they are declared here as a fallback---------------*/
/*These are tints of the primary brand color*/
/*These are the shades of the primary brand color*/
/*These are tints and shades of the secondary grey*/
/*$secondary: #838489;*/
/*Off white colors*/
/*This is where we store each of the theming variables and classes*/
:root {
  --primary: #005db9;
  --primary-trans: rgba(0, 93, 185, 0.7);
  --light-primary: #2675c4;
  --primary-pale: #bfd7ee;
  --primary-extra-pale: #d9e7f5;
  --medium-primary: #0055a8;
  --dark-primary: #00468b;
  --dark-transparent: rgba(0, 28, 56, 0.9);
  --off-white-cool: #fafcfe;
}

:root .blucher {
  --primary: #132261;
  --primary-trans: rgba(19, 34, 97, 0.7);
  --light-primary: #364379;
  --primary-pale: #c4c8d8;
  --primary-extra-pale: #dcdee7;
  --medium-primary: #111f58;
  --dark-primary: #0e1a49;
  --dark-transparent: rgba(6, 10, 29, 0.9);
  --off-white-cool: #fafbfc;
}

:root .aerco {
  --primary: #62AD3D;
  --primary-trans: rgba(98, 173, 61, 0.7);
  --light-primary: #7ab95a;
  --primary-pale: #d8ebcf;
  --primary-extra-pale: #e7f3e2;
  --medium-primary: #599d38;
  --dark-primary: #4a822e;
  --dark-transparent: rgba(29, 52, 18, 0.9);
  --off-white-cool: #fcfdfb;
}

:root .mueller {
  --primary: #005DAA;
  --primary-trans: rgba(0, 93, 170, 0.7);
  --light-primary: #2675b7;
  --primary-pale: #bfd7ea;
  --primary-extra-pale: #d9e7f2;
  --medium-primary: #00559b;
  --dark-primary: #004680;
  --dark-transparent: rgba(0, 28, 51, 0.9);
  --off-white-cool: #fafcfd;
}

:root .dormont {
  --primary: #005493;
  --primary-trans: rgba(0, 84, 147, 0.7);
  --light-primary: #266ea3;
  --primary-pale: #bfd4e4;
  --primary-extra-pale: #d9e5ef;
  --medium-primary: #004c86;
  --dark-primary: #003f6e;
  --dark-transparent: rgba(0, 25, 44, 0.9);
  --off-white-cool: #fafcfd;
}

:root .pvi {
  --primary: #18375C;
  --primary-trans: rgba(24, 55, 92, 0.7);
  --light-primary: #3b5574;
  --primary-pale: #c5cdd6;
  --primary-extra-pale: #dce1e7;
  --medium-primary: #163254;
  --dark-primary: #122945;
  --dark-transparent: rgba(7, 17, 28, 0.9);
  --off-white-cool: #fafbfc;
}

:root .sunTouch {
  --primary: #F78D1E;
  --primary-trans: rgba(247, 141, 30, 0.7);
  --light-primary: #f89e40;
  --primary-pale: #fde3c7;
  --primary-extra-pale: #feeedd;
  --medium-primary: #e1801b;
  --dark-primary: #b96a17;
  --dark-transparent: rgba(74, 42, 9, 0.9);
  --off-white-cool: #fffdfb;
}

:root .watts {
  --primary: #005db9;
  --primary-trans: rgba(0, 93, 185, 0.7);
  --light-primary: #2675c4;
  --primary-pale: #bfd7ee;
  --primary-extra-pale: #d9e7f5;
  --medium-primary: #0055a8;
  --dark-primary: #00468b;
  --dark-transparent: rgba(0, 28, 56, 0.9);
  --off-white-cool: #fafcfe;
}

:root .lynchBywatts {
  --primary: #2b9a92;
  --primary-trans: rgba(43, 154, 146, 0.7);
  --light-primary: #4ba9a2;
  --primary-pale: #cae6e4;
  --primary-extra-pale: #dff0ef;
  --medium-primary: #278c85;
  --dark-primary: #20746e;
  --dark-transparent: rgba(13, 46, 44, 0.9);
  --off-white-cool: #fbfdfd;
}

:root .leakdefense {
  --primary: #0E78BE;
  --primary-trans: rgba(14, 120, 190, 0.7);
  --light-primary: #328cc8;
  --primary-pale: #c3ddef;
  --primary-extra-pale: #dbebf5;
  --medium-primary: #0d6dad;
  --dark-primary: #0b5a8f;
  --dark-transparent: rgba(4, 36, 57, 0.9);
  --off-white-cool: #fafcfe;
}

:root .sunTouch {
  --dark-transparent: rgba(70, 77, 89, 0.9);
}

:root .leakdefense {
  --dark-transparent: rgba(42, 45, 53, 0.7);
}

/*MEDIA QUERIES-----------------------------------------------------------------*/
/*HEADER MEDIA QUERIES----------------------------------------------------------*/
/*DISABLED----------------------------------------------------------------------*/
.button.disabled, .disabled.button__large, .disabled.button__medium, .disabled.button__small, .load-more__container .disabled.load-more__button, .filtered-grid .filter-buttons__container .disabled.filter-button, .filtered-grid .filter-buttons__container + .results .disabled.filter-button, .button--secondary.disabled, .disabled.button--secondary__large, .disabled.button--secondary__medium, .disabled.button--secondary__small, .disabled {
  opacity: 0.7;
}

/*GENERAL-----------------------------------------------------------------------*/
/*SPACING-----------------------------------------------------------------------*/
.cta-full-width, .grid-cta, .brand-logo, .product__additional-details, .product__specifications, .suntouch-calculator .calculator-introduction, .suntouch-calculator .button-row, .suntouch-calculator .calculator-results-bar, .suntouch-calculator [class*="calculator__results"], .suntouch-calculator [class*="calculator__results"] > .calculator-product-row, .suntouch-calculator .calculator-errors-div p {
  margin-bottom: 32px;
}

/*COLUMNS-----------------------------------------------------------------------*/
/*GRADIENTS---------------------------------------------------------------------*/
.gradient-container, .how-to-buy-cta, .how-to-buy .how-to-buy__search .how-to-buy__selector, .watts-form .watts-form__field-set,
form .watts-form__field-set {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ededed+100&1+0,0+100 */
  background: -moz-linear-gradient(top, #e5e5e5 0%, rgba(229, 229, 229, 0) 100%);
  background: -webkit-linear-gradient(top, #e5e5e5 0%, rgba(229, 229, 229, 0) 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, rgba(229, 229, 229, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ededed',GradientType=0 );
}

.featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-headline:after, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy:after {
  background: -moz-linear-gradient(left, rgba(229, 229, 229, 0) 0%, #e5e5e5 49%, #e5e5e5 100%);
  background: -webkit-linear-gradient(left, rgba(229, 229, 229, 0) 0%, #e5e5e5 49%, #e5e5e5 100%);
  background: linear-gradient(to right, rgba(229, 229, 229, 0) 0%, #e5e5e5 49%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eceded', endColorstr='#eceded',GradientType=1 );
}

/*This is used for the footer and pulllquote------------------------------------*/
.site-footer .footer__background, .pull-quote {
  background: -moz-linear-gradient(66.5deg, transparent 0%, transparent 52.75%, rgba(0, 0, 0, 0.1) 52.75%, rgba(0, 0, 0, 0.1) 81.75%, transparent 81.75%, transparent 88.75%, rgba(0, 0, 0, 0.1) 88.75%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
  background: -webkit-linear-gradient(66.5deg, transparent 0%, transparent 52.75%, rgba(0, 0, 0, 0.1) 52.75%, rgba(0, 0, 0, 0.1) 81.75%, transparent 81.75%, transparent 88.75%, rgba(0, 0, 0, 0.1) 88.75%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
  background: linear-gradient(66.5deg, transparent 0%, transparent 52.75%, rgba(0, 0, 0, 0.1) 52.75%, rgba(0, 0, 0, 0.1) 81.75%, transparent 81.75%, transparent 88.75%, rgba(0, 0, 0, 0.1) 88.75%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=1 ), var(--primary);
}

@media (max-width: 640px) {
  .site-footer .footer__background, .pull-quote {
    background: -moz-linear-gradient(63deg, transparent 0%, transparent 28%, rgba(0, 0, 0, 0.1) 28%, rgba(0, 0, 0, 0.1) 74.75%, transparent 74.75%, transparent 86.5%, rgba(0, 0, 0, 0.1) 86.5%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
    background: -webkit-linear-gradient(63deg, transparent 0%, transparent 28%, rgba(0, 0, 0, 0.1) 28%, rgba(0, 0, 0, 0.1) 74.75%, transparent 74.75%, transparent 86.5%, rgba(0, 0, 0, 0.1) 86.5%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
    background: linear-gradient(63deg, transparent 0%, transparent 28%, rgba(0, 0, 0, 0.1) 28%, rgba(0, 0, 0, 0.1) 74.75%, transparent 74.75%, transparent 86.5%, rgba(0, 0, 0, 0.1) 86.5%, rgba(0, 0, 0, 0.1) 100%, rgba(0, 0, 0, 0.1) 100%), var(--primary);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=1 ), var(--primary);
  }
}

/* Arrows-----------------------------------------------------------------------*/
.link--featured, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta, .grid-cta .link--cta-grid, .right-arrow-link, .link--grid-item, .slide-carousel .link--grid-item, .filtered-grid .results .js-results-target .link--grid-item, .filtered-grid .filter-buttons__container + .results .link--grid-item, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-link, .card-cta__copy {
  cursor: pointer;
}

.link--featured:after, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta:after, .grid-cta .link--cta-grid:after, .right-arrow-link:after, .link--grid-item:after, .slide-carousel .link--grid-item:after, .filtered-grid .results .js-results-target .link--grid-item:after, .filtered-grid .filter-buttons__container + .results .link--grid-item:after, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-link:after, .card-cta__copy:after {
  background: transparent;
  content: '\25B6';
  display: inline-block !important;
  font-family: "Segoe UI Symbol", "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  margin-left: 0.5em;
}

.link--featured, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta, .grid-cta .link--cta-grid, .right-arrow-link, .link--grid-item, .slide-carousel .link--grid-item, .filtered-grid .results .js-results-target .link--grid-item, .filtered-grid .filter-buttons__container + .results .link--grid-item {
  font-size: 16px;
  font-weight: 700;
}

.link--featured:hover, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta:hover, .grid-cta .link--cta-grid:hover, .right-arrow-link:hover, .link--grid-item:hover, .filtered-grid .results .js-results-target .link--grid-item:hover, .filtered-grid .filter-buttons__container + .results .link--grid-item:hover {
  color: #545454;
}

/*IE Only*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .link--featured:after, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta:after, .grid-cta .link--cta-grid:after, .right-arrow-link:after, .link--grid-item:after, .slide-carousel .link--grid-item:after, .filtered-grid .results .js-results-target .link--grid-item:after, .filtered-grid .filter-buttons__container + .results .link--grid-item:after, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-link:after, .card-cta__copy:after {
    font-size: 14px;
  }
  .link--featured:hover, .featured-news-feed .featured-news-feed__container .featured-news-feed__main-cta:hover, .grid-cta .link--cta-grid:hover, .right-arrow-link:hover, .link--grid-item:hover, .filtered-grid .results .js-results-target .link--grid-item:hover, .filtered-grid .filter-buttons__container + .results .link--grid-item:hover, .featured-news-feed__item .featured-news-feed__copy-container .featured-news-feed__copy-link:hover, .card-cta__copy:hover {
    text-decoration: none;
  }
}

/* CAROUSEL PREVIOUS/NEXT-------------------------------------------------------*/
.gallery--thumbnails .slick-arrow {
  cursor: pointer;
  font-family: "Segoe UI Symbol", "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  transition: all 0.25s ease-in;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

.gallery--thumbnails .slick-disabled {
  opacity: 0.30;
  pointer-events: none;
}

/*ACCORDION---------------------------------------------------------------------*/
.accordion__toggle {
  background: #e5e5e5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 700;
  margin: 0 0 8px 0;
  padding: 8px;
}

.accordion__toggle:after {
  content: '+';
  font-size: 24px;
  line-height: 0px;
  margin-top: -4px;
  transition-duration: .25s;
}

.accordion__toggle:hover {
  background: var(--primary-pale);
}

.is-open.accordion__toggle {
  margin: 0;
}

.is-open.accordion__toggle:after {
  transform: rotate(45deg);
}

/* CAROUSEL PREVIOUS/NEXT-------------------------------------------------------*/
.gallery--thumbnails .slick-arrow {
  cursor: pointer;
  font-family: "Segoe UI Symbol", "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none;
  transition: all 0.25s ease-in;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

.gallery--thumbnails .slick-disabled {
  opacity: 0.30;
  pointer-events: none;
}

/*LOCAL IMAGES------------------------------------------------------------------*/
/*FILE TYPES--------------------------------------------------------------------*/
/*FILE TYPES--------------------------------------------------------------------*/
/*ANIMATION KEYFRAMES-----------------------------------------------------------*/
@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  50% {
    opacity: .75;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ExperienceEditor 10.2 */
.featured-news-feed.scEnabledChrome .featured-news-feed__container {
  display: block;
}

.featured-news-feed.scEnabledChrome .featured-news-feed__item {
  display: inline-block;
  width: 30%;
}

.brands-carousel-container {
  overflow: hidden;
}

.brands-carousel-container .brands-carousel__header {
  color: black;
  display: inline-block;
  line-height: 1;
  margin-bottom: 8px;
}

@media (min-width: 480px) {
  .brands-carousel-container .brands-carousel__header {
    padding: 10px 0;
  }
}

.brands-carousel-container .brands-carousel__link {
  margin-bottom: 8px;
}

.brands-carousel-container .brands-carousel__link a:hover {
  text-decoration: none;
}

@media (min-width: 480px) {
  .brands-carousel-container .brands-carousel__link {
    display: inline-block;
    float: right;
    padding: 10px 0;
  }
}

.brands-carousel__slide {
  padding: 0 8px;
}

.brands-carousel.slick-initialized .slick-slide {
  display: inline-block;
  float: none;
  margin: 0 auto;
  vertical-align: middle;
}

.brands-carousel.slick-initialized .slick-slide img {
  margin: 0 auto;
}

.brands-carousel .slick-list {
  margin: 0 50px;
  overflow: hidden;
}

.brands-carousel .slick-prev {
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  z-index: 1;
}

.brands-carousel .slick-next {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  z-index: 1;
}

.brands-carousel .slick-arrow {
  text-decoration: none;
  cursor: pointer;
  font-size: 100px;
  padding: 0 10px;
  font-weight: bold;
  background-color: #ffffff;
}

.brands-carousel .slick-arrow:before {
  transition: all 0.25s ease-in;
}

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

.brands-carousel .slick-prev:before {
  content: '❮';
  transition: all 0.25s ease-in;
}

.brands-carousel .slick-next:before,
.brands-carousel .slick-prev:before {
  line-height: 1;
  opacity: 1;
  color: var(--primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.brands-carousel .slick-disabled {
  opacity: 0.30;
}

.brands-carousel .brands-carousel__slide.slick-slide a:focus {
  outline-offset: 2px !important;
  outline: 2px solid #000000 !important;
  display: inherit;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-slider .slick-dots {
  pointer-events: none;
}

.slick-slider .slick-dots li {
  pointer-events: all;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: 0;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  /*height: 100%;*/
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.watts-form,
form {
  width: 100%;
  padding: 16px;
  font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
}

.watts-form h3,
form h3 {
  margin-top: 24px;
}

.watts-form .watts-form__field-set,
form .watts-form__field-set {
  display: block;
  padding: 16px;
  margin: 16px -16px 0 -16px;
}

.watts-form .watts-form__label,
form .watts-form__label {
  width: 100%;
  display: block;
  margin: 16px 0 8px 0;
  font-weight: 700;
}

.watts-form label:not(.watts-form__label),
form label:not(.watts-form__label) {
  display: inline;
  font-weight: 400;
}

@media (max-width: 639px) {
  .watts-form label:not(.watts-form__label),
  form label:not(.watts-form__label) {
    display: block;
    width: 100%;
  }
}

.watts-form .watts-form__input-date,
.watts-form .watts-form__input-dropdown,
.watts-form .watts-form__input-email,
.watts-form .watts-form__input-number,
.watts-form .watts-form__input-password,
.watts-form .watts-form__input-telephone,
.watts-form .watts-form__input-text,
.watts-form .watts-form__input-text-area,
.watts-form input,
.watts-form textarea,
form .watts-form__input-date,
form .watts-form__input-dropdown,
form .watts-form__input-email,
form .watts-form__input-number,
form .watts-form__input-password,
form .watts-form__input-telephone,
form .watts-form__input-text,
form .watts-form__input-text-area,
form input,
form textarea {
  font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
  width: 100%;
  max-width: 639px;
  border: 1px solid #545454;
  padding: 4px 16px;
}

.watts-form .watts-form__input-list-box,
.watts-form select,
form .watts-form__input-list-box,
form select {
  font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
  position: relative;
  padding: 4px 16px;
  display: block;
  width: 100%;
  max-width: 639px;
  background: #ffffff;
  border: 1px solid #545454;
}

.watts-form .watts-form__input-list-box option,
.watts-form select option,
form .watts-form__input-list-box option,
form select option {
  padding: 4px 16px;
  outline: none;
}

.watts-form .watts-form__input-list-box option:nth-of-type(even),
.watts-form select option:nth-of-type(even),
form .watts-form__input-list-box option:nth-of-type(even),
form select option:nth-of-type(even) {
  background: var(--off-white-cool);
}

.watts-form input[type='checkbox'],
.watts-form input[type='radio'],
.watts-form .watts-form__input-radio,
.watts-form .watts-form__input-checkbox,
form input[type='checkbox'],
form input[type='radio'],
form .watts-form__input-radio,
form .watts-form__input-checkbox {
  width: auto;
  width: 16px;
  height: 16px;
}

.watts-form input[type='button'],
.watts-form input[type='submit'],
.watts-form .watts-form__input-button,
form input[type='button'],
form input[type='submit'],
form .watts-form__input-button {
  width: unset;
  clear: inline-start;
  display: block;
  margin: 16px auto;
}

.watts-form input:focus,
.watts-form select:focus,
.watts-form textarea:focus,
form input:focus,
form select:focus,
form textarea:focus {
  box-shadow: 0 0 10px 0 var(--primary-pale);
  border: 1px solid var(--primary);
  /*outline: 0;*/
}

.watts-form input[type='radio']:focus,
form input[type='radio']:focus {
  box-shadow: none;
}

.watts-form input[type='submit']:focus,
form input[type='submit']:focus {
  outline-offset: 5px;
  outline: 4px solid #000;
}

.watts-form input.required,
.watts-form select.required,
.watts-form textarea.required,
form input.required,
form select.required,
form textarea.required {
  border: 1px solid #bc003a !important;
}

.watts-form label.required:after,
form label.required:after {
  content: '*';
}

.watts-form .watts-form__copy.required,
form .watts-form__copy.required {
  color: #bc003a;
}

.watts-form .field-validation-error,
form .field-validation-error {
  width: 100%;
  display: block;
  padding-top: 8px;
  color: #bc003a;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: italic;
}

.watts-form .input-validation-error,
form .input-validation-error {
  border: 1px solid #bc003a !important;
}

/*MARKETO FORM------------------------------------------------------------------//
--------------------------------------------------------------------------------*/
.mktoForm {
  padding: 16px;
  font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
  max-width: 100%;
  width: 100% !important;
  padding: 0 0 16px 0 !important;
}

.mktoForm fieldset {
  border: 0 !important;
}

.mktoForm .mktoRequired {
  color: #bc003a !important;
}

.mktoForm strong {
  padding: 0 !important;
}

.mktoForm legend {
  width: 100%;
  max-width: 100%;
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 2.4rem;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 768px) {
  .mktoForm legend {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 960px) {
  .mktoForm legend {
    font-size: 3.4rem;
    line-height: 4.0rem;
  }
}

.mktoForm label.mktoLabel {
  width: auto !important;
  display: block;
  margin: 16px 0 8px;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

@media (min-width: 768px) {
  .mktoForm label.mktoLabel {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}

@media (min-width: 960px) {
  .mktoForm label.mktoLabel {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}

.mktoForm .mktoFieldWrap,
.mktoForm .mktoRequiredField {
  width: 100% !important;
  max-width: 639px;
}

.mktoForm .mktoGutter,
.mktoForm .mktoOffset {
  display: none;
}

.mktoForm .mktoField,
.mktoForm .mktoTextField,
.mktoForm input {
  font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
  min-width: 100% !important;
  width: 100% !important;
  max-width: 639px;
  border: 1px solid #545454;
  padding: 4px 8px;
  border: 1px solid #545454;
  box-shadow: none !important;
}

.mktoForm select {
  font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif;
  position: relative;
  padding: 0;
  display: block;
  width: 100%;
  max-width: 639px;
  background: #ffffff;
  border: 1px solid #545454;
}

.mktoForm select option {
  padding: 4px 16px;
  outline: none;
}

.mktoForm select option:nth-of-type(even) {
  background: var(--off-white-cool);
}

.mktoForm input:focus,
.mktoForm select:focus,
.mktoForm textarea:focus {
  box-shadow: 0 0 10px 0 var(--primary-pale) !important;
  border: 1px solid var(--primary-pale) !important;
  outline: 0;
}

.mktoForm .mktoFieldDescriptor,
.mktoForm .mktoFormCol {
  padding: 0 !important;
  margin: 0;
}

.mktoForm .mktoButtonRow,
.mktoForm .mktoFormRow {
  width: 100%;
  max-width: 639px;
  padding: 0 !important;
}

.mktoForm .mktoFieldDescriptor {
  width: 100%;
  max-width: 100%;
}

.mktoForm .mktoAsterix {
  color: #bc003a !important;
}

.mktoForm .mktoButtonWrap {
  margin: 0 !important;
}

.mktoForm .mktoButtonWrap button {
  display: block;
  border: 0 !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  background: var(--primary) !important;
  border-radius: 4px;
  box-shadow: none !important;
}

.mktoForm .mktoButtonWrap button:hover {
  background: #2675c4 !important;
  text-decoration: none;
}

.mktoForm div.mktoCheckboxList {
  margin-top: 16px;
  width: auto;
}

@media (min-width: 768px) {
  .mktoForm div.mktoCheckboxList {
    padding-top: 8px;
  }
}

/*MARKETO CONFIRMATION FORM-----------------------------------------------------//
--------------------------------------------------------------------------------*/
#confirmform figure {
  margin: 0;
}

#confirmform figure img {
  max-width: 42px;
  margin: 0 auto;
}

/*------------------------------------*    $SYSTEM SELECTION TOOL FORM
\*------------------------------------*/
.form--selectiontool .selectiontool__question {
  border: none;
  margin-bottom: 32px;
  padding: 0;
}

.form--selectiontool .selectiontool__question.horizontal .selectiontool__optiongroup {
  display: inline-block;
  width: 5em;
}

.form--selectiontool .selectiontool__question.vertical .selectiontool__optiongroup {
  display: block;
  margin-bottom: 8px;
}

.form--selectiontool .selectiontool__optiongroup {
  font-size: 18px;
  font-size: 1.8rem !important;
}

.form--selectiontool .selectiontool__optiongroup input {
  margin: 0 0.25em 0 0;
}

.form--selectiontool .selectiontool__optiongroup span {
  display: block;
  margin-left: 24px;
}

.form--selectiontool .g-recaptcha {
  margin-bottom: 32px;
}

.gallery {
  margin-bottom: 32px;
  position: relative;
  width: calc(100% - (8px * 4));
  min-height: 0;
  min-width: 0;
}

.grid-container .gallery {
  margin-bottom: 0;
}

.gallery--media {
  margin-bottom: 16px;
}

.gallery--media .slide-media__container {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.gallery--media .slide-media__container img {
  display: block;
  left: 50%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.gallery--thumbnails {
  margin: 0;
  padding: 0 56px;
}

.gallery--thumbnails .slick-arrow {
  font-size: 4.5rem;
  color: var(--primary);
  background: #ffffff;
}

.gallery--thumbnails .slick-prev {
  left: 0;
  padding: 0;
}

.gallery--thumbnails .slick-next {
  right: 0;
  padding: 0;
}

.gallery--thumbnails .slick-slide {
  width: 87px;
}

.gallery--thumbnails .slick-slide + .slick-slide {
  margin-left: 24px;
}

.gallery--thumbnails img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.gallery--thumbnails button {
  background-color: #ffffff;
  transition: none;
}

.gallery__slide--thumbnail {
  height: 0;
  margin: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}

.slick-active .gallery__slide--thumbnail {
  border-bottom: 8px solid var(--primary);
  border-radius: 0px;
}

.sst__container {
  min-height: 0;
  min-width: 0;
}

.sst__container .gallery--sst {
  margin-bottom: 16px;
}

@media (max-width: 639px) {
  .sst__container {
    display: flex;
    flex-wrap: wrap;
  }
  .sst__container .gallery--sst {
    width: 100%;
    flex: 0 0 100%;
    order: 2;
  }
  .sst__container .horizontal-separator-small {
    margin-top: 32px;
    order: 1;
  }
}

.sst__container .slide-media__container {
  display: inline-block;
}

@media (min-width: 640px) {
  .sst__container .slide-media__container {
    width: 66%;
  }
}

.sst__container .slide-copy {
  display: inline-block;
  padding: 16px 0 0 16px;
  vertical-align: top;
}

@media (min-width: 640px) {
  .sst__container .slide-copy {
    width: 33%;
  }
}

.sst__container .thumbnails__container {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  padding-right: 8px;
}

@media (min-width: 960px) {
  .sst__container .thumbnails__container {
    width: 75%;
  }
}

@media (min-width: 1240px) {
  .sst__container .thumbnails__container {
    width: 66%;
  }
}

.sst__container .thumbnails__container .slick-arrow {
  cursor: pointer;
  font-family: "Segoe UI Symbol", "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4.5rem;
  font-weight: bold;
  line-height: 1;
  opacity: 0.75;
  text-decoration: none;
  transition: all 0.25s ease-in;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

.sst__container .thumbnails__container .slick-disabled {
  opacity: 0.30;
  pointer-events: none;
}

.sst__container .thumbnails__container .slick-slide {
  cursor: pointer;
  width: 114px;
}

.gallery-slide-hidden {
  visibility: hidden;
}

.thumbnails--sst {
  margin: 0 24px;
  padding: 0;
  width: calc(100% - 46px - 90px - 36px - 36px);
  /* 2x arrows (22px), 1 x thumbnail (90px), thumbnail margins (12px 2), right margin (12px) */
}

.sst__slide--thumbnail {
  margin: 0;
  padding: 0 12px;
}

.sst__slide--thumbnail img {
  border-bottom: 8px solid transparent;
  width: 90px;
  margin: 0 -12px;
}

.sst__fake--thumbnail.is-active {
  border-bottom: 8px solid var(--primary);
}

.sst__slide--thumbnail.slick-active img {
  border-bottom: 8px solid var(--primary);
}

.sst__container:not(.optimal-solutions) .sst__fake--thumbnail {
  cursor: pointer;
  flex: 0 0 90px;
  margin: 0 0 0 24px;
  transition: all 300ms ease-in;
  border-bottom: 8px solid transparent;
}

.sst__container:not(.optimal-solutions) .sst__fake--thumbnail img {
  display: block;
}

.sst__container:not(.optimal-solutions) .slick-slide.is-dupe {
  margin: 0;
  width: 0;
  padding: 0;
}

.sst__container.optimal-solutions .sst__fake--thumbnail {
  display: none;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 600px;
  /* Full width */
  height: 700px;
  /* Full height */
  overflow: hidden;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 1% auto;
  /* 15% from the top and centered */
  padding: 2px;
  border: 1px solid #888;
  width: 80%;
  /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (min-width: 640px) {
  .sst-report-img {
    margin-top: 10px;
    max-width: 100%;
    width: 33%;
  }
  .sst-report-desc {
    float: left;
    padding-right: 2%;
    width: 64%;
  }
}

.product__info {
  font-size: 1.6rem;
}

.product__info * {
  margin-bottom: 16px;
  margin-top: 0;
}

.social_share {
  text-align: center;
}

.fbicon, .twticon, .liicon {
  height: 30px;
}

.afbshare, .atwtshare, .alishare {
  cursor: pointer;
}

.product_baa {
  text-align: center;
}

.product_baa img {
  width: 200px;
}

.ps-widget[ps-sku] {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  width: 50%;
  margin: auto !important;
  float: unset !important;
}

.divBuyNow {
  width: auto;
  height: auto;
  text-align: center;
}

.divProductBuyNow {
  width: auto;
  height: auto;
  text-align: center;
  padding-top: 15px;
}

.divProductBuyNow .button, .divProductBuyNow .button__large, .divProductBuyNow .button__medium, .divProductBuyNow .button__small, .divProductBuyNow .load-more__container .load-more__button, .load-more__container .divProductBuyNow .load-more__button, .divProductBuyNow .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container .divProductBuyNow .filter-button, .divProductBuyNow .filtered-grid .filter-buttons__container + .results .filter-button, .filtered-grid .filter-buttons__container + .results .divProductBuyNow .filter-button {
  color: var(--primary);
  border: 1px var(--primary) solid;
  background-color: #ffffff;
  float: left;
  min-height: 30px;
  padding: 2px;
  min-width: 128px;
  width: auto;
  font-size: 16px;
}

@media (max-width: 840px) {
  .divProductBuyNow .button, .divProductBuyNow .button__large, .divProductBuyNow .button__medium, .divProductBuyNow .button__small, .divProductBuyNow .load-more__container .load-more__button, .load-more__container .divProductBuyNow .load-more__button, .divProductBuyNow .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container .divProductBuyNow .filter-button, .divProductBuyNow .filtered-grid .filter-buttons__container + .results .filter-button, .filtered-grid .filter-buttons__container + .results .divProductBuyNow .filter-button {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  .js-repair-kit__list .divProductBuyNow {
    margin-left: 28%;
  }
}

.divProductBuyNow .ps-widget[ps-sku].ps-enabled {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  width: 50%;
  margin: auto !important;
  float: left !important;
  min-width: 128px;
  width: auto;
  min-height: 30px;
  height: 30px;
  margin-left: 30px !important;
  line-height: 28px;
}

.divProductBuyNow .ps-widget[ps-sku].ps-enabled:hover {
  color: #ffffff;
  line-height: 28px;
}

.info {
  margin-left: 0 !important;
}

.discontinued {
  color: red;
  text-transform: uppercase;
  margin-left: 10px;
}

.discontinued a {
  text-transform: none;
}

.part-number {
  font-weight: 700;
}

.ean-ucc-code {
  font-weight: 700;
}

.product__additional-details a {
  text-decoration: underline;
}

.product__specifications {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.product__specifications th {
  background-color: #e5e5e5;
  font-weight: 700;
  padding: 8px;
  text-align: left;
}

.product__specifications td {
  padding: 8px 48px;
  vertical-align: top;
  width: 50%;
}

.product__specifications tr:nth-child(even) td {
  background-color: #e5e5e5;
}

@media (min-width: 640px) {
  .model {
    display: flex;
  }
  .model__image {
    flex: 1 1 50%;
  }
  .model__info {
    flex: 1 1 50%;
    padding-left: 16px;
  }
}

@media (min-width: 768px) {
  .model__image {
    flex-basis: 33%;
  }
  .model__info {
    flex-basis: 66%;
  }
}

@media (min-width: 960px) {
  .model__image {
    flex-basis: 25%;
  }
  .model__info {
    flex-basis: 75%;
  }
}

.product__asset-links {
  text-align: center;
}

.product__asset-links a {
  display: table;
  margin: 0 auto 8px;
}

.product__asset-links ~ h3 {
  text-align: center;
}

.product__asset-links ~ .addthis_inline_share_toolbox {
  text-align: center;
}

.grid-container__one-third .gradient-container ~ h3 {
  text-align: center;
}

.grid-container__one-third .gradient-container ~ .addthis_inline_share_toolbox {
  text-align: center;
}

.bimobject-logo {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.accessories-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
}

.accessories-grid a {
  flex-basis: calc(50% - 16px);
  margin: 0 8px 16px;
}

@media (min-width: 768px) {
  .accessories-grid a {
    flex-basis: calc(33.33333% - 16px);
  }
}

@media (min-width: 960px) {
  .accessories-grid {
    margin-left: -16px;
    margin-right: -16px;
  }
  .accessories-grid a {
    flex-basis: calc(25% - 32px);
    margin: 0 16px 16px;
  }
}

.accessories-grid a,
.slide-carousel--accessories a {
  color: #000000;
}

.accessories-grid a:hover,
.slide-carousel--accessories a:hover {
  text-decoration: none;
}

.accessories-grid a:hover h3,
.slide-carousel--accessories a:hover h3 {
  color: var(--primary);
}

.accessories-grid a:hover img,
.slide-carousel--accessories a:hover img {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}

.accessories-grid a:hover .grid-item__media,
.slide-carousel--accessories a:hover .grid-item__media {
  border-bottom-color: var(--primary);
}

.accessories-grid h3,
.slide-carousel--accessories h3 {
  margin-bottom: 8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.accessories-grid .grid-item__media,
.slide-carousel--accessories .grid-item__media {
  border-bottom: 8px solid #545454;
  margin-bottom: 16px;
  padding-bottom: 16px;
  overflow: hidden;
}

.case-studies-feed__copy-headline {
  line-height: 1.3;
  margin-top: 16px;
}

.jump-links {
  list-style-type: none;
  padding: 0;
}

ul.js-series-jump-links li a {
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

ul.js-series-jump-links li a:after {
  background: transparent;
  content: '\25B6';
  display: inline-block !important;
  font-family: "Segoe UI Symbol", "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  margin-left: 0.5em;
}

ul.js-series-jump-links li a:hover {
  color: #838489;
}

.mobile-only {
  display: none;
}

@media only screen and (max-width: 767px) {
  .mobile-only {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none;
  }
}

.product-feature-grid {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 40px;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .product-feature-grid {
    margin-top: 0;
    text-align: left;
  }
}

.product-feature-grid td, .product-feature-grid th {
  padding: 10px 0 12px 0;
}

@media only screen and (max-width: 767px) {
  .product-feature-grid td, .product-feature-grid th {
    padding-left: 5%;
  }
}

.product-feature-grid a {
  font-family: "HelveticaNeueLT-Medium", Helvetica, Arial, sans-serif;
}

.product-feature-grid thead {
  background-color: #707782;
  color: #FFF;
  font-family: "HelveticaNeueLT-Medium", Helvetica, Arial, sans-serif;
}

.product-feature-grid thead th {
  font-weight: normal;
  width: 25%;
}

@media only screen and (max-width: 767px) {
  .product-feature-grid thead th {
    font-size: 0.875rem;
  }
}

.product-feature-grid thead th:first-of-type {
  padding-left: 20px;
}

@media only screen and (max-width: 320px) {
  .product-feature-grid thead th:first-of-type {
    padding: 12px 5%;
  }
}

@media only screen and (max-width: 767px) {
  .product-feature-grid thead th:first-of-type {
    font-size: 0.75rem;
    padding: 12px 0;
  }
}

.product-feature-grid tbody tr {
  border-bottom: 1px solid #d4d7da;
}

.product-feature-grid tbody tr:last-of-type {
  border: none;
}

.product-feature-grid tbody tr td:first-of-type {
  padding-left: 20px;
}

@media only screen and (max-width: 768px) {
  .product-feature-grid tbody tr td:first-of-type {
    padding-left: 0;
  }
}

@media only screen and (max-width: 320px) {
  .product-feature-grid tbody tr td:first-of-type {
    padding: 12px 5%;
  }
}

.product-feature-grid tbody tr:nth-child(even) td {
  background-color: #e8eaec;
}

.product-feature-grid .left-align {
  text-align: left;
}

.product-feature-grid .check {
  background: #474d59;
  border-radius: 100%;
  color: white;
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
}

.product-feature-grid .blank {
  background: #c0c2c8;
  border-radius: 100%;
  display: inline-block;
  height: 24px;
  width: 24px;
}

.product-feature.mobile-only {
  margin-top: 35px;
  padding: 0;
}

.product-feature.mobile-only > div {
  display: none;
}

.product-feature.mobile-only div:first-of-type {
  display: block;
}

.product-feature.mobile-only .product-feature-grid {
  margin-top: 0;
  table-layout: auto;
}

.product-feature.mobile-only .product-feature-grid td, .product-feature.mobile-only .product-feature-grid th {
  padding-left: 10px;
}

@media only screen and (max-width: 320px) {
  .product-feature.mobile-only .product-feature-grid td:first-of-type {
    width: 150px;
  }
}

.connect-widget {
  background-color: var(--primary);
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  margin-bottom: 32px;
  padding: 16px;
  padding-bottom: 0;
}

.connect-widget__text {
  margin-bottom: 16px;
}

.connect-widget__ctas {
  margin: 0;
  padding: 0;
  width: 100%;
}

.connect-widget__cta {
  list-style: none;
  margin: 0;
}

.connect-widget__cta a {
  color: #ffffff;
  display: block;
}

.connect-widget__cta img {
  display: block;
  width: 100%;
}

.connect-widget__cta:hover a {
  text-decoration: underline;
}

.connect-widget__cta:hover img {
  transform: scale(1.1);
}

.connect-widget__img {
  border-bottom: 8px solid #545454;
  margin-bottom: 8px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .connect-widget {
    flex-basis: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 640px) {
  .connect-widget__ctas {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .connect-widget__cta {
    flex: 0 1 calc(50% - 8px);
    min-width: 0px;
  }
}

@media (min-width: 768px) {
  .connect-widget__cta {
    flex-basis: calc(25% - 8px);
    min-width: 0px;
  }
}

@media (min-width: 960px) {
  .connect-widget {
    display: flex;
    justify-content: space-between;
    padding: 24px;
  }
  .connect-widget__text {
    flex: 0 1 calc(25% - (8px * 2));
  }
  .connect-widget__ctas {
    flex: 0 1 calc(75% - (8px * 2));
    flex-wrap: nowrap;
  }
  .connect-widget__cta {
    flex-basis: calc(25% - 24px);
    min-width: 0px;
  }
}

.connectcolumntitle {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 8px;
}

.filtered-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  padding-bottom: 32px;
  position: relative;
}

@media (max-width: 767px) {
  .filtered-grid {
    grid-gap: 0;
  }
}

.filtered-grid .filters__wrapper {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-column: 1/4;
  grid-row: 1/5;
  margin: 0px 16px 0px 0px !important;
}

@supports (display: grid) {
  .filtered-grid .filters__wrapper {
    margin: 0px;
  }
}

.filtered-grid .filters__wrapper .filters {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 8px;
}

.filtered-grid .filters__wrapper .filters .filter {
  background: transparent;
  border-bottom: 2px solid #545454;
  margin: 0 0 16px;
  padding: 0;
  width: 100%;
}

.filtered-grid .filters__wrapper .filters .filter .filter__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  background: #e5e5e5;
  font-weight: 700;
  padding: 8px;
  margin: 0 0 8px 0;
}

.filtered-grid .filters__wrapper .filters .filter .filter__label:after {
  content: '+';
  font-size: 24px;
  line-height: 0px;
  margin-top: -4px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
}

.filtered-grid .filters__wrapper .filters .filter .filter__label:hover {
  background: var(--primary-pale);
}

.filtered-grid .filters__wrapper .filters .filter .filter__label.is-open {
  margin: 0;
}

.filtered-grid .filters__wrapper .filters .filter .filter__label.is-open:after {
  content: '+';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
}

.filtered-grid .filters__wrapper .filters .filter .filter__inputs {
  margin: 0;
  background: transparent;
  padding: 8px 0 8px 0;
}

.filtered-grid .filters__wrapper .filters .filter .filter__inputs .filter__item {
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
}

.filtered-grid .filters__wrapper .filters .filter .filter__inputs .filter__item label {
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 100%;
  padding: 2px 4px;
  margin: 0;
}

.filtered-grid .filters__wrapper .filters .filter .filter__inputs .filter__item label:hover {
  background: var(--primary-extra-pale);
}

.filtered-grid .filters__wrapper .filters .filter .filter__inputs .filter__item label .filter__input {
  cursor: pointer;
  margin-right: 8px;
}

.filtered-grid .filters__wrapper .filters .filter .filter__inputs .filter__item:nth-of-type(odd) {
  background: var(--off-white-cool);
}

@media (max-width: 767px) {
  .filtered-grid .filters__wrapper {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 1/1;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .filtered-grid .filters__wrapper {
      margin: 0px;
    }
  }
}

.filtered-grid button.filter__label {
  align-items: center;
  justify-content: space-between;
  line-height: 2.4rem;
  border-radius: 0px !important;
  font-weight: 700 !important;
  font-family: "Helvetica Neue LT", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-stretch: normal;
  color: #353535 !important;
  font-size: 1.8rem;
  transition: none;
  margin: 0 0 8px 0;
  padding: 8px !important;
}

.filtered-grid button.filter__label:after {
  content: '+';
  font-size: 24px;
  line-height: 0px;
  margin-top: -4px;
  transition-duration: .25s;
}

.filtered-grid button.filter__label:hover {
  background: var(--primary-pale);
}

.filtered-grid button.filter__label.is-open {
  margin: 0;
}

.filtered-grid button.filter__label.is-open:after {
  transform: rotate(45deg);
}

.filtered-grid .filter-buttons__container {
  -ms-grid-column: 4;
  -ms-grid-column-span: 9;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 4/13;
  grid-row: 1/1;
  margin: 0px 16px 0px 0px !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-grow: 0;
}

@supports (display: grid) {
  .filtered-grid .filter-buttons__container {
    margin: 0px;
  }
}

.filtered-grid .filter-buttons__container .filter-button {
  color: #000000;
  position: relative;
  display: inline-block;
  padding: 10px 32px 10px 24px;
  background: #e5e5e5;
  margin: 0 0 16px 16px;
  flex-grow: 0;
}

.filtered-grid .filter-buttons__container .filter-button:after {
  text-transform: lowercase;
  position: absolute;
  right: 8px;
  font-size: 20px;
  content: '+';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filtered-grid .filter-buttons__container .filter-button:hover {
  background: var(--primary-pale);
}

@media (max-width: 640px) {
  .filtered-grid .filter-buttons__container .filter-button {
    margin: 0 0 16px 16px;
  }
}

.filtered-grid .filter-buttons__container .filter-button + .filter-button {
  margin: 0 0 16px 16px;
}

@media (max-width: 640px) {
  .filtered-grid .filter-buttons__container {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .filtered-grid .filter-buttons__container {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 2/2;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .filtered-grid .filter-buttons__container {
      margin: 0px;
    }
  }
}

.filtered-grid .results {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 2/2;
  margin: 0px 0px 0px 0px !important;
}

@supports (display: grid) {
  .filtered-grid .results {
    margin: 0px;
  }
}

.filtered-grid .results .js-results-target {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.filtered-grid .results .js-results-target .grid-item {
  flex-grow: 0;
  margin-bottom: 32px;
  margin-left: 32px;
  overflow: hidden;
  position: relative;
}

@media (min-width: 640px) {
  .filtered-grid .results .js-results-target .grid-item {
    flex-basis: calc(50% - (8px * 4));
  }
  .filtered-grid .results .js-results-target .grid-item:nth-of-type(odd) {
    margin-left: 16px;
  }
}

@media (min-width: 768px) {
  .filtered-grid .results .js-results-target .grid-item {
    flex-basis: calc(33% - (8px * 4));
  }
  .filtered-grid .results .js-results-target .grid-item:nth-of-type(odd) {
    margin-left: 32px;
  }
}

@media (max-width: 640px) {
  .filtered-grid .results .js-results-target .grid-item {
    margin-left: 0;
  }
}

.filtered-grid .results .js-results-target .grid-item {
  min-height: 122px;
  margin-bottom: 32px;
  box-shadow: 0rem 0.3rem 0.5rem 0 rgba(95, 96, 99, 0.5);
  border-radius: 0px;
  padding-bottom: 5px;
}

.filtered-grid .results .js-results-target .grid-item a {
  text-decoration: none;
}

.filtered-grid .results .js-results-target .grid-item .brandname {
  color: #545454;
  margin: 0 10px 0 10px;
}

.filtered-grid .results .js-results-target .grid-item h3 {
  font-size: 2.2rem;
  margin: 0 10px 2px 10px;
  line-height: 120%;
  color: #000000;
  /*margin-bottom: $base-spacing-unit;*/
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.filtered-grid .results .js-results-target .grid-item h4 {
  margin-bottom: 8px;
  margin-left: 10px;
}

.filtered-grid .results .js-results-target .grid-item .tag-h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 10px 2px 10px;
  line-height: 120%;
  color: #000000;
  /*margin-bottom: $base-spacing-unit;*/
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.filtered-grid .results .js-results-target .grid-item .tag-h4 {
  font-size: 2.0rem;
  line-height: 2.4rem;
  margin-bottom: 8px;
  margin-left: 10px;
}

.filtered-grid .results .js-results-target .grid-item:hover {
  box-shadow: 0.1rem 0.25rem 0.5rem 0.1rem #5f6063;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
  /*}*/
}

.filtered-grid .results .js-results-target .grid-item:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}

.filtered-grid .results .js-results-target .grid-item:hover .grid-item__details {
  color: #000;
}

.filtered-grid .results .js-results-target .grid-item:hover .grid-item__heading a {
  color: black;
}

.filtered-grid .results .js-results-target .grid-item:hover .link--item-grid {
  color: #545454;
}

.filtered-grid .results .js-results-target .grid-item:hover h3 {
  color: var(--primary);
}

.filtered-grid .results .js-results-target .grid-item:hover .grid-item__paragraph {
  color: #000;
}

.filtered-grid .results .js-results-target .grid-item:hover .grid-item__copy {
  color: var(--primary);
}

.filtered-grid .results .js-results-target .post:hover img {
  transform: translate(0%, 0) scale(1.1);
  transition: all .2s ease-in-out;
}

.filtered-grid .results .js-results-target .grid-item__heading a {
  color: black;
}

.filtered-grid .results .js-results-target .grid-item__media {
  position: relative;
  overflow: hidden;
  /*border-bottom: $base-spacing-unit solid $secondary;*/
  display: block;
  margin-bottom: 8px;
  line-height: 0;
  overflow: hidden;
}

.filtered-grid .results .js-results-target .grid-item__media:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.filtered-grid .results .js-results-target .grid-item__media > img, .filtered-grid .results .js-results-target .grid-item__media > iframe, .filtered-grid .results .js-results-target .grid-item__media > a, .filtered-grid .results .js-results-target .grid-item__media > .home-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.filtered-grid .results .js-results-target .grid-item__media > .video__wrapper, .filtered-grid .results .js-results-target .grid-item__media > .video {
  margin-top: -100%;
}

.filtered-grid .results .js-results-target .grid-item__media img {
  display: block;
  max-height: 100%;
  left: 50%;
  max-width: 95%;
  top: 50%;
  transition: all .2s ease-in-out;
  width: auto;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1, 1);
  transform: translate(-50%, -50%) translateZ(0);
}

@media (max-width: 640px) {
  .filtered-grid .results .js-results-target .grid-item__media:before {
    padding-top: 60%;
  }
  .filtered-grid .results .js-results-target .grid-item__media img {
    max-width: 100%;
    max-height: 100%;
  }
}

.filtered-grid .results .js-results-target .grid-item__body {
  display: block;
  position: relative;
}

.filtered-grid .results .js-results-target .grid-item__body .media-icon:after {
  position: static !important;
  float: right;
}

.filtered-grid .results .js-results-target .grid-item__heading {
  position: relative;
  z-index: 0;
}

.filtered-grid .results .js-results-target .grid-item__heading:hover {
  color: var(--primary);
}

.filtered-grid .results .js-results-target .video__wrapper + .grid-item__body {
  margin-top: 24px;
}

.filtered-grid .results .js-results-target .grid-item__sub-heading {
  margin: 0 0 8px 0;
  padding: 0;
}

.filtered-grid .results .js-results-target .grid-item__paragraph {
  /*margin: 0 0 $base-spacing-unit 10px;*/
  margin: 0 10px 8px 10px;
}

.filtered-grid .results .js-results-target .grid-item__details {
  /*color: $black;*/
  /*font-weight: 700;*/
  margin: 0 10px 0 10px;
  font-weight: 500;
  color: var(--primary);
}

.filtered-grid .results .js-results-target .grid-item__attribute {
  display: inline;
  padding: 0;
  margin: 0;
}

.filtered-grid .results .js-results-target .grid-item__attribute + .grid-item__attribute:before {
  content: ', ';
}

.filtered-grid .results .js-results-target .grid-item__date {
  font-style: italic;
  color: #000000;
  margin-bottom: 8px;
}

.filtered-grid .results .js-results-target .grid-item__attributes {
  padding: 0;
  list-style-type: none;
}

.filtered-grid .results .js-results-target .grid-item__attributes li {
  margin: 0;
  padding: 4px 8px;
}

.filtered-grid .results .js-results-target .grid-item__attributes li .grid-item__attributes-name {
  font-weight: 700;
}

.filtered-grid .results .js-results-target .grid-item__attributes li:nth-of-type(odd) {
  background: var(--off-white-cool);
}

.filtered-grid .results .js-results-target .grid-item__copy {
  display: block;
  width: 100%;
  margin-left: 0;
  color: #000000;
  line-height: 120%;
  padding: 0 10px 5px 10px;
}

.filtered-grid .results .js-results-target .grid-item__brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 198px;
  height: 112px;
}

.filtered-grid .results .js-results-target .grid-item__brand-logo img {
  width: 100%;
  height: auto;
}

.filtered-grid .results .js-results-target .no-results {
  width: 100%;
  flex-basis: 100%;
  padding: 16px;
}

.filtered-grid .results .js-results-target .no-results p {
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: 700;
}

.filtered-grid .filter-buttons__container + .results {
  -ms-grid-column: 4;
  -ms-grid-column-span: 9;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 4/13;
  grid-row: 2/2;
  margin: 0px 0px 0px 16px !important;
}

@supports (display: grid) {
  .filtered-grid .filter-buttons__container + .results {
    margin: 0px;
  }
}

.filtered-grid .filter-buttons__container + .results .grid-item {
  margin-bottom: 32px;
  flex-basis: calc(33% - (8px * 4));
}

@media (max-width: 960px) {
  .filtered-grid .filter-buttons__container + .results .grid-item {
    flex-basis: calc(50% - (8px * 4));
  }
}

@media (max-width: 640px) {
  .filtered-grid .filter-buttons__container + .results .grid-item {
    flex-basis: 100%;
  }
}

.filtered-grid .filter-buttons__container + .results .grid-item {
  min-height: 122px;
  margin-bottom: 32px;
  box-shadow: 0rem 0.3rem 0.5rem 0 rgba(95, 96, 99, 0.5);
  border-radius: 0px;
  padding-bottom: 5px;
}

.filtered-grid .filter-buttons__container + .results .grid-item a {
  text-decoration: none;
}

.filtered-grid .filter-buttons__container + .results .grid-item .brandname {
  color: #545454;
  margin: 0 10px 0 10px;
}

.filtered-grid .filter-buttons__container + .results .grid-item h3 {
  font-size: 2.2rem;
  margin: 0 10px 2px 10px;
  line-height: 120%;
  color: #000000;
  /*margin-bottom: $base-spacing-unit;*/
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.filtered-grid .filter-buttons__container + .results .grid-item h4 {
  margin-bottom: 8px;
  margin-left: 10px;
}

.filtered-grid .filter-buttons__container + .results .grid-item .tag-h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 10px 2px 10px;
  line-height: 120%;
  color: #000000;
  /*margin-bottom: $base-spacing-unit;*/
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.filtered-grid .filter-buttons__container + .results .grid-item .tag-h4 {
  font-size: 2.0rem;
  line-height: 2.4rem;
  margin-bottom: 8px;
  margin-left: 10px;
}

.filtered-grid .filter-buttons__container + .results .grid-item:hover {
  box-shadow: 0.1rem 0.25rem 0.5rem 0.1rem #5f6063;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
  /*}*/
}

.filtered-grid .filter-buttons__container + .results .grid-item:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}

.filtered-grid .filter-buttons__container + .results .grid-item:hover .grid-item__details {
  color: #000;
}

.filtered-grid .filter-buttons__container + .results .grid-item:hover .grid-item__heading a {
  color: black;
}

.filtered-grid .filter-buttons__container + .results .grid-item:hover .link--item-grid {
  color: #545454;
}

.filtered-grid .filter-buttons__container + .results .grid-item:hover h3 {
  color: var(--primary);
}

.filtered-grid .filter-buttons__container + .results .grid-item:hover .grid-item__paragraph {
  color: #000;
}

.filtered-grid .filter-buttons__container + .results .grid-item:hover .grid-item__copy {
  color: var(--primary);
}

.filtered-grid .filter-buttons__container + .results .post:hover img {
  transform: translate(0%, 0) scale(1.1);
  transition: all .2s ease-in-out;
}

.filtered-grid .filter-buttons__container + .results .grid-item__heading a {
  color: black;
}

.filtered-grid .filter-buttons__container + .results .grid-item__media {
  position: relative;
  overflow: hidden;
  /*border-bottom: $base-spacing-unit solid $secondary;*/
  display: block;
  margin-bottom: 8px;
  line-height: 0;
  overflow: hidden;
}

.filtered-grid .filter-buttons__container + .results .grid-item__media:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.filtered-grid .filter-buttons__container + .results .grid-item__media > img, .filtered-grid .filter-buttons__container + .results .grid-item__media > iframe, .filtered-grid .filter-buttons__container + .results .grid-item__media > a, .filtered-grid .filter-buttons__container + .results .grid-item__media > .home-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.filtered-grid .filter-buttons__container + .results .grid-item__media > .video__wrapper, .filtered-grid .filter-buttons__container + .results .grid-item__media > .video {
  margin-top: -100%;
}

.filtered-grid .filter-buttons__container + .results .grid-item__media img {
  display: block;
  max-height: 100%;
  left: 50%;
  max-width: 95%;
  top: 50%;
  transition: all .2s ease-in-out;
  width: auto;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1, 1);
  transform: translate(-50%, -50%) translateZ(0);
}

@media (max-width: 640px) {
  .filtered-grid .filter-buttons__container + .results .grid-item__media:before {
    padding-top: 60%;
  }
  .filtered-grid .filter-buttons__container + .results .grid-item__media img {
    max-width: 100%;
    max-height: 100%;
  }
}

.filtered-grid .filter-buttons__container + .results .grid-item__body {
  display: block;
  position: relative;
}

.filtered-grid .filter-buttons__container + .results .grid-item__body .media-icon:after {
  position: static !important;
  float: right;
}

.filtered-grid .filter-buttons__container + .results .grid-item__heading {
  position: relative;
  z-index: 0;
}

.filtered-grid .filter-buttons__container + .results .grid-item__heading:hover {
  color: var(--primary);
}

.filtered-grid .filter-buttons__container + .results .video__wrapper + .grid-item__body {
  margin-top: 24px;
}

.filtered-grid .filter-buttons__container + .results .grid-item__sub-heading {
  margin: 0 0 8px 0;
  padding: 0;
}

.filtered-grid .filter-buttons__container + .results .grid-item__paragraph {
  /*margin: 0 0 $base-spacing-unit 10px;*/
  margin: 0 10px 8px 10px;
}

.filtered-grid .filter-buttons__container + .results .grid-item__details {
  /*color: $black;*/
  /*font-weight: 700;*/
  margin: 0 10px 0 10px;
  font-weight: 500;
  color: var(--primary);
}

.filtered-grid .filter-buttons__container + .results .grid-item__attribute {
  display: inline;
  padding: 0;
  margin: 0;
}

.filtered-grid .filter-buttons__container + .results .grid-item__attribute + .grid-item__attribute:before {
  content: ', ';
}

.filtered-grid .filter-buttons__container + .results .grid-item__date {
  font-style: italic;
  color: #000000;
  margin-bottom: 8px;
}

.filtered-grid .filter-buttons__container + .results .grid-item__attributes {
  padding: 0;
  list-style-type: none;
}

.filtered-grid .filter-buttons__container + .results .grid-item__attributes li {
  margin: 0;
  padding: 4px 8px;
}

.filtered-grid .filter-buttons__container + .results .grid-item__attributes li .grid-item__attributes-name {
  font-weight: 700;
}

.filtered-grid .filter-buttons__container + .results .grid-item__attributes li:nth-of-type(odd) {
  background: var(--off-white-cool);
}

.filtered-grid .filter-buttons__container + .results .grid-item__copy {
  display: block;
  width: 100%;
  margin-left: 0;
  color: #000000;
  line-height: 120%;
  padding: 0 10px 5px 10px;
}

.filtered-grid .filter-buttons__container + .results .grid-item__brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 198px;
  height: 112px;
}

.filtered-grid .filter-buttons__container + .results .grid-item__brand-logo img {
  width: 100%;
  height: auto;
}

.filtered-grid .filter-buttons__container + .results .no-results {
  width: 100%;
  flex-basis: 100%;
  padding: 16px;
}

.filtered-grid .filter-buttons__container + .results .no-results p {
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: 700;
}

.filtered-grid .filter-buttons__container + .results .filter-button {
  color: #000000;
  position: relative;
  display: inline-block;
  padding: 10px 32px 10px 24px;
  background: #e5e5e5;
  margin: 0 0 16px 16px;
  flex-grow: 0;
}

.filtered-grid .filter-buttons__container + .results .filter-button:after {
  text-transform: lowercase;
  position: absolute;
  right: 8px;
  font-size: 20px;
  content: '+';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filtered-grid .filter-buttons__container + .results .filter-button:hover {
  background: var(--primary-pale);
}

@media (max-width: 640px) {
  .filtered-grid .filter-buttons__container + .results .filter-button {
    margin: 0 0 16px 16px;
  }
}

.filtered-grid .filter-buttons__container + .results .filter-button + .filter-button {
  margin: 0 0 16px 16px;
}

@media (max-width: 767px) {
  .filtered-grid .filter-buttons__container + .results {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 3;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 3/3;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .filtered-grid .filter-buttons__container + .results {
      margin: 0px;
    }
  }
}

.filtered-grid .load-more__container {
  -ms-grid-column: 4;
  -ms-grid-column-span: 9;
  -ms-grid-row: 3;
  -ms-grid-row-span: 0;
  grid-column: 4/13;
  grid-row: 3/3;
  margin: 0px 0px 0px 0px !important;
  flex-basis: 100%;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 32px;
}

@supports (display: grid) {
  .filtered-grid .load-more__container {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .filtered-grid .load-more__container {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 4;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 4/4;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .filtered-grid .load-more__container {
      margin: 0px;
    }
  }
}

.filtered-grid .showing-results__container {
  -ms-grid-column: 4;
  -ms-grid-column-span: 9;
  -ms-grid-row: 3;
  -ms-grid-row-span: 0;
  grid-column: 4/13;
  grid-row: 3/3;
  margin: 0px 0px 0px 0px !important;
  flex-basis: 100%;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 2.6rem;
  margin-top: 32px;
}

@supports (display: grid) {
  .filtered-grid .showing-results__container {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .filtered-grid .showing-results__container {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 4;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 4/4;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .filtered-grid .showing-results__container {
      margin: 0px;
    }
  }
}

.filtered-grid .pagination-showing-results__container {
  -ms-grid-column: 4;
  -ms-grid-column-span: 9;
  -ms-grid-row: 3;
  -ms-grid-row-span: 0;
  grid-column: 4/13;
  grid-row: 3/3;
  margin: 0px 0px 0px 0px !important;
  flex-basis: 100%;
  width: 100%;
  display: block;
  text-align: center;
  /*font-size: 2.6rem;*/
  margin-top: 64px !important;
}

@supports (display: grid) {
  .filtered-grid .pagination-showing-results__container {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .filtered-grid .pagination-showing-results__container {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 4;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 4/4;
    margin: 0px 0px 0px 0px !important;
    margin-top: 64px !important;
  }
  @supports (display: grid) {
    .filtered-grid .pagination-showing-results__container {
      margin: 0px;
    }
  }
}

.filtered-grid .pagination__container {
  -ms-grid-column: 4;
  -ms-grid-column-span: 9;
  -ms-grid-row: 3;
  -ms-grid-row-span: 0;
  grid-column: 4/13;
  grid-row: 3/3;
  margin: 0px 0px 0px 0px !important;
  flex-basis: 100%;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 32px;
}

@supports (display: grid) {
  .filtered-grid .pagination__container {
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .filtered-grid .pagination__container {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 4;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 4/4;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .filtered-grid .pagination__container {
      margin: 0px;
    }
  }
}

.filtered-grid .setpages__container {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.filtered-grid .setpages__container a {
  display: inline;
}

.filtered-grid .setpages__container a, .filtered-grid .previousarrow, .filtered-grid .nextarrow {
  color: var(--primary);
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
}

.filtered-grid .setpages__container a.active {
  background-color: var(--primary);
  color: #ffffff;
  border: 1px solid #ddd;
}

.filtered-grid .setpages__container a.disabled, .filtered-grid .pagination_list li a.disabled {
  pointer-events: none;
  cursor: default;
}

.filtered-grid .setpages__container a:hover:not(.active) {
  text-decoration: underline;
}

.filtered-grid .pagination_list {
  display: inline-flex;
  list-style-type: none;
}

.filtered-grid .previousarrow {
  border-radius: 25px 0px 0px 25px !important;
}

.filtered-grid .nextarrow {
  border-radius: 0px 25px 25px 0px !important;
}

.series-selector {
  padding-bottom: 0;
  padding-top: 0;
  display: block;
}

.series-selector .select-copy {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 1/1;
  border-top: 1px solid #545454;
  padding-top: 16px;
  display: block;
}

@media (min-width: 960px) {
  .series-selector .select-copy {
    display: flex;
  }
  .series-selector .select-copy .select-copy__intro {
    flex: 0 0 75%;
    padding-right: 24px;
    max-width: 75%;
  }
  .series-selector .select-copy .show-all-button-container {
    align-items: flex-end;
    display: flex;
    flex: 0 0 25%;
    justify-content: flex-end;
    max-width: 25%;
  }
}

.series-selector .filters__wrapper {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 2;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 2/2;
  margin: 0px 16px 0px 0px !important;
  padding-top: 16px;
}

@supports (display: grid) {
  .series-selector .filters__wrapper {
    margin: 0px;
  }
}

.series-selector .filters__wrapper .filters {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 8px;
}

.series-selector .filters__wrapper .filters .filter {
  background: transparent;
  border-bottom: 0;
  margin: 0 0 16px;
  padding: 0;
  width: 100%;
}

.series-selector .filters__wrapper .filters .filter .filter__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  background: #e5e5e5;
  font-weight: 700;
  padding: 8px;
  margin: 0 0 8px 0;
}

.series-selector .filters__wrapper .filters .filter .filter__label:after {
  content: '+';
  font-size: 24px;
  line-height: 0px;
  margin-top: -4px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
}

.series-selector .filters__wrapper .filters .filter .filter__label:hover {
  background: var(--primary-pale);
}

.series-selector .filters__wrapper .filters .filter .filter__label.is-open {
  margin: 0;
}

.series-selector .filters__wrapper .filters .filter .filter__label.is-open:after {
  content: '+';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
}

.series-selector .filters__wrapper .filters .filter .filter__inputs {
  margin: 0;
  background: transparent;
  padding: 0;
}

.series-selector .filters__wrapper .filters .filter .filter__inputs .filter__item {
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
}

.series-selector .filters__wrapper .filters .filter .filter__inputs .filter__item label {
  padding: 4px;
}

.series-selector .filters__wrapper .filters .filter .filter__inputs .filter__item label:hover {
  background: var(--primary-extra-pale);
}

.series-selector .filters__wrapper .filters .filter .filter__inputs .filter__item label .filter__input {
  cursor: pointer;
  margin-right: 8px;
}

.series-selector .filters__wrapper .filters .filter .filter__inputs .filter__item:nth-of-type(odd) {
  background: transparent !important;
}

.series-selector .filters__wrapper .filters .filter .filter__inputs .filter__item:nth-of-type(even) {
  background: #f6f6f6;
}

.series-selector .results {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 3;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 3/3;
  margin: 0px 0px 0px 0px !important;
}

@supports (display: grid) {
  .series-selector .results {
    margin: 0px;
  }
}

.series-selector .results .results-target {
  padding-bottom: 0;
}

.series-selector .results .results-target .product {
  width: 100%;
  flex-basis: 100%;
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
}

.series-selector .results .results-target .product:hover {
  text-decoration: none;
  background: var(--off-white-cool);
}

.series-selector .results .results-target .product:hover .product__image img {
  transform: scale(1.1);
}

.series-selector .results .results-target .product + .product {
  border-top: 1px solid #545454;
}

.series-selector .results .results-target .product__image {
  width: 100%;
  flex-basis: 100%;
  overflow: hidden;
}

.series-selector .results .results-target .product__image img {
  z-index: 1;
  display: block;
  transition: all .2s ease-in-out;
  width: 100%;
}

@media (min-width: 640px) {
  .series-selector .results .results-target .product__image {
    width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 768px) {
  .series-selector .results .results-target .product__image {
    width: 25%;
    flex-basis: 25%;
  }
}

.series-selector .results .results-target .product .product-info {
  width: 100%;
  flex-basis: 100%;
}

.series-selector .results .results-target .product .product-info:hover .product-info__copy {
  text-decoration: none;
}

@media (min-width: 640px) {
  .series-selector .results .results-target .product .product-info {
    width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 768px) {
  .series-selector .results .results-target .product .product-info {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
}

.series-selector .results .results-target .product .product-info__discontinued {
  width: 100%;
  flex-basis: 100%;
  color: red;
  text-transform: uppercase;
  padding-bottom: 16px;
}

.series-selector .results .results-target .product .product-info__discontinued a {
  text-transform: none;
}

.series-selector .results .results-target .product .product-info__copy {
  width: 100%;
  flex-basis: 100%;
  color: #000000;
}

.series-selector .results .results-target .product__image + .product-info {
  padding-left: 16px;
}

.series-selector .results .results-target .repair-kit {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-basis: 100%;
  margin-top: 10px;
}

.series-selector .results .results-target .repair-kit__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  background: #e5e5e5;
  font-weight: 700;
  padding: 8px;
  margin: 0 0 8px 0;
}

.series-selector .results .results-target .repair-kit__label:after {
  content: '+';
  font-size: 24px;
  line-height: 0px;
  margin-top: -4px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
}

.series-selector .results .results-target .repair-kit__label:hover {
  background: var(--primary-pale);
}

.series-selector .results .results-target .repair-kit .repair-kit__label.is-open {
  margin: 0;
}

.series-selector .results .results-target .repair-kit .repair-kit__label.is-open:after {
  content: '+';
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-duration: .25s;
}

.series-selector .results .results-target .repair-kit__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  flex-basis: 100%;
  background: #ffffff;
  border-bottom: 8px solid #545454;
  padding-bottom: 15px;
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-basis: 100%;
  padding: 16px;
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link:hover {
  background: #f6f6f6;
  text-decoration: none;
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link:hover .repair-kit-link__media img {
  transform: scale(1.1);
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link__media {
  display: block;
  width: 100%;
  flex-basis: 100%;
  overflow: hidden;
}

@media (min-width: 640px) {
  .series-selector .results .results-target .repair-kit__list .repair-kit-link__media {
    width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 768px) {
  .series-selector .results .results-target .repair-kit__list .repair-kit-link__media {
    width: 25%;
    flex-basis: 25%;
  }
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link__media img {
  z-index: 1;
  display: block;
  transition: all .2s ease-in-out;
  width: 100%;
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link__body {
  display: block;
  width: 100%;
  flex-basis: 100%;
  color: #000000;
}

@media (min-width: 640px) {
  .series-selector .results .results-target .repair-kit__list .repair-kit-link__body {
    width: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 768px) {
  .series-selector .results .results-target .repair-kit__list .repair-kit-link__body {
    width: 100%;
    flex-basis: 100%;
  }
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link__body ul {
  margin: 0;
  padding: 0;
  list-style-type: disc;
  list-style-position: inside;
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link__body ul li {
  margin: 0;
  padding: 0;
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link .repair-kit-link__media + .repair-kit-link__body {
  flex-basis: 75%;
  padding-left: 16px;
}

.series-selector .results .results-target .repair-kit__list .repair-kit-link + .repair-kit-link {
  border-top: 1px solid #545454;
}

.series-selector .load-more__container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 4;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 4/4;
  margin: 0px 0px 0px 0px !important;
  flex-basis: 100%;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 32px;
}

@supports (display: grid) {
  .series-selector .load-more__container {
    margin: 0px;
  }
}

.series-selector .showing-results__container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 4;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 4/4;
  margin: 0px 0px 0px 0px !important;
  flex-basis: 100%;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 2.6rem;
  margin-top: 32px;
}

@supports (display: grid) {
  .series-selector .showing-results__container {
    margin: 0px;
  }
}

.site-search {
  border-top: 8px solid #545454;
  padding-top: 20px;
}

.h2-with-bg span.print-results {
  cursor: pointer;
  font-size: 1.4rem;
  float: right;
  text-decoration: underline;
}

.div-series-sort {
  height: 34px;
  width: 100%;
  margin: 10px;
}

.div-series-sort div.all-right {
  float: right;
  padding-right: 5px;
}

.div-series-sort h2.all-left, .div-series-sort .all-left.pull-quote__text {
  float: left;
  padding-left: 20px;
}

.div-series-sort .select-wrapper {
  position: relative;
}

.div-series-sort .select-wrapper select {
  background: #ffffff;
  border: 1px solid #545454;
  height: 34px;
  max-width: none;
}

.div-series-sort .select-wrapper select option:hover {
  background: var(--primary-extra-pale);
}

.div-series-sort .select-wrapper label {
  padding-top: 8px !important;
  margin-top: 16px !important;
}

.div-series-sort .link-sort:hover {
  cursor: pointer;
}

.div-series-sort .link-sort.down {
  background: url("/Areas/Watts/Content/images/down-arrow-34.png") no-repeat;
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
  width: 34px;
  height: 34px;
}

.div-series-sort .link-sort.up {
  background: url("/Areas/Watts/Content/images/up-arrow-34.png") no-repeat;
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
  width: 34px;
  height: 34px;
}

.unfiltered-grid {
  width: 100%;
  flex-basis: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-bottom: 32px;
  margin: 0px;
}

.unfiltered-grid .grid-item {
  flex-basis: 100%;
  position: relative;
  margin: 0px 16px 32px 16px;
}

@media (min-width: 640px) {
  .unfiltered-grid .grid-item {
    flex-basis: calc(50% - (8px * 4));
  }
}

@media (min-width: 768px) {
  .unfiltered-grid .grid-item {
    flex-basis: calc(33% - (8px * 4));
  }
}

@media (min-width: 960px) {
  .unfiltered-grid .grid-item {
    flex-basis: calc(25% - (8px * 4));
  }
}

.unfiltered-grid .grid-item a {
  text-decoration: none;
}

.unfiltered-grid .grid-item h3 {
  color: #000000;
  margin-bottom: 8px;
}

.unfiltered-grid .grid-item h4 {
  margin-bottom: 8px;
}

.unfiltered-grid .grid-item:hover {
  text-decoration: none !important;
}

.unfiltered-grid .grid-item__heading a {
  color: black;
}

.unfiltered-grid .grid-item__media {
  position: relative;
  overflow: hidden;
  border-bottom: 5px solid #545454;
  display: block;
  margin-bottom: 16px;
  line-height: 0;
  overflow: hidden;
}

.unfiltered-grid .grid-item__media:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.unfiltered-grid .grid-item__media > img, .unfiltered-grid .grid-item__media > iframe, .unfiltered-grid .grid-item__media > a, .unfiltered-grid .grid-item__media > .home-carousel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.unfiltered-grid .grid-item__media > .video__wrapper, .unfiltered-grid .grid-item__media > .video {
  margin-top: -100%;
}

.unfiltered-grid .grid-item__media:hover {
  border-bottom-color: var(--primary);
}

.unfiltered-grid .grid-item__media:hover img {
  transform: scale(1.1);
}

.unfiltered-grid .grid-item__media:hover + .grid-item__body .grid-item__heading a {
  color: var(--primary);
}

.unfiltered-grid .grid-item__media:hover + .grid-item__body .link--item-grid {
  color: #545454;
}

.unfiltered-grid .grid-item__media img {
  z-index: 1;
  display: block;
  transition: all .2s ease-in-out;
  width: 100%;
}

.unfiltered-grid .grid-item__body {
  display: block;
  position: relative;
}

.unfiltered-grid .grid-item__heading {
  position: relative;
  z-index: 0;
}

.unfiltered-grid .grid-item__heading:hover {
  color: var(--primary);
}

figure.one-half-left, img.one-half-left, span.one-half-left, figure.one-third-left, img.one-third-left, span.one-third-left, figure.one-fourth-left, img.one-fourth-left, span.one-fourth-left, figure.one-eighth-left, img.one-eighth-left, span.one-eighth-left, figure.two-thirds-left, img.two-thirds-left, span.two-thirds-left {
  float: left;
  margin: 0 30px 30px 0;
}

figure.one-half-right, img.one-half-right, span.one-half-right, figure.one-third-right, img.one-third-right, span.one-third-right, figure.one-fourth-right, img.one-fourth-right, span.one-fourth-right, figure.one-eighth-right, img.one-eighth-right, span.one-eighth-right, figure.two-thirds-right, img.two-thirds-right, span.two-thirds-right {
  float: right;
  margin: 0 0 30px 30px;
  text-align: right;
}

figure.one-eighth-left, img.one-eighth-left, span.one-eighth-left, figure.one-eighth-right, img.one-eighth-right, span.one-eighth-right {
  display: block;
  width: 12.5%;
}

figure.one-fourth-left, img.one-fourth-left, span.one-fourth-left, figure.one-fourth-right, img.one-fourth-right, span.one-fourth-right {
  display: block;
  width: 25%;
}

figure.one-third-left, img.one-third-left, span.one-third-left, figure.one-third-right, img.one-third-right, span.one-third-right {
  display: block;
  width: 33%;
}

figure.one-half-left, img.one-half-left, span.one-half-left, figure.one-half-right, img.one-half-right, span.one-half-right {
  display: block;
  width: 50%;
}

figure.two-thirds-left, img.two-thirds-left, span.two-thirds-left, figure.two-thirds-right, img.two-thirds-right, span.two-thirds-right {
  display: block;
  width: 66%;
}

@media (min-width: 640px) {
  .category {
    flex-basis: calc(50% - (8px * 4));
  }
}

@media (min-width: 960px) {
  .category {
    flex-basis: calc(25% - (8px * 4));
  }
}

.category p {
  margin-left: 16px;
}

.paragraph-heading {
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 2.4rem;
  margin: 0 0 12px;
}

@media (min-width: 640px) {
  .paragraph-heading {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
}

@media (min-width: 960px) {
  .paragraph-heading {
    font-size: 3.4rem;
    line-height: 4.0rem;
  }
}

.media-icon {
  position: relative;
}

.media-icon:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  height: 120px;
  width: 60px;
}

.media-icon svg {
  height: 120px;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  z-index: 2;
}

.media-icon svg .st0 {
  fill: var(--primary);
}

.media-icon svg .st1 {
  fill: #FFFFFF;
}

.media-icon svg .st2 {
  font-family: 'HelveticaNeue-Bold';
}

.media-icon svg .st3 {
  font-size: 9px;
}

.social__list {
  width: 180px;
  display: inline-flex;
  list-style-type: none;
  justify-content: space-between;
  padding: 0;
}

.social__list .social__item {
  height: 24px;
  width: 24px;
}

.social__list .social__item .social__link {
  display: block;
  height: 24px;
  width: 24px;
  padding: 0px;
  transition: all 200ms ease 0s;
}

.social__list .social__item .social__link:hover {
  opacity: .6;
}

.social__list .social__item .social__link img {
  width: 24px;
  padding: 0px;
}

.social__links {
  padding: 0;
}

.social__links .social__item {
  display: inline-block;
  list-style-type: none;
  margin-bottom: 0;
}

.social__links .social__item img {
  width: 24px;
  padding: 0px;
}

.social__links .social__item + .social__item {
  margin-left: 8px;
}

.report__content {
  margin-bottom: 16px;
}

.report__content p:last-child {
  margin-bottom: 0;
}

.report__content + .report__content {
  border-top: 1px solid #545454;
  padding-top: 16px;
}

#ccc #ccc-close {
  width: 16px;
  min-width: unset !important;
  border: 0 solid transparent !important;
}

#ccc #ccc-close:focus {
  outline: 0px !important;
}

#ccc #ccc-icon {
  bottom: 0 !important;
  fill: #545454 !important;
  width: 80px !important;
  height: 80px !important;
}

#ccc #ccc-icon svg {
  width: 80px !important;
  height: 80px !important;
  position: absolute;
  left: 0;
  bottom: 0;
}

#ccc #ccc-content {
  background-color: var(--primary) !important;
}

#ccc #ccc-content .ccc-notify-button {
  color: var(--primary) !important;
  transition: all 200ms ease 0s !important;
}

#ccc #ccc-content .ccc-notify-button:hover {
  background: var(--dark-primary) !important;
  border-color: var(--dark-primary) !important;
  color: #ffffff !important;
}

#ccc #ccc-content .checkbox-toggle {
  background-color: var(--dark-primary) !important;
  border-color: var(--dark-primary) !important;
}

#ccc #ccc-content .checkbox-toggle .checkbox-toggle-toggle {
  background-color: #545454 !important;
}

#ccc #ccc-content .checkbox-toggle .checkbox-toggle-off {
  opacity: 1 !important;
  color: var(--light-primary) !important;
}

#ccc #ccc-content .ccc-alert {
  background-color: var(--dark-primary) !important;
}

#ccc #ccc-content .ccc-alert .third-party-cookie-link {
  background-color: var(--dark-primary) !important;
}

.suntouch-calculator {
  /*
    @media (min-width: $medium-screen-begin) {

    }
    $ex-small-screen-begin: 480px !default;
    $small-screen-end: 639px !default;
    $medium-screen-begin: 640px !default;
    $medium-screen-end: 767px !default;
    $large-screen-begin: 768px !default;
    $large-screen-end: 959px !default;
    $ex-large-screen-begin: 960px !default;
    $ex-large-screen-end: 1365px !default;
    $ludicrous-screen-begin: 1366px !default;
    
    1/3-2/3 change at 767/768
    */
  font-size: 1.4rem;
  /*------------------------------------*    $TOOLTIPS
\*------------------------------------*/
  /* ===================================================================== TOOLTIP ICONS */
}

.suntouch-calculator h2, .suntouch-calculator .pull-quote__text {
  font-size: 2.4rem;
}

.suntouch-calculator form {
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .suntouch-calculator .select-result {
    display: flex;
  }
}

.suntouch-calculator .select-result .one-third {
  padding-right: 24px;
}

.suntouch-calculator .calculator-print-visible {
  display: none;
}

.suntouch-calculator .calculator-form-two {
  font-size: 1.4rem;
}

@media only screen and (min-width: 768px) {
  .suntouch-calculator .calculator-form-two {
    display: flex;
  }
}

.suntouch-calculator .two-thirds {
  flex: 0 0 66%;
}

.suntouch-calculator .one-third {
  flex: 0 0 33%;
}

.suntouch-calculator .one-twelfth {
  flex: 0 0 8.5%;
}

.suntouch-calculator .form-group {
  align-items: flex-start;
  display: flex;
  margin-bottom: 12px;
}

.suntouch-calculator input,
.suntouch-calculator label,
.suntouch-calculator select {
  flex-basis: 35% !important;
  margin-right: 5%;
}

.suntouch-calculator .suffix {
  display: flex;
  flex-basis: 20%;
}

.suntouch-calculator .suffix-text {
  flex-basis: 80%;
}

.suntouch-calculator .suffix-tooltip-icon {
  flex-basis: 20%;
}

.suntouch-calculator .tooltip h3 {
  font-size: 1.4rem;
  margin: 0;
}

.suntouch-calculator .button-row {
  text-align: right;
  width: 75%;
}

.suntouch-calculator .calculator-results-bar {
  background: #f2f4f5;
  padding: 30px 0 50px;
}

@media only screen and (min-width: 768px) {
  .suntouch-calculator .calculator-results-bar {
    display: flex;
  }
}

.suntouch-calculator .calculator-results-bar > div {
  flex-basis: 33%;
}

.suntouch-calculator .calculator-results-bar > div + div {
  padding-left: 5%;
  text-align: right;
}

.suntouch-calculator .calculator-results-bar h3 {
  font-size: 1.8rem;
  font-weight: 400;
}

.suntouch-calculator .total {
  font-size: 5rem;
  line-height: 1;
  margin-bottom: 12px;
}

.suntouch-calculator .total:before {
  background: #545454;
  border-radius: 50%;
  color: white;
  content: "=";
  display: inline-block;
  font-size: 2.6rem;
  font-weight: bold;
  height: 32px;
  margin: 0 0.5em 0 0;
  position: relative;
  text-align: center;
  top: -12px;
  width: 32px;
}

.suntouch-calculator .kwh-calc input {
  border-bottom: 1px solid #ced0d0;
  border-top: 3px transparent;
  border-right: 3px transparent;
  border-left: 3px transparent;
  display: inline-block;
  font-size: 1.4rem;
  margin: 0;
  padding: 15px;
  width: 100px;
}

.suntouch-calculator .kwh-calc button {
  border-bottom: 1px solid #ced0d0;
  border-radius: 0;
  height: 47px;
  min-width: 0;
  padding: 0;
  vertical-align: top;
  width: 47px;
}

.suntouch-calculator .calculator-product-row {
  display: flex;
  flex-basis: 100%;
}

.suntouch-calculator .calculator-product-row a {
  color: #000000;
}

.suntouch-calculator .calculator-product-row a:hover {
  text-decoration: none;
}

.suntouch-calculator [class*="calculator__results"] > .calculator-product-row {
  margin-bottom: 24px;
}

.suntouch-calculator .calculator-input,
.suntouch-calculator .calculator-quantity {
  padding-top: 24px;
  text-align: center;
}

.suntouch-calculator .calculator-product-container {
  display: flex;
}

.suntouch-calculator .calculator-product-container a:hover {
  text-decoration: none;
}

.suntouch-calculator .calculator-product-image {
  max-width: 200px;
  margin-left: 24px;
  order: 1;
}

.suntouch-calculator .calculator-product-details {
  flex-basis: 100%;
}

.suntouch-calculator .calculator-description {
  font-style: italic;
  font-size: 1.4rem;
}

.suntouch-calculator .calculator-model-number,
.suntouch-calculator .calculator-ordering-number {
  color: #393939;
  font-size: 1.4rem;
}

.suntouch-calculator .calculator-content-divider {
  border-bottom: 1px solid var(--primary);
  color: var(--primary);
  flex-basis: 100%;
  font-weight: bold;
  padding-bottom: 6px;
}

.suntouch-calculator .icon__container--print {
  display: inline-block;
  height: 20px;
  margin-right: 4px;
  position: relative;
  vertical-align: text-top;
  width: 20px;
}

.suntouch-calculator .calculator__icon {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.suntouch-calculator .calculator__icon path,
.suntouch-calculator calculator__icon g {
  fill: var(--primary);
}

.suntouch-calculator .tooltip-icon {
  position: relative;
  text-align: center;
  display: inline-block;
  height: 25px;
  width: 25px;
}

.suntouch-calculator .tooltip-icon:focus,
.suntouch-calculator .tooltip-icon:hover .tooltip {
  opacity: 1;
  visibility: visible;
}

.suntouch-calculator .tooltip-icon .tooltip {
  position: absolute;
  right: -11em;
  bottom: 2.9em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: white;
  background: #fff;
  border: 1px solid gainsboro;
  border-radius: 3px;
  box-shadow: 0 2px 2px silver;
  color: #333;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 0 auto;
  width: 24em;
  max-width: 24em;
  opacity: 0;
  padding: 1em;
  text-align: left;
  visibility: hidden;
  z-index: 10;
}

.suntouch-calculator .tooltip-icon .tooltip ul {
  padding-left: 1.25em;
}

@media only screen and (max-width: 959px) {
  .suntouch-calculator .tooltip-icon .tooltip {
    position: absolute;
    right: -0.5em;
    bottom: 2.9em;
  }
}

.suntouch-calculator .tooltip-icon .tooltip p {
  color: #333;
  line-height: 1.5em;
  margin: 0;
}

.suntouch-calculator .tooltip-icon .tooltip:after {
  position: absolute;
  right: 0;
  left: 0;
  border: 0.6em solid transparent;
  bottom: -1.3em;
  color: white;
  content: '▼';
  font-size: 1.4em;
  text-align: center;
  text-shadow: 0 2px 2px silver;
}

@media only screen and (max-width: 1024px) {
  .suntouch-calculator .tooltip-icon .tooltip:after {
    left: unset;
  }
}

.suntouch-calculator .calculator-errors-div p {
  background-color: #fbe3e4;
  color: #97161b;
  padding: 12px;
}

.print-visible {
  display: none;
}

@media print {
  .calculator-print-visible, .print-visible {
    display: inline-block !important;
  }
  .suntouch-calculator .calculator-product-container {
    display: block;
  }
  .suntouch-calculator .calculator-product-row {
    page-break-inside: avoid;
  }
  .suntouch-calculator .calculator-product-container {
    max-width: 350px;
  }
  .suntouch-calculator .calculator-quantity {
    padding-top: 0;
    text-align: left;
  }
  .suntouch-calculator .calculator-quantity h3 {
    font-size: 1.4rem;
  }
  .suntouch-calculator .calculator-results-bar {
    margin-bottom: 16px;
    padding: 0;
  }
  .suntouch-calculator .square-footage .heading, .suntouch-calculator .operating-cost .heading {
    display: inline-block;
  }
  .suntouch-calculator .square-footage .total, .suntouch-calculator .operating-cost .total {
    display: inline-block;
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  .suntouch-calculator .square-footage .total:before, .suntouch-calculator .operating-cost .total:before {
    content: none;
  }
  .breadcrumbs, .button, .button__large, .button__medium, .button__small, .load-more__container .load-more__button, .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container + .results .filter-button,
  .calculator-print-hidden,
  .language-bar,
  .media-grid,
  .menu-toggle,
  .primary-nav,
  .search-bar,
  .search-button,
  .calculator-input,
  button,
  footer,
  input,
  [class*="calculator-error"],
  .scrollToTop,
  .print-results {
    display: none !important;
  }
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    margin: 15mm;
    width: auto;
  }
  header {
    box-shadow: none;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /* Don't show links for images, or javascript/internal links  */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img:not(.header-logo__img) {
    max-width: 100px !important;
  }
  @page {
    margin: 0.5cm;
  }
  
  h2,
  .pull-quote__text,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  
  h2,
  .pull-quote__text,
  h3 {
    page-break-after: avoid;
  }
  .calculator-print-visible {
    display: inline-block;
  }
  .calculator-print-hidden {
    display: none;
  }
  #logo {
    display: inline-block;
  }
  
  h2,
  .pull-quote__text {
    display: inline-block;
    font-size: 12pt;
  }
  .content-subheader {
    font-size: 12pt;
  }
  .calculator-product-image {
    display: inline-block;
    max-width: 200px;
    max-height: 175px;
  }
  .page-break {
    display: block;
    page-break-before: always;
  }
  .suntouch-calculator .calculator-results-bar h3 {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .suntouch-calculator .calculator-results-bar > div + div {
    padding-left: 0;
    text-align: left;
  }
  .filtered-grid .filters__wrapper {
    display: none;
  }
  .filtered-grid .results {
    margin: 0 !important;
  }
  .filtered-grid .results .results-target {
    display: block;
  }
  .filtered-grid .results .results-target .grid-item:nth-of-type(odd), .filtered-grid .results .results-target .grid-item:nth-of-type(even) {
    display: inline-block;
    margin: 0 48px 0 0;
    page-break-inside: avoid;
    vertical-align: top;
    width: calc(48% - 48px);
  }
  .filtered-grid .results .results-target .grid-item:nth-of-type(odd) img, .filtered-grid .results .results-target .grid-item:nth-of-type(even) img {
    max-width: none !important;
  }
  .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container + .results .filter-button {
    border-radius: 0;
    display: block !important;
    margin: 0 0 0 8px;
    min-height: 0;
    min-width: 0;
    padding: 0;
  }
  .filtered-grid .filter-buttons__container .filter-button:after, .filtered-grid .filter-buttons__container + .results .filter-button:after {
    content: '';
  }
  .filtered-grid .filter-buttons__container .filter-button + .filter-button, .filtered-grid .filter-buttons__container + .results .filter-button + .filter-button {
    border-left: 1px solid #eceded;
    padding-left: 8px;
  }
}

/* End Media Print */
.category-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
  width: 100%;
  padding-bottom: 32px;
  position: relative;
}

@media (max-width: 767px) {
  .category-grid {
    grid-gap: 0;
  }
}

.category-grid .category-buttons__container {
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  -ms-grid-row: 1;
  -ms-grid-row-span: 0;
  grid-column: 1/13;
  grid-row: 1/1;
  margin: 0px 16px 0px 0px !important;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-grow: 0;
}

@supports (display: grid) {
  .category-grid .category-buttons__container {
    margin: 0px;
  }
}

.category-grid .category-buttons__container .category-button {
  display: inline-block;
  min-width: 144px;
  padding: 4px 24px;
  color: var(--primary);
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid var(--primary);
  font-weight: 700;
  font-stretch: condensed;
  text-decoration: none;
  text-align: center;
  transition: all 200ms ease 0s;
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 8px;
}

.category-grid .category-buttons__container .category-button:hover {
  background: var(--primary-extra-pale);
  text-decoration: none;
}

.category-grid .category-buttons__container .category-button:active {
  background: var(--primary-pale);
}

@media (max-width: 639px) {
  .category-grid .category-buttons__container .category-button {
    font-size: 14px;
    font-size: 1.4rem;
    min-width: 112px;
    margin-right: 8px;
    margin-bottom: 8px;
  }
}

@media (min-width: 640px) {
  .category-grid .category-buttons__container .category-button {
    font-size: 15px;
    font-size: 1.5rem;
    min-width: 128px;
    margin-right: 8px;
    margin-bottom: 8px;
  }
}

.category-grid .category-buttons__container .category-button + .category-button {
  margin-right: 8px;
  margin-bottom: 8px;
}

@media (max-width: 640px) {
  .category-grid .category-buttons__container {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .category-grid .category-buttons__container {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-column: 1/13;
    grid-row: 2/2;
    margin: 0px 0px 0px 0px !important;
  }
  @supports (display: grid) {
    .category-grid .category-buttons__container {
      margin: 0px;
    }
  }
}

.full-width-container .full-width-space {
  margin-right: 0px;
}

.full-width-container .large-image-title {
  color: white;
  font-size: 52px;
  line-height: 62px;
}

.full-width-container .flex-container-buttons-left {
  display: flex;
  margin-top: 30px;
  justify-content: left;
}

@media (max-width: 1350px) {
  .full-width-container .cta-full-width-top .cta-full-width {
    max-width: 1000px;
  }
  .full-width-container .large-image-title {
    font-size: 42px;
    line-height: 52px;
    text-align: center;
  }
  .full-width-container .large-image-description {
    font-size: 32px;
    line-height: 40px;
    padding-top: 20px;
    text-align: center;
  }
  .flex-container-buttons-left {
    justify-content: center;
  }
}

@media (max-width: 1000px) {
  /*@media (max-width: 768px){*/
  .full-width-container .cta-full-width-top {
    margin: 0 -20px 50px -20px !important;
  }
  .full-width-container .cta-full-width-top .cta-full-width {
    display: block;
    width: 100%;
    margin: 0;
  }
  .full-width-container .large-image-title {
    font-size: 32px;
    line-height: 40px;
    text-align: center;
  }
  .full-width-container .large-image-description {
    font-size: 28px;
    line-height: 35px;
    padding-top: 20px;
    text-align: center;
  }
}

@media (max-width: 720px) {
  .full-width-container .flex-container-buttons-left {
    justify-content: center;
  }
  .full-width-container .cta-full-width-top {
    padding: 20px;
    text-align: center;
    margin: 0;
  }
}

@media (max-width: 568px) {
  .flex-container-buttons-left {
    display: block;
    margin-top: 20px;
  }
}

.full-width-carousel__body {
  /*position: absolute;*/
  bottom: 48px;
  left: 16px;
  z-index: 1;
}

.full-width-carousel__body h1 {
  color: white;
}

.full-width-carousel__body h3 {
  color: white;
}

.full-width-carousel__body a {
  font-weight: 700;
  line-height: 1.25;
}

.full-width-carousel__body__heading {
  color: white;
  font-size: 4.6rem;
  line-height: 4.8rem;
  font-weight: 400;
  margin: 0 0 12px;
}

.full-width-carousel__body__subheading {
  color: white;
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: 700;
  margin: 0 0 12px;
}

.shift-slide-center, .slide-img-right {
  width: 70%;
  z-index: 1;
  position: relative;
}

.desktop-carousel {
  position: relative;
}

.desktop-carousel img {
  position: absolute;
  width: 100%;
}

.mobile-carousel {
  position: relative;
}

.mobile-carousel img {
  position: absolute;
  width: 100%;
}

@media (max-width: 500px) {
  .desktop-carousel {
    display: none;
  }
  .mobile-carousel {
    display: block;
  }
}

@media only screen and (min-width: 501px) {
  .desktop-carousel {
    display: block;
  }
  .mobile-carousel {
    display: none;
  }
}

/* CSS FILE */
.full-width-container {
  display: block !important;
  margin-top: -20px;
}

.full-width-container .desktop-carousel {
  position: relative;
}

.full-width-container .desktop-carousel img {
  position: absolute;
  width: 100%;
  height: auto;
}

.full-width-container .mobile-carousel {
  position: absolute !important;
}

.full-width-container .mobile-carousel img {
  position: relative !important;
  width: auto;
  height: 90vh;
}

.full-width-container .slide-img-right {
  width: 70%;
  margin: auto;
  padding-top: 0;
  margin-top: 70px;
}

.full-width-container .shift-slide-center {
  text-align: center;
}

.full-width-container .custom-size-one {
  width: 50%;
  margin: 0 auto;
}

.full-width-container .slide-img-right .media img {
  width: 100%;
}

.full-width-container .slick-slider {
  margin: 0;
}

.full-width-container .shift-slide-center {
  width: 50%;
  margin: auto;
  padding-top: 0;
  margin-top: 80px;
}

.full-width-container .full-width-carousel__body {
  text-align: center;
  color: white;
  font-size: 52px;
  line-height: 62px;
}

.full-width-container .full-width-carousel__body__heading {
  font-size: 52px;
  line-height: 62px;
  font-weight: 600;
}

.full-width-container .full-width-carousel__body__subheading {
  color: white;
  font-size: 36px;
  line-height: 48px;
  font-weight: 300;
}

.full-width-container .contrast .hero-carousel__slide:before {
  display: none;
}

.full-width-container .shift-slide-center {
  width: 70%;
}

.full-width-container .flex-container-buttons-left .button, .full-width-container .flex-container-buttons-left .button__large, .full-width-container .flex-container-buttons-left .button__medium, .full-width-container .flex-container-buttons-left .button__small, .full-width-container .flex-container-buttons-left .load-more__container .load-more__button, .load-more__container .full-width-container .flex-container-buttons-left .load-more__button, .full-width-container .flex-container-buttons-left .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container .full-width-container .flex-container-buttons-left .filter-button, .full-width-container .flex-container-buttons-left .filtered-grid .filter-buttons__container + .results .filter-button, .filtered-grid .filter-buttons__container + .results .full-width-container .flex-container-buttons-left .filter-button,
.shift-slide-center .button,
.shift-slide-center .button__large,
.shift-slide-center .button__medium,
.shift-slide-center .button__small,
.shift-slide-center .load-more__container .load-more__button,
.load-more__container .shift-slide-center .load-more__button,
.shift-slide-center .filtered-grid .filter-buttons__container .filter-button,
.filtered-grid .filter-buttons__container .shift-slide-center .filter-button,
.shift-slide-center .filtered-grid .filter-buttons__container + .results .filter-button,
.filtered-grid .filter-buttons__container + .results .shift-slide-center .filter-button {
  padding: 16px 24px;
  margin: 10px;
  font-size: 21px;
  min-width: 260px;
  line-height: 28px;
}

.full-width-container .flex-container-buttons-left .button--secondary, .full-width-container .flex-container-buttons-left .button--secondary__large, .full-width-container .flex-container-buttons-left .button--secondary__medium, .full-width-container .flex-container-buttons-left .button--secondary__small,
.full-width-container .shift-slide-center .button--secondary,
.full-width-container .shift-slide-center .button--secondary__large,
.full-width-container .shift-slide-center .button--secondary__medium,
.full-width-container .shift-slide-center .button--secondary__small {
  padding: 16px 24px;
  margin: 10px;
  font-size: 21px;
  min-width: 160px;
  line-height: 28px;
}

.full-width-container .media img {
  width: 65%;
}

.full-width-container .video__wrapper {
  width: 65%;
  margin: 0 auto;
}

@media (min-width: 1088px) {
  .full-width-container .hero-carousel {
    height: 460px;
  }
}

@media (min-width: 1088px) and (max-width: 1500px) {
  .full-width-container .hero-carousel__slide {
    width: 100%;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .full-width-container .slick-slider {
    height: 350px;
  }
  .full-width-container .desktop-carousel img {
    position: absolute;
    width: 100%;
    height: auto;
  }
  .full-width-container .shift-slide-center {
    margin-top: 30px;
  }
  .full-width-container .full-width-carousel__body__heading {
    font-size: 40px;
    line-height: 50px;
  }
  .full-width-container .full-width-carousel__body__subheading {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 1087px) {
  .full-width-container .shift-slide-center {
    width: 90%;
  }
  .full-width-container .hero-carousel ul.slick-dots li {
    display: none;
  }
}

@media (min-width: 538px) and (max-width: 1087px) {
  .full-width-container .hero-carousel__slide {
    height: 360px;
  }
  .full-width-container .desktop-carousel img {
    position: absolute;
    width: auto;
    height: 360px;
  }
  .full-width-container .custom-size-one {
    width: 60%;
    margin: 0 auto;
  }
}

@media (max-width: 959px) {
  .full-width-container .hero-carousel .slick-arrow {
    top: 43%;
    font-size: 50px;
  }
}

@media (max-width: 500px) {
  .full-width-container .desktop-carousel {
    display: none;
  }
  .full-width-container .mobile-carousel {
    display: block;
  }
}

@media only screen and (min-width: 501px) {
  .full-width-container .desktop-carousel {
    display: block;
  }
  .full-width-container .mobile-carousel {
    display: none;
  }
}

@media only screen and (max-width: 537px) {
  .full-width-container .hero-carousel__slide {
    height: 90vh;
    width: auto;
  }
  .full-width-container .custom-size-one {
    width: 100%;
  }
  .full-width-container .media img {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .full-width-container .flex-container-buttons-left .button__container {
    text-align: center;
  }
  .full-width-container .flex-container-buttons-left .video__wrapper {
    width: 100% !important;
  }
}

@media (min-width: 640px) {
  .full-width-container .hero-carousel__slide {
    overflow: hidden;
    padding-bottom: 36.25%;
  }
}

@media only screen and (max-width: 1087px) {
  .full-width-container .large-image-title,
  .full-width-container .full-width-carousel__body__heading {
    font-size: 30px;
    line-height: 38px;
  }
  .full-width-container .slide-img-right,
  .full-width-container .shift-slide-center {
    margin-top: 30px;
  }
  .full-width-container .full-width-carousel__body__subheading {
    font-size: 24px;
    padding-top: 15px;
    line-height: 28px;
  }
  p.full-width-carousel__body__subheading {
    padding: 0;
  }
}

.full-width-container .bcg-video {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
}

.full-width-container .video-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.6;
  z-index: 1;
}

.full-width-container .button, .full-width-container .button__large, .full-width-container .button__medium, .full-width-container .button__small, .full-width-container .load-more__container .load-more__button, .load-more__container .full-width-container .load-more__button, .full-width-container .filtered-grid .filter-buttons__container .filter-button, .filtered-grid .filter-buttons__container .full-width-container .filter-button, .full-width-container .filtered-grid .filter-buttons__container + .results .filter-button, .filtered-grid .filter-buttons__container + .results .full-width-container .filter-button {
  border: 1px solid #fff;
}