/* Video Widget*/
/* Big button Widget */
/* <b> tag*/
/* Widths */
/* Colours */
/* Font Sizes */
/* Font Weight */
/* Text Decoration */
/* Text Transform */
div.brand-pages {
    font-size: 15px;
  }
  div.brand-pages h1,
  div.brand-pages h2,
  div.brand-pages h3,
  div.brand-pages h4,
  div.brand-pages h5,
  div.brand-pages h6,
  div.brand-pages a,
  div.brand-pages button,
  div.brand-pages input,
  div.brand-pages textarea,
  div.brand-pages select,
  div.brand-pages p {
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
  }
  @media (min-width: 768px) {
    div.brand-pages h1,
    div.brand-pages h2,
    div.brand-pages h3,
    div.brand-pages h4,
    div.brand-pages h5,
    div.brand-pages h6,
    div.brand-pages a,
    div.brand-pages button,
    div.brand-pages input,
    div.brand-pages textarea,
    div.brand-pages select,
    div.brand-pages p {
      line-height: 1.55;
    }
  }
  div.brand-pages h1,
  div.brand-pages h2,
  div.brand-pages h3,
  div.brand-pages h4,
  div.brand-pages h5,
  div.brand-pages h6 {
    line-height: 1.3;
  }
  div.brand-pages h1 a,
  div.brand-pages h2 a,
  div.brand-pages h3 a,
  div.brand-pages h4 a,
  div.brand-pages h5 a,
  div.brand-pages h6 a {
    line-height: 1.3;
  }
  div.brand-pages h2 {
    line-height: 1.2;
  }
  div.brand-pages h2 a {
    line-height: 1.2;
  }
  div.brand-pages h1 {
    color: #00aeef;
    font-size: 42px;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
  }
  div.brand-pages h1 a {
    color: #00aeef;
  }
  @media (min-width: 1200px) {
    div.brand-pages h1 {
      font-size: 60px;
    }
  }
  div.brand-pages h2 {
    font-size: 36px;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
    margin-bottom: 38px;
  }
  @media (min-width: 1200px) {
    div.brand-pages h2 {
      font-size: 36px;
    }
  }
  div.brand-pages h3 {
    font-size: 25.2px;
    font-weight: 600;
    text-decoration: none;
    text-transform: none;
  }
  div.brand-pages h3 a {
    color: #00aeef;
  }
  @media (min-width: 1200px) {
    div.brand-pages h3 {
      font-size: 36px;
    }
  }
  div.brand-pages .widget-video {
    text-transform: uppercase;
    background-size: contain;
  }
  div.brand-pages .widget-video .slick-slider .slick-slide .image {
    position: relative;
  }
  div.brand-pages .widget-video .slick-slider .slick-slide .slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: black;
  }
  div.brand-pages .widget-video .rbp-icon:before {
    content: "c";
  }
  div.brand-pages .widget-video .image {
    text-align: right;
  }
  div.brand-pages .widget-video .image img {
    margin: 0 auto;
  }
  div.brand-pages .widget-video .text {
    text-align: left;
  }
  @media (min-width: 768px) {
    div.brand-pages .widget-video .text {
      left: -20%;
      top: 50%;
      position: absolute;
      font-size: 48px;
      -webkit-transform: translateY(-50%) translateX(-100%);
      -moz-transform: translateY(-50%) translateX(-100%);
      -ms-transform: translateY(-50%) translateX(-100%);
      -o-transform: translateY(-50%) translateX(-100%);
      transform: translateY(-50%) translateX(-100%);
    }
  }
  div.brand-pages .widget-video .text p {
    color: #00aeef;
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 0;
  }
  div.brand-pages .widget-video .text b {
    text-decoration: underline;
    color: black;
  }
  div.brand-pages .widget-video .play i {
    color: black;
    font-size: 70px;
  }
  div.brand-pages .widget-video .play .label {
    display: none;
  }
  div.brand-pages .widget-slider.carousel .slick-slider .slick-slide {
    padding: 0;
  }
  div.brand-pages .widget-link {
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #ef392f;
    color: #ef392f;
    font-weight: 400;
    margin: 10px auto;
  }
  div.brand-pages .widget-link:before,
  div.brand-pages .widget-link:after {
    content: '';
    width: 11px;
    height: 12px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    margin-top: -2px;
    background: url('/resources/themes/bathrooms/images/brands/franke/arrow-right.gif') center center no-repeat;
    transition: transform 0.3s ease-in-out;
  }
  div.brand-pages .widget-link:after {
    margin-right: 0;
    margin-left: 5px;
    margin-top: -1px;
    background-image: url('/resources/themes/bathrooms/images/brands/franke/arrow-left.gif');
  }
  div.brand-pages .widget-link:hover {
    text-decoration: none;
  }
  div.brand-pages .widget-link:hover:before {
    transform: translateX(2px);
  }
  div.brand-pages .widget-link:hover:after {
    transform: translateX(-2px);
  }
  div.brand-pages > .container-fluid:last-child {
    margin-bottom: 100px;
  }
  div.brand-pages .navbar.topNav {
    border-bottom: 41px solid #c91d1d;
  }
  div.brand-pages .intro,
  div.brand-pages .history {
    font-size: 1.3em;
    line-height: 1.65;
    text-align: center;
  }
  div.brand-pages .intro .rte,
  div.brand-pages .history .rte {
    margin: 0 auto;
  }
  div.brand-pages .intro h2,
  div.brand-pages .history h2 {
    margin-bottom: 30px;
  }
  div.brand-pages .history,
  div.brand-pages .downloads {
    background: url('/resources/themes/bathrooms/images/brands/franke/hr.gif') center top no-repeat;
    min-height: 24px;
    padding-top: 74px;
    margin-top: 50px;
  }
  div.brand-pages .intro .image {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  @media (min-width: 480px) {
    div.brand-pages .intro .image {
      margin-top: 0;
    }
  }
  div.brand-pages .intro .rte {
    max-width: 844px;
  }
  div.brand-pages .intro .rte > img:first-child {
    display: block;
    margin-bottom: 30px;
  }
  @media (min-width: 480px) {
    div.brand-pages .intro .rte > img:first-child {
      display: none;
    }
  }
  div.brand-pages .history {
    max-width: 1055px;
    font-size: 1.2em;
  }
  div.brand-pages .history .rte {
    max-width: 995px;
    margin: 0 auto;
  }
  div.brand-pages .history .rte p > img:first-child {
    margin-top: 30px;
  }
  @media (min-width: 768px) {
    div.brand-pages .history .rte p > img:last-child {
      margin-bottom: 30px;
    }
  }
  div.brand-pages .video-main {
    max-width: 1055px;
    margin-bottom: 50px;
  }
  @media (min-width: 768px) {
    div.brand-pages .video-main {
      margin-top: 70px;
      margin-bottom: 70px;
    }
    div.brand-pages .video-main > .row {
      margin: 0 auto;
    }
  }
  div.brand-pages .range {
    max-width: 995px;
    text-align: center;
    font-size: 1.05em;
    margin-bottom: 0;
  }
  @media (min-width: 768px) {
    div.brand-pages .range p {
      line-height: 1.5;
    }
  }
  div.brand-pages .range .widget-html-image .image {
    margin-bottom: 0;
  }
  div.brand-pages .range .rte {
    padding-bottom: 30px;
    max-width: 400px;
    margin: 0 auto;
  }
  div.brand-pages .range .rte > img:first-child {
    display: none;
  }
  div.brand-pages .range .rte > img:first-child + h3,
  div.brand-pages .range .rte > h3:first-child {
    margin-top: 20px;
  }
  @media (min-width: 768px) {
    div.brand-pages .range .rte {
      padding: 21% 20%;
      padding-bottom: 5px;
      max-width: none;
      margin-bottom: 0;
    }
    div.brand-pages .range .rte > img:first-child {
      display: inline;
    }
    div.brand-pages .range .rte > img:first-child + h3,
    div.brand-pages .range .rte > h3:first-child {
      margin-top: 0;
    }
  }
  div.brand-pages .downloads {
    background-image: url('/resources/themes/bathrooms/images/brands/franke/hr-long.gif');
    margin-top: 30px;
    text-align: center;
  }
  @media (min-width: 768px) {
    div.brand-pages .downloads {
      margin-top: 100px;
    }
  }
  div.brand-pages .downloads h3 {
    margin-bottom: 0;
  }
  div.brand-pages .downloads .widget-slider {
    margin-top: 30px;
  }
  div.brand-pages .downloads .widget-slider .image img {
    max-height: 168px;
  }