@font-face {font-family: 'Gotham-Bold';
    src: url('https://currys-ssl.cdn.dixons.com/css/themes/Bose/fonts/Gotham-Bold.eot') format('embedded-opentype'),
    url('https://currys-ssl.cdn.dixons.com/css/themes/Bose/fonts/Gotham-Bold.woff') format('woff'),
    url('https://currys-ssl.cdn.dixons.com/css/themes/Bose/fonts/Gotham-Bold.ttf') format('truetype'),
	url('https://currys-ssl.cdn.dixons.com/css/themes/Bose/fonts/Gotham-Bold.svg') format('svg');
}


/* Desktop Navigation */
.dcg h1 {margin:10px 0px 0px 0px;}
.dcg .desktopnav {width:100%; height: auto; overflow: auto; margin-top:10px;background:#f8f8f8; margin-bottom:10px;}
.dcg .desktopnav nav {padding:0; margin:3px;}
.dcg .desktopnav nav a {padding:0px;display:inline;width:16.6%;float:left;padding:5px;color:#000;}
.dcg .desktopnav nav figure {display:inline-block;float:left;width:100%;padding:10px;margin:5px 0px;background:transparent;text-align:center;}
.dcg .desktopnav nav figure img {max-height:32px;}
.dcg .desktopnav nav ul {overflow:hidden; border:0px;padding:5px 5px 0px 0px;}
.dcg .desktopnav nav ul a {width:auto;float:right;padding:5px 2%;}
.dcg .desktopnav nav ul li {display: block;padding:10px 0px;font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;text-transform:uppercase;text-align:right;display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;overflow: hidden;font-size:12px;}
.dcg .desktopnav nav ul li:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 0;background: #181818;height: 2px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.dcg .desktopnav nav ul li:hover:before, .dcg .sfc .desktopnav nav ul li.active:before {left:0;right:0;}
.dcg .desktopnav nav li:hover {background:#f8f8f8;color:#181818;transition:1s;}
.dcg .desktopnav nav li.active{background:#f8f8f8; color:#181818; }

/* Tablet and Mobile Navigation */
.dcg .mobnav nav {background:#000;padding:10px;}
.dcg .mobnav nav{margin:0;}
.dcg .mobnav nav img {max-height:40px;}
.dcg .mobnav nav a.open,
.dcg .mobnav nav a.close {height: 40px;font-weight: bold; width: auto; cursor: pointer; color: #2060c0; }
.dcg .mobnav nav a.open .burger,
.dcg .mobnav nav a.close .burger {float:right;padding:8px 0px 0px 0px;}
.dcg .mobnav nav a.open img,
.dcg .mobnav nav a.close img {padding:10px;}
.dcg .mobnav nav i {font-size:25px;color:#fff;}
.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;padding-bottom:10px;}
.dcg .mobnav nav.active a.open{display: none;}
.dcg .mobnav nav ul {overflow: hidden; height:0px; transition: .5s linear;}
.dcg .mobnav nav.active ul {height:300px;}
.dcg .mobnav nav ul{width: 100%; margin: auto;  }
.dcg .mobnav nav ul li{width: 100%;padding-left:10px;}
.dcg .mobnav nav li {padding:5px 0px;font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;text-transform:uppercase;}
.dcg .mobnav nav li.active a {color:#fff;}
.dcg .mobnav nav a {color:#bfbfbf;padding:0px;}


@media only screen and (max-width: 768px) and (max-width: 1000px) {
    .dcg .sfc .desktopnav nav ul li {font-size:12px;}
}

@media only screen and (max-width: 768px) {
    .dcg .sfc .desktopnav nav ul {padding:5px;}
    .dcg .sfc .desktopnav {padding-bottom:10px;}
    .dcg .sfc .desktopnav nav ul li {border:none;}
    
}
@media only screen and (min-width: 800px) {
    .dcg .sfc .mobnav {display:none;}
    .dcg .sfc .bose-accordian label.blacktab,
    .dcg .sfc .bose-accordian label.whitetab{display:none;}
    .dcg .sfc .bose-accordian .slide-in {overflow:visible;}
}

@media only screen and (max-width: 800px) {
    .dcg .desktopnav {display:none;}
    .dcg h1 {display:none;}
    .dcg .sfc .mobnav {display:block;}
    .dcg nav a{float:none;}
}
/**********end Navigation ************/


.dcg .white-bg{background-color:#fff;}


/****** section 1 ********/
.dcg .three-box{width:33.33%; float:left;}
.dcg .three-box-inner{ text-align:center; padding:50px 0 0;}
.dcg .three-box-heading{font-size:30px; font-weight:600; margin-bottom:30px;}
.dcg .img-padding{padding:0 30px;}
.dcg .box-grey{background-color:#f8f8f8;}
.dcg .box-black{background-color:#181818; color:#fff;}
.dcg .header-cta-black{margin-bottom:40px;}
.dcg .header-cta-black a{text-decoration: none; color:#181818; font-size:14px; padding:10px 30px; border-radius:30px; border:1px solid #181818; transition:background-color 0.5s; font-weight:500;}
.dcg .header-cta-black a:hover{background-color:#181818; color:#fff;}

.dcg .header-cta-white{margin-bottom:40px;}
.dcg .header-cta-white a{text-decoration: none; color:#fff; font-size:14px; padding:10px 30px; border-radius:30px; border:1px solid #fff; transition:background-color 0.5s; font-weight:500;}
.dcg .header-cta-white a:hover{background-color:#fff; color:#181818;}

@media only screen and (max-width: 768px) {
    .dcg .three-box-heading{font-size:24px;}
}
@media only screen and (max-width: 599px) {
    .dcg .three-box{width:100%; float:none;}
    .dcg .img-right{text-align:right;}
    .dcg .three-box-heading{font-size:28px;}
}

/********* section 2 **************/
.dcg .section2{margin-top:30px;}
.dcg .sect-border{background-color:#181818; color:#fff; padding:20px 30px;}
.dcg .sect-heading{float:left; width:75%; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400;font-size:24px;}
.dcg .skip-top{float:right;}

.dcg .video-sect{margin-top:10px;}
.dcg .two-three{float:left;width:67%;}
.dcg .one-three{float:left;width:33%;}
.dcg .sect2-text{padding:70px 70px 10px;}
.dcg .sect2-sm-heading{font-size:16px; font-weight:600; margin-bottom:50px;}
.dcg .sect2-heading{font-size:24px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400; margin-bottom:30px;}

@media only screen and (max-width: 1240px) {
    .dcg .sect2-text{padding:70px 50px 10px;}
}
@media only screen and (max-width: 950px) {
    .dcg .sect2-text{padding:50px 40px 10px;}
    .dcg .sect2-sm-heading{ margin-bottom:30px;}
    .dcg .sect2-heading{ margin-bottom:20px;}
}
@media only screen and (max-width: 768px) {
    .dcg .two-three{float:left;width:65%;}
    .dcg .one-three{float:left;width:35%;}
    .dcg .sect2-text{padding:30px 30px 10px;}
    .dcg .sect2-heading{font-size:24px;}
}
@media only screen and (max-width: 768px) {
    .dcg .two-three{float:none;width:90%; margin:0 auto;}
    .dcg .one-three{float:none;width:100%;}
    .dcg .sect2-text{padding:30px 30px 10px;}
    .dcg .sect2-heading{font-size:26px;}
    .dcg .sect2-sm-heading{ margin-bottom:10px;}
    .dcg .sect2-heading{ margin-bottom:10px;}
}

/********* section 3 *********/
.dcg .section3{background-color:#f8f8f8; padding:50px 0 18%;}
.dcg .sect3-inner{position:relative;}
.dcg .sect3-img{position:absolute; right:10%; width:45%; top:20%;}
.dcg .sect3-text{width:45%; background-color:#fff; margin-left:7%; padding:50px 50px 50px 30px;}
.dcg .sect3-heading{font-size:24px; font-weight:600; margin-bottom:15px;}
.dcg .star-ratings{margin-bottom:15px;}
.dcg .star-rating-text{display:inline-block; text-decoration: underline; font-size:14px;padding-left:5px;}
.dcg .tech-logos{margin-bottom:40px;}

.dcg .av-sect{margin-left:0; margin-top:50px; font-size:16px; font-weight:600;}
.dcg .circles{margin-top:10px;}
.dcg .circle{border-radius: 50px; width: 26px; height: 26px; margin: 0px 10px 10px 0px;float: left; border: 1px solid #979797; padding: 2px;}
.dcg .inner-circle-black{width: 20px; height: 20px; background: #000; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-white{width: 20px; height: 20px; background: #fff; border-radius: 40px; padding: 3px; border: 1px solid #979797;}
.dcg .inner-circle-grey{width: 20px; height: 20px; background: #a0a0a0; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-lightgrey{width: 20px; height: 20px; background: #efefef; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-charcoal{width: 20px; height: 20px; background: #595959; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-midnightblue{width: 20px; height: 20px; background: #005070; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-midblack{width: 20px; height: 20px; background: #242424; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-midblue{width: 20px; height: 20px; background: #4a90e2; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-orange{width: 20px; height: 20px; background: #e16f3e; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-yellow{width: 20px; height: 20px; background: #f8f950; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-red{width: 20px; height: 20px; background: #a03436; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-lime{width: 20px; height: 20px; background: #c9d543; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-grey2{width: 20px; height: 20px; background: #595754; border-radius: 40px; padding: 3px;}

.dcg .buy-cta{margin-top:40px;}
.dcg .buy-cta a{text-decoration: none; color:#fff; font-size:16px; padding:10px 40px; border-radius:30px; border:1px solid #333; background-color:#333; transition:background-color 0.5s; font-weight:500;}
.dcg .buy-cta a:hover{background-color:#fff; color:#000;}

@media only screen and (max-width: 1240px) {
    .dcg .section3{padding:50px 0 12%;}
}
@media only screen and (max-width: 950px) {
    .dcg .section3{padding:50px 0 50px;}
}
@media only screen and (max-width: 850px) {
    .dcg .sect3-text{width:50%;}
    .dcg .sect3-img{right:3%; width:50%;}
}
@media only screen and (max-width: 650px) {
    .dcg .sect3-img{position:static; right:0; width:70%; top:0; margin:20px 15% 0;height:350px; overflow:hidden;}
    .dcg .sect3-text{width:80%; background-color:#fff; margin:0 10%; padding:50px 30px;}
}

/******* section hp700 ******/
.dcg .section-hp700{background-color:#f8f8f8; padding:80px 0 0;}

/********** section hpframes *******/
.dcg .section-hpframes{background-color:#f8f8f8; padding:80px 0 0;}
.dcg .sect-frames-img{text-align:right; padding:10% 20px;}
.dcg .sect-frames-img2{text-align:right; padding:5% 0 20px;}
.dcg .sect-frames-text{position:absolute; width:45%; background-color:#fff; left:7%; top:0; padding:50px 50px 50px 30px;}
.dcg .frame-icons img{width:180px; height:auto;}

@media only screen and (max-width: 1240px) {
    .dcg .sect-frames-img2{padding:10% 0 20px;}
}
@media only screen and (max-width: 940px) {
    .dcg .sect-frames-img2{padding:20% 0 20px;}
    .dcg .sect-frames-text{width:55%;}
}
@media only screen and (max-width: 650px) {
    /*.dcg .sect-frames-img{position:static; width:80%; margin:0 10%;height:400px; overflow:hidden; text-align:center;}*/
    .dcg .sect-frames-text{position:static; width:80%; left:0; top:0; margin:0 10%;}
    .dcg .sect-frames-img{text-align:center; padding:10px 30px;}
    .dcg .sect-frames-img2{text-align:right; padding:0 0 20px;}
}
@media only screen and (max-width: 500px) {
    /*.dcg .sect-frames-img{ width:80%; margin:0 10%;height:350px;}*/
    
}


/********* section 4 ********/ 
.dcg .section4{margin-bottom:50px;}

/********** section 5 ********/
.dcg .section5{background-color:#f8f8f8;}
.dcg .sect5-inner{position:relative;}
.dcg .sect5-text{position:absolute; top:0; width:45%; background-color:#fff; margin-left:7%; padding:50px 50px 50px 30px;}
.dcg .sect5-img{text-align: right; margin-top:10%;margin-left:45%;}
.dcg .sect5-heading{font-size:24px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400;}
.dcg .sect5-sm-heading{margin-bottom:15px; font-size:16px;}
.dcg .learn-more a{color:#000;}

@media only screen and (max-width: 1240px) {
    .dcg .sect5-inner{padding-bottom:12%;}
}
@media only screen and (max-width: 920px) {
    .dcg .sect5-inner{padding-bottom:20%;}
}
@media only screen and (max-width: 850px) {
    .dcg .sect5-text{width:50%;}
    .dcg .sect5-inner{padding:0 0 25%;}
    .dcg .sect5-img{padding-top:15%;margin-left:45%;}
    
}
@media only screen and (max-width: 720px) {
    .dcg .sect5-inner{padding:0 0 40%;}
}
@media only screen and (max-width: 650px) {
    .dcg .sect5-text{position:static; width:80%; margin:0 10%;} 
    .dcg .sect5-img{padding-top:1%;margin-left:10%; height:350px; overflow:hidden;}
    .dcg .sect5-inner{padding:0 0 5%;}
}

/************* section 6 **************/
.dcg .section6{background-color:#f8f8f8;}
.dcg .sect6-inner{position:relative; }
.dcg .sect6-text{position:absolute; top:0; width:45%; right:5%; background-color:#fff; margin-left:7%; padding:50px 50px 50px 30px;}
.dcg .sect6-img{text-align: left; margin-top:10%;margin-right:45%;}

@media only screen and (max-width: 1240px) {
    .dcg .sect6-inner{padding-bottom:15%;}
}
@media only screen and (max-width: 920px) {
    .dcg .sect6-inner{padding-bottom:20%;}
}
@media only screen and (max-width: 850px) {
    .dcg .sect6-text{width:50%;}
    .dcg .sect6-inner{padding:0 0 35%;}
    /*.dcg .sect6-img{padding-top:15%;margin-left:45%;}*/
    
}

@media only screen and (max-width: 720px) {
    .dcg .sect6-text{position:static; width:80%; margin:0 10%;} 
    .dcg .sect6-img{padding-top:0;margin:0 10%; height:350px; overflow:hidden; text-align:center;}
    .dcg .sect6-inner{padding:0 0 5%;}
}
@media only screen and (max-width: 500px) {
    .dcg .sect6-img{ height:300px;}
}


/********** head-sect4 *********/
.dcg .head-sect4{background-color:#f8f8f8; position:relative; padding:20px 0}
.dcg .head-sect4-img{text-align:left; padding-left:100px;}
.dcg .head-sect4-text{position:absolute; top:3%; width:40%; right:5%; background-color:#fff; padding:50px 50px 50px 30px;}

@media only screen and (max-width: 1240px) {
    .dcg .head-sect4-img{/*margin-left:43%;*/ padding-left:20px;}
}
@media only screen and (max-width: 760px) {
    .dcg .head-sect4-img{/*margin-left:43%;*/}
    .dcg .head-sect4-text{position:absolute; top:3%; width:45%;}
}
@media only screen and (max-width: 720px) {
    .dcg .head-sect4-text{position:static; width:80%; margin:0 10%;}
    .dcg .head-sect4-img{padding-top:0;margin:0 20%; height:400px; overflow:hidden; text-align:center; padding-left:0;}
    .dcg .head-sect4{padding:20px 0 100px;}
}
@media only screen and (max-width: 500px) {
    .dcg .head-sect4-img{margin:0 20%; height:350px;}
}


/******** section 7 ************/
.dcg .sect7-img{position:absolute; right:0; width:45%; top:7%;}
@media only screen and (max-width: 650px) {
    .dcg .sect7-img{position:static; width:80%; margin:0 10%;height:400px; overflow:hidden; text-align:center;}
}
@media only screen and (max-width: 500px) {
    .dcg .sect7-img{ width:80%; margin:0 10%;height:350px;}
}
/********** section 8 *********/
.dcg .sect8-img{text-align:left; margin:0 5%;}
.dcg .sect8-text{position:absolute; top:0; width:45%; right:5%; background-color:#fff; margin-left:7%; padding:50px 50px 50px 30px;}
@media only screen and (max-width: 1240px) {
    .dcg .sect8-top-img{margin:0 50% 0 0;}
}
@media only screen and (max-width: 850px) {
    .dcg .sect8-text{width:50%;}
    .dcg .sect8-img{padding:10% 0;}
    .dcg .sect8-top-img{margin:0 55% 15% 0;}
}
@media only screen and (max-width: 780px) {
    .dcg .sect8-top-img{margin:0 55% 25% 0;}
}
@media only screen and (max-width: 690px) {
    .dcg .sect8-img {padding-top:20px;margin:0 10%; height:350px; overflow:hidden; text-align:center;}
    .dcg .sect8-top-img{padding-top:20px;margin:0 10%; height:400px; overflow:hidden; text-align:center;}
    .dcg .sect8-text{position:static; width:80%; margin:0 10%;}
}
@media only screen and (max-width: 500px) {
    .dcg .sect8-img{height:300px;padding:0;}
}

/********** section 9 *********/
.dcg .sect9-padding{margin-bottom:4%;}
@media only screen and (max-width: 1240px) {
    .dcg .sect9-padding{margin-bottom:0;}
}

/******* section 10 **********/
.dcg .section10{background-color:#f8f8f8;}
.dcg .sect10-img{text-align:right; margin-bottom:12%;}
.dcg .sect10-text{position:absolute; top:5%; width:45%; left:7%; background-color:#fff; padding:50px 50px 50px 30px;}

@media only screen and (max-width: 860px) {
    .dcg .sect10-img{ margin-bottom:25%;}
    .dcg .sect10-text{position:absolute; top:5%; width:50%;}
}
@media only screen and (max-width: 760px) {
    .dcg .sect10-img{ margin-bottom:40%;}
}
@media only screen and (max-width: 650px) {
    .dcg .sect10-img{margin-bottom:0; height:350px; overflow:hidden;}
    .dcg .sect10-text{position:static; width:80%; margin:0 10% 30px;}
}
@media only screen and (max-width: 560px) {
    .dcg .sect10-img{ height:300px;}
}
@media only screen and (max-width: 499px) {
    .dcg .sect10-img{ height:250px;}
}


/********* section 11 *********/
@media only screen and (max-width: 720px) {
    .dcg .mid-padding{padding-top:50px;}
}
@media only screen and (max-width: 680px) {
    .dcg .mid-padding{padding-top:100px;}
}
@media only screen and (max-width: 660px) {
    .dcg .mid-padding{padding-top:0;}
}


/******** section 12 *********/
.dcg .sect12-img{text-align:left; margin:0 5%;}
.dcg .qc-text{position:absolute; top:10%; width:45%; right:5%; background-color:#fff; margin-left:7%; padding:50px 50px 50px 30px;}
@media only screen and (max-width: 860px) {
    .dcg .qc-text{width:50%;} 
    .dcg .sect12-img{padding:10% 0;}
}
@media only screen and (max-width: 720px) {
    .dcg .sect12-img{padding:15% 0;}
}
@media only screen and (max-width: 650px) {
    .dcg .qc-text{position:static; width:80%; margin:0 10% 30px;}
    .dcg .sect12-img{margin:0; padding:0; height:400px; overflow:hidden; text-align:center;}
}
@media only screen and (max-width: 550px) {
    .dcg .sect12-img{height:350px;}
}
@media only screen and (max-width: 470px) {
    .dcg .sect12-img{height:300px;}
}

/********** section 13 ********/
.dcg .section13{background-color:#f8f8f8; padding-top:50px;}
.dcg .sect13-img{text-align:right;}

@media only screen and (max-width: 1240px) {
      .dcg .section13{padding-top:0;} 
}
@media only screen and (max-width: 750px) {
    .dcg .sect13-img{padding-bottom:10%;}
}
@media only screen and (max-width: 700px) {
    .dcg .sect13-img{padding-bottom:20%;}
}
@media only screen and (max-width: 650px) {
    .dcg .sect13-img{padding-bottom:0;}
}


/************* Others ************/
.dcg .bottom-logo{display:inline-block; padding:10px 10px 0;}
.dcg .disclaimer{color:#9a9a9a; text-align:right; padding:15px 20px;}