/* Video Widget*/
/* Big button Widget */
div.brand-pages {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Neue Helvetica W01', sans-serif;
    overflow: hidden;
    color: black;
    margin-bottom: -35px;
    font-weight: 300;
  }
  div.brand-pages .container-fluid {
    padding: 0;
  }
  @media (min-width: 1230px) {
    div.brand-pages .container-fluid {
      padding: 0 15px;
    }
  }
  div.brand-pages ul {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
  }
  div.brand-pages li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 22px;
  }
  div.brand-pages li:before {
    content: " ";
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2011%2010%22%20width%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m4.48696127%200%204.48696127%203.79884583v6.14666166h-8.97392254v-6.14666166z%22%20fill%3D%22%23db031d%22%20fill-rule%3D%22evenodd%22%20transform%3D%22matrix(0%201%20-1%200%2010.5%20.5)%22%2F%3E%3C%2Fsvg%3E');
    background-size: 9px 10px;
    width: 9px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 7px;
  }
  div.brand-pages .slick-dots {
    margin-top: 14px;
  }
  div.brand-pages .slick-dots li {
    padding: 0 14px;
    width: auto;
    height: auto;
    margin: 0;
  }
  div.brand-pages .slick-dots li:before {
    content: "";
    display: none;
  }
  div.brand-pages .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50%;
    background-color: #B5B5B5;
  }
  div.brand-pages .slick-dots li button:before {
    content: "";
  }
  div.brand-pages .slick-dots li.slick-active button {
    background-color: #3C3C3C;
  }
  div.brand-pages .intro {
    overflow: hidden;
  }
  div.brand-pages .intro__banner {
    background-color: black;
    background-image: url("../images/brands/milwaukee/intro-background.jpg");
    background-position: center center;
    padding: 0 8px;
    padding-bottom: 70px;
  }
  @media (min-width: 768px) {
    div.brand-pages .intro__banner {
      padding: 0 30px;
      padding-bottom: 70px;
    }
  }
  @media (min-width: 992px) {
    div.brand-pages .intro__banner {
      padding: 0;
      padding-bottom: 70px;
    }
  }
  div.brand-pages .intro__banner .rte {
    max-width: 758px;
    margin: 0 auto;
    color: white;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }
  div.brand-pages .intro__banner:before,
  div.brand-pages .intro__banner:after {
    content: " ";
    width: 50%;
    background: white;
    height: 100%;
    position: absolute;
    top: 100%;
  }
  div.brand-pages .intro__banner:before {
    left: 0;
    transform-origin: right top;
    transform: rotate(9deg);
  }
  div.brand-pages .intro__banner:after {
    left: 50%;
    transform-origin: left top;
    transform: rotate(-9deg);
  }
  div.brand-pages .intro__logo {
    display: block;
    margin: 0 auto;
    margin-bottom: 44px;
  }
  div.brand-pages h1 {
    font-size: 32px;
    line-height: 1;
    text-align: center;
    max-width: 255px;
    letter-spacing: 0;
    margin: 0 auto;
    color: white;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 900;
  }
  @media (min-width: 768px) {
    div.brand-pages h1 {
      font-size: 40px;
      max-width: 560px;
    }
  }
  @media (min-width: 992px) {
    div.brand-pages h1 {
      font-size: 40px;
      max-width: 560px;
    }
  }
  div.brand-pages .performance-title h2 {
    font-size: 28px;
    max-width: 325px;
    color: black;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
  }
  div.brand-pages .performance-title h2:before,
  div.brand-pages .performance-title h2:after {
    content: " ";
    display: block;
    width: 60px;
    height: 5px;
    background: #DB031D;
    margin: 0 auto;
  }
  div.brand-pages .performance-title h2:before {
    margin-bottom: 20px;
  }
  div.brand-pages .performance-title h2:after {
    margin-top: 20px;
  }
  div.brand-pages .features {
    margin-bottom: 0;
  }
  div.brand-pages .features__banner {
    background-image: url("../images/brands/milwaukee/m18-performance-banner-mobile.jpg");
    background-size: cover;
    background-position: center center;
    min-height: 420px;
  }
  @media (min-width: 992px) {
    div.brand-pages .features__banner {
      background-image: url("../images/brands/milwaukee/m18-performance-banner.jpg");
      min-height: 581px;
    }
  }
  div.brand-pages .features__banner .image {
    width: 161px;
    height: 102px;
    margin: 0;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%20230%20145%22%20height%3D%22145%22%20viewBox%3D%220%200%20230%20145%22%20width%3D%22230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m230%20108.4-115%2036.6-115-36.6v-108.4h230z%22%20fill%3D%22%23db031d%22%2F%3E%3C%2Fsvg%3E');
    background-size: 161px 102px;
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 30px;
    padding-left: 30px;
    margin-bottom: 12px;
  }
  div.brand-pages .features__banner .image img {
    width: 99px;
    height: 36px;
    display: block;
  }
  div.brand-pages .features__banner .rte {
    position: absolute;
    left: 30px;
    top: 0;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    color: white;
  }
  @media (min-width: 768px) {
    div.brand-pages .features__banner .rte {
      left: 45px;
    }
  }
  @media (min-width: 992px) {
    div.brand-pages .features__banner .rte {
      left: 97px;
    }
  }
  div.brand-pages .container-unpadded {
    max-width: 1200px;
  }
  @media (max-width: 1229px) and (min-width: 1201px) {
    div.brand-pages .container-unpadded {
      max-width: 1230px;
    }
  }
  div.brand-pages .features-content {
    background: black;
    color: white;
    position: relative;
    z-index: 2;
    margin-bottom: 92px;
  }
  @media (min-width: 768px) {
    div.brand-pages .features-content {
      margin-bottom: 30px;
    }
  }
  div.brand-pages .features-content:before {
    content: " ";
    display: block;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22430%22%20viewBox%3D%220%200%201200%20430%22%3E%3Ctitle%3EMask%3C%2Ftitle%3E%3Cpath%20d%3D%22M600%200L1200%2069.5%201200%20430%200%20430%200%2069.5z%22%2F%3E%3C%2Fsvg%3E');
    background-position: top center;
    width: 100%;
    height: 70px;
    position: absolute;
    top: -70px;
    left: 0;
  }
  div.brand-pages .features-content h3 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 10px;
    max-width: 250px;
  }
  @media (min-width: 992px) {
    div.brand-pages .features-content h3 {
      max-width: none;
    }
  }
  div.brand-pages .features-content h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 900;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  div.brand-pages .features-content .btn {
    border: 1px solid #DB031D;
    color: white;
    line-height: 43px;
    height: 45px;
    text-align: center;
    padding: 0 24px;
    font-weight: 700;
    border-radius: 0;
    background-color: black;
    transition: background-color 0.3s ease-in-out;
  }
  div.brand-pages .features-content .btn:hover {
    background-color: #DB031D;
  }
  div.brand-pages .features-content__left {
    padding-left: 30px;
    padding-bottom: 20px;
  }
  @media (min-width: 768px) {
    div.brand-pages .features-content__left {
      padding-bottom: 47px;
    }
  }
  @media (min-width: 992px) {
    div.brand-pages .features-content__left {
      padding-left: 70px;
    }
  }
  div.brand-pages .features-content__right .image {
    position: absolute;
    bottom: -72px;
    left: 50%;
    transform: translateX(-50%);
  }
  @media (min-width: 992px) {
    div.brand-pages .features-content__right .image {
      left: auto;
      top: auto;
      bottom: -31px;
      right: 106px;
      transform: translateX(0);
    }
  }
  div.brand-pages .features-content__right .image img {
    width: 284px;
    height: 197px;
    display: block;
    max-width: none;
  }
  @media (min-width: 992px) {
    div.brand-pages .features-content__right .image img {
      width: 405px;
      height: 282px;
    }
  }
  div.brand-pages .features-content__right .rte {
    background: #333333;
    width: 210px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    padding: 30px 26px;
    padding-bottom: 102px;
    margin-bottom: 40px;
    margin-top: 30px;
  }
  div.brand-pages .features-content__right .rte > img:first-child {
    display: block;
    margin-bottom: 10px;
  }
  @media (min-width: 768px) {
    div.brand-pages .features-content__right .rte {
      margin-top: 87px;
    }
  }
  @media (min-width: 992px) {
    div.brand-pages .features-content__right .rte {
      width: 300px;
      padding: 44px 40px;
      padding-bottom: 200px;
      font-size: 20px;
      line-height: 22px;
      margin-top: 0;
      margin-bottom: 100px;
    }
  }
  div.brand-pages .categories {
    margin-bottom: 50px;
    padding-left: 30px;
    margin-bottom: 10px;
  }
  @media (min-width: 992px) {
    div.brand-pages .categories {
      padding: 0 30px;
      margin-bottom: 50px;
    }
  }
  @media (min-width: 1230px) {
    div.brand-pages .categories {
      padding: 0 15px;
    }
  }
  @media (max-width: 449px) {
    div.brand-pages .categories .col-xs-6 {
      width: 300px;
    }
  }
  @media (min-width: 450px) and (max-width: 991px) {
    div.brand-pages .categories .col-xs-6 {
      width: 360px;
    }
  }
  div.brand-pages .categories .row > .slick-list {
    overflow: visible;
  }
  div.brand-pages .categories h3 {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1;
    font-weight: 900;
    margin-bottom: 14px;
    text-transform: uppercase;
    min-height: 40px;
  }
  div.brand-pages .categories h4 {
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    margin-top: 23px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  div.brand-pages .categories .rbp-icon {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M30.2%2020.8L15%2030.6V11l15.2%209.8z%22%2F%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M21%2041.5C9.7%2041.5.5%2032.3.5%2021S9.7.5%2021%20.5%2041.5%209.7%2041.5%2021%2032.3%2041.5%2021%2041.5zm0-40C10.2%201.5%201.5%2010.2%201.5%2021S10.2%2040.5%2021%2040.5%2040.5%2031.8%2040.5%2021%2031.8%201.5%2021%201.5z%22%2F%3E%3C%2Fsvg%3E');
    background-size: 40px 40px;
    display: block;
    width: 40px;
    height: 40px;
  }
  div.brand-pages .categories .rbp-icon:before {
    content: " ";
  }
  div.brand-pages .categories .rte {
    font-size: 16px;
    line-height: 20px;
    padding-right: 13px;
    padding-bottom: 50px;
  }
  div.brand-pages .categories .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #DB031D;
    color: black;
    line-height: 43px;
    height: 45px;
    text-align: center;
    padding: 0 24px;
    font-weight: 700;
    border-radius: 0;
    background-color: white;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    margin: 0 auto;
  }
  div.brand-pages .categories .btn:hover {
    background-color: #DB031D;
    color: white;
  }
  div.brand-pages .widget-video .play .label {
    display: none;
  }
  div.brand-pages .video-slides {
    background: black;
  }
  div.brand-pages .video-slides .slide .close .rbp-close-icon {
    color: white;
  }
  div.brand-pages .video-slides .slide .image {
    position: relative;
  }
  div.brand-pages .video-slides .slide .image:before {
    content: " ";
    position: absolute;
    left: 30px;
    top: 0;
    width: 113px;
    height: 72px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%20230%20145%22%20height%3D%22145%22%20viewBox%3D%220%200%20230%20145%22%20width%3D%22230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m230%20108.4-115%2036.6-115-36.6v-108.4h230z%22%20fill%3D%22%23db031d%22%2F%3E%3C%2Fsvg%3E');
    background-size: 113px 72px;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 2;
  }
  div.brand-pages .video-slides .slide .image:after {
    content: " ";
    position: absolute;
    width: 74px;
    height: 27px;
    display: block;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2252%22%20height%3D%2220%22%20viewBox%3D%220%200%2052%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EM18%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M48.79%2017.117c0%20.988-.805%201.797-1.789%201.797H2.052a1.8%201.8%200%200%201-1.79-1.797V2.062c0-.99.806-1.798%201.79-1.798h44.95c.983%200%201.788.809%201.788%201.798v15.055z%22%20stroke%3D%22%231D1D1B%22%2F%3E%3Cpath%20d%3D%22M48.79%2017.117c0%20.988-.805%201.797-1.789%201.797H2.052a1.8%201.8%200%200%201-1.79-1.797V2.062c0-.99.806-1.798%201.79-1.798h44.95c.983%200%201.788.809%201.788%201.798v15.055z%22%20fill%3D%22%23FEFEFE%22%2F%3E%3Cpath%20fill%3D%22%231D1D1B%22%20d%3D%22M49.668%2017.923h-.333v-.207h.91v.207h-.333v.91h-.244zm.705-.206h.343l.26.766h.003l.246-.766h.343v1.115h-.228v-.79h-.003l-.272.79h-.188l-.272-.783h-.003v.783h-.23z%22%2F%3E%3Cpath%20fill%3D%22%23DC062B%22%20d%3D%22M3.532%203.767h6.526l1.923%206.854h.032l1.924-6.854h6.526V15.56h-4.208V7.136h-.033l-2.466%208.424H10.24L7.773%207.136H7.74v8.424H3.532z%22%2F%3E%3Cpath%20d%3D%22M25.31%208.793h-3.592l.628-2.962h.711c2.084-.034%203.27-.494%204.202-2.128h3.575l-2.508%2011.815h-4.439l1.424-6.725zm15.544-1.519c.152-.727-.37-.946-2.034-.946-1.665%200-2.286.22-2.438.946-.168.76.353.98%202.017.98%201.665%200%202.287-.22%202.455-.98m-5.717%204.611c-.134.625.287%201.099%202.287%201.099%202.001%200%202.623-.474%202.758-1.099.202-.945-.404-1.216-2.27-1.2-1.866-.016-2.572.255-2.775%201.2m10.66-5.101C45.51%208.119%2044.537%208.98%2043.19%209.2v.033c1.597.22%202.169%201.487%201.917%202.67-.572%202.736-3.161%203.92-8.306%203.92-5.11%200-7.195-1.184-6.624-3.92.252-1.183%201.362-2.45%203.027-2.67V9.2c-1.245-.22-1.85-1.081-1.564-2.416.555-2.67%203.547-3.294%207.784-3.294%204.203%200%206.927.625%206.372%203.294%22%20fill%3D%22%231D1D1B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: 74px 27px;
    background-position: top left;
    background-repeat: no-repeat;
    top: 17px;
    left: 52px;
    z-index: 2;
  }
  div.brand-pages .col-first .slide .image:after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2074%2028%22%20height%3D%2228%22%20viewBox%3D%220%200%2074%2028%22%20width%3D%2274%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m69.4%2024.3c0%201.4-1.1%202.6-2.5%202.6h-64c-1.4%200-2.5-1.1-2.5-2.6v-21.4c0-1.4%201.1-2.6%202.5-2.6h64c1.4%200%202.5%201.1%202.5%202.6z%22%20fill%3D%22none%22%20stroke%3D%22%231d1d1b%22%2F%3E%3Cpath%20d%3D%22m69.4%2024.3c0%201.4-1.1%202.6-2.5%202.6h-64c-1.4%200-2.5-1.1-2.5-2.6v-21.4c0-1.4%201.1-2.6%202.5-2.6h64c1.4%200%202.5%201.1%202.5%202.6z%22%20fill%3D%22%23fefefe%22%2F%3E%3Cpath%20d%3D%22m4.9%205.3h9.3l2.8%209.7%202.7-9.8h9.3v16.8h-6v-12l-3.5%2012h-5l-3.5-12v12h-6z%22%20fill%3D%22%23dc062b%22%2F%3E%3Cg%20fill%3D%22%231d1d1b%22%3E%3Cpath%20d%3D%22m36%2012.4h-5.1l.9-4.2h1c3%200%204.7-.7%206-3h5.1l-3.6%2016.8h-6.3z%22%2F%3E%3Cpath%20d%3D%22m56.9%2011.7c.9-.2%201.4-.6%201.6-1.3.2-1-.9-1.3-2.4-1.3-1.8%200-3.7.2-4.3%202.3h-7.2c1.7-5.7%207.4-6.5%2011.6-6.5%205.5%200%2010.4%201%209.4%205.6-.7%203.2-4.2%204.4-6.7%204.9l-6.3%201.1c-1.5.3-2.3.6-2.9%201.3h13.9l-.9%204.2h-21c1.5-6.4%205.9-8.4%2010.1-9.2z%22%2F%3E%3Cpath%20d%3D%22m70.7%2025.5h-.5v-.3h1.3v.3h-.5v1.3h-.3z%22%2F%3E%3Cpath%20d%3D%22m71.7%2025.2h.5l.4%201.1.3-1.1h.5v1.6h-.3v-1.1l-.4%201.1h-.3l-.4-1.2v1.1h-.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  div.brand-pages .footer {
    margin-bottom: 0;
  }
  div.brand-pages .footer__banner {
    background-color: black;
    background-image: url("../images/brands/milwaukee/innovation-footer-bg-mobile.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 30px;
    text-align: center;
  }
  @media (min-width: 992px) {
    div.brand-pages .footer__banner {
      padding: 103px 30px 81px;
      background-image: url("../images/brands/milwaukee/innovation-footer-bg.jpg");
    }
  }
  div.brand-pages .footer__banner .rte h3 {
    color: white;
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    max-width: 272px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  @media (min-width: 768px) {
    div.brand-pages .footer__banner .rte h3 {
      font-size: 38px;
      max-width: 550px;
    }
  }
  @media (min-width: 992px) {
    div.brand-pages .footer__banner .rte h3 {
      max-width: none;
    }
  }
  div.brand-pages .footer__banner .btn {
    border: 1px solid #DB031D;
    color: white;
    line-height: 43px;
    height: 45px;
    text-align: center;
    padding: 0 24px;
    font-weight: 700;
    border-radius: 0;
    background-color: #DB031D;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    margin: 0 auto;
  }
  div.brand-pages .footer__banner .btn:hover {
    background-color: white;
    color: #DB031D;
  }