@charset "utf-8";

/*Settings*/

/*
6px	0.462em
7px	0.538em
8px	0.615em
9px	0.692em	
10px 0.769em	
11px 0.846em	
12px 0.923em	
13px 1.000em	
14px 1.077em	
15px 1.154em	
16px 1.231em	
17px 1.308em	
18px 1.385em	
19px 1.462em	
20px 1.538em	
21px 1.615em	
22px 1.692em	
23px 1.769em	
24px 1.846em
25px 1.923em
26px 2.000em
27px 2.077em
28px 2.154em
29px 2.231em
30px 2.308em
32px 2.462em
34px 2.615em
36px 2.769em
38px 2.923em
40px 3.077em
42px 3.231em
44px 3.385em
46px 3.538em
48px 3.692em
50px 3.846em
*/

/*Headings - font-family: 'Lato', sans-serif;
  Paragraph - font-family: 'Raleway', sans-serif;*/

.breadcrumb {display:none;}

/*Headings and font*/

#DSG_wrapper h1, h2, h3, h4 {font-family:'Lato', Arial, Helvetica, sans-serif; color:#000;}
#DSG_wrapper h1 {font-size:2.154em; font-weight:900; padding:0; margin:0;}
#DSG_wrapper h2 {font-size:2.708em; font-weight:bold;}
#DSG_wrapper h3 {font-size:2.308em; font-weight:400; }
#DSG_wrapper h4 {font-size:1.538em; padding:0; margin:0;}
#DSG_wrapper .heading-secondary {color:#fff;}
#DSG_wrapper .heading-third {color:#344db7;}
#DSG_wrapper figure {padding:0; margin:0; width:100%;}
#DSG_wrapper figure img {max-width:100%;}
#DSG_wrapper a {outline: none;}
#DSG_wrapper p {font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:1.231em; margin:15px 0 15px 0;}
#DSG_wrapper .copy-secondary p {color:#fff;}
#DSG_wrapper .copy-secondary h1 {color:#fff;}
#DSG_wrapper .copy-secondary h2 {color:#fff;}
#DSG_wrapper .copy-secondary h3 {color:#fff;}
#DSG_wrapper .copy-secondary h4 {color:#fff;}
#DSG_wrapper .copy-secondary li {color:#fff;}
#DSG_wrapper .copy-third {color:#c3c3c3;}

#DSG_wrapper .alert p {margin-top:0;} 

#DSG_wrapper li {font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:1.231em; color:#000; }
#DSG_wrapper a.link-secondary {color:#fff; text-decoration: underline;}
#DSG_wrapper a:hover {text-decoration: none;}

/*Buttons*/
#DSG_wrapper .button-container {display: table; height:44px; width:100%; text-align: center; text-decoration: none;}
#DSG_wrapper .button-container p {display: table-cell; vertical-align: middle; font-size:1.077em; padding:5px 5% 5px 5%}
#DSG_wrapper .button-primary {background-color:#ed1c24;}
#DSG_wrapper .button-primary:hover {background-color:#ef696e; text-decoration: none;}
#DSG_wrapper .button-primary p {color:#fff !important;}
#DSG_wrapper .button-secondary {background-color:#bebebe;}
#DSG_wrapper .button-secondary:hover {background-color:#dbdbdb; text-decoration: none;}
#DSG_wrapper .button-primary p {color:#646464;}


/*Col layout*/
#DSG_wrapper .col-container {width:102%; margin-left:-2%; height: auto; overflow: hidden; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap:wrap; padding-bottom:30px;}
#DSG_wrapper .col-block {position: relative; margin-left:2%;}
#DSG_wrapper .col .col-block {width:100%; padding:2% 0% 2% 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col2 .col-block {width:48%; padding:2% 0% 2% 0%; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col3 .col-block {width:31.33%; padding:2% 0% 2% 0%; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col4 .col-block {width:23%; padding:2% 0% 2% 0%; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col5 .col-block {width:18%; padding:2% 0% 2% 0%; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col6 .col-block {width:14.666%; padding:2% 0% 2% 0%; float:left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col73 .col-block--left {width:68%; margin-left:2%; float:left; padding:2% 0% 2% 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col73 .col-block--right {width:28%; margin-left:2%; float:left; padding:2% 0% 2% 0% -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col37 .col-block--left {width:28%; margin-left:2%; float:left; padding:2% 0% 2% 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col37 .col-block--right {width:68%; margin-left:2%; float:left; padding:2% 0% 2% 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col64 .col-block--left {width:58%; margin-left:2%; float:left; padding:2% 0% 2% 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col64 .col-block--right {width:38%; margin-left:2%; float:left; padding:2% 0% 2% 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col46 .col-block--left {width:38%; margin-left:2%; float:left; padding:2% 0% 2% 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#DSG_wrapper .col46 .col-block--right {width:58%; margin-left:2%; float:left; padding:2% 0% 2% 0%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

