.dcg { line-height: 1.4; }

dcg .pure-cool .text p { font-size: 16px !important; }

dcg button:hover { background-color: #363636 !important; }

/*
https://cdn.c1.amplience.net/c/currysprod/dyson-purifiers_1
*/

/*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:#000; color:#fff; 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;}
.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; }

/* 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:15.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;}

/* explore air treatment */
.dcg #explore { width: 100%; float: left; margin-bottom: 30px; }
.dcg .split-three {width:32.33333%; float:left; text-align:center;}
.dcg .split-three.mid {margin:0% 1.5%;}
.dcg #explore .split-three figcaption h3 {font-size:22px; font-weight:200; margin-top:4%;}
.dcg #explore .split-three figcaption p {margin:4% 15%;}

/* dyson pure cool */
.dcg .pure-cool {width:100%; float: left; position: relative; margin-bottom:30px;}
.dcg .pure-cool .text {position: absolute; width:50%; float: left; padding:10% 10%;}
.dcg .pure-cool .text p {font-size: 20px; border-bottom: 1px solid #ccc; margin-top:10px; padding-bottom:10px; font-weight:300;}
/*.dcg .pure-cool .dyson-pure { width: 50%; float: left;} */
.dcg .pure-cool button { height: 50px; font-size: 16px; width: 100%; font-weight: 300;}

.dcg #pure-features {width:100%; float:left;}
.dcg #pure-features h2 {font-weight:300; font-size: 30px;}
.dcg #pure-features .feature-row {display: flex; flex-direction: row;}
.dcg #pure-features .feature { flex-basis:25%; text-align: left; margin:5px;}
.dcg #pure-features .feature .text {min-height:73px; margin-top:10px; margin-bottom:10px;}
.dcg #pure-features .feature .text p {margin-bottom:0;}

/* dyson pure */
.dcg #pure {position:relative; margin-top:20px; float: left;}
.dcg #pure .text figure {width:60%;}
.dcg #pure .text {position:absolute; top:20%; left: 10%; width:30%; }
.dcg #pure .text p {margin-top:15%; font-size:22px; font-weight:200;}

/* air pollution */
.dcg #pollution {width:100%; text-align:center; margin: 3% 0%; float: left;}
.dcg #pollution h2 {font-weight:200;}
.dcg #pollution p {}

/* 360 glass */
.dcg #glass {position:relative; margin-top:20px; float: left;}
.dcg #glass .text figure {width:60%;}
.dcg #glass .text h2 {color:#fff; font-weight:200;}
.dcg #glass .text {position:absolute; top:5%; left: 5%; width:90%; text-align:center; }
.dcg #glass .text p {margin-top:15%; font-size:22px;}

/* Dyson app */
.dcg #app {position:relative; margin-top:20px; float: left;}
.dcg #app .text figure {width:60%;}
.dcg #app .text h2 {font-weight:200;}
.dcg #app .text {position:absolute; top:25%; left: 5%; width:35%; text-align:left; }
.dcg #app .text p {margin-top:0%; font-size:14px;}

/* Dyson app */
.dcg #purify {position:relative; margin-top:20px; float: left; }
.dcg #purify .text figure {width:60%;}
.dcg #purify .text h2 {font-weight:200;}
.dcg #purify .text {position:absolute; top:10%; left: 5%; width:90%; text-align:center; }
.dcg #purify .text p {margin-top:0%; font-size:14px;}

/* model */
.dcg #model {margin: 0% 10%; float: left;}
.dcg #model .split-three {width:32.33333%; float:left; text-align:center; padding:1%;}
.dcg #model h2 {font-weight:200;}
.dcg #model {margin-top:20px;}
.dcg #model .logo {width:100%; text-align:left; margin-top:20px;}
.dcg #model .logo img {height:50px;}
.dcg #model h3, .dcg #model p {text-align:left;}
.dcg #model .feature {display:inline-block;width:100%;margin-top: 0px;margin-bottom: 2px;}
.dcg #model .feature figure {float:right; width:30%;}
.dcg #model .feature p {width:70%;float:left;font-size:12px;padding: 8% 0% 0% 0%;margin: 0px;}
.dcg #model .feature.top {margin-top:20px;}
.dcg #model button {margin-top:20px;}

.dcg #cool {position:relative; float: left;}
.dcg #cool figure.logo img {height:50px;}
.dcg #cool .text h2 {font-weight:200;}
.dcg #cool .text {position:absolute;top: 35%;left: 5%;width: 35%;text-align: left;}
.dcg #cool .text p {margin-top:0%; font-size:14px;}

.dcg #powerful {position:relative; float: left;}
.dcg #powerful figure.logo img {height:50px;}
.dcg #powerful .text h2 {font-weight:200;}
.dcg #powerful .text {position:absolute;top: 12%;left: 5%;width: 90%;text-align: center;}
.dcg #powerful .text p {margin-top:0%; font-size:14px; padding: 0% 30%;}

.dcg #smooth {position:relative; float: left;}
.dcg #smooth  figure.logo img {height:50px;}
.dcg #smooth  .text h2 {font-weight:200;}
.dcg #smooth  .text {position:absolute;top: 35%;left: 5%;width: 90%;text-align: center;}
.dcg #smooth  .text p {margin-top:0%; font-size:14px; padding: 0% 30%;}

.dcg #airflow {position:relative; float: left;}
.dcg #airflow  figure.logo img {height:50px;}
.dcg #airflow  .text h2 {font-weight:200;}
.dcg #airflow  .text {position:absolute;top: 35%;right: 5%;width: 40%;text-align: left; color:#fff;}
.dcg #airflow  .text p {margin-top:0%; font-size:14px;}

.dcg #effective {position:relative; float: left;}
.dcg #effective  figure.logo img {height:40px;}
.dcg #effective  .text h2 {font-weight:200;}
.dcg #effective  .text {position:absolute;top: 35%;left: 15%;width: 35%;text-align: left;}
.dcg #effective  .text p {margin-top:0%; font-size:14px;}

.dcg #twos .split-two {text-align:Center; margin-bottom:20px;}
.dcg #twos .split-two figure {margin-bottom:20px;}
.dcg #twos .split-two h2 {font-weight:200;}
.dcg #twos .split-two p {padding: 0% 10%;}

.dcg #multiplier {position:relative; float: left;}
.dcg #multiplier .text h2 {font-weight:200;}
.dcg #multiplier .text {position:absolute;top: 35%;right: 5%;width: 40%;text-align: left; color:#fff;}
.dcg #multiplier .text p {margin-top:0%; font-size:14px;}

.dcg #fast {position:relative; float: left;}
.dcg #fast .text h2 {font-weight:200;}
.dcg #fast .text {position:absolute;top: 35%;left: 5%;width: 40%;text-align: left;}
.dcg #fast .text p {margin-top:0%; font-size:14px;}

#air .top-guarantee {width:100%; float: left; padding:3% 5% 3% 5%; background-color: #363636; text-align: left;}
#air .top-guarantee .intro-header {width:100%; text-align: left; margin-top:0%; margin-bottom: 1%;}
#air .top-guarantee .intro-header h2 {font-size:32px; font-weight:100; color:#fff}
#air .top-guarantee .intro-header p {width:50%; display: inline-block; font-weight:100; color:#fff}
#air .top-guarantee .top-guarantee-wrapper {width: 100%; float: left;}
#air .top-guarantee .top-guarantee-wrapper ul {padding-left:0%;}
#air .top-guarantee .top-guarantee-wrapper ul li {width:33%; float: left; list-style: none; color: #fff;}
#air .top-guarantee .top-guarantee-wrapper ul li figure {width:10%; float: left;}
#air .top-guarantee .top-guarantee-wrapper ul li p {width:70%; float: left; padding-top:3%; padding-left: 5%;}


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


/* 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 .pure-cool .text p {font-size: 16px;}
    .dcg .pure-cool button {height: 44px; font-size: 14px;}
}

@media only screen and (max-width: 1024px) {
.dcg .navigation nav ul a{font-size:11px;}
.dcg #airflow .text {top: 5%;right: 2%; width: 45%;background: #000; padding: 2%;}
}

@media only screen and (max-width: 990px) { 
.dcg .pure-cool .text {float: left; padding: 8% 10% 10% 4%;}
}

@media only screen and (min-width: 723px) and (max-width: 850px) {
.dcg .pure-cool .text p {font-size: 14px;}    
}

@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 .navigation nav ul li {text-align:left;}
.dcg #model .split-three {width: 32.33333;}
.dcg #model {margin: 0% 0%; margin-top:20px;}
.dcg #airflow .text {position:relative; width:100%; padding:2%; left:0; background:#000;}
    .dcg #app .text {width:45%;}
}
@media only screen and (max-width: 700px) {
    .dcg #app .text, .dcg #pure .text, .dcg .pure-cool .text, .dcg #cool .text, .dcg #multiplier .text, .dcg #fast .text {top:5%;}
    .dcg #effective .text { top: 5%; left: 5%;}
    }
@media only screen and (min-width: 601px) and (max-width: 722px) {
.dcg .pure-cool .text p {font-size: 12px;}    
}


@media only screen and (max-width: 600px) {
    .dcg h2 {font-size:1.5em;}
.dcg .pure-cool .text {text-align:Center;position:relative;top: 0;left: 0;width: 100%;padding: 2%;background: #fff;}
.dcg .pure-cool .text p { font-size: 14px;}
    .dcg .pure-cool button {height: 40px; font-size:14px;}    
.dcg .pure-cool .text figure {width:100%; padding:0% 20%; text-align:center; margin-bottom:20px;} 
.dcg #pure-features .feature-row {flex-wrap:wrap;}
.dcg #pure-features .feature {flex-basis: 47%;}
.dcg #pure .text {text-align:Center;position:relative;top: 0;left: 0;width: 100%;padding: 2%;background: #fff;}
.dcg #pure .text figure {width:100%; padding:0% 20%; text-align:center;}
.dcg #pure .text p {margin-top:20px; font-size:1.5em;}
.dcg #glass .text {position:relative; background:#000; top:0; left:0;bottom:0; width:100%; padding-top:20px}
.dcg #glass .text h2 {margin:0;}
.dcg #app .text {position:relative;width:100%; top:0; left:0; padding:2%; background:#e5e5e5; text-align:Center;}
.dcg #purify .text {top:5%;}
.dcg #model .split-three {width:98%;}
.dcg #cool .text {position:relative; left:0; top:0; right:0; padding:2%; width:100%; background:#fff; text-align:center;}
.dcg #powerful .text {position:relative;background:#efefef;top:0;left:0;width:100%;padding: 2%;}
.dcg #powerful .text p {margin-bottom:0px; padding:10px; padding-top:0px; padding-bottom:10px;}
.dcg #smooth .text {position:relative; background:#e1e1e1; top:0; left:0; width:100%; padding:2%;}
.dcg #smooth .text p {padding:0px; margin-bottom:0px}
.dcg #airflow .text {position:relative;width:100%;padding:2%;left:0;background:#000;text-align: center;}
.dcg #effective .text {right:10%; left:auto;}
.dcg #effective figure.logo img {height:auto;}
.dcg #pollution {padding:2%;}
.dcg #twos .split-two {width:100%;}
.dcg #multiplier .text {position:relative; left:0; top:0; width:100%; background:#000; padding:2%; text-align:center;}
.dcg #fast .text {position:Relative; width:100%; left:0; padding:2%; text-align:center;}
}
@media only screen and (max-width: 500px) {
.dcg .split-three {width:100%;}
}
@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) {
}