/*
https://currys-ssl.cdn.dixons.com/css/themes/global-supplier-guide.css
*/
  .dcg *,
  .dcg *:after,
  .dcg *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .dcg .group:before,
  .dcg .group:after {
    content: "";
    display: table
  }

  .dcg .group:after {
    clear: both
  }

  .dcg .group {
    zoom: 1
  }

  .dcg p {
    font-size: 14px;
  }

  .dcg img {
    max-width: 100%;
  }

  .dcg a {
    font-size: 14px;
  }

  .dcg #categories {
    background: #fff;
  }

  .dcg #technology {
    background: #fff;
  }

  /*Gotham font*/
  .dcg h1,
  .dcg h2 {
    text-shadow: none !important;
    font-family: 'Gotham A', 'Gotham B', Arial, sans-serif;
    font-style: normal;
    letter-spacing: -1px
  }

  /*Page styles*/
  .dcg {
    margin: 0px auto;
    padding: 10px 0 25px 0;
  }

  .dcg .border {
    border: 1px solid #ccc;
  }

  .dcg h1 {
    color: font-weight: 600;
    font-size: 2em;
  }

  .dcg h2 {
    color: font-weight: 600;
    font-size: 1.7em;
    margin-top: 5px;
  }

  .dcg h3 {
    font-size: 14px;
    margin-top: 5px;
  }

  .dcg p.tsp a {
    color: #222;
  }

  .dcg p {
    margin-bottom: 16px;
  }

  .dcg p i,
  .dcg li i,
  .dcg a i,
  .dcg i {
    font-size: 80%;
  }

  .dcg a.space {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
  }

  /* Old Nav */
  .dcg .navigation {
    width: 100%;
    height: auto;
    overflow: auto;
    margin-top: 20px;
    background: #F3F3F3;
    margin-bottom: 20px;
  }

  .dcg .navigation nav {
    padding: 0;
    margin: 10px;
  }

  .dcg nav a {
    padding: 0px;
    display: inline;
    width: 16.6%;
    float: left;
    padding: 5px;
    color: #000;
  }

  .dcg .navigation nav figure {
    display: inline-block;
    float: left;
    width: 150px;
    padding: 10px;
    background: #000;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
  }

  .dcg .navigation nav figure img {
    max-height: 32px;
  }

  .dcg .navigation nav ul {
    overflow: hidden;
    padding-top: 5px;
  }

  .dcg .navigation nav ul li {
    display: block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
  }

  .dcg .navigation nav li:hover {
    background: #000;
    color: #fff;
    transition: 1s;
  }

  .dcg .navigation nav li.active {
    background: #000;
    color: #fff;
  }

  /* New Navigation Bar */
  .dcg .desktopnav {
    width: 100%;
    height: auto;
    overflow: auto;
    margin-top: 20px;
    background: #F3F3F3;
    margin-bottom: 20px;
  }

  .dcg .desktopnav nav {
    padding: 0;
    margin: 10px;
  }

  .dcg .desktopnav nav a {
    padding: 0px;
    display: inline;
    width: 16.6%;
    float: left;
    padding: 5px;
    color: #000;
  }

  .dcg .desktopnav nav figure {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 10px;
    background: #000;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
  }

  .dcg .desktopnav nav figure img {
    max-height: 32px;
  }

  .dcg .desktopnav nav ul {
    overflow: hidden;
    border: 0px;
    padding: 5px 0px 0px 0px;
  }

  .dcg .desktopnav nav ul li {
    display: block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
  }

  .dcg .desktopnav nav li:hover {
    background: #000;
    color: #fff;
    transition: 1s;
  }

  .dcg .desktopnav nav li.active {
    background: #000;
    color: #fff;
  }

  /* Mobile Slide Down Navigation */
  .dcg .mobnav nav {
    padding: 0 1%;
    margin: 2em 0;
    border-color: #a0c00b;
    transition: 0.3s;
    transition-delay: .5s;
    background: #000;
  }

  .dcg .mobnav nav ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
  }

  .dcg .mobnav nav li {
    display: block;
    height: 35px;
    color: #fff;
    transition-delay: .3s;
    transition: .3s;
    font-size: 14px;
    padding: 0 4%;
    margin: 8px 0px;
  }

  .dcg .mobnav nav a {
    padding: 0;
    display: block;
    transition: ease 0.3s;
    font-weight: bold;
    color: #000;
  }

  .dcg .mobnav nav li {
    background: #5e4d62;
    line-height: 35px;
    background: #fff;
  }

  .dcg .mobnav nav li.active {
    background: #000;
    line-height: 35px;
    border: 1px solid #ccc;
  }

  .dcg .mobnav nav li.active a {
    color: #fff;
  }

  .dcg .mobnav nav a.open,
  .dcg .mobnav nav a.close {
    display: none;
  }

  .dcg .mobnav nav a i {
    color: #fff;
  }

  /* Nav one page with logo to the right */
  .dcg .description {
    width: 80%;
    float: left;
    padding-top: 10px;
  }

  .dcg .navigation nav figure.logo {
    width: 20%;
    float: right;
    background: #fff;
    padding: 5px;
    margin: 0px;
  }

  /*Header*/
  .dcg header {
    margin-bottom: 20px;
    padding: 20px 20px 0 20px;
    background: #f5f5f5
  }

  .dcg .supplier_intro {
    float: left;
    width: 60%;
    padding: 0px 25px 4px 5px;
  }

  .dcg .supplier_video,
  .dcg .supplier_image {
    float: left;
    width: 40%;
    margin-bottom: 20px;
  }

  .dcg .supplier_image {
    border: 3px solid #aaaaaa;
  }

  .dcg .supplier_image img {
    width: 100%;
  }

  .dcg .video_cont {
    background: #aaaaaa;
    padding: 3px
  }

  .dcg header p {
    font-size: 14px;
  }

  /*Sections*/
  .dcg .promotional {
    margin-bottom: 20px;
  }

  .dcg .intro {
    padding: 20px 0 0 20px;
  }

  .dcg #categories {
    padding-bottom: 20px;
  }

  .dcg img.full-width {
    width: 100%;
    margin: 10px 0;
  }

  .dcg .navcontainer {
    margin-left: 1%;
  }

  .dcg .halves {
    margin-left: -2%;
  }

  .dcg .halves .half {
    float: left;
    width: 48%;
    margin-left: 2%;
    margin-bottom: 16px
  }

  .dcg .split-two {
    width: 49%;
    margin-right: 1%;
    float: left;
    margin-top: 20px;
  }

  .dcg .split-three {
    width: 32.3%;
    margin-right: 1%;
    float: left;
    margin-top: 20px;
  }

  .dcg .split-four {
    width: 24%;
    margin-right: 1%;
    float: left;
    margin-top: 20px;
  }

  .dcg .split .copy,
  .dcg .split .asset {
    float: left;
    width: 50%;
    margin-bottom: 16px
  }

  .dcg .split .copy {
    padding-right: 20px;
  }

  .dcg #technology .split-four {
    padding: 20px;
  }

  /* Homepage block navigation */
  .dcg .productbox {
    background: #f6f6f6;
    position: relative;
    overflow: hidden;
    text-align: center;
  }

  .dcg .productbox:hover {
    background: #017CBA;
    transition: 1s;
  }

  .dcg .producttitle {
    position: absolute;
    text-align: center;
    padding: 10px;
    background: #0A6291;
    color: #fff;
    bottom: 0px;
    width: 100%;
    font-weight: bold;
  }

  .dcg #categories a {
    text-decoration: none;
  }

  /*Accordion*/
  .dcg #collapsable-content a.toggleControler {
    display: block;
    width: 100%;
    color: #222;
    background: #f2f2f2;
    text-decoration: none;
    padding: 10px;
    margin: 10px 0;
    font-weight: bold;
    font-size: 14px;
  }

  .dcg #collapsable-content a.toggleControler:before {
    content: "\f078";
    font-family: 'DCG-Icons', Arial, sans-serif;
    color: #777;
    float: right;
    font-style: normal;
    margin-left: 12px;
  }

  .dcg #collapsable-content a.toggleControler.active:before {
    content: "\f077";
    font-family: 'DCG-Icons', Arial, sans-serif;
    color: #CCC;
    float: right;
    font-style: normal
  }

  .dcg #collapsable-content .content-wrap {
    padding: 5px 10px 10px 10px;
  }

  .dcg .sfc #collapsable-content a.toggleControler:after {
    content: " (Click to view)";
    font-style: italic;
    font-weight: normal;
  }

  /* Single accordion - extra height, centred text */
  .dcg .sfc #collapsable-content a.toggleControler.fullwidth {
    padding: 20px;
    text-align: center;
    font-size: 16px;
  }

  .dcg .sfc #collapsable-content a.toggleControler.fullwidth:before {
    display: none;
  }

  .dcg #collapsable-content a.toggleControler.fullwidth:after {
    content: "\f078";
    font-family: 'DCG-Icons', Arial, sans-serif;
    color: #fff;
    font-style: normal;
    margin-left: 12px;
  }

  .dcg #collapsable-content a.toggleControler.fullwidth.active:after {
    content: "\f077";
    color: #CCC;
  }

  /*Video - DO NOT EDIT*/
  .dcg .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    overflow: hidden;
  }

  .dcg .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  /*Bullets*/
  .dcg .s_cont ul li {
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 8px;
  }

  .dcg .s_cont ul.no-bullets {
    list-style-type: none;
    padding-left: 0
  }

  /*------------------------------------Media Quiery's----------------------------------*/
  @media only screen and (min-width: 0) and (max-width:1239px) {
    .dcg .navigation nav ul li a {
      font-size: 1em;
    }

    .dcg .supplier_intro,
    .dcg .supplier_video,
    .dcg .supplier_image {
      width: 50%;
    }
  }

  /* Header size and 4 columns into 2 */
  @media only screen and (min-width: 0) and (max-width:1024px) {
    .dcg h1 {
      font-size: 1.8em;
    }

    .dcg h2 {
      font-size: 1.5em;
    }

    .dcg .split-four {
      width: 49%;
    }
  }

  /* Navigation */
  @media only screen and (max-width: 768px) {
    .dcg nav a {
      display: inline-block;
      width: 100%;
      float: none;
    }

    .dcg .navigation nav figure {
      float: none;
      width: 100%;
      margin: 0px;
      text-align: center;
    }

    .dcg .navigation nav ul {
      overflow: visible;
    }
  }

  /* Old Navigation */
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .dcg .navigation nav ul {
      display: block;
      padding: 5px;
    }

    .dcg .navigation nav ul li {
      display: block;
      border-left: none;
      margin: 0;
      border-radius: 5px;
    }

    .dcg .navigation nav ul li a.active {
      background: #646567;
    }

    .dcg .navigation nav ul li a:hover {
      background: #646567;
      color: #fff;
      transition: 1s;
    }

    .dcg .navigation nav ul li a {
      padding: 10px 0 10px 0px;
    }
  }

  /* Desktop Navigation Media Queries */
  @media only screen and (min-width: 1240px) {
    .dcg .desktopnav nav ul a {
      width: 20%;
    }
  }

  @media only screen and (min-width: 0) and (max-width:1239px) {
    .dcg .desktopnav nav ul li a {
      font-size: 1em;
    }
  }

  @media only screen and (min-width: 768px) and (max-width: 1240px) {
    .dcg .desktopnav nav ul a {
      width: 25%;
    }
  }

  @media only screen and (max-width: 768px) {

    .dcg .desktopnav nav ul li:hover,
    .dcg .desktopnav nav ul li.active {
      border: 1px solid #000;
    }
  }

  @media only screen and (max-width: 768px) {
    .dcg .desktopnav nav a {
      display: inline-block;
      width: 100%;
      float: none;
    }

    .dcg .desktopnav nav figure {
      float: none;
      width: 100%;
      margin: 0px;
      text-align: center;
    }

    .dcg .desktopnav nav ul {
      overflow: visible;
    }
  }

  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .dcg .desktopnav nav ul {
      display: block;
      padding: 5px;
    }

    .dcg .desktopnav nav ul li {
      display: block;
      border-left: none;
      margin: 0;
    }

    .dcg .desktopnav nav ul li a.active {
      background: #646567;
    }

    .dcg .desktopnav nav ul li a:hover {
      background: #646567;
      color: #fff;
      transition: 1s;
    }

    .dcg .desktopnav nav ul li a {
      padding: 10px 0 10px 0px;
    }

    .dcg .description {
      width: 100%;
      text-align: center;
    }

    .dcg .navigation nav figure.logo {
      width: 100%;
    }
  }

  @media only screen and (min-width: 400px) and (max-width: 768px) {
    .dcg .desktopnav nav ul a {
      width: 49.5%;
    }

    .dcg .desktopnav nav ul li {
      border: 1px solid #ccc;
    }

    .dcg .desktopnav nav ul li.active {
      border: 1px solid #000;
    }

    .dcg .desktopnav nav {
      margin: 0.5%;
    }
  }

  @media only screen and (min-width: 450px) {
    .dcg .desktopnav nav ul.nav-more {
      display: none;
    }

    .dcg .mobnav {
      display: none;
    }
  }

  /* Mobile */
  @media handheld,
  only screen and (max-width: 599px) {

    .dcg p,
    .dcg a {
      font-size: 13px;
    }

    .dcg header p {
      font-size: 14px;
    }

    .dcg h1 {
      font-size: 1.6em;
    }

    .dcg h2 {
      font-size: 1.3em;
    }

    .dcg a.space {
      display: block;
      margin-bottom: 10px
    }

    .dcg #collapsable-content a.toggleControler {
      font-size: 13px
    }

    .dcg header {
      padding: 10px;
    }

    .dcg .split .copy,
    .dcg .split .asset {
      float: none;
      width: 100%;
    }

    .dcg .split .copy {
      padding-right: 0;
    }

    .dcg .halves {
      margin-left: 0;
    }

    .dcg .split-four,
    .dcg .split-three,
    .dcg .split-two,
    .dcg .halves .half {
      float: none;
      width: 100%;
      margin-left: 0%;
    }

    .dcg .sfc #collapsable-content a.toggleControler:after {
      display: none;
    }

    .dcg .supplier_intro,
    .dcg .supplier_video {
      float: none;
      width: 100%;
    }

    .dcg .supplier_intro {
      padding: 0px 5px;
    }

    .dcg .supplier_intro p {
      margin-bottom: 5px;
    }

    .dcg .supplier_image,
    .dcg .supplier_video {
      width: 100%;
      margin-top: 10px;
      margin-bottom: 0;
    }
  }

  /* Mobile Slide Down Navigation Media Queries */
  @media only screen and (min-width: 0px) and (max-width:450px) {

    .dcg .mobnav nav a.open,
    .dcg .mobnav nav a.close {
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-weight: bold;
      width: auto;
      cursor: pointer;
      color: #2060c0;
    }

    .dcg .mobnav a {
      position: static !important;
    }

    .dcg .mobnav nav a.close {
      display: none;
    }

    .dcg .mobnav nav a.open {
      display: block;
    }

    .dcg .mobnav nav.active a.close {
      display: block;
      width: auto;
    }

    .dcg .mobnav nav.active a.open {
      display: none;
    }

    .dcg .mobnav nav ul {
      overflow: hidden;
      height: 2px;
      transition: .5s linear;
    }

    .dcg .mobnav nav.active ul {
      height: 231px;
    }

    .dcg .mobnav nav ul {
      width: 95%;
      margin: auto;
    }

    .dcg .mobnav nav ul li {
      width: 100%;
    }

    .dcg .desktopnav {
      display: none;
    }
  }

  /*
https://currys-ssl.cdn.dixons.com/css/themes/neff/2020/home/neff-home.css
*/
  /******** Fonts *******/
  @font-face {
    font-family: 'NeffSans Bold';
    src: url('https://currys-ssl.cdn.dixons.com/css/themes/neff/2020/fonts/NeffSansBol.ttf');
  }

  @font-face {
    font-family: 'NeffSans Regular';
    src: url('https://currys-ssl.cdn.dixons.com/css/themes/neff/2020/fonts/NeffSansReg.ttf');
  }

  @font-face {
    font-family: 'NeffHand Demi';
    src: url('https://currys-ssl.cdn.dixons.com/css/themes/neff/2020/fonts/NEFFHand-Demi.ttf');
  }

  .dcg {
    max-width: 1240px;
    font-family: "NeffSans Regular", sans-serif;
  }

  .dcg h1 {
    margin: 15px 0;
  }

  /******* HERO SECTION *******/
  .dcg .hero-section {
    position: relative;
  }

  .dcg .hero-text {
    position: absolute;
    bottom: 5%;
    width: 100%;
    padding: 0 30px;
    color: #fff;
  }

  .dcg .hero-heading {
    font-family: "NeffSans Bold", sans-serif;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 10px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  }

  .dcg .hero-text p {
    font-size: 16px;
  }

  @media only screen and (max-width: 599px) {
    .dcg .hero-heading {
      font-size: 30px;
      margin-bottom: 10px;
      text-shadow: none;
    }

    .dcg .hero-text {
      position: static;
      bottom: 0;
      width: 100%;
      padding: 20px 20px;
      color: #333;
    }
  }

  /****** MENU ********/
  .dcg .neff-menu {
    background-color: #e2e2e2;
    padding: 15px 10%;
    text-align: center;
    margin: 20px 0;
  }

  .dcg .neff-menu ul {
    margin: 0;
    padding: 0;
  }

  .dcg .neff-menu ul a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
    font-family: "NeffSans Bold", sans-serif;
  }

  .dcg .neff-menu ul .active {
    color: #f90843;
  }

  .dcg .neff-menu ul a:hover {
    text-decoration: underline;
    color: #f90843;
  }

  .dcg .neff-menu ul li {
    list-style: none;
    display: inline-block;
    padding: 5px 25px;
  }

  @media only screen and (max-width: 599px) {
    .dcg .neff-menu ul li {
      display: inline-block;
      padding: 5px 20px;
    }

    .dcg .neff-menu {
      padding: 15px 5%;
    }
  }

  /*********** SECTION 1 BOXES *******/
  .dcg .sect-row {
    margin-bottom: 20px;
  }

  .dcg .box-3rd {
    float: left;
    width: 33.33%;
  }

  .dcg .box-3rd-inner {
    position: relative;
  }

  .dcg .box-3rd-left {
    padding-right: 12px;
  }

  .dcg .box-3rd-center {
    padding-right: 6px;
    padding-left: 6px;
  }

  .dcg .box-3rd-right {
    padding-left: 12px;
  }

  .dcg .box3-text {
    position: absolute;
    bottom: 20px;
    color: #fff;
    padding: 20px 20px 0;
  }

  .dcg .box-heading {
    font-size: 20px;
    font-family: "NeffSans Bold", sans-serif;
    margin-bottom: 10px;
  }

  .dcg .box-cta {
    margin: 25px 0;
  }

  .dcg .box-cta a {
    background-color: #b00035;
    text-decoration: none;
    color: #fff;
    padding: 7px 20px;
    border: 1px solid #b00035;
    transition: background-color 0.5s;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
  }

  .dcg .box-cta a:hover {
    background-color: #fff;
    color: #b00035;
  }

  @media only screen and (max-width: 699px) {
    .dcg .box-3rd {
      float: none;
      width: 60%;
      margin: 10px auto;
    }

    .dcg .box-3rd-left {
      padding-right: 0;
    }

    .dcg .box-3rd-center {
      padding-right: 0;
      padding-left: 0;
    }

    .dcg .box-3rd-right {
      padding-left: 0;
    }
  }

  @media only screen and (max-width: 529px) {
    .dcg .box-3rd {
      float: none;
      width: 80%;
      margin: 10px auto;
    }
  }

  /********* KITCHEN IDEAS ********/
  .dcg .kitchen-ideas {
    background-color: #e2e2e2;
    margin-top: 40px;
  }

  .dcg .kitchen-ideas-hero {
    position: relative;
    margin-bottom: 20px;
  }

  .dcg .kitchen-ideas-title {
    position: absolute;
    bottom: 10%;
    font-family: "NeffSans Bold", sans-serif;
    font-size: 40px;
    margin-bottom: 10px;
    color: #fff;
    padding: 0 20px;
  }

  .dcg .box3-text-static {
    background-color: #2b2b2b;
    color: #fff;
    padding: 20px 20px 10px;
  }

  .dcg .text-height {
    min-height: 80px;
  }

  .dcg .text-height2 {
    min-height: 240px;
    position: relative;
  }

  .dcg .connect-icon {
    position: absolute;
    top: -50px;
    right: 20px;
    width: 20%;
  }

  .dcg .smart-kitchen {
    margin: 100px 0 30px;
  }

  .dcg .written-heading {
    font-size: 40px;
    font-family: "NeffHand Demi", sans-serif;
    margin-bottom: 10px;
    padding: 0 20px;
  }

  .dcg .smart-kitchen-intro {
    padding: 0 20px 30px;
  }

  .dcg .sect-half {
    float: left;
    width: 50%;
  }

  .dcg .half-inner-left {
    margin-right: 10px;
  }

  .dcg .half-inner-right {
    margin-left: 10px;
  }

  @media only screen and (max-width: 599px) {
    .dcg .kitchen-ideas-title {
      font-size: 30px;
    }

    .dcg .sect-half {
      float: none;
      width: 80%;
      margin: 10px auto;
    }

    .dcg .connect-icon {
      top: -40px;
      right: 20px;
      width: 20%;
    }

    .dcg .half-inner-left {
      margin-right: 0;
    }

    .dcg .half-inner-right {
      margin-left: 0;
    }
  }

  /************* COOKING STYLES ************/
  .dcg .cooking-styles {
    margin-top: 40px;
    padding-bottom: 30px;
  }

  .dcg .cooking-style-hero {
    position: relative;
  }

  .dcg .cooking-text-container {
    position: absolute;
    bottom: 10%;
    width: 100%;
    color: #fff;
    padding: 0 20px;
  }

  .dcg .cooking-style-title {
    font-family: "NeffSans Bold", sans-serif;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 10px;
  }

  .dcg .row-padding {
    padding-top: 20px;
  }

  @media only screen and (max-width: 699px) {
    .dcg .cooking-style-title {
      font-size: 30px;
      margin-bottom: 10px;
    }
  }

  /********** Others **********/
  .dcg .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }