/* Buttons */
.btn {
  font-family: "Open Sans" !important;
  font-size: 12px !important;
  min-height: 50px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1429em !important;
}
.btn-link {
  color: #009cde;
  min-height: 20px !important;
}
.btn-link:hover {
  color: rgba(25, 41, 57, 1) !important;
  text-decoration: none;
}
.btn-sm {
  min-height: 20px !important;
  padding: 0.5rem !important;
}
.btn-primary {
  background-color: #009cde !important;
  border-color: #009cde !important;
}
.btn-primary:hover {
  background-color: #00a9f1 !important;
  border-color: #00a9f1 !important;
}
.btn-pills-group {
}
.btn-pills-group a {
  border: 1px solid rgba(201, 206, 215, 1);
  border-radius: 100px;
}
.btn-pills-group a:hover {
  border: 1px solid rgba(201, 206, 215, 1);
  color: unset;
}
.btn-pills-group a.active {
  background-color: rgba(255, 51, 102, 1);
  border: 1px solid rgba(255, 51, 102, 1);
  color: rgba(255, 255, 255, 1);
}
.btn-pills-group a.active:hover {
  color: rgba(255, 255, 255, 1);
}
.text-body {
  color: rgba(0, 18, 36, 0.9) !important;
}
.border-munsell {
  border-color: rgba(238, 241, 245, 1) !important;
}
.border-white-80 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.sticky-inner::-webkit-scrollbar {
  width: 5px;
  margin-left: 2px;
}
.sticky-inner::-webkit-scrollbar-track {
  background: #fff;
  box-shadow: inset 0 0 14px 14px transparent;
  border: solid 4px transparent;
}
.sticky-inner::-webkit-scrollbar-thumb {
  background: #ddd;
}
@media only screen and (min-device-width: 1024px) {
  .sticky-inner {
    overflow: hidden;
    max-height: 95vh;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
  }
  .sticky-inner:hover {
    overflow-y: scroll;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .sticky-inner {
    overflow: hidden;
    overflow-y: scroll;
    max-height: 98vh;
    padding-bottom: 110px;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 575.98px) {
}
#filters-column {
  width: 80%;
  min-height: 340px;
  height: auto;
  float: left;
}
#filters-column h3 {
  margin: 0 !important;
  font-family: "Open Sans" !important;
  font-size: 24px !important;
  font-weight: bold;
  color: rgba(0, 18, 36, 0.9) !important;
  text-transform: uppercase;
}
#filters-column h4 {
  padding-bottom: 18px !important;
  font-family: "Open Sans" !important;
  font-size: 14px !important;
  font-weight: bold;
  color: rgba(0, 18, 36, 0.9) !important;
  text-transform: uppercase;
}
#accordion .card .card-header {
  padding: 0 !important;
  background-color: rgba(255, 255, 255, 1) !important;
  border: 0 !important;
  border-top: 1px solid rgba(238, 241, 245, 1) !important;
}
#accordion .card .card-header .filter-header {
  margin-top: 16px;
}
#accordion .card .card-header .filter-header::after {
  float: right;
  margin-left: 5px;
  color: rgba(0, 18, 36, 1);
  font-family: "Material Icons";
  font-size: 1.8rem;
  line-height: 1rem;
  font-weight: normal;
  content: "\e313";
}
#accordion .card .card-header .filter-header[aria-expanded="true"]::after {
  content: "\e316";
}
#accordion .card .card-header:hover {
  cursor: pointer;
}
.product-list,
.product-colour {
  width: 100%;
  display: block;
  padding: 4px 0;
  font-family: "Open Sans" !important;
  font-size: 14px !important;
  /*padding-left: 13px;*/
  border: 1px solid rgba(255, 255, 255, 1) !important;
}
.product-list::before {
  /*float: left;
  color: rgba(201, 206, 215, 1);
  font-family: "Material Icons";
  font-size: 1.6rem;
  font-weight: normal;
  content: "\e835";
  line-height: 22px;*/
}
.product-list.active,
.product-colour.active {
  padding: 4px 8px;
  border: 1px solid rgba(255, 51, 102, 1) !important;
  border-radius: 2px;
}
.product-list.active::after,
.product-colour.active::after {
  float: right;
  color: rgba(255, 51, 102, 1);
  font-family: "Material Icons";
  font-size: 1rem;
  font-weight: normal;
  content: "\e5cd";
  line-height: 22px;
}
.product-list b,
.product-colour b {
  font-family: "Open Sans" !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  padding-left: 4px;
}
.product-colour .filter-colour {
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 8px;
  border-radius: 100px;
}
.product-colour.green {
  font-weight: 400 !important;
}
.filter-colour.alabaster {
  background-color: #f0e5d2;
}
.filter-colour.bespoke-painted {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/bespoke-painted.jpg);
  background-size: contain !important;
}
.filter-colour.black {
  background-color: #101317;
}
.filter-colour.black-ash {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/black-ash.jpg);
}
.filter-colour.blue {
  background-color: #213343;
}
.filter-colour.brown {
  background-color: #52361b;
}
.filter-colour.carbon {
  background-color: #424444;
}
.filter-colour.cashmere {
  background-color: #c4bbb3;
}
.filter-colour.champagne {
  background-color: #bdae96;
}
.filter-colour.cobham-blue {
  background-color: #213343;
}
.filter-colour.concrete {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/concrete.jpg);
}
.filter-colour.cornflower-blue {
  background-color: #b6c0bd;
}
.filter-colour.cream {
  background-color: #fff1d0;
}
.filter-colour.custom-any-colour {
  background-size: cover !important;
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/bespoke-painted.jpg);
}
.filter-colour.dakar {
  background-color: #aea590;
}
.filter-colour.dove-grey {
  background-color: #bbb9b4;
}
.filter-colour.gold {
  background-color: #e5d372;
}
.filter-colour.graphite {
  background-color: #424444;
}
.filter-colour.graphite-fleetwood {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/graphite-fleetwood.jpg);
}
.filter-colour.grey {
  background-color: #a0a196;
}
.filter-colour.green {
  background-color: #aea590;
  font-weight: 400 !important;
}
.filter-colour.heritage-green {
  background-color: #263028;
}
.filter-colour.heron-grey {
  background-color: rgb(135, 140, 137);
}
.filter-colour.light-grey {
  background-color: #bbb9b4;
}
.filter-colour.matt-white {
  border: 1px solid rgba(200, 200, 200, 1);
  background-color: rgba(255, 255, 255, 1);
}
.filter-colour.mussel {
  background-color: #d4ccbc;
}
.filter-colour.natural-davos-oak {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/natural-davos-oak.jpg);
}
.filter-colour.natural-halifax-oak {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/natural-halifax-oak.jpg);
}
.filter-colour.natural-oak {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/natural-oak.jpg);
}
.filter-colour.oak {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/natural-oak.jpg);
}
.filter-colour.petrol-blue {
  background-color: #83999e;
}
.filter-colour.pink {
  background-color: #ffd9df;
}
.filter-colour.sage {
  background-color: #bdbaa1;
}
.filter-colour.sepia-gladstone-oak {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/sepia-gladstone-oak.jpg);
}
.filter-colour.silver {
  background-color: rgba(170, 169, 173, 1);
}
.filter-colour.slate {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/slate.jpg);
}
.filter-colour.tern-white {
  border: 1px solid rgba(200, 200, 200, 1);
  background-color: #fcfbf5;
}
.filter-colour.white {
  border: 1px solid rgba(200, 200, 200, 1);
  background-color: rgba(255, 255, 255, 1);
}
.filter-colour.white-halifax-oak {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/white-halifax-oak.jpg);
}
.filter-colour.white-marble {
  background: url(https://static.diy-kitchens.com/assets/images/kitchens/swatches/white-marble.jpg);
}
.filter-colour.stainless-steel {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/stainless-steel.jpg);
}
.filter-colour.stainless-colour {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/stainless-colour.jpg);
}
.filter-colour.stainless-effect {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/stainless-colour.jpg);
}
.filter-colour.aluminium {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/aluminium.jpg);
}
.filter-colour.antique-copper {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/antique-copper.jpg);
}
.filter-colour.antiqued-brass {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/antiqued-brass.jpg);
}
.filter-colour.brushed-aluminium {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/brushed-aluminium.jpg);
}
.filter-colour.brushed-nickel {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/brushed-nickel.jpg);
}
.filter-colour.brushed-pewter {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/brushed-pewter.jpg);
}
.filter-colour.brushed-steel {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/brushed-steel-effect.jpg);
}
.filter-colour.brushed-steel-effect {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/brushed-steel-effect.jpg);
}
.filter-colour.brushed-matt-black {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/brushed-matt-black.jpg);
}
.filter-colour.brushed-slate-grey {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/brushed-slate-grey.jpg);
}
.filter-colour.cast-iron {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/cast-iron.jpg);
}
.filter-colour.chrome {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/chrome.jpg);
}
.filter-colour.copper {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/antique-copper.jpg);
}
.filter-colour.gunmetal {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/gunmetal.jpg);
}
.filter-colour.matt-black {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/matt-black.jpg);
}
.filter-colour.nickel {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/brushed-nickel.jpg);
}
.filter-colour.pewter-effect {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/pewter-effect.jpg);
}
.filter-colour.satin-nickel {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/satin-nickel.jpg);
}
.filter-colour.silk-steel {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/satin-nickel.jpg);
}
.filter-colour.solid-pewter {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/solid-pewter.jpg);
}
.filter-colour.wood {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/wood.jpg);
}
.filter-colour.ceramic {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/ceramic.jpg);
}
.filter-colour.composite-granite {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/composite-granite.jpg);
}
.filter-colour.composite {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/composite.jpg);
}
.filter-colour.glass {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/glass.jpg);
}
.filter-colour.crystal-stone {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/crisp-granite.jpg);
}
.filter-colour.crisp-granite {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/crisp-granite.jpg);
}
.filter-colour.enhanced-high-gloss {
  background-size: contain;
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/enhanced-high-gloss.jpg);
}
.filter-colour.enhanced-semi-matt {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/enhanced-semi-matt.jpg);
}
.filter-colour.fine-grain {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/fine-grain.jpg);
}
.filter-colour.montana {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/montana.jpg);
}
.filter-colour.natural-wood {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/natural-wood.jpg);
}
.filter-colour.rustica {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/rustic-wood.jpg);
}
.filter-colour.rustic-touch {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/rustic-touch.jpg);
}
.filter-colour.rustic-wood {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/rustic-wood.jpg);
}
.filter-colour.solid-granite {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/solid-granite.jpg);
}
.filter-colour.stucotex {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/stucotex.jpg);
}
.filter-colour.supermatt {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/supermatt.jpg);
}
.filter-colour.top-face {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/top-face.jpg);
}
.filter-colour.top-velvet {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/top-velvet.jpg);
}
.filter-colour.xtreme-matt {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/xtreme-matt.jpg);
}
.filter-colour.gloss {
  background-size: contain;
  background-image: url(https://static.diy-kitchens.com/assets/images/menu/category_kitchens_materials_gloss.jpg);
}
.filter-colour.smooth-painted {
  background-size: contain;
  background-image: url(https://static.diy-kitchens.com/assets/images/menu/category_kitchens_materials_smooth-painted.jpg);
}
.filter-colour.textured-painted {
  background-size: contain;
  background-image: url(https://static.diy-kitchens.com/assets/images/menu/category_kitchens_materials_painted.jpg);
}
.filter-colour.matt-textured {
  background-size: contain;
  background-image: url(https://static.diy-kitchens.com/assets/images/menu/category_kitchens_materials_textured.jpg);
}
.filter-colour.grained-timber {
  background-size: contain;
  background-image: url(https://static.diy-kitchens.com/assets/images/menu/category_kitchens_materials_solid-wood.jpg);
}
.filter-colour.painted-timber {
  background-size: contain;
  background-image: url(https://static.diy-kitchens.com/assets/images/menu/category_kitchens_materials_painted.jpg);
}
.filter-colour.painted-timber-effect {
  background-size: contain;
  background-image: url(https://static.diy-kitchens.com/assets/images/menu/category_kitchens_materials_painted.jpg);
}
.filter-colour.beech {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/beech.jpg);
}
.filter-colour.european-walnut {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/european-walnut.jpg);
}
.filter-colour.iroko {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/iroko.jpg);
}
.filter-colour.rubberwood {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/rubberwood.jpg);
}
.filter-colour.rustic-oak {
  background-image: url(https://static.diy-kitchens.com/assets/images/css-images/rustic-oak.jpg);
}
.product-dim {
  padding: 14.5px 0 !important;
  border-color: #6c757d !important;
}
.product-dim:hover,
.product-dim.active {
  background-color: rgba(255, 51, 102, 1) !important;
  border-color: rgba(255, 51, 102, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}
.product-dim.disabled {
  opacity: 0.45 !important;
}
#product-count {
  font-size: 16px;
  font-weight: 300;
}
.order-products,
.filter-products {
  border-right: 1px solid #dee2e6 !important;
}
.products-filter-mobile-btn {
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 18, 36, 0.9) !important;
  letter-spacing: 1.5px;
  line-height: 12px;
  text-transform: uppercase;
}
.products-filter-mobile-btn span {
  font-weight: 600 !important;
}
@media (max-width: 991px) {
  #productfiltercontainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 70000;
    background-color: #fff;
    height: 100%;
  }
  .products-mobile-nav-inner-header {
    width: 100vw !important;
  }
  #filters-column {
    width: 100%;
    min-height: 340px;
    height: auto;
    float: left;
    padding-top: 36px;
  }
  .filter-view-products-btn {
    position: absolute;
    bottom: 16px;
    width: 96% !important;
    font-size: 14px !important;
  }
  #headingOne {
    border: 0 !important;
  }
  .sticky-inner {
    max-height: 84%;
    overflow: hidden;
    overflow-y: scroll;
  }
  #accordion .card .card-header .filter-header {
    margin-top: 16px;
  }
  #accordion .card .card-header .filter-header::after {
    float: right;
    margin-left: 5px;
    color: rgba(0, 18, 36, 1);
    font-family: "Material Icons";
    font-size: 1.8rem;
    line-height: 1rem;
    font-weight: normal;
    content: "\e313";
  }
  .product-list,
  .product-colour {
    font-size: 18px !important;
  }
  .product-colour .filter-colour {
    width: 28px;
    height: 28px;
  }
  .product-list b,
  .product-colour b {
    font-size: 14px !important;
  }
  .product-dim {
    font-size: 14px !important;
  }
  .product-list.active::after,
  .product-colour.active::after {
    font-size: 1.8rem;
    line-height: 28px;
  }
}
@media (max-width: 575.98px) {
  .order-products {
    border-right: none !important;
  }
  .filter-products {
    border-right: 1px solid #dee2e6 !important;
  }
  #productfiltercontainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 70000;
    background-color: #fff;
    height: 100%;
  }
  .products-mobile-nav-inner-header {
    width: 100vw !important;
  }
  #filters-column {
    width: 100%;
    min-height: 340px;
    height: auto;
    float: left;
    padding-top: 36px;
    overflow-y: scroll;
    max-height: 89%;
  }
  #filters-column #accordion .card:first-child div {
    border-top: none !important;
  }
  .filter-view-products-btn {
    position: absolute;
    bottom: 16px;
    width: 93% !important;
    font-size: 14px !important;
  }
  #headingOne {
    border: 0 !important;
  }
  .sticky-inner {
    max-height: 84%;
    overflow: hidden;
    overflow-y: scroll;
  }
  #accordion .card .card-header .filter-header {
    margin-top: 16px;
  }
  #accordion .card .card-header .filter-header::after {
    float: right;
    margin-left: 5px;
    color: rgba(0, 18, 36, 1);
    font-family: "Material Icons";
    font-size: 1.8rem;
    line-height: 1rem;
    font-weight: normal;
    content: "\e313";
  }
  .product-list,
  .product-colour {
    font-size: 18px !important;
  }
  .product-colour .filter-colour {
    width: 28px;
    height: 28px;
  }
  .product-list b,
  .product-colour b {
    font-size: 14px !important;
  }
  .product-dim {
    font-size: 14px !important;
  }
  .product-list.active::after,
  .product-colour.active::after {
    font-size: 1.8rem;
    line-height: 28px;
  }
}
.price-sorting {
  height: calc(0.75em + 0.75rem + 4px) !important;
  border-color: #343a40 !important;
  font-family: "Open Sans" !important;
  font-size: 12px !important;
  padding: 0 !important;
  font-weight: 600 !important;
  color: rgba(0, 18, 36, 0.9) !important;
  letter-spacing: 0.1429em !important;
  text-transform: uppercase !important;
}

