/* Default */
/*.breadcrumb {display:none; height:0; padding:0; margin:0;}*/

.dcg_wrap *, .dcg_wrap *:after, .dcg_wrap *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.dcg_wrap .group:before, .dcg_wrap .group:after {content: "";display: table;} 
.dcg_wrap .group:after {clear: both;}
.dcg_wrap .group {zoom: 1;}

/* Gotham font */
.dcg_wrap,
.dcg_wrap p {font-family: 'CurrysSans', sans-serif!important; font-weight: 400; font-size: 14px; /*400, 700*/ font-style: normal;}

.dcg_wrap h1,
.dcg_wrap h2,
.dcg_wrap header .countdown,
.dcg_wrap header p.count {font-family: 'CurrysSans', sans-serif; font-weight: 700; /*300, 400, 500, 700*/ font-style: normal; line-height: normal;}

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

.dcg_wrap {/*padding: 20px 0;*/}
.dcg_wrap i {font-size: 80%}

.dcg_wrap header {padding: 45px 35px 35px 35px; min-height: 319px; color: #fff; background: #0000; /*margin-top: 30px;*/}
.dcg_wrap header h1,
.dcg_wrap header h2 {font-size: 4.3em; color: #fff; margin-top: 5px;}
.dcg_wrap header h2 {font-size: 3.5em}
.dcg_wrap header h2 {margin-top: -5px}
.dcg_wrap header p {font-weight: 700; font-size: 20px; margin-top: 15px;}

.dcg_wrap header .countdown {width: 300px; height: 96px; background: url('img/countdown.png') no-repeat top left; color: #000;}
.dcg_wrap header .countdown .days,
.dcg_wrap header .countdown .hours,
.dcg_wrap header .countdown .minutes {width: 91px; float: left; margin-right: 13px; text-align: center; font-size: 36px; margin-top: 5px; padding-top: 8px;}
.dcg_wrap header .countdown .minutes {margin-right: 0;}
.dcg_wrap header .countdown {display: none}
.dcg_wrap header p.count {font-size: 28px; font-weight: bold}

.dcg_wrap .more {background: #cdcdcd; text-align: center;}
.dcg_wrap .more h3 {margin: 0; padding: 0; font-weight: 500; display: block;}
.dcg_wrap .more h3 a {font-size: 26px; color: #000; text-decoration: none; display: block; padding: 8px 0;}
.dcg_wrap .more h3 a i {font-size: 80%}

.dcg_wrap section.register {display: none; background: url('img/bf-background.jpg') #000 no-repeat 0 150px; background-size: contain; color: #fff; margin-bottom: 25px; padding: 35px;}
.dcg_wrap section.register h3 {font-size: 26px;}
.dcg_wrap section.register p {font-size: 16px;}
.dcg_wrap section.register .iframe {text-align: center; margin: 40px 0;}
iframe {width: 100%}

.dcg_wrap .more.hide {display: none}
.dcg_wrap #register.show section.register {display: block}
.dcg_wrap #register.show .more.hide {display: block}
.dcg_wrap #register.show .more.show {display: none}

.dcg_wrap article {padding: 35px; background: #000; color: #fff; margin-top: 25px;}
.dcg_wrap article h1 {color: white; font-size: 2.3em; border-bottom: 1px solid rgba(255,255,255, 0.5); padding-bottom: 8px}
.dcg_wrap article .text { -webkit-column-count: 4;  -moz-column-count: 4; column-count: 4;}
.dcg_wrap article .text p {font-size: 13px}
.dcg_wrap article .text p:first-child {font-weight: bold; font-size: 13px}
.dcg_wrap article .text p a {color: #fff; font-weight: 700; text-decoration: none}
.dcg_wrap article .text img {width: 100%; padding-right: 15px; margin: 10px 0 20px 0;}

.dcg_wrap section.plus {margin: 25px 0;}
.dcg_wrap section.plus .services,
.dcg_wrap section.plus .deals {
	width: 49%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6c5c5+0,f8f8f8+100 */
	background: #c6c5c5; /* Old browsers */
	background: -moz-linear-gradient(top,  #c6c5c5 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c5c5), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c6c5c5 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c6c5c5 0%,#f8f8f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c6c5c5 0%,#f8f8f8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c6c5c5 0%,#f8f8f8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c5c5', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
}
.dcg_wrap section.plus .pad {padding: 25px;}
.dcg_wrap section.plus .services {float: left,; width: 100%;}
.dcg_wrap section.plus .deals {float: right;}
.dcg_wrap section.plus p {font-size: 24px; margin-bottom: 10px}
.dcg_wrap section.plus h2 {font-size: 30px; margin-right: 30px}
.dcg_wrap section.plus ul li a,
.dcg_wrap section.plus p a {font-size: 23px; text-decoration: none; color: #464646}
.dcg_wrap section.plus ul {list-style-image:  url('img/check.png'); margin-left: 13px;}
.dcg_wrap section.plus ul li {margin: 20px 0;}
.dcg_wrap section.plus ul li a {font-size: 18px}
.dcg_wrap section.plus .deals .pad {overflow: hidden}
.dcg_wrap section.plus .deals img {float: left; width: 30%; margin-left: 20px;}

/* Tablet */
@media only screen and (min-width: 0) and (max-width:1024px) {

	.dcg_wrap header h1 {font-size: 4.0em;}
	.dcg_wrap header h2 {font-size: 3.2em}

	.dcg_wrap article .text { -webkit-column-count: 3;  -moz-column-count: 3; column-count: 3;}

	.dcg_wrap section.plus h2 {margin-right: 40px}

}

/* Tablet */
@media only screen and (min-width: 0) and (max-width:768px) {

	.dcg_wrap header h1 {font-size: 3.0em;}
	.dcg_wrap header h2 {font-size: 2.6em;}
	.dcg_wrap header p {font-size: 18px;}

	.dcg_wrap article .text { -webkit-column-count: 2;  -moz-column-count: 2; column-count: 2;}

	.dcg_wrap section.plus p,
	.dcg_wrap section.plus p a {font-size: 20px;}
	.dcg_wrap section.plus h2 {font-size: 24px; margin-right: 0px}

	.dcg_wrap section.plus ul li a {font-size: 18px;}
	.dcg_wrap section.plus ul {list-style-image: url('img/check-small.png'); margin-left: 8px}

}

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

	.dcg_wrap header {padding: 20px; text-align: center; min-height: auto}
	.dcg_wrap header h1,
	.dcg_wrap header h2 {font-size: 2.4em; margin-bottom: 10px}
	.dcg_wrap header h2 {font-size: 2.0em}
	.dcg_wrap header .countdown {margin: 20px auto;}

	.dcg_wrap .more h3 a {font-size: 22px}

	.dcg_wrap section.register,
	.dcg_wrap article {padding: 25px}
	.dcg_wrap article h1 {font-size: 1.8em}

	.dcg_wrap article .text { -webkit-column-count: 1;  -moz-column-count: 1; column-count: 1;}

	.dcg_wrap section.plus .services,
	.dcg_wrap section.plus .deals {float: none; width: 100%; margin-bottom: 25px}

}

/* HERE'S WHAT YOU CAN EXPECT CONTENT */

#infographic {display:block; /*margin-top: 25px;*/width:100%;clear:both;color:#fff; font-family: 'CurrysSans', sans-serif !important; background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/background.jpg') #000 right top no-repeat;}
#infographic h2 {font-size:3.1em;line-height:1em;padding:0px;margin:0 0 20px 0; }
#infographic h3 { font-size:2.3em;text-transform: uppercase;text-align:center;margin:0 0 20px 0; position:relative;}
#infographic h3:after {content:'';position:absolute;background:#6a6a6a;left:0%;  top:50%;height:2px; width:25%;display:block;}
#infographic h3:before {content:'';position:absolute;background:#6a6a6a;right:0%;  top:50%;height:2px; width:25%;display:block;}
#infographic .highlights h3:after {width:28%;}
#infographic .highlights h3:before {width:28%;}

#infographic p {font-size:1.4em; }
#infographic span {font-size:1.8em;  font-weight: 700;  display: table-cell;  vertical-align: middle;  }
#infographic .info-section {float:left;width:100%;margin:0px 0 60px 0;}

#infographic .info-header {display:block;float:left; background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/header.png') 115% top no-repeat; background-size: 55%; }
#infographic .info-header h2 {display:block;float:left;clear:both;width:45%;margin:100px 2.5% 20px 2.5%;}
#infographic .info-header p {display:block;float:left;clear:both;width:45%;margin:0 2.5% 60px 2.5%;}

#infographic .highlights .col-3 {width:30%;margin:20px 0 0 2.5%; display: table;}
#infographic .highlights .col-3 img {float:left;max-width:100%;height:auto;}
#infographic .highlights .col-3 span {width:65%;margin-left:5%;float:none;}
#infographic .highlights .inner-col { display: table-cell;  padding-right: 20px;	}


#infographic .most-popular {margin-top:40px;}
#infographic .most-popular .col-4 {width:21.875%;margin:20px 0 0 2.5%;text-align:center;position:relative;}
#infographic .most-popular .col-4 img {float:none;max-width:100%;height:auto;}
#infographic .most-popular .col-4 span {width:100%;margin:10px 0 0 0;float:left;}
#infographic .most-popular .col-4 .saving {position:absolute;right:0px;top:0px;}
#infographic .most-popular li {list-style-type:none;width:25%;float:left;padding:20px;position:relative;}
#infographic .most-popular li img {max-width:100%;}
#infographic .most-popular li p {margin-top:20px;font-size:20px;font-weight:700;text-align:center;}
#infographic .most-popular li .saving {position:absolute;right:0px;top:0px;}
#infographic .outer-out-footer { width:100%;clear:both; background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/footer-people.png') 100% top no-repeat; }
#infographic .outer-footer { background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/footer-people2.png') -50% top no-repeat; }
#infographic .info-footer {width:95%; margin:0 2.5%;text-align:center;border-top:2px solid #6a6a6a; }
#infographic .info-footer .inner-footer {display:block;width:50%;margin:60px 25% 0 25%; padding-bottom:60px;}

/* --- Large Desktop---  */
@media only screen and (min-width: 1240px) {

}
 
/* ---Small Desktop--- */
@media only screen and (min-width: 0) and (max-width:1239px) {	
	#infographic .highlights .col-3 span {width: 52.5%;  margin-right: 2.5%;}
	#infographic .most-popular {margin-top:0px;}	
	
	/*HEADER*/
	#infographic .info-header { background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/header.png') 115% top no-repeat; background-size: 55%; padding:0 0 40px 0;}
	#infographic .info-header h2 {margin:40px 2.5% 20px 2.5%;}
	#infographic .info-header p {margin:0 2.5% 40px 2.5%;}

	/*FONT*/
	#infographic h2 {font-size:2.8em;line-height:1em; }
	#infographic h3 { font-size:2em;}
	#infographic p {font-size:1.2em;}
	#infographic span {font-size:1.4em;  }
	
	#infographic h3:after { width:24%;}
	#infographic h3:before {width:24%;}
	#infographic .highlights h3:after {width:27%;}
	#infographic .highlights h3:before {width:27%;}
	/*FOOTER*/
	#infographic .outer-out-footer { background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/footer-people.png') 100% center no-repeat; background-size: 24%;  }
	#infographic .outer-footer { background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/footer-people2.png') -45% center no-repeat; background-size: 50%;  }
}
 
/* --- Tablet---  */
@media only screen and (min-width: 0) and (max-width:1024px) {			
	#infographic .highlights .col-3 span {width: 62.5%;  margin-right: 2.5%;}	
	
	/*FONT*/
	#infographic h2 {font-size:2.4em;line-height:1em; }
	#infographic h3 { font-size:1.8em;}
	#infographic p {font-size:1.2em;}
	#infographic span {font-size:1.2em;  }
	
	#infographic h3:after { width:22%;}
	#infographic h3:before {width:22%;}
	#infographic .highlights h3:after {width:23%;}
	#infographic .highlights h3:before {width:23%;}
	/*FOOTER*/
	#infographic .outer-out-footer { background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/footer-people.png') 100% center no-repeat; background-size: 24%;  }
	#infographic .outer-footer { background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/footer-people2.png') -45% center no-repeat; background-size: 50%;  }	
}
  
  
@media only screen and (max-width: 880px) {	
#infographic .most-popular .col-4 .saving {width:100px;height:auto;right:20px;}
#infographic .most-popular li .saving {width:100px;height:auto;right:20px;}
	/*HEADER*/
	#infographic .info-header { background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/mobile-header.png') 115% top no-repeat; background-size: 85%; }
	#infographic .info-header h2 {width:95%;margin:37% 2.5% 20px 2.5%;}
	#infographic .info-header p {width:95%;margin:0 2.5% 40px 2.5%;} 
		
	/*COL*/	
	#infographic .most-popular .col-4 {width:47.5%;margin:20px 0 0 2.5%;}
	
	#infographic .highlights .col-3 {width:46%;margin:20px 0 0 2.5%;}
	#infographic .highlights .col-3 span {width: 62.5%;  margin-right: 2.5%;}
	
	/*FONT*/
	#infographic h2 {font-size:2.8em;line-height:1em; }
	#infographic h3 { font-size:2em;}
	#infographic p {font-size:1.2em;}
	#infographic span {font-size:1.4em;  }
    #infographic .most-popular li {width:50%;text-align:center;padding:5px;}
	#infographic h3:after { width:5%;}
	#infographic h3:before {width:5%;}
	#infographic .highlights h3:after {width:15%;}
	#infographic .highlights h3:before {width:15%;}	
		 
	/*FOOTER*/	
	#infographic .outer-footer { background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/footer-people2.png') 0% bottom no-repeat; background-size: 60%; }
	#infographic .outer-out-footer {  background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/footer-people.png') 100% bottom no-repeat; background-size: 28%; }	
	#infographic .info-footer {width:100%; margin:0 0%;}
	#infographic .info-footer .inner-footer {width:95%;margin:60px 2.5% 0 2.5%; padding-bottom:190px;}
 }
 
/* --- Mobile---  */
@media only screen and (max-width: 599px) {	
#infographic .most-popular li .saving,
#infographic .most-popular .col-4 .saving {width:70px;height:auto;right:20px;}
    #infographic .most-popular li {height:250px;}
	/*FONT*/
		#infographic h2 {font-size:2.4em;line-height:1em; }
	#infographic h3 { font-size:1.8em;}
	#infographic p {font-size:1.2em;}
	#infographic span {font-size:1.2em;  }
	
	#infographic h3:after { width:1%;}
	#infographic h3:before {width:1%;}
	#infographic .highlights h3:after {width:1%;}
	#infographic .highlights h3:before {width:1%;}
	
	/**/	
	#infographic .info-section {margin:0px 0 60px 0;}		
	
	#infographic .most-popular .col-4 span {min-height:40px; }
	#infographic .highlights .col-3 { display: block; padding-bottom:20px; text-align: Center;}	
	#infographic .highlights .inner-col { display: block; margin:0px; padding: 0px;width:100%;}
	#infographic .highlights .col-3 span {width: 100%;  margin: 10px 0 0 0; float: left;}
	#infographic .highlights .col-3 img {   float: none;    max-width: 100%;  height: auto;   margin: 0 auto;    text-align: center;
}
	
	/*HEADER*/
	#infographic .info-header {background:url('https://currys-ssl.cdn.dixons.com/css/themes/black_friday_2015/img/expect/mobile-header.png') right top no-repeat; background-size: 95%; }
	
	/*FOOTER*/	
	#infographic .info-footer .inner-footer {width:95%;margin:60px 2.5% 0 2.5%; padding-bottom:140px;}	
}

/* END HERE'S WHAT YOU CAN EXPECT CONTENT ------------------------------------------------------------- */ 

.info-header a{text-decoration: underline;}