@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.333%; float:left;}
.dcg .three-box-inner{ text-align:center; padding:50px 0 0;}
.dcg .three-box-heading{font-size:30px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400; 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-size:24px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400;}
.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-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400; 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: #44526f; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-orange{width: 20px; height: 20px; background: #e16f3e; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-red{width: 20px; height: 20px; background: #a03436; border-radius: 40px; padding: 3px;}
.dcg .inner-circle-blue{width: 20px; height: 20px; background: #30b8cc; 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 4 ********/ 
.dcg .section4{margin-bottom:10px;}

/********** 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%;}
.dcg .sect6-inner-b{position:relative; padding-bottom:10%;}

@media only screen and (max-width: 1240px) {
    .dcg .sect6-inner{padding-bottom:12%;}
    .dcg .sect6-inner-b{padding-bottom:25%;}
}
@media only screen and (max-width: 920px) {
    .dcg .sect6-inner{padding-bottom:20%;}
    .dcg .sect6-inner-b{padding-bottom:35%;}
}
@media only screen and (max-width: 850px) {
    .dcg .sect6-text{width:50%;}
    .dcg .sect6-inner{padding:0 0 25%;}
    .dcg .sect6-inner-b{padding-bottom:50%;}
}
@media only screen and (max-width: 750px) {
    .dcg .sect6-inner-b{padding-bottom:60%;}
}
@media only screen and (max-width: 720px) {
    .dcg .sect6-inner{padding:0 0 40%;}
    .dcg .sect6-inner-b{padding-bottom:70%;}
}
@media only screen and (max-width: 650px) {
    .dcg .sect6-text{position:static; width:80%; margin:0 10%;} 
    .dcg .sect6-img{padding-top:20px;margin-left:0; height:350px; overflow:hidden; margin-right:30%;}
    .dcg .sect6-inner{padding:0 0 5%;}
    .dcg .sect6-inner-b{padding:0 0 5%;}
}


/****** section 6.2 *********/
.dcg .sect62-inner{position:relative;}
@media only screen and (max-width: 1240px) {
    .dcg .sect62-inner{padding-bottom:12%;}
}
@media only screen and (max-width: 999px) {
    .dcg .sect62-inner{padding-bottom:20%;}
}
@media only screen and (max-width: 899px) {
    .dcg .sect62-inner{padding:0 0 30%;}   
}
@media only screen and (max-width: 799px) {
    .dcg .sect62-inner{padding:0 0 40%;}   
}
@media only screen and (max-width: 720px) {
    .dcg .sect62-inner{padding:0 0 60%;}   
}
@media only screen and (max-width: 650px) {
    .dcg .sect62-inner{padding:0 0 5%;}
}


/******** 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:100%; margin:20px 0 0 10%;height:350px; overflow:hidden; text-align:right;}
}

/********** section 8 *********/
.dcg .sect8-img{text-align:left; margin:5% 45% 0 10%;}

@media only screen and (max-width: 650px) {
    .dcg .sect8-img{padding-top:20px;margin:0 10%; height:350px; overflow:hidden; text-align:center;}
}


/******* section 9 **********/
.dcg .section9{background-color:#f8f8f8; padding:50px 0 5%;}
@media only screen and (max-width: 1240px) {
    .dcg .section9{padding:50px 0 10%;}
}
@media only screen and (max-width: 950px) {
    .dcg .section9{padding:50px 0 50px;}
}

/****** section 11 ********/
.dcg .section11{background-color:#f8f8f8; padding:40px 30px;}
.dcg .sect11-inner{position:relative;}
.dcg .sect11-text{position:absolute; top:10%; 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: 850px) {
    .dcg .sect11-text{top:5%; width:50%; right:1%; margin-left:7%; padding:50px 30px;}
    .dcg .section11{ padding:40px 10px;}
}
@media only screen and (max-width: 720px) {
    .dcg .sect11-text{top:2%; width:60%; right:1%; margin-left:7%; padding:50px 30px;}
}
@media only screen and (max-width: 650px) {
    .dcg .sect11-text{position:static; width:90%; margin:0 5%; padding:50px 30px;}
}

/****** section 12 ********/
.dcg .section12{background-color:#f8f8f8; padding:40px 30px; text-align:right;}
.dcg .sect12-text{position:absolute; top:20%; width:45%; left:5%; background-color:#fff; padding:50px 50px 50px 30px; text-align:left;}


@media only screen and (max-width: 850px) {
    .dcg .sect12-text{width:60%; padding:50px 30px;}
    .dcg .section12{ padding:40px 10px;}
}
@media only screen and (max-width: 720px) {
    .dcg .sect12-text{width:70%; padding:50px 30px;}
}
@media only screen and (max-width: 650px) {
    .dcg .sect12-text{position:static; width:90%; margin:0 5%; padding:50px 30px;}
}


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

@media only screen and (max-width: 850px) {
    .dcg .sect13-text{width:50%; margin-left:0%; right:1%;} 
    .dcg .sect13-img{padding-top:30%;}
}
@media only screen and (max-width: 650px) {
    .dcg .sect13-img{padding-top:1%;}
    .dcg .sect13-text{position: static; width:80%; margin:0 10%;}
}


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

@media only screen and (max-width: 850px) {
    .dcg .sect14new-text{width:50%; margin-left:0%; left:1%;} 
    .dcg .sect14new-img{padding-top:5%;}
}
@media only screen and (max-width: 650px) {
    .dcg .sect14new-img{padding-top:1%;}
    .dcg .sect14new-text{position: static; width:80%; margin:0 10%;}
}

/****** section 14 ********/
.dcg .sect14-img{position:absolute; right:0; width:45%; top:7%;}
@media only screen and (max-width: 650px) {
    .dcg .sect14-img{position:static; width:80%; margin:0 10%;height:350px; overflow:hidden;}
}

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



/******** section 18 *********/
.dcg .sect18-img{position:absolute; right:0; width:50%; top:40%;}

@media only screen and (max-width: 850px) {
   .dcg .sect18-img{right:0; width:45%; top:40%;} 
}
@media only screen and (max-width: 650px) {
    .dcg .sect18-img{position:static; right:0; width:70%; top:0; margin:20px 15% 0;height:250px; overflow:hidden;}
}
@media only screen and (max-width: 550px) {
    .dcg .sect18-img{margin:20px 15% 0;height:200px; overflow:hidden;}
}

/********* section 19 **********/
.dcg .sect19-img{text-align: left; margin-right:45%;}
.dcg .inner-cover-blue{width: 20px; height: 20px; border-radius: 40px; padding: 3px; background-image:url(https://currys-ssl.cdn.dixons.com/css/themes/bose/2018/wireless-speakers/images/cover-blue.png); 
    background-position: center;}
.dcg .inner-cover-grey{width: 20px; height: 20px; border-radius: 40px; padding: 3px; background-image:url(https://currys-ssl.cdn.dixons.com/css/themes/bose/2018/wireless-speakers/images/cover-grey.png); 
    background-position: center;}
.dcg .inner-cover-plum{width: 20px; height: 20px; border-radius: 40px; padding: 3px; background-image:url(https://currys-ssl.cdn.dixons.com/css/themes/bose/2018/wireless-speakers/images/cover-plum.png); 
    background-position: center;}

@media only screen and (max-width: 650px) {
    .dcg .sect19-img{padding-top:20px;margin-left:10%; height:300px; overflow:hidden; margin-right:10%;}
}
@media only screen and (max-width: 550px) {
    .dcg .sect19-img{height:250px;}
}
@media only screen and (max-width: 550px) {
    .dcg .sect19-img{height:220px;}
}