/* List Group - Horizontal */
.list-group-horizontal {
  width: 100% !important;
  border-color: rgba(212, 216, 223, 1) !important;
}
.list-group-horizontal .list-group-item {
  width: inherit !important;
  max-width: 100% !important;
  font-family: "Open Sans" !important;
  font-size: 12px !important;
  padding: 22px 16px !important;
  color: rgba(24, 40, 56, 0.9) !important;
  border-color: rgba(212, 216, 223, 1) !important;
  min-height: 50px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1429em !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
.list-group-horizontal .list-group-item:hover {
  background-color: rgba(212, 216, 223, 1) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.list-group-horizontal .list-group-item.active {
  background-color: #009cde !important;
  border-color: #009cde !important;
  color: rgba(255, 255, 255, 1) !important;
}
.list-group-horizontal .list-group-item.active:hover {
  background-color: #00a9f1 !important;
  border-color: #00a9f1 !important;
  cursor: pointer !important;
}

.kitchens-allstyles-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/kitchens/category-images_page-header/category-image_page-header_doors_all.png);
}
.kitchens-shaker-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/kitchens/category-images_page-header/category-image_page-header_doors_shaker.png);
}
.kitchens-handleless-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/kitchens/category-images_page-header/category-image_page-header_doors_handleless.png);
}
.kitchens-high-gloss-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/kitchens/category-images_page-header/category-image_page-header_doors_high_gloss.png);
}
.kitchens-bespoke-painted-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/kitchens/category-images_page-header/category-image_page-header_doors_bespoke_painted.png);
}
.kitchens-inframe-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/kitchens/category-images_page-header/category-image_page-header_doors_inframe.png);
}
.kitchens-modern-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/kitchens/category-images_page-header/category-image_page-header_doors_modern.png);
}
.kitchens-traditional-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/kitchens/category-images_page-header/category-image_page-header_doors_traditional.png);
}