#DSG_wrapper .bgprimary {background-color: #344db7}
#DSG_wrapper .bgsecondary {background-color: #4162eb}
#DSG_wrapper .bgthird {background-color: #e7e7e7}

#DSG_wrapper .spacer {margin:10px 0 10px 0;}
#DSG_wrapper .spacer2 {margin:20px 0 10px 0;}

#DSG_wrapper .videoWrapperCont {float: left; width: 96%; margin:2%;}
#DSG_wrapper .videoWrapper {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
#DSG_wrapper .videoWrapper iframe {height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%;}





/*--------------------------------Main content----------------------*/

#DSG_wrapper header {width:100%; text-align: center; padding-top:20px;}
#DSG_wrapper header figure {padding:0px 0 0px 0; background:#f4e12e; width:100%; border:1px solid #fff;}
#DSG_wrapper header nav {width:100%; margin:0; padding:0;}
#DSG_wrapper header nav ul {width:100%; display: table; table-layout: fixed; background: #f4e12e; border:1px solid #fff; border-top: 0px;}
#DSG_wrapper header nav ul li {display: table-cell; text-align: center; vertical-align: middle; border-left:1px solid #fff;}
#DSG_wrapper header nav ul li:first-child {border:none;}
#DSG_wrapper header nav ul li a {color:#000; font-weight:bold; display: block; position: relative;}
#DSG_wrapper header nav ul li a:hover div {width:100%; background:#f4e12e; height:5px; position: absolute; bottom:-5px; left: 0;}
#DSG_wrapper header nav ul li a.active div {width:100%; background:#f4e12e; height:5px; position: absolute; bottom:-5px; left: 0;}
#DSG_wrapper header nav ul li a div img {margin-top:-15px;}

#DSG_wrapper .header-container {width:100%; height: auto; overflow: hidden; margin-top:20px; display: table; table-layout: fixed;}
#DSG_wrapper .header-container .life-made-easy {background:#f4e12e; text-align: center; margin-top: 20px;}
#DSG_wrapper .header-container .header-left {display: table-cell; width:60%; }
#DSG_wrapper .header-container .header-right {display: table-cell; background: #f4e12e; padding:2%; vertical-align: top;}
#DSG_wrapper .header-container .header-right p {margin-top:20px;}

#DSG_wrapper .range .col-block {margin-top:20px; margin-bottom:20px;}
#DSG_wrapper .range .col-block h2 {padding:2%; text-transform: uppercase;}
#DSG_wrapper .range .col-block p {margin:0 2% 2% 2%;}
#DSG_wrapper .range .col-block a {display: block; background: #000; color: #fff; padding:2%; width:30%; text-decoration: none; text-align: center; margin-left:2%;}
#DSG_wrapper .range .col-block a p {padding:0; margin:0; font-weight: bold;}

#DSG_wrapper .tips-container {width:96%; padding:2%; background: #f4e12e; position: relative; clear: both;}
#DSG_wrapper .tips-container .tips-corner {position: absolute; top:0; right:0; text-align: right;}
#DSG_wrapper .tips-container .tips-video-block {width:100%; display: table; margin-top:30px;}
#DSG_wrapper .tips-container .tips-row {display: table-row;}
#DSG_wrapper .tips-container .tips-block-left {display: table-cell; width:70%; background: #fff; text-align: center; vertical-align: middle;}
#DSG_wrapper .tips-container .tips-block-left p {font-size:2.154em;}
#DSG_wrapper .tips-container .tips-block-right {display: table-cell; width:30%; background: #000; vertical-align: top;}
#DSG_wrapper .tips-container .tips-block-right .tips-follow {padding:4%;}
#DSG_wrapper .tips-container .tips-block-right .social { padding:2% 4% 2% 4%; height: auto; overflow: hidden;}
#DSG_wrapper .tips-container .tips-block-right .social figure {float:left; width:15%;}
#DSG_wrapper .tips-container .tips-block-right p {color: #fff; margin:4%;}
#DSG_wrapper .tips-container .tips-block-right p span {color: #f4e12e;}
#DSG_wrapper .tips-container .tips-block-right .youtube {margin:0 4% 4% 4%; background:#fff;}
#DSG_wrapper .tips-container .tips-yellow {background:#f4e12e;}

