.dcg { line-height: 1.4; }

/*
https://currys-ssl.cdn.dixons.com/css/themes/dyson/2020/dyson-all.css
*/

/*Defaults*/
.dcg {margin: 0px auto; padding: 10px 0 25px 0;max-width:1240px;}
.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;}
.breadcrumb {/*display:none;height:0;padding:0;margin:0*/}
.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 button {background:#ffcc00; color:#000; border-radius:20px; padding: 0px 20px; font-weight:800;height: 30px;font-size:12px;}
.dcg button i {font-size:70%;}
.dcg button:hover {background:#FFF300; transition:1s;}
.dcg .split-two {width:50%;float:left;}

/* reasons to shop */

/* Services */
.dcg #reasons { width: 98%; float: left; margin-left: 1%; margin-top:20px;}
.dcg #reasons h3 {text-align: left;padding-top:10px;font-family:gotham,arial,helvetica;font-size:30px;font-weight: 400;margin-bottom: 0px;}
.dcg #reasons .serviceblock {width:32.33%;float:left;margin-right:1%;padding-bottom:30px;}
.dcg #reasons .serviceblock h3 {text-align:left;text-decoration:none;font-size:22px;font-family:gotham,arial,helvetica; font-weight:400; color:#333;}
.dcg #reasons .serviceblock h3 strong {font-weight:600;}
.dcg #reasons .serviceblock .serviceimg {width:97%;overflow:hidden;margin:20px 0px;border: 1px solid #e2e2e2;}
.dcg #reasons .serviceblock .serviceimg img {width:100%;}
.dcg #reasons .serviceblock p {width:95%; font-family:arial,helvetica, sans-serif; font-size:14px; margin-top:0px; color:#333; line-height:1.4em}
.dcg #reasons .grow img {height: 200px;
  width: 391px;
  -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.dcg #reasons .grow img:hover {
-webkit-transform:scale(1.05); /* Safari and Chrome */
-moz-transform:scale(1.05); /* Firefox */
-ms-transform:scale(1.05); /* IE 9 */
-o-transform:scale(1.05); /* Opera */
 transform:scale(1.05);
}
.dcg #reasons button {
    background: #ffcc00;
    color: #000;
    border-radius: 20px;
    padding: 0px 20px;
    font-weight: 800;
    height: 30px;
    font-size: 12px;
}
.dcg #reasons button i {font-size:70%;}
.dcg #reasons button:hover {background:#FFF300; transition:1s;}
.dcg .why-us {display: block; margin-top:30px}
.dcg .why-us h2 {width: 100%;font-size: 20px;font-weight: 400;}
.dcg .why-us .button-wrap {display:flex;margin-bottom: 20px;}
.dcg .why-us .button-wrap button {background: #fff2bf;color:#000;border-radius: 0px;padding: 0px 14px;font-weight: 800;height: 50px;font-size: 15px;width: 97%;border: 1px solid #fc0;}
.dcg .why-us .button-wrap button i {font-size: 75%;}
.dcg .why-us .button-wrap button:hover {background:#ffcc00; transition:1s;}
.dcg .why-us .button-wrap button.mid {}

/* Pop Out videos */
.popInTrigger {display:block;}
.popInTrigger::after {display:none;}
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 - if your video isn't 16:9, this % value may need changing*/height: 0;overflow: hidden;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;}

/* Navigation Bar */
.dcg .navigation {width:100%; height: 51px; overflow:hidden; margin-top:20px;background:#F3F3F3;margin-bottom:20px;}
.dcg .navigation nav {padding:0; margin:0px;}
.dcg .navigation nav a {padding:0px;display:inline;width:12.5%;float:left;color:#000;margin-left:0.5%;font-size:12px;}
.dcg .navigation nav figure {display:inline-block;float:left;width:100%;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 {border:0px;padding:8px 0px 0px 0px;}
.dcg .navigation nav ul li {display: block;text-align: center; vertical-align: middle; padding:10px 0px;font-family: 'Gotham A', 'Gotham B', 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; }

/* Mobile Slide Down Navigation*/
.dcg .mobnav nav{padding: 0 1%;margin: 20px 0; border-color: #a0c00b; transition:0.3s;  transition-delay:.5s;background:#D6D6D6;}
.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:#999;}
.dcg .mobnav nav li {background: #f3f3f3; line-height: 35px;border-radius:2px;background:#fff;}
.dcg .mobnav nav li.active{background:#878786; 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:#878786;}

/* Comparison chart */
.dcg #compare {margin-top:20px;padding:20px;float:left;width:100%;}
.dcg #compare .features {width:100%;background:#E5E5E5;padding:10px;float:left;margin-top:20px;}
.dcg #compare .featurerow {width:100%;padding:5px 0px 5px 10px;float:left;border-bottom:1px solid #efefef;height:87px;overflow:hidden;}
.dcg #compare .features h1 {width:85%;float:left;}
.dcg #compare .featurerow p{width:85%;float:left;margin:30px 0px;}
.dcg #compare .featuresvid {width:10%;float:right;}
.dcg #compare .featurerow img {width:13%;float:right;}
.dcg #compare .product {width:100%;float:left;}
.dcg #compare .hero {width:100%;float:left;text-align:center;padding:10px 0px;}
.dcg #compare .split-three {width:32.33%;float:left;margin-left:1%;}
.dcg #compare .split-three .featurerow img {width:20%;}
.dcg #compare .split-three .featurerow p {width:80%;}
.dcg #compare .split-three .features h1 {width:83%;float:left;}
.dcg #compare .split-three .features img {width:17%;float:left;}
.dcg #compare .split-four {width:24%;float:left;margin-left:1%;}
.dcg #compare .split-four .featurerow img {width:20%;}
.dcg #compare .split-four .featurerow p {width:80%;}
.dcg #compare .split-four .features h1 {width:83%;float:left;}
.dcg #compare .split-four .features img {width:17%;float:left;}
.dcg #compare .split-four .product {height:520px;position:relative;}
.dcg #compare .split-four .cordblock {height:350px;position:relative;}
.dcg #compare .split-four .cordblock button,
.dcg #compare .split-four .product button {position:absolute;bottom:0px;left:0px;}

/* Services */
.dcg #services {width:101%;float:left;margin-left:-1%;}
.dcg #services .split-three {width:32.33%;float:left;background:#E5E5E5;text-align:center;padding:20px;margin:20px 0px 20px 1%;}

/****************** DYSON HOMEPAGE ********************/
.dcg header.aboutdyson {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;}

/* Dyson appliances block */
.dcg #categories {padding:20px;margin-top:20px;}
.dcg .navcontainer {width:101%;float:left;margin-left:-1%;}
.dcg #categories .split-two {position:relative;padding-bottom:110px;background-color:#F9F9F9;width:49%;margin-left:1%;margin-top:15px;}
.dcg #categories .split-two.white {background:#fff;}
.dcg #categories .split-two.grey {background-color:#939290}
.dcg #categories .split-two.grey a {color:#fff;text-decoration:none;}
.dcg #categories .play {position:absolute;top:30%;text-align:center;width:100%;}
.dcg #categories .producttitle {position:absolute;bottom:10px;text-align:center;width:90%;margin-left:5%;}
.dcg #categories .producttitle p {font-size: 12px;}

.dcg #categories .producttitle a {text-decoration:none;color:#000;}
.dcg #categories .review {position:absolute;bottom:20px;width:60%;padding-left:20px;}
.dcg #categories .review img {padding:10px 0px;}
.dcg #categories .review p {margin:0px;font-weight:bold;color:#000;}
.dcg #categories .review a {text-decoration:none;}
.dcg #categories .secondbutn {margin-left:10px;}

/* Videos */
.dcg #videos {padding:20px;margin-top:20px;}
.dcg #videos .navcontainer {width:101%;float:left;margin-left:-1%;}
.dcg #videos .split-four {margin-left:1%;float:left;width:24%;position:relative;}
.dcg #videos .split-four .play {position:absolute;left:35%;bottom:35%;}
.dcg #videos .split-four .producttitle {position:absolute;bottom:0px;width:80%;margin-left:10%;text-align:center;font-weight:bold;}
.dcg #videos .split-four .producttitle p {font-size:16px;}
/****************** END DYSON HOMEPAGE ********************/

/****************** DYSON CORDFREE AND HANDHELD *****************/
.dcg h3.cordlesstitles {font-size:25px;color:#000;}
.dcg #liftandclean {margin-top:20px;width:100%;float:left;background-color:#EEEEEE;}
.dcg #liftandclean .split-two h3 {padding:25% 20px 0px 20px;}

.dcg #carpethair {background:url(https://currysprod.a.bigcontent.io/v1/static/dyson-v8-carpet-hair-jpg) right top;position:relative;width:100%;float:left;margin-top:20px;height:700px;}
.dcg #carpethair .carpethairtext {position:absolute;top:50px;left:30px;width:40%;}

.dcg #debris {background:url(https://currysprod.a.bigcontent.io/v1/static/dyson-v8-debris-jpg) center;position:relative;width:100%;float:left;margin-top:20px;height:700px;}
.dcg #debris .debristext {position:absolute;top:20%;right:10%;width:40%;}

.dcg #ejector {margin-top:20px;width:100%;float:left;background:#fff;}
.dcg #ejector .ejectvid {padding:30px;}
.dcg #ejector .split-two h3 {padding-top:50px;}
.dcg #ejector .split-two p {padding-bottom:50px;}

.dcg #suction {width:100%;float:left;margin-top:20px;position:relative;height:300px;background:url(https://currysprod.a.bigcontent.io/v1/static/dyson-suction-jpg) top right no-repeat;}
.dcg #suction .suctiontext {position:absolute;top:60px;left:30px;width:30%;}
.dcg #suction .suctiontext h3 {padding-top:10px;}
/****************** END DYSON CORDFREE AND HANDHELD *****************/

/****************** DYSON CORDLESS 2018 V10 LAUNCH  *****************/
.dcg .dyson-four {margin-top:10px; float:left; display: block; position: relative;}
.dcg .dyson-four .content-block {width:49.5%; display:inline-block;}
.dcg .dyson-four .content-block .content-text h2 {font-size: 2.2em; font-weight: 300;}
.dcg .dyson-four .content-block.one, .dcg .dyson-four .content-block.three {float: left;position: relative;}
.dcg .dyson-four .content-block.two, .dcg .dyson-four .content-block.four {float: right; position: relative;}
.dcg .dyson-four .content-block.three, .dcg .dyson-four .content-block.four {margin-top:10px;}
.dcg .dyson-four .content-block.one .content-image {position:relative;}
.dcg .dyson-four .content-block.one .content-text {position: absolute; top:5%; left: 5%; width:50%;}
.dcg .dyson-four .content-block.two .content-image {position:relative;}
.dcg .dyson-four .content-block.two .content-text {position: absolute; top:5%; left: 5%; width:50%;}
.dcg .dyson-four .content-block.three .content-image {position:relative;}
.dcg .dyson-four .content-block.three .content-text {position: absolute; bottom:5%; left: 5%; width:49%;}
.dcg .dyson-four .content-block.four .content-image {position:relative;}
.dcg .dyson-four .content-block.four .content-text {position: absolute; bottom:5%; left: 5%; width:50%;}
.dcg .dyson-four .content-block.four .content-text h2 {width:85%;}

.dcg .dyson-house {float:left; display: block; margin-top: 20px;position: relative; width:100%;}
.dcg .dyson-house .house-text {width:25%; float:left; position:absolute; left:2.5%; top:22%;}
.dcg .dyson-house .house-text h2 {font-size: 2.2em; font-weight: 300;}
.dcg .dyson-house .house-image {width:55%; float: right; position: relative;}

.dcg .dyson-technology {float:left; display: block; margin-top: 20px;position: relative; width:100%; background-color:#000;}
.dcg .dyson-technology .technology-text {width:25%; float:right; position:absolute; right:20%; top:18%; color:#fff;}
.dcg .dyson-technology .technology-text h2 {font-size: 2.2em; font-weight: 300;}
.dcg .dyson-technology .technology-text p {width:78%;}
.dcg .dyson-technology .technology-text small {font-size: 75%; line-height: 12px;}
.dcg .dyson-technology .technology-image {width:55%; float: left; position: relative;}

.dcg .dyson-products {width: 100%; float:left; display: block; text-align: center; margin-top:20px;}
.dcg .dyson-products .products-logo {width: 100%; background-color: #000;float:left;}
.dcg .dyson-products .products-logo figure { width:50%; display:inline-block; float:left;text-align: left;}
.dcg .dyson-products .products-logo figure img {width:50%; margin-left:20px;}
.dcg .dyson-products .dyson-specs {width:60%; display: inline-block;  padding:10px; background-color:#dfdfdf; padding-bottom:0px;}
.dcg .dyson-products .dyson-specs .spec { display: inline-block; width: 30%;}
.dcg .dyson-products .dyson-specs .spec p {margin-bottom:0;}
.dcg .dyson-products .dyson-specs .spec p.large {font-size: 30px;}
.dcg .dyson-products .dyson-specs .spec span {font-size: 20px;}
.dcg .dyson-products .cyclone-products {margin-top: 0px; padding-bottom: 20px; border-bottom: 1px solid #000; float: left;}
.dcg .dyson-products .cyclone-products .product-block {display:inline-block; width:30%; background-color:#f4f5f5;border:1px solid #707070;}
.dcg .dyson-products .cyclone-products .product-block .shop-now {width:100%; display: inline-block; padding:10px; background-color: #fecb29; margin-bottom:20px;}
.dcg .dyson-products .cyclone-products .product-block .shop-now a {color:#000; text-decoration: none;}
.dcg .dyson-products .cyclone-products .product-block.one {float:left;}
.dcg .dyson-products .cyclone-products .product-block.three {float:right;}

.dcg .dyson-products .cyclone-products .product-block .product-features {padding-left:30px; padding-right:30px;}
.dcg .dyson-products .cyclone-products .product-block .product-features .border {margin-bottom:20px; border-top:1px solid #333; border-right:0px; border-bottom:0px; border-left:0px;}
.dcg .dyson-products .cyclone-products .product-block .product-features .run-time {padding-top:15px; padding-bottom:10px; background-color:#acaaaa; color:#fff; margin-bottom:10px;}
.dcg .dyson-products .cyclone-products .product-block .product-features .run-time p {margin-bottom:0px;}

.dcg .dyson-products .cyclone-products .product-block .product-features .feature {margin-top:20px; margin-bottom:10px;}
.dcg .dyson-products .cyclone-products .product-block .product-features .feature figure {margin-bottom:10px;}
.dcg .dyson-products .cyclone-products .product-block .product-features .feature p {text-align: left; margin-bottom:0px;}

.dcg .other-products {width: 100%; float:left; display: block; text-align: center; margin-top:20px; padding-bottom: 20px;}
.dcg .other-products h2 {font-weight: 300;}
.dcg .other-products {margin-top: 20px; padding-bottom: 40px;}
.dcg .other-products .dyson-v8 {width:30%; float:left;}
.dcg .other-products .dyson-v8 .products-logo {width:100%;}
.dcg .other-products .dyson-v8 .products-logo figure {width:100%;}
.dcg .other-products .dyson-v8 .product-block {width:100%;background-color:#f4f5f5;border:1px solid #707070;}
.dcg .other-products .dyson-v8 .product-block .product-features {padding-left:30px; padding-right:30px;}
.dcg .other-products .dyson-v8 .product-block .product-features .border {margin-bottom:20px; border-top:1px solid #333; border-right:0px; border-bottom:0px; border-left:0px;}
.dcg .other-products .dyson-v8 .product-block .product-features .run-time {padding-top:15px; padding-bottom:10px; background-color:#acaaaa; color:#fff; margin-bottom:10px;}
.dcg .other-products .dyson-v8 .product-block .product-features .run-time p {margin-bottom:0px;}
.dcg .other-products .dyson-v8 .product-block .product-features .feature {margin-top:20px; margin-bottom:10px;}
.dcg .other-products .dyson-v8 .product-block .product-features .feature figure {margin-bottom:10px;}
.dcg .other-products .dyson-v8 .product-block .product-features .feature p {text-align: left; margin-bottom:0px;}

.dcg .other-products .dyson-v7 {width:65%; float: right;}
.dcg .other-products .dyson-v7 .products-logo {width:100%; float:right;}
.dcg .other-products .dyson-v7 .product-block {width:45%; background-color:#f4f5f5;border:1px solid #707070;}
.dcg .other-products .dyson-v7 .product-block.one {float:left;}
.dcg .other-products .dyson-v7 .product-block.two {float:right;}
.dcg .other-products .dyson-v7 .product-block .product-features {padding-left:30px; padding-right:30px;}
.dcg .other-products .dyson-v7 .product-block .product-features .border {margin-bottom:20px; border-top:1px solid #333; border-right:0px; border-bottom:0px; border-left:0px;}
.dcg .other-products .dyson-v7 .product-block .product-features .run-time {padding-top:15px; padding-bottom:10px; background-color:#acaaaa; color:#fff; margin-bottom:10px;}
.dcg .other-products .dyson-v7 .product-block .product-features .run-time p {margin-bottom:0px;}
.dcg .other-products .dyson-v7 .product-block .product-features .feature {margin-top:20px; margin-bottom:10px;}
.dcg .other-products .dyson-v7 .product-block .product-features .feature figure {margin-bottom:10px;}
.dcg .other-products .dyson-v7 .product-block .product-features .feature p {text-align: left; margin-bottom:0px;}

.dcg .other-products .dyson-v8 .product-block .shop-now {width:100%; display: inline-block; padding:10px; background-color: #fecb29; margin-bottom:20px;}
.dcg .other-products .dyson-v8 .product-block .shop-now a {color:#000; text-decoration: none;}
.dcg .other-products .dyson-v7 .product-block .shop-now {width:100%; display: inline-block; padding:10px; background-color: #fecb29; margin-bottom:20px;}
.dcg .other-products .dyson-v7 .product-block .shop-now a {color:#000; text-decoration: none;}

.dcg .other-products .product-block .product-text {margin-top: 10px;}
.dcg .other-products .product-block .shop-now {width:45%; display: inline-block; padding:10px; background-color: #000;}
.dcg .other-products .product-block .shop-now a {color:#fff; text-decoration: none;}
/*.dcg .other-products .product-block.one {float:left;}
.dcg .other-products .product-block.three {float:right;}*/



@media only screen and (max-width:1239px) {
    .dcg .dyson-four .content-block .content-text h2 {font-size: 26px; }
    .dcg .dyson-four .content-block.one .content-text {width:52%;}    
    .dcg .dyson-four .content-block.two .content-text {width:55%;}
    .dcg .dyson-four .content-block.three .content-text {width:64%;}
    .dcg .dyson-four .content-block.four .content-text {width:70%;}
    
    .dcg .dyson-house .house-text {width:34%;}
    .dcg .dyson-technology .technology-text {width:30%; right: 10%;}
    
    .dcg .dyson-products .cyclone-products .product-block {width:30%;}
    .dcg .other-products .product-block {width:30%;}    
}

@media only screen and (max-width: 1023px) {
    .dcg .dyson-four .content-block .content-text h2 {font-size: 26px; }
    .dcg .dyson-four .content-block.one .content-text {width:55%;}    
    .dcg .dyson-four .content-block.two .content-text {width:55%;}
    .dcg .dyson-four .content-block.three .content-text {width:90%;}
    .dcg .dyson-four .content-block.four .content-text {width:66%;}
}
@media only screen and (max-width:901px) {
   .dcg .dyson-four .content-block .content-text h2 {font-size:22px;}  
    .dcg .dyson-four .content-block.one .content-text {width:52%;}    
    .dcg .dyson-four .content-block.three .content-text {width:90%;}
    .dcg .dyson-four .content-block.four .content-text {width:75%; bottom:0%;} 
    .dcg .dyson-four .content-block.four .content-text h2 {width: 80%;} 
    
    .dcg .dyson-products .cyclone-products .product-block .shop-now {width: 60%;}
    .dcg .other-products .product-block .shop-now {width:60%;}
}

@media only screen and (max-width: 799px) {
    .dcg .dyson-four .content-block {width:100%;}
    .dcg .dyson-four .content-block.one {margin-bottom:10px;}
    .dcg .dyson-four .content-block.three .content-text {width:54%;}
    .dcg .dyson-four .content-block.four .content-text {width:59%;}      
    
}

@media only screen and (max-width: 599px) {
    
    .dcg .dyson-four .content-block {width:100%;}
    .dcg .dyson-four .content-block.one {margin-bottom:10px;}
    .dcg .dyson-four .content-block.three .content-text {width:54%;}
    .dcg .dyson-four .content-block.four .content-text {width:59%;}  
    
    .dcg .dyson-house .house-text h2 {font-size: 23px;}
    .dcg .dyson-house .house-text {width: 95%; float: left; display: block; position: relative;}
    .dcg .dyson-house .house-image {width: 100%; float: left; display: block; text-align: center;}
    .dcg .dyson-house .house-image img {width: 50%; display: inline-block;}
    .dcg .dyson-technology .technology-text {width:95%; right: 0%; display:block; float:left; position: relative; left: 2.5%; top: 22%;}
    .dcg .dyson-technology .technology-image {width: 100%; display: block; float:left;}
    .dcg .dyson-technology .technology-text h2 {font-size: 23px;}  
    
    .dcg .dyson-products .products-logo figure img {width:70%;}
    .dcg .dyson-products .dyson-specs {width:100%;}
    .dcg .dyson-products .dyson-specs .spec {width:32%;}
    .dcg .dyson-products .dyson-specs .spec p.large {font-size: 20px;} 
    .dcg .dyson-products .dyson-specs .spec span {font-size: 14px;}
    
    .dcg .dyson-products .cyclone-products {float:none;}
    .dcg .dyson-products .cyclone-products .product-block {width:100%; float:none;}
    .dcg .other-products .dyson-v7 {width:100%; float:none;}
    .dcg .other-products .dyson-v8 {width:100%; float:none;}
    .dcg .other-products .dyson-v8 .products-logo figure {width:50%;}
    .dcg .other-products .dyson-v7 .product-block {width:100%;}
    .dcg .other-products .dyson-v8 .product-block {width:100%;}
    .dcg .dyson-products .cyclone-products .product-block .shop-now {width: 70%;}
    .dcg .other-products .product-block .shop-now {width:70%;}
    
    .dcg .other-products .product-block {width: 45%;}
}
/************** END DYSON CORDLESS 2018 V10 LAUNCH  *****************/

/****************** DYSON UPRIGHT ******************/
.dcg #uprighthero {margin-top:20px;width:100%;float:left;padding:20px;}
.dcg #uprighthero .hero {width:25%;float:left;}
.dcg #uprighthero .product {width:75%;float:right;}
.dcg #uprighthero .product .productintro {width:100%;float:left;}
.dcg #uprighthero .producttext {width:50%;float:left;padding-right:20px;}
.dcg #uprighthero .productvid {width:50%;float:left;}
.dcg #uprighthero .features {Width:100%;float:left;}
.dcg #uprighthero .features .split-three {width:32.33%;float:left;margin-left:1%;}
.dcg #uprighthero .features .featurerow {width:100%;float:left;padding:3px 0px 3px 3px;border-bottom:1px solid #ccc;height:95px;margin-top:10px;}
.dcg #uprighthero .features .featurerow p {width:70%;float:left;margin:30px 0px;padding-right:5px}
.dcg #uprighthero .features .featurerow img {width:30%;float:left;}

.dcg .herobanner {position:relative;width:100%;float:left;margin-top:20px;}
/****************** END DYSON UPRIGHT ******************/




/****************** DYSON CYLINDER *****************/
.dcg #filter {background:url(https://currysprod.a.bigcontent.io/v1/static/dyson-cinetic-filter-jpg) top right no-repeat;width:100%;float:left;height:466px;margin-top:20px;background-color:#FCFCFC}
.dcg #filter .split-two p {font-size:25px;padding-left:20%;padding-top:20%;width:80%;}
.dcg #barrel {Width:100%;float:left;text-align:center;}
.dcg #barrel p {width:70%;margin-left:15%;font-size:20px;text-align:left;}
.dcg #ejector .hygienevid {padding:30px;float:right;}
.dcg #ejector .split-two.hygienevid h3.cordlesstitles {padding-top:30%;}
/****************** END DYSON CYLINDER *****************/

/******************* DYSON AIR TREATMENT ****************/
.dcg #categories.airblocks .split-two {margin-top:0px;}
.dcg #categories .split-two.black {background:#05161D;}
.dcg #categories .split-two.black h3,
.dcg #categories .split-two.black p {color:#fff;}
.dcg #categories .split-two.nopad {padding-bottom:0px;}
/******************* END DYSON AIR TREATMENT ****************/

/****************** DYSON SUPERSONIC HAIRDRYER *****************/
/* Header */
.dcg header {margin-top:20px;position:relative;}
.dcg .heroplay {position:absolute;bottom:35%;right:46%;text-align:center;}
.dcg .heroplay img:hover,
.dcg .play img:hover,
.dcg #microprocessor .playbutn img:hover,
.dcg .videotext img:hover,
.dcg .heroplay img:hover {  -webkit-transform: scale(1.2);transform: scale(1.2); transition:all 1s ease-in-out;}

/* Shop now banner */
.dcg #shopnow {width:100%;float:left;background:#000;padding:20px;}
.dcg #shopnow .shoptitle {width:30%;float:left;}
.dcg #shopnow .shopbutn {width:70%;float:left;text-align:right;}
.dcg #shopnow .shopbutn .firstbutn {margin-right:10px;}
.dcg #shopnow i {font-size:18px;margin-left:10px;}

/* Videos */
.dcg #dysonvids {width:101%;float:left;margin-left:-1%;}
.dcg .split-half {width:49%;margin-left:1%;float:left;margin-top:20px;position:relative;}
.dcg #dysonvids .videotext {position:absolute;bottom:20px;width:100%;text-align:center;padding:0px 10px;}
.dcg #dysonvids .videotext p {text-align:left;width:70%;color:#fff;text-shadow:#000 1px 1px;}
.dcg #dysonvids .videotext img {margin-bottom:10%}

/* Side View */
.dcg #dysonvids .producttitle {position:absolute;top:10px;left:10px;}
.dcg #dysonvids .producttext {position:absolute;bottom:20px;width:100%;text-align:center;padding:0px 10px;}
.dcg #dysonvids .productview {background:#f3f3f3;position:relative;}
.dcg .sideview {width:50%;float:left;padding:10px;text-align:left;}
.dcg .frontview {width:50%;float:left;padding:10px;text-align:right;}
.dcg .sideview img,
.dcg .frontview img {max-height:100%;}


/* Microprocessor */
.dcg #microprocessor {margin-top:20px;width:100%;float:left;position:relative;}
.dcg #microprocessor .processortext {position:absolute;bottom:35%;right:20px;color:#fff;width:30%;}
.dcg #microprocessor .playbutn {bottom:40%;position:absolute;left:47%;}

/* Vogue */
.dcg .split-half.pink {background-color:#c4398d;text-align:center;color:#fff;padding:20px;height:395px;}
.dcg .brands {width:101%;float:left;margin-left:-1%;}
.dcg .pink p {width:60%;margin-left:20%;margin-top:20px;}
.dcg .pink img {padding-top:6%;}

/* In the box */
.dcg #inthebox {width:100%;float:left;background:#e5e5e5;text-align:center;padding:20px;margin-top:20px;}
.dcg #inthebox .boxtext {width:30%;float:left;text-align:left;padding-top:13%;}
.dcg #inthebox .boxtext h3 {font-size:30px;}
.dcg #inthebox .boxhero {width:35%;float:left;}
.dcg #inthebox .accessories {width:50%;float:left;}
.dcg #inthebox .boxhero figure {padding-top:20px;}
/****************** END DYSON SUPERSONIC HAIRDRYER *****************/

/************** DYSON 360 ROBOT **************/
.dcg #robot {width:100%;float:left;background:#e5e5e5;text-align:center;padding:20px;margin-top:20px;}
.dcg #robot .split-two.blue {border:1px solid #ccc;background:#05171d;}
.dcg #robot .split-two.gradient {border:1px solid #ccc;
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #dfdede 0%, #a0a09f 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#dfdede 0%,#a0a09f 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 0%,#dfdede 0%,#a0a09f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a0a09f',GradientType=1 );}
.dcg #robot .robotapp {width:30%;float:left;border:1px solid #e5e5e5;}
.dcg #robot .robotfeatures {width:30%;float:left;}
.dcg #robot .robothero {width:40%;float:left;}
.dcg #robot .robothero .hero {padding:20px 0px 0px 0px;}
.dcg #dysonvids.robotvids p {color:#000;text-shadow:none;}
.dcg #dysonvids.robotvids .white p {color:#fff;width:100%;text-align:center;}
.dcg #dysonvids.robotvids .black p {width:100%;text-align:center;}
.dcg #dysonvids .black .videotext img,
.dcg #dysonvids .white .videotext img {margin-bottom:18%;}
.dcg #dysonvids.robotvids strong {font-size:16px;}
.dcg #robotawards {width:100%;float:left;margin-top:20px;background:url(https://currysprod.a.bigcontent.io/v1/static/dyson-robot-awards-jpg) no-repeat center;position:relative;height:300px;padding:20px;}
.dcg #robotawards .awards {position:absolute;bottom:10px;right:10px;}
.dcg #robotawards h2 {position:absolute;bottom:10px;left:10px;}
.dcg #robotawards .robotquotes {width:60%;float:left;}
.dcg #robotawards blockquote {margin:0px;font-weight:bold;font-size:22px;padding-top:15px;}
.dcg #robotawards blockquote img {padding-top:5px;}
/************** END DYSON 360 ROBOT **************/


/* Desktop Navigation Media Queries */
@media only screen and (min-width: 1240px) {
.dcg .navigation nav ul {overflow:hidden;}
}

@media only screen and (max-width: 1240px) {
.dcg .navigation {height:auto;}
.dcg .navigation nav a.logo {width:100%;}
.dcg .navigation nav ul a {width:23.8%;border:1px solid #ccc;margin-bottom:10px;margin-left:1%;}
.dcg .logo {margin-bottom:0px;}
.dcg .navigation nav ul li {margin-bottom:0px;}
.dcg #categories .secondbutn {margin-left:0px;margin-top:10px;}
}

@media only screen and (max-width: 1024px) {
.dcg .navigation nav ul a{font-size:11px;}
.dcg #ejector .split-two h3 {padding-top:20px;}
.dcg #ejector .split-two p {padding-bottom:0px;}
}

@media only screen and (max-width: 950px) {
.dcg #uprighthero .hero {width:100%;text-align:center;padding:30px 0px;}
.dcg #uprighthero .product {width:100%;}
.dcg #compare .split-four {width:49%;margin-top:20px;}
.dcg #robot .robotapp {width:50%;margin-top:20px;}
.dcg #robot .robotfeatures {width:50%;margin-top:20px;}
.dcg #robot .robothero {width:100%;}
}

@media only screen and (max-width: 900px) {
.dcg #inthebox .boxhero {width:50%;}
.dcg #inthebox .boxtext {width:100%;text-align:center;padding-top:0px;}
.dcg #dysonvids .split-half {padding-bottom:80px;background-color:#000;}
.dcg #dysonvids.robotvids .split-half {padding-bottom:80px;background-color:#bbbbbb;}
.dcg #dysonvids.robotvids .split-half.white {background-color:#000;}
.dcg #dysonvids.robotvids .videotext p {width:100%;}
.dcg .split-half.productview {background-color:#F5F5F5;}
.dcg #videos .play img {max-width:60px;}
.dcg #videos .split-four .producttitle p {font-size:12px;}
.dcg #categories .play {top:15%;}
.dcg #categories .producttitle {width:90%;margin-left:5%;}
.dcg #categories .split-two {padding-bottom:190px;}
.dcg .supplier_intro {width:100%;}
.dcg .supplier_video, .dcg .supplier_image {width:70%;margin-left:15%;}
    .dcg #robotawards {background-position:-350px 0px;}
}


@media only screen and (max-width: 850px) {
.dcg .navigation nav ul a{width:47%;margin-left:2%;text-align:left;margin-bottom:10px;}
.dcg .navigation nav ul li {padding:10px 15px;}
.dcg .logo {margin-bottom:10px;}
.dcg .accessories {height:160px;}
.dcg .navigation nav ul li {text-align:left;}

}

@media only screen and (min-width: 620px) and (max-width:750px){
.dcg .fade {opacity:0.3;}
}

@media only screen and (max-width: 850px) {
.dcg #compare .split-three .featurerow p{width:75%;margin:10px 0px;}
.dcg #compare .split-three .featurerow img{width:25%;}
}

@media only screen and (max-width: 750px) {
.dcg #shopnow .shoptitle {width:100%;text-align:center;}
.dcg #shopnow .shopbutn {width:100%;text-align:center;}
.dcg #shopnow .shopbutn button {margin-top:20px;}
.dcg #microprocessor .processortext {bottom: auto;width: 35%;top: 20px;}
.dcg #liftandclean .split-two {width:100%;}
.dcg #liftandclean .split-two h3 {padding:20px 30px;}  
.dcg #ejector .split-two {width:100%;}
.dcg #ejector .split-two p {padding-bottom:20px;}
.dcg #ejector .split-two.hygienevid h3.cordlesstitles {padding-top:0px}
.dcg #uprighthero .producttext {width:100%;padding-right:0px;}
.dcg #uprighthero .productvid {width:100%;padding:20px 0px;}
.dcg #uprighthero .features .split-three {width:100%;margin-left:0%;}
.dcg #uprighthero .features .featurerow {overflow:hidden;}
.dcg #uprighthero .features .featurerow img {width:auto;float:right;}
.dcg #filter {background-position:-400px 0px;}
.dcg #filter .split-two p {padding-left:30px;padding-top:30px;width:100%;}
}

@media only screen and (max-width: 700px) {
.dcg .split-half {padding-bottom:120px;}
.dcg #services .split-four {width:49%;}
.dcg #debris .debristext {right:5%;top:10%;width:60%;}
.dcg #suction {background-position:center;}
.dcg #suction .suctiontext {width:50%;}
.dcg #suction .heroplay {right:25%;}
    .dcg #robotawards h2 {width:40%;}
.dcg #reasons .serviceblock {width: 100%;float: none;}
}

@media only screen and (max-width: 650px) {
.dcg #microprocessor .playbutn {left: 23%;}
.dcg #microprocessor .processortext {width:45%;}
.dcg #carpethair {background-position: -500px 0px;}
.dcg #carpethair .carpethairtext {width:65%;}
.dcg #videos .split-four {width:49%;margin-top:15px}
.dcg #compare .split-three {width:99%;float:left;margin-left:1%;padding-bottom:30px;}
.dcg #compare .split-three .featurerow img{max-width:75px;float:right;width:auto;}
.dcg #compare .featuresvid {max-width:50px;float:right;width:auto;}
.dcg #compare .features h1 {width:auto;}
}

@media only screen and (max-width: 620px) {
.dcg #categories .split-two {width:99%;}
.dcg #categories.airblocks .split-two {margin-top:15px;}
.dcg #filter .split-two p {background:rgba(255,255,255,0.5);padding:20px;}
.dcg #robotawards .robotquotes {width:100%;}
.dcg #robotawards {background-position:-200px 0px;}
.dcg #categories .split-two {padding-bottom:150px;}
}

@media only screen and (max-width: 600px) {
.dcg .split-half {width:99%;padding-bottom:0px;}
.dcg #microprocessor {padding-bottom:40px;background-color:#000;}
.dcg #inthebox .boxhero {width:100%;}
.dcg #services .split-three {width:99%;margin:20px 0px 0px 1%;}
.dcg #services {margin-bottom:20px;}
.dcg .heroplay {display:none;}
dcg .supplier_video, .dcg .supplier_image {width:100%;margin-left:0px;}
}

@media only screen and (max-width: 500px) {
.dcg #compare .split-four {width:99%;}
.dcg #compare .split-four .product {height:auto;}
.dcg #compare .split-four .product button {position:relative;}
.dcg #filter .split-two {width:100%;}
.dcg #filter {background-position:-600px 0px;height:200px;}
.dcg #filter .split-two p {background:rgba(255,255,255,0.8);font-size:16px;}
.dcg #barrel .split-two {width:100%;}
.dcg #barrel .split-two p {margin-left:20px;font-size:16px;width:90%;}
.dcg #robotawards h2 {display:none;}
.dcg .why-us .button-wrap {display: block;}
.dcg .why-us .button-wrap button.mid {margin: 0% 0%; margin-top:10px;}
.dcg .why-us .button-wrap button {width: 100%; margin-top:10px;}
}

@media only screen and (max-width: 450px) {
.dcg .split-half {padding-bottom:60px;}
.dcg #microprocessor .processortext {width: 100%;position: relative;right: auto;padding: 20px;}
.dcg #microprocessor .playbutn {left:40%;bottom:70%;}
.dcg h3.cordlesstitles {font-size:18px;}
.dcg #carpethair {background-position: -600px 0px;}
.dcg #carpethair .carpethairtext {width:90%;}
.dcg #debris .debristext {left:30px;top:30px;width:90%;}
.dcg #suction {background-position: -550px 0px;}
}

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

@media only screen and (min-width: 0px) and (max-width:450px){
.dcg .mobnav nav a.open,
.dcg .mobnav nav a.close {height: 40px !important; 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:310px;}
.dcg .mobnav nav ul{width: 95%; margin: auto;  }
.dcg .mobnav nav ul li{width: 100%;}
.dcg .navigation {display:none;}

}

@media only screen and (max-width: 400px) {
.dcg .split-half {padding-bottom:60px;}
 .dcg #microprocessor .processortext {width: 100%;position: relative;right: auto;padding: 20px;}
.dcg #microprocessor .playbutn {left:40%;bottom:70%;}
.dcg #inthebox .accessories {width:100%;}
.dcg .split-half {padding-bottom:100px;}
.dcg .split-half.productview {padding:50px 0px;}
.dcg .videotext p {width:100%;}
.dcg h1 {font-size:22px;}
.dcg #videos .split-four {width:99%;}
.dcg #uprighthero .features .featurerow img {width:25%;}
}


/*
https://currys-ssl.cdn.dixons.com/css/themes/dyson/2020/hair-care/hair-care.css
*/
    

/************** hero section ***********/
.dcg .hero-section{position:relative;}
.dcg .hero-text{position:absolute; top:10%; left:10%; width:40%; font-size:34px;}
.dcg .lg-break{display:block;}
@media only screen and (max-width: 899px) {
    .dcg .hero-text{top:10%; left:7%; width:40%; font-size:30px;}
}
@media only screen and (max-width: 799px) {
    /*.dcg .lg-break{display:inline;}*/
    .dcg .hero-text{font-size:28px;}
}
@media only screen and (max-width: 699px) {
    .dcg .lg-break{display:inline;}
    .dcg .hero-text{font-size:26px;}
}
@media only screen and (max-width: 500px) {
    .dcg .hero-text{font-size:20px;}
}/*** end hero *****/


/************** Sections **************/
.dcg .section1{background-image:linear-gradient(rgba(223,223,223, 1), rgba(222,222,222, 1)); border-bottom:1px solid #555;}
.dcg .sect-padding{padding-top:5%;}
.dcg .text-half{float:left; width:50%;}
.dcg .img-half{float:left; width:50%; text-align:center;}
.dcg .text-half button {background:#363636; color:#fff; border-radius: 0px; font-weight:100; height:auto; padding:15px 40px; font-size:18px;}
.dcg .text-inner{padding:10% 15% 20px; font-size:24px;}
.dcg .sect-text{margin-top:20px;}
.dcg .sect-cta{margin-top:40px;}

@media only screen and (max-width: 999px) {
    .dcg .text-inner{padding:10% 15% 20px; font-size:20px;}
    .dcg .text-half button {font-size:16px;}
}
@media only screen and (max-width: 599px) {
    .dcg .text-half{float:none; width:100%;}
    .dcg .img-half{float:none; width:100%; text-align:center; padding:0 30px;}
    .dcg .sect-padding{padding-top:0;}
}


.dcg .sm-print{font-size:13px; padding:20px 30px 60px;}


/***************** BOTTOM GUARANTEE ***************/
.dcg .guarantee {width:100%; float: left; padding:5%; background-color: #363636; text-align: center;}
.dcg .guarantee .intro-header {width:100%; text-align: center; margin-top:0%; margin-bottom: 4%;}
.dcg .guarantee .intro-header h2 {font-size:32px; font-weight:100; color:#fff;}
.dcg .guarantee .intro-header p {width:50%; display: inline-block; font-weight:100;}
.dcg .guarantee .guarantee-wrapper {width: 100%; float: left;}
.dcg .guarantee .guarantee-wrapper .block {width:33%; float: left;}
.dcg .guarantee .guarantee-wrapper .block figure img {max-width:30%;}
.dcg .guarantee .guarantee-wrapper .block .text-wrapper {width: 80%; display: inline-block; margin-top:4%;}
.dcg .guarantee .guarantee-wrapper .block .text-wrapper h3 {font-weight:500; color:#fff;}
.dcg .guarantee .guarantee-wrapper .block .text-wrapper p {font-weight:100; color:#fff;}

@media only screen and (max-width: 599px) {
    .dcg #categories .split-two {width:100%;margin-left:0%;margin-top:15px; margin-bottom: 10px;}
    /*.dcg #categories .split-two.right {margin-left:0; float:none;}*/
    .dcg #categories .producttitle h3 {font-size: 28px; margin-bottom: 5px;}
    .dcg #categories .no-split .producttitle { margin-left: 0; position:static; width:100%; padding:10px 10px 30px;}
    .dcg #categories .top-guarantee .intro-header p {width:100%;}
    .dcg .guarantee .guarantee-wrapper .block {width:100%; float: none; padding-bottom:30px;}
    .dcg .guarantee .guarantee-wrapper .block figure img {max-width:84px;}
}



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