.kitchen-units-header-bg {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-image: url(https://static.diy-kitchens.com/categories/units/base_unit.jpg);
}

.kitchen-units-base-header-bg {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-image: url(https://static.diy-kitchens.com/categories/units/base_unit.jpg);
}

.kitchen-units-corner-base-header-bg {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-image: url(https://static.diy-kitchens.com/categories/units/corner_base_unit.jpg);
}

.kitchen-units-wall-header-bg {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-image: url(https://static.diy-kitchens.com/categories/units/wall_unit.jpg);
}

.kitchen-units-tall-header-bg {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-image: url(https://static.diy-kitchens.com/categories/units/tall_unit.jpg);
}

.kitchen-units-dresser-header-bg {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-image: url(https://static.diy-kitchens.com/categories/units/dresser-units-&-mantles_dresser_unit.jpg);
}

.kitchen-units-accessories-header-bg {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain !important;
  background-image: url(https://static.diy-kitchens.com/categories/units/plinth_panels.jpg);
}

.worktops-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/worktops/category-images_page-header/category-image_page-header_worktops_all.png);
}

.worktops-quartz-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/worktops/category-images_page-header/category-image_page-header_worktops_quartz.png);
}

.worktops-granite-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/worktops/category-images_page-header/category-image_page-header_worktops_granite.png);
}

.worktops-dekton-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/worktops/category-images_page-header/category-image_page-header_worktops_dekton.png);
}

