.dcg {max-width:1240px; margin: 0px auto;
    padding: 10px 0 25px 0;}
.dcg img{max-width:100%;}
.dcg .topbar{background-color:#000; padding:10px;}
.dcg .topbar img{width:60px; height:auto;}
.dcg h1{margin:0 0 10px;}

.dcg *, .dcg *:after, .dcg *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dcg .hero-sect{background: rgb(19,25,21);
background: linear-gradient(90deg, rgba(19,25,21,1) 100%, rgba(0,0,0,1) 100%);
    color:#fff; margin-top:20px;}
.dcg .hero-img{float:right; width:50%; text-align:right;}
.dcg .hero-text{float:left; width:50%;}
.dcg .hero-inner{padding:50px 30px 30px;}
.dcg .hero-heading{font-size:40px; margin-bottom:15px;}
.dcg .hero-inner p{font-size:18px;}

@media only screen and (max-width: 599px) {
    .dcg .hero-img{float:none; width:100%;}
    .dcg .hero-text{float:none; width:100%;}
}

/***** transfered CSS *********/
.dcg .intro{margin-top:50px;}
.dcg .intro h2{text-align:center; line-height:normal; margin:20px 0;}
.dcg .navcontainer {
    margin-left: 1%;
}

.dcg .split-five {
    width: 19%;
    margin-right: 1%;
    float: left;
    margin-top: 20px;
}
@media only screen and (max-width: 599px) {
    .dcg .split-five {width: 100%; margin-right: 0%; float: left; margin-top: 20px;}
}


.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; }
.dcg .border { border: 0px solid #ccc;}
.dcg h1, .dcg h2, .dcg h3 {font-family:'Metric',arial,sans-serif;}
.dcg p, .dcg, button {font-family:'Metric',arial,sans-serif;}
.dcg .sfc .desktopnav {margin-top: 10px;background: #0e1414;border: 1px solid #f0f0f0;}
.dcg .sfc .desktopnav nav li.active {background: #14232d;color: #46b9eb;}
.dcg .sfc .desktopnav nav ul li {color:#fff; text-transform: uppercase; font-family:'Metric',arial,sans-serif; margin-bottom:0px}
.dcg .sfc .desktopnav nav ul li p {margin: 0px; margin-bottom:3px; font-size:18px; font-weight:100;}
.dcg .sfc .desktopnav nav ul li p.active {border-bottom:3px solid #cf1430; margin-bottom:0px;}
.dcg .desktopnav nav ul a:hover li p {border-bottom:3px solid #cf1430; margin-bottom:0px;}
.dcg .desktopnav nav ul a { width: auto; margin: 0% 8%;}/* to allow for JUST underlined text, not box */
.dcg .sfc .desktopnav nav figure {background: #0e1414;padding: 0px; margin-top: 12px;}
.dcg .sfc .desktopnav nav figure.logo {background: transparent; padding: 0px;}
.dcg .sfc .description {padding-top: 6px;}
.dcg .sfc h2 {font-weight:600; font-size:26px;}
.dcg .sfc .desktopnav nav li:hover { background: transparent;}
.dcg .mobnav nav {padding: 0 1%;margin: 2em 0;border-color: #a0c00b;transition: 0.3s;transition-delay: .5s;background: #ffffff;}
.dcg .sfc header p {font-size: 18px;}

.dcg .sfc .supplier_intro h2 {color: #d00d2c;}
.dcg .sfc h1 {color: #ff009a; font-family:'Metric',helvetica,arial,sans-serif;}
.dcg .sfc h1.top {color: #000; font-size: 34px; margin-bottom:10px;}
.dcg .sfc .navigation {margin-top: 10px;background: #14232d;border: 1px solid #ff009a;}
.dcg .sfc .navigation nav figure {background: #f1f1f1; padding: 0px;}
.dcg .sfc .navigation nav figure img {max-height:40px;}
.dcg .sfc .navigation nav figure.logo {background: transparent; padding: 4px;}
.dcg .sfc .description {width:80%;float:left;padding-top: 8px;}

/* navigation boxes */
.dcg .split-five { width: 19%; margin-right: 1%; float: left; margin-top: 20px; }

.dcg .sfc .productbox {
    background: rgb(45,45,45); /* Old browsers */
    background: -moz-linear-gradient(top,   rgb(70, 70, 70) 51%,rgb(56, 56, 56) 52%,rgb(35, 35, 35) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,   rgb(70, 70, 70) 51%,rgb(56, 56, 56) 52%,rgb(35, 35, 35) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgb(70, 70, 70) 51%,rgb(56, 56, 56) 52%,rgb(35, 35, 35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#333333',GradientType=0 ); /* IE6-9 */border: 2px solid #f0f0f0;padding-bottom:20px;padding-top:10px;transition:0.8s;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.dcg #cooking.sfc .productbox {
    padding-top:0px;}
.dcg .sfc .productbox:hover {transition:0.8s; border:2px solid #cacaca;}
.dcg .sfc .productbox img {transition:0.4s;}
.dcg .sfc .productbox:hover img {transition:1.5s; transform:scale(1.05);}
.dcg .sfc .producttitle {background: #c80028;color: #fff;font-size: 16px;
position: absolute;
    text-align: center;
    padding: 10px;
    bottom: 0px;
    width: 100%;
    font-weight: bold;
}

/* blocks */
.dcg .sfc #block {display:inline-block; margin-top:20px;background: rgb(39,39,40); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(39,39,40,1) 0%, rgba(66,66,68,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(39,39,40,1) 0%,rgba(66,66,68,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(39,39,40,1) 0%,rgba(66,66,68,1) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272728', endColorstr='#000000',GradientType=1 );}
.dcg .sfc #block .half {width:50%; float:left;}
.dcg .sfc #block .half-right {width:50%; float:right;}
.dcg .half-right figure{padding-top:20px;}
.dcg .sfc #block .half h2 {color:#fff;font-size:46px;font-family: 'Metric-Light', arial, sans-serif;font-weight: 100;line-height: normal;text-transform: uppercase; margin:20px 0;}
.dcg .sfc #block .half p {color:#fff; font-size:16px;}
.dcg .sfc #block .half.text {padding:7%; padding-bottom:4%;}
.dcg .sfc #block button {background:#c80028;color:#fff;font-family: 'Metric', arial, sans-serif;width: 150px;font-size: 18px; text-transform:uppercase; padding:5px;}
.dcg .sfc #block button i {font-size:75%;}


/* steam */
.dcg .sfc #block.steam .half img {float:right;}
.dcg .sfc #block.steam .half button {width:200px;}

/* simple */
.dcg .sfc #block.simple button {width:200px;}
.dcg .sfc #block.simple .half.video {padding: 7% 5%;}

/* cooler */
.dcg .sfc #block.cooler .half.img {padding:3%;}

/* fresher */
.dcg .sfc #block.fresher {background-image:url(https://media.currys.biz/i/currysprod/aeg-fresher-bg); background-position: center; max-height:505px;}
.dcg .sfc #block.fresher h2 {width:80%;}
.dcg .sfc #block.fresher .half.text {padding:6.6%;}


.dcg .sfc.landingpage .productbox .producttitle {bottom:-5px;}

/* ----- COOLING PAGE BLOCKS ----- */
.dcg .sfc #block.fridge {max-height:400px;overflow:hidden;width: 100%;}
.dcg .sfc #block.freezer {max-height:400px; overflow:hidden;}
.dcg .sfc #block.fridgefreezer {max-height:400px; overflow:hidden;}
.dcg .sfc #block.fridgefreezer button {width:210px;}
.dcg .sfc #block.fridge .half figure {padding:10%;}
.dcg .sfc #block.freezer .half figure {padding:10%;}
.dcg .sfc #block.fridgefreezer .half figure {padding:10%;}



/* ----- Laundry ---- */
.dcg section .info_cont {display: none}
/*Shopping and services*/
.dcg section .cs_wrap {position:relative;overflow: hidden;}
.dcg section .cs_wrap  .cs_info figure.logos {position:absolute; right:20px; bottom:20px; z-index:1000;}
.dcg section .cs_wrap .cs_menu {float: left;width: 18%;margin-right: 4px;}
.dcg section .cs_wrap .cs_menu ul {list-style-type: none; margin: 0; padding: 0;}
.dcg section .cs_wrap .cs_menu ul li {margin-bottom: 1px;background-color: #454545;position:relative;padding: 22px;}
.dcg section .cs_wrap .cs_menu ul li:after { content:''; position: absolute; right: 0px;top: 0%; margin-right:0px; opacity:0;  border-top: 46px solid transparent;
  border-bottom: 46px solid transparent;
  border-left: 20px solid #454545; transition:0.5s;}
.dcg section .cs_wrap .cs_menu ul li a {color:#fff; text-decoration:none;}
.dcg section .cs_wrap .cs_menu ul li a span {font-size: 20px;font-family: 'Metric-Light', arial, sans-serif;}
.dcg section .tab_one #info_one,
.dcg section .tab_two #info_two, 
.dcg section .tab_three #info_three, 
.dcg section .tab_four #info_four,
.dcg section .tab_four #info_five,
.dcg section .tab_four #info_six,
.dcg section .tab_four #info_seven {display: block;} 
.dcg .sfc #features {padding: 5% 0%;padding-bottom: 0px;width:100%;display:inline-block;margin-top:20px;background: rgb(39,39,40); /* Old browsers */background: -moz-linear-gradient(left,  rgba(39,39,40,1) 0%, rgba(66,66,68,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  rgba(39,39,40,1) 0%,rgba(66,66,68,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  rgba(39,39,40,1) 0%,rgba(66,66,68,1) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272728', endColorstr='#000000',GradientType=1 );}
.dcg .sfc #features p {color:#fff;font-size: 20px;width: 100%;line-height:20px;letter-spacing:-0.5px;}
.dcg section .tab_one ul li.tab_one,
.dcg section .tab_two ul li.tab_two,
.dcg section .tab_three ul li.tab_three,
.dcg section .tab_four ul li.tab_four,
.dcg section .tab_four ul li.tab_five,
.dcg section .tab_four ul li.tab_six,
.dcg section .tab_four ul li.tab_seven {background-color: #454545;z-index: 100;font-weight: 800;text-shadow: 2px 2px 20px #fff;}
.dcg section .tab_one ul li.tab_one:after,
.dcg section .tab_two ul li.tab_two:after,
.dcg section .tab_three ul li.tab_three:after,
.dcg section .tab_four ul li.tab_four:after, 
.dcg section .tab_four ul li.tab_five:after,
.dcg section .tab_six ul li.tab_six:after,
.dcg section .tab_six ul li.tab_seven:after {
  content:'';
  width: 0;
  height: 100%;
  border-top: 46px solid transparent;
  border-bottom: 46px solid transparent;
  border-left: 20px solid #454545;
  margin-right: -20px;
 transition:0.5s; opacity:1;
  }
.dcg section .cs_wrap .cs_info {position: relative;overflow: hidden;margin-left: 220px;padding: 25px;padding-top: 1%;padding-left: 5%;padding-right: 35%;width: 80%;min-height: 430px;}
.dcg section .cs_wrap .cs_info figure {
    right: 0px;
    position: absolute;
    width: 39%;
    top: 0px;
}
.dcg section .cs_wrap .cs_info figure.icon {position:relative;}
.dcg .sfc #features h2 {color:#fff;font-size: 42px;font-weight:100;width: 100%;line-height:34px;}
.dcg .sfc #features button  {background:#c80028;color:#fff;font-family: 'Metric', arial, sans-serif;width: 250px;font-size: 16px; text-transform:uppercase;}
.dcg .sfc #features button i {font-size:75%;}
.dcg .sfc #table {width:100%; display:inline-block; background:#7c7c7c;}
.dcg .sfc #features #table .five {width:20%; float:left;}
.dcg .sfc #features.tumble #table .five {width:25%; float:left;}
.dcg .sfc #table .five .row2 {width:100%;display:block;height:30px;text-align:center;padding-top:5px;outline: 1px solid #716f6f;}
.dcg .sfc #table .five .row2 p {line-height:auto; padding-left:2%; font-weight:100; font-family: 'Metric-Light', arial, sans-serif; font-size:14px;}
.dcg .sfc #shopnow {display:inline-block; width:100%; text-align:center; margin-top:20px; margin-bottom:20px;}
.dcg .sfc #shopnow button {background:#c80028;color:#fff;font-family: 'Metric', arial, sans-serif;width: 250px;font-size: 16px; text-transform:uppercase;}

@media only screen and (max-width:1239px){
.dcg .sfc #block .half.text {padding:2%;}
.dcg .sfc#fridges #block .half.text {padding-bottom: 100%;}
.dcg .sfc #block .half h2 {font-size:38px;}  
.dcg .desktopnav nav ul a {margin: 0% 5%;}/* to allow for JUST underlined text, not box */
.dcg .desktopnav nav ul li {border:none;}
.dcg .desktopnav nav ul li:hover {border:none;}
.dcg .desktopnav nav {text-align:Center;}

.dcg section .cs_wrap .cs_info figure { right: 1px; width: 50%;}
.dcg section .cs_wrap .cs_info figure.icon { right: 0px;}
.dcg section .cs_wrap .cs_info {padding-left: 3%;padding-right: 40%;}
.dcg .sfc #block.landingblock .half.text { padding: 10% 2% 10% 2%; background:transparent;}
.dcg .sfc #block.landingblock { max-height: 420px;}
    
.dcg section .cs_wrap .cs_info {position: relative;overflow: hidden;margin-left: 220px;padding: 25px;padding-top: 1%;padding-left: 5%;padding-right: 35%;width: 77%;min-height: 380px;}
.dcg section .cs_wrap .cs_info figure {
    right: 0px;
    position: absolute;
    width: 39%;
    top: 0px;
}    
    .dcg .sfc #features h2 {font-size: 30px; line-height: 30px;}
    .dcg .sfc #features p {font-size: 18px;}
}
@media only screen and (max-width:1024px){
.dcg section .cs_wrap .cs_info {padding-left: 0%;}
    .dcg .sfc #block.fresher .half {width:40%;}
    .dcg .sfc #block.fresher .half.text {width:60%;}
}
@media only screen and (max-width:988px) {
    .dcg section .cs_wrap .cs_info {width: 73%;}
}
@media only screen and (max-width:900px){
.dcg .sfc #block.cordless {background-position: right;}
}
@media only screen and (max-width:846px) {
    .dcg section .cs_wrap {margin-bottom:40px;}
    .dcg section .cs_wrap .cs_info {position: absolute; width:100%;}
    .dcg section .cs_wrap .cs_info figure {position: static;}
    .dcg section .cs_wrap {
	position: relative;
	overflow: unset;
	width: 100%;
	display: block;
	min-height: 500px;
}
}
@media only screen and (max-width:800px){
    .dcg .sfc #table .five .row2 {height:50px;}
.dcg section .cs_wrap .cs_menu ul li a span {font-size: 16px;}
.dcg section .tab_one ul li.tab_one:after, .dcg section .tab_two ul li.tab_two:after, .dcg section .tab_three ul li.tab_three:after, .dcg section .tab_four ul li.tab_four:after, .dcg section .tab_four ul li.tab_five:after, .dcg section .tab_six ul li.tab_six:after, .dcg section .tab_six ul li.tab_seven:after { border-top: 41px solid transparent; border-bottom: 41px solid transparent;}
.dcg section .cs_wrap .cs_info { margin-left: 160px;}
.dcg .sfc #features h2 {font-size: 30px; line-height: 25px;}
.dcg section .cs_wrap .cs_menu ul li {padding-left:10px;}
    
.dcg .sfc #block.landingblock .half.text {width:100%;}
}
@media only screen and (max-width:680px){
.dcg section .cs_wrap .cs_menu {width:100%; margin-bottom:2%;}
.dcg section .cs_wrap .cs_menu ul li {width:25%; float:left;}
.dcg section.tumble .cs_wrap .cs_menu ul li {width:33.33333%; float:left;}
.dcg section .cs_wrap .cs_menu ul li:after {display:none;}
.dcg section .cs_wrap .cs_info { margin-left: 1%; width:100%; min-height:0px; position: static;}
.dcg section .cs_wrap .cs_info figure {width:60%;}
}
@media only screen and (max-width:600px){
.dcg .split-five { width: 100%; margin-right: 0%; float: left; margin-top: 20px; }    
.dcg .sfc#fridges #block .half.text {padding-bottom:5%;}
.dcg .sfc #block .half {width:100%; float:none;}
.dcg .sfc #block .half-right {width:100%; float:none;}
.dcg .sfc #block.cordless { height: 500px;}
.dcg .sfc #block.handheld { height: 500px;}
.dcg .sfc #block.landingblock figure.woman {display:none;}
.dcg .sfc#fridges #block {min-height:500px;}
    .dcg .sfc #block.fresher .half {width:100%;}
    .dcg .sfc #block.fresher .half.text {width:100%;}
    .dcg .sfc #block .half.text {background: #2a2a2a;}
    .dcg .half-img{height:465px;}
    .dcg .sfc #block.fresher {background-position:-100px -40px; height:auto; max-height: inherit;}
    .dcg .sfc #block .half h2 {font-size:32px;} 
}

@media only screen and (max-width:450px){
    .dcg .desktopnav {display:block;}
.dcg .mobnav nav a.open { display: block; padding-top: 10px;}
.dcg section .cs_wrap .cs_info {padding-left:4%; padding-right: 4%;}
.dcg section .cs_wrap .cs_info figure.icon { width: 100%; position: relative; padding: 6% 35%; margin-left: 10%;}
.dcg section .cs_wrap .cs_info figure {
	width: 100%;
	position: static;
	padding: 0% 0%;
	margin-left: 0%;
}    
    .dcg section .cs_wrap .cs_info figure.logos {display:none;}
    .dcg .sfc #table .five .row2 p {font-size: 10px;}
}
@media only screen and (max-width:400px){
.dcg section .cs_wrap .cs_menu ul li a span { font-size: 14px;} 
.dcg .sfc #features p {font-size:16px;}
}


/******* video section *******/
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; } 
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden;} 


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