@charset "UTF-8";
/* CSS Document */
* {
  box-sizing: border-box;
}

#main {
  background: linear-gradient(
    0deg,
    rgba(249, 249, 249, 1) 40%,
    rgba(52, 56, 57, 1) 100%
  );
}
.seo-copy__text{
    color: #ffffff;
}
.seo-copy a {
  color: #fff;
  font-style: italic;
}
.btn--text-link {
  color: #fff;
}

.btn--text-link {
  font-weight: 300;
  color: #fff;
}
.cta.secondary {
  color: #fff;
}
.teaser-tile__title {
  font-weight: normal;
}
.carousel .content-teaser-img {
  background: #fff;
}

/* Hero Banner component*/
.hero_editorial {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 450px;
  width: 100%;
}

.hero_image {
  width: 100%;
  background: url("/-/media/Images/Brand/Rangemaster/banner/homepage/wk25/Rangemaster_ultra.jpg")
    no-repeat bottom center;
  height: 450px;
}
.hero_image_extractor {
  width: 100%;
  background: url("/-/media/images/brand/Rangemaster/banner/extractor/Rangemaster_ultra-min.jpg")
    no-repeat bottom center;
  height: 450px;
}
.hero_image_cooking {
  width: 100%;
  background: url("/-/media/images/brand/Rangemaster/banner/cooking/Rangemaster_ultra-min.jpg")
    no-repeat bottom center;
  height: 450px;
}

/* Navigation styles*/
.brand_nav {
  width: 100%;
  margin-top: -32px;
  margin-bottom: 15px;
  padding: 0;
}
.brand_nav a:hover {
  color: #c9c9c9;
}
.navigation {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  background: url(/-/media/images/brand/Rangemaster/navigation/rangemaster_background_nav.png)
    repeat-x;
  background-size: contain;
  height: 120px;
}

.cooking,
.extractors {
  color: #f9f9f9;
  font-size: 24px;
  text-decoration: none;
  letter-spacing: 0.5px;
  flex: 40%;
  margin-top: 45px;
}

.logo {
  width: 325px;
  background: url(/-/media/images/brand/Rangemaster/navigation/rangemaster_nav_wide.svg)
    center no-repeat;
  background-size: contain;
}

.brand_nav .active {
  font-weight: 600;
}
/* Navigation styles end*/

/* UGC Banner */
.real_kitchens {
  color: #343839;
  width: 100%;
  text-align: center;
  padding: 60px 0;
  background: #34383920;
}
.olapic_title {
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
}
.olapic_subtitle {
  font-weight: 100;
  font-size: 22px;
  line-height: 36px;
}
.olapic {
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 30px 0;
}
.gallery_container {
  display: flex;
  justify-content: center;
  max-width: 1510px;
  overflow: hidden;
  margin-right: 2.875rem;
  margin-left: 2.875rem;
}
.gallery_container > div {
  margin: 10px 15px;
  min-height: 275px;
  min-width: 275px;
  background-size: cover;
  -webkit-box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 2px 8px -1px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 8px -1px rgb(0, 0, 0, 0.15);
}

.pic1 {
  background: url(/-/media/Images/Brand/Rangemaster/wk25/rangemaster-01.jpg)
    no-repeat;
}
.pic2 {
  background: url(/-/media/Images/Brand/Rangemaster/wk25/rangemaster-02.jpg)
    no-repeat;
}
.pic3 {
  background: url(/-/media/Images/Brand/Rangemaster/wk25/rangemaster-03.jpg)
    no-repeat;
}
.pic4 {
  background: url(/-/media/Images/Brand/Rangemaster/wk25/rangemaster-04.jpg)
    no-repeat;
}
.pic5 {
  background: url(/-/media/Images/Brand/Rangemaster/wk25/rangemaster-05.jpg)
    no-repeat;
  margin: 0;
}
.gallery_button {
  display: flex;
  font-weight: 600;
  justify-content: center;
  line-height: 48px;
  border-radius: 24px;
  background: #28343d;
  padding: 0 15px;
  margin: 0 auto;
  width: 320px;
  letter-spacing: 2.2px;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

.gallery_button img {
  width: 8px;
  height: 10px;
  padding: 19px 0 0 6px;
}

/* three column teaser*/

.content-teaser.three-col .content-teaser-block .content-block {
  background: #343839 !important;
}

.three-col {
  padding: 60px 0;
  margin: 0 !important;
  background: #34383990 !important;
  color: #f9f9f9;
  text-align: center;
}

.three-col .content-teaser-block {
  background: #343839;
  box-shadow: 1px 1px 6px #232323;
  margin-bottom: 0;
}

.three-col .content-teaser-block .content-block {
  padding: 0 20px 30px 20px;
}

.content-teaser .content .body-1{
  display: none;
}
.content-teaser .content .smallcaps {
  display: none;
}

.content-teaser .content h2 {
  text-align: center;
  width: 100%;
  font-size: 30px;
  line-height: 40px;
  color: #f9f9f9;
}
.content-teaser-block .content-block h3 {
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  color: #f9f9f9;
}

.no-touch .cta.secondary {
  display: inline-block;
  color: #ffffff;
}

/* Promo Banner component*/
.promo_wrapper {
  display: flex;
  flex-direction: row-wrap;
  text-align: center;
  background: #343839;
  color: #ffffff;
}

.promo_left {
  padding: 50px 5% 40px 5%;
  width: 50%;
}
.promo_title {
  font-size: 30px;
  line-height: 50px;
  font-weight: bold;
}

.promo_copy {
  font-size: 15px;
  line-height: 25px;
  font-weight: normal;
}
.promo_button {
  display: flex;
  font-weight: 600;
  justify-content: center;
  line-height: 34px;
  border-radius: 24px;
  background: #ffffff;
  padding: 0 12px;
  width: 260px;
  letter-spacing: 2.2px;
  font-size: 11px;
  color: #ffffff;
  text-decoration: none;
  margin: 16px auto;
}

.promo_right {
  background: url(/-/media/images/brand/Rangemaster/promo/rangemaster_promo.jpg)
    center no-repeat;
  background-size: cover;
  width: 50%;
}

@media only screen and (max-width: 2560px) {
  /* Hero Banner component*/
  .hero_image {
    background: url("/-/media/images/brand/Rangemaster/banner/homepage/wk25/Rangemaster_wide.jpg")
      no-repeat bottom center;
  }
  .hero_image_extractor {
    background: url("/-/media/images/brand/Rangemaster/banner/extractor/Rangemaster_wide-min.jpg")
      no-repeat bottom center;
  }
  .hero_image_cooking {
    background: url("/-/media/images/brand/Rangemaster/banner/cooking/Rangemaster_wide-min.jpg")
      no-repeat bottom center;
  }
}
@media only screen and (max-width: 1600px) {
  /* Hero Banner component*/

  .hero_image {
    background: url("/-/media/images/brand/Rangemaster/banner/homepage/wk25/Rangemaster_desktop.jpg")
      no-repeat bottom center;
  }
  .hero_image_extractor {
    background: url("/-/media/images/brand/Rangemaster/banner/extractor/Rangemaster_desktop-min.jpg")
      no-repeat bottom center;
  }
  .hero_image_cooking {
    background: url("/-/media/images/brand/Rangemaster/banner/cooking/Rangemaster_desktop-min.jpg")
      no-repeat bottom center;
  }
  /* Navigation styles*/
  .navigation {
    height: 110px;
  }
  .brand_nav {
    margin-top: -28px;
  }
  .logo {
    width: 303px;
  }
  .cooking,
  .extractors {
    font-size: 24px;
    margin-top: 42px;
  }
  /* Navigation styles end*/

  /* Promo Banner component*/
  .competition {
    margin: 0 2.86rem;
  }
}

@media only screen and (max-width: 1400px) {
  /* Hero Banner component*/
  .hero_editorial {
    height: 350px;
  }

  .hero_image {
    background: url("/-/media/images/brand/Rangemaster/banner/homepage/wk25/Rangemaster_laptop.jpg")
      no-repeat bottom center;
    background-size: cover;
    height: 350px;
  }
  .hero_image_extractor {
    background: url("/-/media/images/brand/Rangemaster/banner/extractor/Rangemaster_laptop-min.jpg")
      no-repeat bottom center;
    background-size: cover;
    height: 350px;
  }
  .hero_image_cooking {
    background: url("/-/media/images/brand/Rangemaster/banner/cooking/Rangemaster_laptop-min.jpg")
      no-repeat bottom center;
    background-size: cover;
    height: 350px;
  }
  .cooking,
  .extractors {
    margin-top: 42px;
  }
}

@media only screen and (max-width: 1200px) {
  /* three column teaser*/
  .three-col {
    padding: 24px 0 48px 0 !important;
  }
  /* UGC Banner */
  .real_kitchens {
    padding: 48px 0;
  }
  .gallery_container {
    max-width: 1200px;
    overflow: hidden;
    margin-right: 2.875rem;
    margin-left: 2.875rem;
  }
  .gallery_container > div {
    min-height: 226px;
    min-width: 226px;
    background-size: cover;
  }
}
@media only screen and (max-width: 1023px) {
  /* Hero Banner component*/
  .hero_image {
    background: url("/-/media/images/brand/Rangemaster/banner/homepage/wk25/Rangemaster_Tablet.jpg")
      no-repeat bottom center;
    height: 350px;
  }
  .hero_image_extractor {
    background: url("/-/media/images/brand/Rangemaster/banner/extractor/Rangemaster_Tablet-min.jpg")
      no-repeat bottom center;
    height: 350px;
  }
  .hero_image_cooking {
    background: url("/-/media/images/brand/Rangemaster/banner/cooking/Rangemaster_Tab.jpg")
      no-repeat bottom center;
    height: 350px;
  }

  .button {
    display: flex;
    font-weight: 600;
    justify-content: center;
    line-height: 34px;
    border-radius: 24px;
    background: #34383d;
    padding: 0 12px;
    margin: 0 auto;
    width: 260px;
    letter-spacing: 2.2px;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
  }

  .gallery_button img {
    width: 8px;
    height: 10px;
    padding: 12px 0 0 6px;
  }

  /* Navigation styles*/

  .navigation {
    height: 80px;
  }
  .brand_nav {
    margin-top: -20px;
  }
  .logo {
    width: 220px;
    background: url(/-/media/images/brand/Rangemaster/navigation/rangemaster_nav_tab.svg)
      center no-repeat;
    background-size: contain;
  }
  .cooking,
  .extractors {
    font-size: 20px;
    margin-top: 30px;
  }
  /* UGC Banner */
  .gallery_container {
    max-width: 954px;
    overflow: hidden;
  }
  .olapic_title {
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
  }
  .olapic_subtitle {
    font-weight: 100;
    font-size: 18px;
    line-height: 24px;
  }
  .gallery_container > div {
    margin: 8px 12px;
    min-height: 162px;
    min-width: 162px;
    background-size: cover;
  }
  .gallery_button {
    display: flex;
    font-weight: 600;
    justify-content: center;
    line-height: 34px;
    border-radius: 24px;
    background: #28343d;
    padding: 0 15px;
    margin: 0 auto;
    width: 280px;
    letter-spacing: 2.2px;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
  }
  .gallery_button img {
    width: 8px;
    height: 10px;
    padding: 12px 0 0 6px;
  }
  .olapic {
    padding: 24px 0;
  }
}

@media only screen and (max-width: 767px) {
  /* Hero Banner component*/
  .hero_editorial {
    height: 250px;
  }
  .hero_image {
    background: url("/-/media/images/brand/Rangemaster/banner/homepage/wk25/Rangemaster_mobile_l.jpg")
      no-repeat bottom center;
    height: 250px;
  }
  .hero_image_extractor {
    background: url("/-/media/images/brand/Rangemaster/banner/extractor/Rangemaster_mobile_l-min.jpg")
      no-repeat bottom center;
    height: 250px;
  }
  .hero_image_cooking {
    background: url("/-/media/images/brand/Rangemaster/banner/cooking/Rangemaster_mobile_l-min.jpg")
      no-repeat bottom center;
    height: 250px;
  }

  /* Navigation styles*/

  .navigation {
    height: 60px;
  }
  .brand_nav {
    margin-top: -15px;
  }
  .cooking,
  .extractors {
    font-size: 16px;
    margin-top: 22px;
  }
  .logo {
    width: 175px;
    background: url(/-/media/images/brand/Rangemaster/navigation/rangemaster_nav_mob.svg)
      center no-repeat;
    background-size: contain;
  }
  /* three column teaser*/

  .three-col {
    padding: 24px 0 !important;
  }

  /* UGC Banner */

  .real_kitchens {
    padding: 24px 0;
  }
  .gallery_container {
    width: 735px;
    height: 140px;
    overflow: hidden;
    margin-left: 24px;
    margin-right: 24px;
  }
  .gallery_container > div {
    margin: 8px;
    min-height: 128px;
    min-width: 128px;
    background-size: cover;
  }
  .gallery_button {
    width: 250px;
  }
  .olapic_title{
    padding: 0 16px;
  }

  /* Promo Banner component*/
  .promo_wrapper {
    flex-direction: column-reverse;
  }
  .promo_title {
    font-size: 25px;
    line-height: 32px;
    font-weight: normal;
  }

  .promo_copy {
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
  }

  .promo_left,
  .promo_right {
    width: 100%;
  }
  .promo_right {
    background: url(/-/media/images/brand/Rangemaster/promo/rangemaster_promo_m.jpg)
     top no-repeat;
    background-size: cover;
    height: 280px;
  }
  .promo_left{
    padding: 24px 24px 0;
  }
}

@media only screen and (max-width: 425px) {
  /* Hero Banner component*/
  .hero_editorial {
    height: 220px;
  }

  .hero_image {
    background: url("/-/media/images/brand/Rangemaster/banner/homepage/wk25/Rangemaster_mobile_m.jpg")
      no-repeat bottom center;
    height: 220px;
  }
  .hero_image_extractor {
    background: url("/-/media/images/brand/Rangemaster/banner/extractor/Rangemaster_mobile_m-min.jpg")
      no-repeat bottom center;
    height: 220px;
  }
  .hero_image_cooking {
    background: url("/-/media/images/brand/Rangemaster/banner/cooking/Rangemaster_mobile_m-min.jpg")
      no-repeat bottom center;
    height: 220px;
  }
  .logo {
    width: 150px;
    background: url(/-/media/images/brand/Rangemaster/navigation/rangemaster_nav_mob.svg)
      center no-repeat;
    background-size: contain;
  }
}
@media only screen and (max-width: 375px) {
  .hero_image {
    background: url("/-/media/images/brand/Rangemaster/banner/homepage/wk25/Rangemaster_mobile_s.jpg")
      no-repeat bottom center;
  }
  .hero_image_extractor {
    background: url("/-/media/images/brand/Rangemaster/banner/extractor/Rangemaster_mobile_s-min.jpg")
      no-repeat bottom center;
    height: 220px;
  }
  .hero_image_cooking {
    background: url("/-/media/images/brand/Rangemaster/banner/cooking/Rangemaster_mobile_s-min.jpg")
      no-repeat bottom center;
    height: 220px;
  }
}