@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');
}

/* NAV ICON */
.dcg .navIcon {margin:10px 0; background:#f8f8f8; padding: 18px; text-align: left; }


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

/****** hero section ********/
.dcg .hero-section{position:relative;}
.dcg .hero-text{position:absolute; top:30%; left:5%; width:45%;}
.dcg .hero-heading{font-size:36px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400; margin-bottom:20px;}
.dcg .hero-sm-heading{font-size:16px; font-weight:600; margin-bottom:5px;}
.dcg .hero-inner-text{font-size:16px;}
.dcg .page-cta{margin-top:40px;}
.dcg .page-cta a{text-decoration: none; color:#fff; font-size:16px; padding:15px 40px; border-radius:30px; border:1px solid #fff; transition:background-color 0.5s; font-weight:500;}
.dcg .page-cta a:hover{background-color:#fff; color:#000;}

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

@media only screen and (max-width: 900px){
    .dcg .hero-text{top:30%; left:5%; width:45%;}
    .dcg .hero-heading{font-size:32px; margin-bottom:10px;}
}
@media only screen and (max-width: 800px){
    .dcg .hero-text{top:10%; left:5%; width:50%;}
}
@media only screen and (max-width: 600px){
    .dcg .hero-text{ width:100%; left:0;padding:20px 30px; top:10%; text-align:center}
    .dcg .page-cta a{font-size:15px; padding:10px 30px;}
}

/********** section 1 **********/
.dcg .section1{margin:50px 0 70px;}
.dcg .half-box{width:50%; float:left;}
.dcg .right-padding{padding-right:10%;}
.dcg .left-padding{padding-left:10%;}
.dcg .half-text-left{text-align:right;}
.dcg .e-height{min-height:60px;}
.dcg .sect1-heading{font-size:20px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400; margin-top:20px;margin-bottom:10px;}

@media only screen and (max-width: 960px){
    .dcg .e-height{min-height:80px;}
}
@media only screen and (max-width: 599px){
    .dcg .half-box{width:100%; float:none; padding-bottom:20px;}
    .dcg .right-padding{padding-right:0;}
    .dcg .left-padding{padding-left:0;}
    .dcg .half-text-left{text-align:center; padding:0 20px;}
    .dcg .half-text-right{text-align:center; padding:0 20px;}
    .dcg .e-height{min-height:auto;}
}

/********** section 2 ***********/
.dcg .section2{background-color:#181818; color:#fff; text-align:center; padding:70px 0;}
.dcg .sect2-sm-heading{font-weight:600;margin-bottom:10px;}
.dcg .sect2-heading{font-size:32px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400; margin-bottom:20px;}
.dcg .sect2-blurb{font-size:16px; margin-bottom:50px;}
.dcg .sect2-text{padding:0 20%;}
.dcg .sect2-table{padding:0 20%;}
.dcg .table-row{margin-bottom:30px;}
.dcg .table-left{float:left; width:40%; text-align:right;}
.dcg .table-right{float:left; width:40%; text-align:left;}
.dcg .table-centre{float:left; width:18%; text-align:center;}
.dcg .table-heading{font-size:18px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400;}
.dcg .table-sm-heading{font-weight:600; margin-bottom:5px;}

@media only screen and (max-width: 1240px){
    .dcg .sect2-table{padding:0 15%;}
}
@media only screen and (max-width: 840px){
    .dcg .sect2-table{padding:0 10%;}
    .dcg .sect2-text{padding:0 10%;}
}
@media only screen and (max-width: 640px){
    .dcg .sect2-table{padding:0 5%;}
    .dcg .sect2-text{padding:0 40px;}
}
@media only screen and (max-width: 500px){
    .dcg .sect2-table{padding:0 2%;}
}

/************ section 3 ******/
.dcg .section3{padding:100px 0; text-align:center;}
.dcg .sect3-text{padding:0 20%; margin-bottom:100px;}
.dcg .music-half{width:50%; float:left;}
.dcg .music-inner{padding:0 20px;}
.dcg .music-container{padding:0 10%; text-align:center;}

@media only screen and (max-width: 840px){
    .dcg .music-container{padding:0 5%;}
    .dcg .sect3-text{padding:0 10%; margin-bottom:50px;}
}
@media only screen and (max-width: 599px){
    .dcg .music-half{width:100%; float:none;}
    .dcg .sect3-text{padding:0 5%; margin-bottom:30px;}
    .dcg .section3{padding:50px 0;}
}

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

/**** video section *********/
.dcg .video-sect{margin-top:10px;}
.dcg .two-three{float:left;width:67%;}
.dcg .one-three{float:left;width:33%;}
.dcg .sectvideo-text{padding:70px 70px 10px;}
.dcg .sectvideo-sm-heading{font-size:16px; font-weight:600; margin-bottom:50px;}
.dcg .sectvideo-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 .sectvideo-text{padding:70px 50px 10px;}
}
@media only screen and (max-width: 950px) {
    .dcg .sectvideo-text{padding:50px 40px 10px;}
    .dcg .sectvideo-sm-heading{ margin-bottom:30px;}
    .dcg .sectvideo-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 .sectvideo-text{padding:30px 30px 10px;}
    .dcg .sectvideo-heading{font-size:24px;}
}
@media only screen and (max-width: 768px) {
    .dcg .video-sect{background-color:#f8f8f8;}
    .dcg .two-three{float:none;width:90%; margin:0 auto;}
    .dcg .one-three{float:none;width:100%;}
    .dcg .sectvideo-text{padding:30px 30px 10px;}
    .dcg .sectvideo-heading{font-size:26px;}
    .dcg .sectvideo-sm-heading{ margin-bottom:10px;}
    .dcg .sectvideo-heading{ margin-bottom:10px;}
}

/*********** section 5 **********/
.dcg .section5{padding:70px 0; text-align:center;}
.dcg .products-container{padding:0 5%;}
.dcg .product-box{width:33.33%; float:left; text-align:left;}
.dcg .product-box-half{float:left; width:50%;}
.dcg .half-in-half{float:left; width:50%;}
.dcg .product-inner{padding:0 25px;}
.dcg .p-sm-heading{font-weight:600; margin-bottom:10px;}
.dcg .p-heading{font-size:18px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400; margin-bottom:10px;}
.dcg .box-icons{margin-top:30px;}
.dcg .st-box-icons{margin-top:30px;}
.dcg .box-icons img{width:100px; height:auto;}
.dcg .st-box-icons img{width:80px; height:auto;}
.dcg .rating-sect{font-size:15px;}
.dcg .speaker-height{min-height:100px;}

.dcg .av-sect{margin-left:0; margin-top:15px; font-size:16px;}
.dcg .circles{margin-top:10px;}
.dcg .circle{border-radius: 50px; width: 26px; height: 26px; margin: 0px 10px 10px 0px;display:inline-block; 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 .small-cta{margin-top:40px;}
.dcg .small-cta a{text-decoration: none; color:#fff; font-size:14px; padding:12px 40px; border-radius:30px; border:1px solid #333; background-color:#333; transition:background-color 0.5s; font-weight:500;}
.dcg .small-cta a:hover{background-color:#fff; color:#000;}

@media only screen and (max-width: 1240px) {
    .dcg .speaker-height{min-height:140px;}
}
@media only screen and (max-width: 900px) {
    .dcg .products-container{padding:0 20px;}
    .dcg .product-inner{padding:0 20px;}
    .dcg .product-box-half{float:none; width:100%;}
    .dcg .speaker-height{min-height:70px;}
}
@media only screen and (max-width: 650px) {
    .dcg .product-box{width:100%; float:none; text-align:center;}
    .dcg .speaker-height{min-height:auto;}
    .dcg .half-in-half{float:none; width:100%;}
    .dcg .sm-screen-padd{padding-top:30px;}
}


/*********** section 6 ************/
.dcg .section6{background-color:#f8f8f8; padding:70px 0;}
.dcg .sect6-half{width:50%; float:left;}
.dcg .sect6-img{text-align:center;}
.dcg .sect6-text{padding:0 30px;}
.dcg .sect6-icon{padding:0 30px;}
.dcg .sect6-icon img{width:40px; height:auto;}
.dcg .sect6-heading{font-size:30px; font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;font-weight:400; margin:30px 0 20px;}
.dcg .sect6-text ul li {list-style:none; font-weight:600; margin-bottom:10px;}

@media only screen and (max-width: 599px) {
    .dcg .sect6-half{width:100%; float:none;}
    .dcg .sect6-icon{text-align:center; padding-top:30px;}
}

.dcg .soundtouch-text{min-height:50px;}
@media only screen and (max-width: 1240px) {
    .dcg .soundtouch-text{min-height:70px;}
}
@media only screen and (max-width: 750px) {
    .dcg .soundtouch-text{min-height:80px;}
}
@media only screen and (max-width: 650px) {
    .dcg .soundtouch-text{min-height:auto;}
    .dcg .box-margin{padding-bottom:30px; margin-bottom:40px; border-bottom: 1px solid #eee;}
    .dcg .box-margin2{padding-bottom:30px;  border-bottom: 1px solid #eee;}
}

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