.worktops-wood-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/worktops/category-images_page-header/category-image_page-header_worktops_wood.png);
}

.worktops-laminate-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/worktops/category-images_page-header/category-image_page-header_worktops_laminate.png);
}

.appliances-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_hobs.jpg);
}

.appliances-hobs-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_hobs.jpg);
}

.appliances-extractors-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_extractors.jpg);
}

.appliances-single-ovens-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_single-ovens.jpg);
}

.appliances-double-ovens-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_single-ovens.jpg);
}

.appliances-compact-ovens-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_single-ovens.jpg);
}

.appliances-warming-drawers-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_warming_drawer.jpg);
}

.appliances-microwaves-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_microwave.jpg);
}

.appliances-drinks-machines-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_drinks_machines.jpg);
}

.appliances-washing-machines-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/category-header_laundry.jpg);
}

.appliances-washer-dryers-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/category-header_laundry.jpg);
}

.appliances-tumble-dryers-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/category-header_laundry.jpg);
}

.appliances-refrigeration-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_refrigeration.jpg);
}

.appliances-dishwashers-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_dishwasher.jpg);
}

.appliances-wine-coolers-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 40% !important;
  background-image: url(https://static.diy-kitchens.com/categories/appliances/category-images_page-header/header_category_wine_cooler.jpg);
}

.handles-all-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/handles/category-images_page-header/category-image_page-header_handles_bow-and-bridge-handles.jpg);
}

.handles-bar-handles-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/handles/category-images_page-header/category-image_page-header_handles_bar-handles.jpg);
}
.handles-bow-and-bridge-handles-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/handles/category-images_page-header/category-image_page-header_handles_bow-and-bridge-handles.jpg);
}
.handles-knobs-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/handles/category-images_page-header/category-image_page-header_handles_knobs.jpg);
}
.handles-profile-handles-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/handles/category-images_page-header/category-image_page-header_handles_profile-handles.jpg);
}
.handles-cup-and-pull-handles-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/handles/category-images_page-header/category-image_page-header_handles_cup-and-pull-handles.jpg);
}
.sinks-inset-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/sinks-and-taps/category-images_page-header/category-image_page-header_sinks_inset.jpg);
}
.sinks-belfast-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/sinks-and-taps/category-images_page-header/category-image_page-header_sinks_belfast.jpg);
}
.sinks-undermount-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/sinks-and-taps/category-images_page-header/category-image_page-header_sinks_undermount.jpg);
}
.taps-mixer-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/sinks-and-taps/category-images_page-header/category-image_page-header_taps_mixer.jpg);
}
.taps-single-lever-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/sinks-and-taps/category-images_page-header/category-image_page-header_taps_single-lever.jpg);
}
.taps-spout-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/sinks-and-taps/category-images_page-header/category-image_page-header_taps_spout.jpg);
}
.taps-pullout-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/sinks-and-taps/category-images_page-header/category-image_page-header_taps_pull_out.jpg);
}
.taps-pull-out-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/sinks-and-taps/category-images_page-header/category-image_page-header_taps_pull_out.jpg);
}
.carcase-sample-header-bg {
  background-position-x: 100% !important;
  background-repeat: no-repeat;
  background-size: 50% !important;
  background-image: url(https://static.diy-kitchens.com/categories/units/category-images_page-header/category-image_page-header_unit_colour.jpg);
}

.page-sort .switch {
  width: 45px;
  height: 24px;
}
.page-sort .slider.round:before {
  height: 20px;
  width: 20px;
  left: 2px;
}
.page-sort .slider.active:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}
.page-sort .slider span {
  left: -80px;
  color: #212529;
}
.page-sort .slider span::after {
  content: "show vat";
}
.page-sort .slider.active {
  background-color: rgba(255, 51, 102, 1);
}
.page-sort .slider.active span::after {
  content: "hide vat";
}
#list-products .product-block .product-code {
  color: #b0b7c1 !important;
  letter-spacing: 0.33em !important;
}
#list-products .product-block .prodexprice span,
#list-products .product-block .prodincprice span,
#samples-listing .product-block .prodexprice span,
#samples-listing .product-block .prodincprice span {
  font-family: "Open Sans", sans-serif !important;
  font-size: 0.75rem !important;
}
#footer {
  padding-bottom: 0;
}
#footer hr {
  width: 100%;
  color: rgba(255, 255, 255, 0.2) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}
