@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%; color:#fff;}
.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; margin-bottom:40px;}
.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-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: 900px){
    .dcg .hero-text{position:absolute; top:30%; left:5%; width:45%;}
    /*.dcg .hero-heading{font-size:32px;}*/
}
@media only screen and (max-width: 750px){
    .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 2 **************/
.dcg .section2{margin-top:50px;}
.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:40px 70px 10px;}
.dcg .sect2-sm-heading{font-size:16px; font-weight:600; margin-bottom:40px;}
.dcg .sect2-heading{font-size:26px; 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:50px 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:80px 0 18%;}
.dcg .sect3-inner{position:relative;}
.dcg .sect3-img{position:absolute; right:10%; width:55%; top:20%;}
.dcg .sect3-text{width:40%; 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:40px;}
.dcg .star-rating-text{display:inline-block; text-decoration: underline; font-size:14px;padding-left:5px;}


.dcg .buy-cta{margin-top:60px;}
.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;}
}
@media only screen and (max-width: 560px) {
    .dcg .sect3-img{ margin:20px 15% 0;height:300px; overflow:hidden;}
}
@media only screen and (max-width: 450px) {
    .dcg .sect3-img{ margin:20px 12% 0;height:270px; overflow:hidden;}
}


/********* section 4 ********/ 
.dcg .section4{background-color:#f8f8f8; padding:60px 0;}