#DSG_wrapper .header-block {width:100%; height: 454px; text-align: left;}
#DSG_wrapper .header-block h1 {padding:50px 0 0 3%;}
#DSG_wrapper .header-block p {padding:0 60% 0 3%;}
#DSG_wrapper .header-block.laundry {background:url("https://currysprod.a.bigcontent.io/v1/static/znsl-header-back-jpg");}
#DSG_wrapper .header-block.cooling {background:url("https://currysprod.a.bigcontent.io/v1/static/znsr-header-back-jpg");}
#DSG_wrapper .header-block.cooking {background:url("https://currysprod.a.bigcontent.io/v1/static/znsc-header-back-jpg");}

#DSG_wrapper .appliance-block {padding:4%; background:#f4e12e;}
#DSG_wrapper .appliance-block h2 {text-transform: uppercase;}
#DSG_wrapper .col-block {margin-top:20px;}
#DSG_wrapper .col-block .appliance-block a {display: block; background: #000; color: #fff; padding:2%; width:45%; text-decoration: none; text-align: center;}
#DSG_wrapper .col-block .appliance-block a p {margin:0; font-weight:bold;}

#DSG_wrapper .col-block a i.icon-chevron-right {font-size:75%;}

#DSG_wrapper.cooking .products .col-block {text-align: center;}
#DSG_wrapper.cooking .products .col-block .appliance-block {min-height:172px;}
#DSG_wrapper.cooking .products .col-block h2 {font-size: 22px;}
#DSG_wrapper.cooking .products .col-block p {font-size: 16px; min-height:120px;}
#DSG_wrapper.cooking .col-block a {
	display: block;
	background: #000;
	color: #fff;
	padding: 2%;
	width: 96%;
	text-decoration: none;
	text-align: center;
    font-size:16px;
    font-weight: bold;
}

#DSG_wrapper .col-container.col3 .col-block h2 {font-size: 26px; min-height: 34px;}
#DSG_wrapper .col-container.col3 .col-block p {font-size: 16px; min-height:90px;}
#DSG_wrapper .col-container.col3 .col-block a {font-size: 16px; width: 55%;}

#DSG_wrapper .col-container.col12 .col-block figure {text-align: center; background-color:#ffde00;}
#DSG_wrapper .col-container.col12 .col-block a {font-size: 16px; width:20%; font-weight:bold; padding:1%;}

/*--------------------------------Main content----------------------*/


/*Media QUeries*/

@media only screen and (min-width: 0px) and (max-width: 1240px){
	#DSG_wrapper .range .col-block a {width:40%;}
	
}

@media only screen and (min-width: 0px) and (max-width:1023px){

	#DSG_wrapper .header-container {display: block}
	#DSG_wrapper .header-container .header-left {display: block; width:100%;}
	#DSG_wrapper .header-container .header-right {display: block}
	#DSG_wrapper .col-block a {width:96%;}
	#DSG_wrapper .col-block .appliance-block a {width:94%;}
	#DSG_wrapper li {font-size:1em; }

}

@media only screen and (min-width: 0px) and (max-width: 767px){

	
	#DSG_wrapper .col2 .col-block {width:100%;}
    #DSG_wrapper .col4 .col-block {width:100%;}
	#DSG_wrapper .col-block a {width:90%;}

	#DSG_wrapper .tips-container .tips-video-block {display: block;}
	#DSG_wrapper .tips-container .tips-row {display: block;}
	#DSG_wrapper .tips-container .tips-block-left {display: block; width:100%; height: auto; overflow: hidden;}
	#DSG_wrapper .tips-container .tips-block-right {display: block; width:100%; height: auto; overflow: hidden;}
	#DSG_wrapper .tips-container .tips-text {display:none;}
	#DSG_wrapper .header-block p {padding:0 3% 0 3%;}
	#DSG_wrapper header nav ul {display: block;}
	#DSG_wrapper header nav ul li {display: block; border-left: none; border-bottom:1px solid #f4e12e !important;}


}

@media only screen and (min-width: 0px) and (max-width: 500px){
	
	#DSG_wrapper header nav ul li a {font-size:13px;}
	#DSG_wrapper .header-block {background:none !important; height:auto; padding-bottom:30px;}

	
}