#footer .footer-copyright,
#footer .footer-copyright a {
  color: rgba(255, 255, 255, 0.4) !important;
}
#footer-columns {
  width: 100%;
  margin-bottom: 0 !important;
  padding: 56px 0 0 0 !important;
  background-color: #001224 !important;
  background-image: url(https://static.diy-kitchens.com/assets/images/footer/footer-bg.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
#footer-columns li {
  color: rgba(255, 255, 255, 0.9) !important;
}
#footer-columns h5,
#footer-columns h5 a {
  color: rgba(255, 255, 255, 0.9) !important;
}
#footer-columns li a {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8) !important;
}
#footer-columns li a:hover {
  color: rgba(255, 255, 255, 1) !important;
  text-decoration: none;
}
#footer-columns .ref {
  padding-top: 105px;
  background-repeat: no-repeat;
  background-position: center 20px;
  background-size: 50%;
  min-width: 120px;
  text-align: center;
}
#footer-columns .ref h6 {
  color: rgba(255, 255, 255, 0.9) !important;
}
#footer-columns .ref.trustpilot {
  background-image: url(https://static.diy-kitchens.com/assets/images/footer/trustpilot.svg);
}
#footer-columns .ref.furniture-ombudsman {
  background-image: url(https://static.diy-kitchens.com/assets/images/footer/furniture-ombudsman-v7.svg);
}
#footer-columns .ref.houzz {
  background-image: url(https://static.diy-kitchens.com/assets/images/footer/houzz.svg);
}
#footer-columns .ref.renewable {
  background-image: url(https://static.diy-kitchens.com/assets/images/footer/A_Logos_Sustainability_Dark.svg);
}
#footer-columns .ref.fsc {
  background-image: url(https://static.diy-kitchens.com/assets/images/footer/forest-stewardship-council.svg);
  background-size: 45%;
  background-position: center 0;
}
#footer-columns .ref.britain {
  background-image: url(https://static.diy-kitchens.com/assets/images/footer/A_Logos_Made-in-Britain_Dark.svg);
}
#site-search::-webkit-input-placeholder {
  /* Edge */
  font-size: 12px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.4px;
  float: left;
  position: relative;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9) !important;
  text-transform: uppercase;
}
#site-search:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 12px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.4px;
  float: left;
  position: relative;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9) !important;
  text-transform: uppercase;
}
#site-search::placeholder {
  font-size: 12px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.4px;
  float: left;
  position: relative;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9) !important;
  text-transform: uppercase;
}
#codesearchpopup .modal-dialog {
  max-width: 1300px !important;
  margin: 7.95rem auto !important;
}
#searchwrapper {
  height: 27px !important;
}
.gsc-input-box,
#gsc-i-id1 {
  height: 30px !important;
  margin-top: 0 !important;
}
#gsc-i-id1 {
  margin-left: 16px !important;
}
.gsc-input {
  background-image: none !important;
}
.gsc-search-button-v2 {
  padding: 4px 13px !important;
  background-color: rgba(25, 41, 57, 1) !important;
  border-color: rgba(25, 41, 57, 1) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.rslides_container {
  margin-top: -15px;
}
.rslides_container,
.rslides,
.rslides1,
.rslide {
  -webkit-overflow-scrolling: touch !important;
}
.rslides1_nav {
  width: unset !important;
  display: none;
}
.rslides1_nav.prev {
  left: 0rem !important;
  background: none !important;
}
.rslides1_nav.next {
  left: auto;
  right: 0rem !important;
  background: none !important;
}
.rslides1_nav.prev i,
.rslides1_nav.next i {
  display: block;
}
.rslides1_nav.prev::after {
  content: "\e408";
  font-family: "Material Icons";
  color: rgba(0, 18, 36, 0.9) !important;
  font-size: 5rem;
}
.rslides1_nav.next::after {
  content: "\e409";
  font-family: "Material Icons";
  color: rgba(0, 18, 36, 0.9) !important;
  font-size: 5rem;
}
.rslides1_nav.prev:hover,
.rslides1_nav.next:hover,
.rslides1_nav.prev:hover::after,
.rslides1_nav.next:hover::after {
  opacity: 1 !important;
  color: rgba(0, 18, 36, 1) !important;
}
.cento-slide-bg {
  background-color: #ace9dd;
}
.linwood-slide-bg {
  background-color: #ffd0dc;
}
.showroom-slide-bg {
  background-color: transparent;
  background-image: url(https://static.diy-kitchens.com/assets/images/homepage/slider/showroom-slide-bg.jpg);
  background-size: cover;
}
.fullwidth-video .main-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 120;
}
.fullwidth-video .btn-link {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  z-index: 120;
  color: #343a40 !important;
}
.fullwidth-video .btn-link:hover {
  color: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: none;
}
.slider-text-box-outer .box1 {
  height: 20%;
}
.slider-text-box-outer .box1 .intro-line {
  width: 100% !important;
  margin: 0 !important;
  align-self: center !important;
  justify-content: center !important;
}
.slider-text-box-outer .box1 .intro-line.light {
  color: rgba(255, 255, 255, 0.9) !important;
}
.slider-text-box-outer .box2 {
  height: 40%;
}
.slider-text-box-outer .box2 .fancy-text {
  position: absolute;
  width: clamp(24vw, 1vw + 24vw, 26vw) !important;
  top: 0;
  left: -2vw;
  z-index: 100;
}
.slider-text-box-outer .box2 .fancy-text.linwood-fancy-text {
  position: absolute;
  width: clamp(25vw, 1vw + 25vw, 27vw) !important;
  top: 0;
  left: -2.5vw;
  z-index: 100;
}
.slider-text-box-outer .box3 {
  height: 0%;
}
.slider-text-box-outer .box4 {
  height: 40%;
}
.slider-text-box-outer .box4 .overview-text.light {
  color: rgba(255, 255, 255, 0.9) !important;
}

.video-area img {
  max-width: 48.3vw;
  float: right;
}
.homepage-hero .number-one-online {
  background-color: rgba(25, 41, 57, 1);
}
.homepage-hero .number-one-online img {
  width: 65%;
  left: 6.5vw;
  top: 1.6vw;
}
.homepage-hero .number-one-online.kitchen-sale {
  background-color: rgba(25, 41, 57, 1);
  background-image: url(https://static.diy-kitchens.com/assets/images/homepage/slider/Homepage-Banner_Sale-Background.jpg);
  background-size: contain;
}

.homepage-hero .number-one-online.kitchen-sale img {
  width: 79%;
  left: 3.5vw;
  top: 3.2vw;
}
.homepage-hero .hero-box-video {
  overflow: hidden;
  height: 33vw;
}
.homepage-hero .hero-box-video .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 17vw;
  z-index: 1000;
}
.homepage-hero .hero-box-video .video-overlay-double {
  position: absolute;
  top: 0;
  left: 0;
  width: 28vw;
  z-index: 1000;
}
.brand-box:hover {
  cursor: pointer;
}
.brand-box.blum:hover {
  background-color: rgba(236, 102, 7, 1);
}
.brand-box.kessebohmer:hover {
  background-color: rgba(0, 161, 119, 1);
}
.brand-box.aeg:hover {
  background-color: rgba(207, 20, 48, 1);
}
.brand-box.zanussi:hover {
  background-color: rgba(0, 0, 0, 1);
}
.brand-box.dekton:hover {
  background-color: rgba(59, 110, 143, 1);
}
.brand-box.cda:hover {
  background-color: rgba(168, 11, 13, 1);
}
.brand-box.innova:hover {
  background-color: rgba(64, 68, 78, 1);
}
.brand-box.beko:hover {
  background-color: rgba(0, 131, 190, 1);
}
.brand-box.silestone:hover {
  background-color: rgba(0, 0, 0, 1);
}
.brand-box.duropal:hover {
  background-color: rgba(244, 158, 0, 1);
}

@media (min-width: 1298.1px) {
  .hero-box-messages {
    margin-top: -100px;
  }
}
@media (max-width: 1298px) {
  .hero-box-messages {
    display: none;
  }
  .homepage-hero .number-one-online img {
    width: 75%;
    left: 4.5vw;
    top: 3.5vw;
  }
  .homepage-hero .number-one-online.kitchen-sale img {
    width: 85%;
    left: 2.5vw;
    top: 6.2vw;
  }
  .homepage-hero .hero-box-video {
    height: 37vw;
  }
  .homepage-hero .hero-box-video .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 22vw;
    z-index: 1000;
  }
  .homepage-hero .hero-box-video .video-overlay-double {
    position: absolute;
    top: 0;
    left: 0;
    width: 37vw;
    z-index: 1000;
  }
  .home-intro-text-outer {
    margin-top: -56px;
  }
}
@media (max-width: 768px) {
  .homepage-hero .number-one-online img {
    width: 94%;
    left: 1.5vw;
    top: 0vw;
  }
  .homepage-hero .number-one-online.kitchen-sale img {
    width: 65%;
    left: 17vw;
    top: 0;
  }
  .homepage-hero .hero-box-video .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 24vw;
    z-index: 1000;
  }
  .home-intro-text-outer {
    margin-top: -56px;
  }
}
@media (min-width: 737.98px) and (max-width: 767.98px) {
  .homepage-hero .number-one-online img {
    width: 34.2%;
    left: 65vw;
    top: -37vw;
    background-color: rgba(25, 41, 57, 1);
    padding: 0 0 20px 0;
  }
  .homepage-hero .number-one-online.kitchen-sale img {
    width: 41.8%;
    left: 57vw;
    top: -37vw;
  }
}
@media (min-width: 576px) and (max-width: 736px) {
  .homepage-hero .hero-box-video {
    height: 64vw;
  }
  .homepage-hero .number-one-online {
    position: absolute;
    top: 32.5vw;
    left: 0vw;
    background: none !important;
    background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(25, 41, 57, 0.5886729691876751) 45%,
      rgba(25, 41, 57, 1) 100%
    ) !important;
  }
  .homepage-hero .number-one-online-inner {
    height: 57.1vw;
  }
  .homepage-hero .number-one-online.kitchen-sale .number-one-online-inner {
    height: 0;
  }
  .homepage-hero .number-one-online img {
    width: 46%;
    left: 27vw;
    top: 2vw;
  }
  .home-intro-text-outer {
    margin-top: -170px;
    padding-top: 56px;
    padding-bottom: 40px;
    background-color: rgba(25, 41, 57, 1) !important;
  }
  .home-intro-text {
    background-color: rgba(25, 41, 57, 1) !important;
    color: #fff !important;
  }
  .home-intro-text h2,
  .home-intro-text p,
  .home-intro-text a {
    color: rgba(255, 255, 255, 0.9) !important;
  }
}
@media (max-width: 575.98px) {
  .homepage-hero .hero-box-video {
    height: 100vw;
    overflow: unset !important;
    left: -35% !important;
  }
  .homepage-hero .hero-box-video video {
    width: unset !important;
    height: 100vw;
  }
  .homepage-hero .number-one-online {
    position: absolute;
    top: 92.5vw;
    left: 0vw;
    padding-bottom: 56px;
    background: none !important;
    background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(25, 41, 57, 0.4886729691876751) 25%,
      rgba(25, 41, 57, 0.5886729691876751) 35%,
      rgba(25, 41, 57, 0.7886729691876751) 45%,
      rgba(25, 41, 57, 1) 78%
    ) !important;
  }
  .homepage-hero .number-one-online-inner {
    height: 57.1vw;
  }
  .homepage-hero .number-one-online img {
    width: 60%;
    left: 20vw;
    top: -4vw;
  }
  .homepage-hero .number-one-online.kitchen-sale img {
    width: 75%;
    left: 12.5vw;
    top: 5.5vw;
  }
  .home-intro-text-outer {
    margin-top: -112px;
    padding-top: 56px;
    padding-bottom: 40px;
    background-color: rgba(25, 41, 57, 1) !important;
  }
  .home-intro-text {
    background-color: rgba(25, 41, 57, 1) !important;
    color: #fff !important;
  }
  .home-intro-text h2,
  .home-intro-text p,
  .home-intro-text a {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .homepage-hero .hero-box-video .video-overlay {
    display: none;
  }
  .homepage-hero .hero-box-video .video-overlay-double {
    display: none;
  }
}
@media (max-width: 375px) {
  .homepage-hero .hero-box-video {
    height: 100vw;
    overflow: unset !important;
    left: -35% !important;
  }
  .homepage-hero .number-one-online {
    position: absolute;
    top: 83.5vw;
    left: 0vw;
    padding-bottom: 56px;
    background: none !important;
    background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(25, 41, 57, 0.4886729691876751) 25%,
      rgba(25, 41, 57, 0.5886729691876751) 35%,
      rgba(25, 41, 57, 0.7886729691876751) 45%,
      rgba(25, 41, 57, 1) 78%
    ) !important;
  }
  .homepage-hero .number-one-online-inner {
    height: 71.1vw;
  }
  .homepage-hero .number-one-online img {
    width: 74%;
    left: 13.5vw;
    top: 1vw;
  }
  .homepage-hero .number-one-online.kitchen-sale img {
    width: 74%;
    left: 13.5vw;
    top: 28vw;
  }
  .home-intro-text-outer {
    margin-top: -112px;
    padding-top: 56px;
    padding-bottom: 40px;
    background-color: rgba(25, 41, 57, 1) !important;
  }
  .home-intro-text {
    background-color: rgba(25, 41, 57, 1) !important;
    color: #fff !important;
  }
  .home-intro-text h2,
  .home-intro-text p,
  .home-intro-text a {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .homepage-hero .hero-box-video .video-overlay {
    display: none;
  }
  .homepage-hero .hero-box-video .video-overlay-double {
    display: none;
  }
}
@media (max-width: 320px) {
  .homepage-hero .hero-box-video {
    height: 100vw;
    overflow: unset !important;
    left: -35% !important;
  }
  .homepage-hero .number-one-online {
    position: absolute;
    top: 98.5vw;
    left: 0vw;
    padding-bottom: 56px;
    background: none !important;
    background-image: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(25, 41, 57, 0.4886729691876751) 25%,
      rgba(25, 41, 57, 0.5886729691876751) 35%,
      rgba(25, 41, 57, 0.7886729691876751) 45%,
      rgba(25, 41, 57, 1) 78%
    ) !important;
  }
  .homepage-hero .number-one-online-inner {
    height: 71.1vw;
  }
  .homepage-hero .number-one-online img {
    width: 74%;
    left: 13.5vw;
    top: 1vw;
  }
  .homepage-hero .number-one-online.kitchen-sale img {
    width: 74%;
    left: 13.5vw;
    top: 23vw;
  }
  .home-intro-text-outer {
    margin-top: -112px;
    padding-top: 56px;
    padding-bottom: 40px;
    background-color: rgba(25, 41, 57, 1) !important;
  }
  .home-intro-text {
    background-color: rgba(25, 41, 57, 1) !important;
    color: #fff !important;
  }
  .home-intro-text h2,
  .home-intro-text p,
  .home-intro-text a {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .homepage-hero .hero-box-video .video-overlay {
    display: none;
  }
  .homepage-hero .hero-box-video .video-overlay-double {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1444.98px) {
  .slider-text-box-outer .box1 {
    height: 5%;
  }
  .slider-text-box-outer .box1 .intro-line,
  .slider-text-box-outer .box1 .intro-line.light {
    color: transparent !important;
  }
  .slider-text-box-outer .box2 {
    height: 45%;
  }
  .slider-text-box-outer .box2 .fancy-text {
    width: clamp(26vw, 1vw + 26vw, 28vw) !important;
    top: 0% !important;
  }
  .slider-text-box-outer .box2 .fancy-text.linwood-fancy-text {
    width: clamp(27vw, 1vw + 27vw, 29vw) !important;
    left: -2.5vw;
  }
  .slider-text-box-outer .box3 {
    height: 5%;
  }
  .slider-text-box-outer .box4 {
    height: 40%;
  }
  .slider-text-box-outer .box4.light p {
    color: rgba(255, 255, 255, 0.9) !important;
  }
  .fullwidth-video .slider-text-box .intro-line {
    margin-bottom: 15vw !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
  .slider-text-box-outer .box1 {
    height: 5%;
  }
  .slider-text-box-outer .box1 .intro-line,
  .slider-text-box-outer .box1 .intro-line.light {
    color: transparent !important;
  }
  .slider-text-box-outer .box2 .fancy-text {
    width: clamp(30vw, 1vw + 30vw, 32vw) !important;
  }
  .slider-text-box-outer .box2 .fancy-text.linwood-fancy-text {
    width: clamp(31vw, 1vw + 31vw, 33vw) !important;
    left: -2.5vw;
  }
  .slider-text-box-outer .box3 {
    height: 10%;
  }
}
@media (min-width: 992px) and (max-width: 1023.98px) {
  .slider-text-box-outer .box1 {
    height: 5%;
  }
  .slider-text-box-outer .box1 .intro-line,
  .slider-text-box-outer .box1 .intro-line.light {
    color: transparent !important;
  }
  .slider-text-box-outer .box2 .fancy-text {
    width: clamp(30vw, 1vw + 30vw, 32vw) !important;
  }
  .slider-text-box-outer .box2 .fancy-text.linwood-fancy-text {
    width: clamp(31vw, 1vw + 31vw, 33vw) !important;
    left: -2.5vw;
  }
  .slider-text-box-outer .box3 {
    height: 10%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .rslides1_nav.prev::after {
    font-size: 3rem;
  }
  .rslides1_nav.next::after {
    font-size: 3rem;
  }
  .slider-text-box-outer .box1 {
    height: 5%;
  }
  .slider-text-box-outer .box1 .intro-line,
  .slider-text-box-outer .box1 .intro-line.light {
    color: transparent !important;
  }
  .slider-text-box-outer .box2 .fancy-text {
    width: clamp(34vw, 1vw + 34vw, 36vw) !important;
    left: 2vw;
  }
  .slider-text-box-outer .box2 .fancy-text.linwood-fancy-text {
    width: clamp(35vw, 1vw + 35vw, 37vw) !important;
    left: 1.5vw;
  }
  .slider-text-box-outer .box3 {
    height: 5%;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .rslides_container {
    margin-top: -19px;
  }
  .slider-text-box-outer .box1 {
    height: 5%;
  }
  .slider-text-box-outer .box1 .intro-line,
  .slider-text-box-outer .box1 .intro-line.light {
    color: transparent !important;
  }
  .slider-text-box-outer .box2 .fancy-text {
    width: clamp(42vw, 1vw + 42vw, 44vw) !important;
    left: 18vw;
  }
  .slider-text-box-outer .box2 .fancy-text.linwood-fancy-text {
    width: clamp(43vw, 1vw + 43vw, 45vw) !important;
    left: 17.5vw;
  }
  .slider-text-box-outer .box3 {
    height: 10%;
  }
  .slider-text-box-outer {
    top: 20vw;
    left: 13vw;
    padding: 16px 0;
    height: 45vw !important;
  }
  .cento-slide .slider-text-box-outer {
    background-color: #ace9dd;
  }
  .linwood-slide .slider-text-box-outer {
    background-color: #ffd0dc;
  }
  .showroom-slide .slider-text-box-outer {
    background-color: transparent !important;
    background-image: url(https://static.diy-kitchens.com/assets/images/homepage/slider/showroom-slide-bg.jpg) !important;
  }
  .slider-text-box .intro-line {
    margin-bottom: 28vw !important;
  }
  .video-area {
    min-height: 482px !important;
    background-color: #fff !important;
    background-image: none;
  }
  .video-area .lg-img {
    height: 65% !important;
  }
  .fullwidth-video .btn-link {
    display: none !important;
  }
  #footer-columns .ref {
    padding-top: 80px !important;
    background-size: 65% !important;
  }
}
@media (max-width: 575.98px) {
  .rslides_container {
    margin-top: -19px;
  }
  .slider-text-box-outer .box1 {
    height: 0%;
  }
  .slider-text-box-outer .box1 .intro-line,
  .slider-text-box-outer .box1 .intro-line.light {
    color: transparent !important;
  }
  .slider-text-box-outer .box2 .fancy-text {
    width: clamp(86vw, 1vw + 86vw, 88vw) !important;
    left: -2vw;
  }
  .slider-text-box-outer .box2 .fancy-text.linwood-fancy-text {
    width: clamp(88vw, 1vw + 88vw, 90vw) !important;
    left: -3vw;
  }
  .slider-text-box-outer .box3 {
    height: 20%;
  }
  .slider-text-box-outer {
    top: 60vw;
    left: 13vw;
    padding: 16px 0;
    width: 81vw !important;
    height: 81vw !important;
  }
  .cento-slide .slider-text-box-outer {
    background-color: #ace9dd;
  }
  .linwood-slide .slider-text-box-outer {
    background-color: #ffd0dc;
  }
  .showroom-slide .slider-text-box-outer {
    background-color: transparent !important;
    background-image: url(https://static.diy-kitchens.com/assets/images/homepage/slider/showroom-slide-bg.jpg) !important;
  }
  .slider-text-box .intro-line {
    margin-bottom: 28vw !important;
  }
  .video-area {
    min-height: 583px !important;
    background-color: #fff !important;
    background-image: none !important;
  }
  #footer-columns .ref {
    padding-top: 80px !important;
    background-size: 65% !important;
  }
  .video-area .lg-img {
    height: 70% !important;
  }
  .showroom-slide .video-area .lg-img {
    background-position: bottom left !important;
  }
  .rslides1_nav,
  .rslides_tabs {
    display: none;
  }
  .fullwidth-video .btn-link {
    display: none !important;
  }
  #footer-columns .ref {
    padding-top: 80px !important;
    background-size: 65% !important;
  }
}

.comparison-outer {
}

.table-responsive::-webkit-scrollbar {
  display: none;
}

.comparison-outer .comparison-btns {
  width: 100%;
  display: inline-block;
  /*border-top: 1px solid rgba(238, 241, 245, 1);*/
  border-bottom: 1px solid rgba(238, 241, 245, 1);
}

.comparison-outer .type-nav a {
  background-color: rgba(255, 255, 255, 1) !important;
  border: none !important;
  border-bottom: 4px solid rgba(255, 255, 255, 1) !important;
  border-radius: 0 !important;
  outline: none;
  box-shadow: none;
}

.comparison-outer .type-nav a.active {
  background-color: none !important;
  border: none !important;
  border-bottom: 4px solid rgba(255, 51, 102, 1) !important;
  outline: none;
  box-shadow: none;
  color: #212529;
}

.comparison-outer .construction-nav {
  padding: 17px 25px;
  border-left: 1px solid rgba(238, 241, 245, 1);
}

.comparison-outer .construction-nav a {
  border-radius: 100px;
  border: 1px solid rgba(201, 206, 215, 1);
  outline: none;
  box-shadow: none;
}

.comparison-outer .construction-nav a.active {
  background-color: rgba(255, 51, 102, 1);
  border: 1px solid rgba(255, 51, 102, 1);
  outline: none;
  box-shadow: none;
}

.comparison-row-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 93vw;
  height: 100%;
  cursor: pointer;
  z-index: 2000;
}

.comparison-outer table .title-row {
  background-color: rgba(255, 255, 255, 1) !important;
}

.comparison-outer table th {
  white-space: nowrap;
  width: calc(100vw);
  border: 0 !important;
  color: rgba(255, 255, 255, 0.9);
}

.comparison-outer table th .subline {
  color: rgba(255, 255, 255, 0.8);
}

.comparison-outer table td {
  padding: 1.3rem 0.75rem 0.75rem 0.75rem;
  vertical-align: middle !important;
}

.comparison-outer table td a {
  color: #009cde !important;
}

.comparison-outer table td a:hover {
  color: rgba(0, 18, 36, 0.8) !important;
  text-decoration: none;
}

.comparison-outer table th:first-child {
  padding-left: 0;
}

.comparison-outer table th:last-child {
  padding-right: 0;
}

#pills-rigid .comparison-row-link {
  width: calc(100% * 5);
}

#pills-flatpack .comparison-row-link {
  width: calc(100% * 6);
}

#comparisonAccordion .card {
  border: 0 !important;
}

#comparisonOverviewModal .close,
#comparisonOverviewModal .close span {
  color: rgba(0, 18, 36.9, 1) !important;
  opacity: 1 !important;
}

#comparisonOverviewModal .close:hover,
#comparisonOverviewModal .close span:hover {
  color: rgba(0, 18, 36.9, 0.8) !important;
}

#comparisonOverviewModal .close:focus,
#comparisonOverviewModal .close span:focus {
  outline: none !important;
}

#comparisonAccordion .card-header {
  background-color: rgba(238, 241, 245, 1) !important;
  border-radius: 0 !important;
  border: 0 !important;
}

#comparisonAccordion .card-body {
  border: 0 !important;
}

#comparisonAccordion .card-header button {
  border-radius: 0 !important;
  text-decoration: none !important;
}

#comparisonAccordion .card-header button:hover {
  text-decoration: none !important;
  color: rgba(0, 18, 36.9, 0.8) !important;
}

@media (max-width: 575.98px) {
  .comparison-outer table {
    margin: 0 16px;
  }
  .comparison-outer .comparison-btns {
    border-bottom: none;
  }
  .comparison-outer .comparison-btns .type-nav {
    width: 100%;
    border-bottom: 1px solid rgba(238, 241, 245, 1);
  }
  .comparison-outer .comparison-btns .construction-nav {
    float: left !important;
    padding: 17px 21px !important;
  }
}