@font-face {
    font-family: 'montserratregular';
    src: url('https://currys-ssl.cdn.dixons.com/css/themes/fitbit/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('https://currys-ssl.cdn.dixons.com/css/themes/fitbit/fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratblack';
    src: url('https://currys-ssl.cdn.dixons.com/css/themes/fitbit/fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('https://currys-ssl.cdn.dixons.com/css/themes/fitbit/fonts/montserrat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.dcg .white-bg{background-color:#fff; font-family:'montserratregular', arial, sans-serif;}

/****** logo section ******/
.dcg .logo-sect{background:-moz-linear-gradient(left top , #3f8ba4 0px, #4fabb5 100%) repeat scroll 0 0 transparent;
	background:-webkit-gradient(linear, left top, right top, from(#3f8ba4), to(#4fabb5 ));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f8ba4', endColorstr='#4fabb5');
	background: -o-linear-gradient(left, #3f8ba4, #4fabb5 );
	color:#000; text-align:center; padding:10px; margin-bottom:20px;}
.dcg .logo-sect img{width:175px; height:auto;}

/****** hero section ****/
.dcg .hero-sect{margin-bottom:20px;}

/******* section 1 *****/
.dcg .sect1{background-color:#f3f3f3; padding:20px;}
.dcg .sect1-text{width:60%; float:left;}
.dcg .sect1-video{float:left; width:40%;}

.dcg .text-half{float:left; width:50%;}
.dcg .text-inner{text-align:center; padding:20px;}
.dcg .green-bg{background-color:#00b0b9; margin-top:20px;}
.dcg .text-inner2{background-color:#f3f3f3; margin-left:5px; padding:20px 20px; font-size:16px;}

@media only screen and (max-width: 1240px) {
    .dcg .text-inner2{padding:20px 20px; font-size:16px;}
}
@media only screen and (max-width: 840px) {
   .dcg .sect1-text{width:100%; float:none; margin-bottom:20px;}
    .dcg .sect1-video{float:none; width:80%; margin:0 10%; text-align:center;} 
}
@media only screen and (max-width: 600px) {
    .dcg .text-inner2{padding:10px 20px;}
}
@media only screen and (max-width: 499px) {
    .dcg .text-half{float:none; width:100%;}
}


/******** section 2 **********/
.dcg .sect2{margin-top:20px;}
.dcg .sect2-3rd{width:33.33%; float:left;}
.dcg .box3-left{padding-right:14px;}
.dcg .box3-centre{padding:0 7px;}
.dcg .box3-right{padding-left:14px;}
.dcg .sect2-disc{float:left; width:60%; padding-top:10px;}
.dcg .sect2-cta{float:right; width:40%; text-align:right; margin-top:12px;}
.dcg .sect2-cta a{text-decoration:none; background-color:#00a8b8; color:#fff; padding:12px 15px; border-radius:0 0 15px 15px; font-weight:600; transition:background-color 0.5s; border:2px solid #00a8b8;}
.dcg .sect2-cta a:hover{background-color:#fff; color:#00a8b8;}

@media only screen and (max-width: 900px) {
    .dcg .sect2-disc{float:left; width:50%;}
    .dcg .sect2-cta{float:right; width:50%;}
}
@media only screen and (max-width: 840px) {
    .dcg .sect2-disc{float:none; width:100%;}
    .dcg .sect2-cta{float:none; width:100%; margin-bottom:10px;}
}
@media only screen and (max-width: 600px) {
    .dcg .sect2-3rd{float:none; width:400px; margin:0 auto 30px;}
    .dcg .sect2-disc{float:left; width:60%;}
    .dcg .sect2-cta{float:right; width:40%;}
    .dcg .box3-left{padding-right:0;}
    .dcg .box3-centre{padding:0 0;}
    .dcg .box3-right{padding-left:0;}
}
@media only screen and (max-width: 420px) {
    .dcg .sect2-3rd{width:80%; margin:0 auto 30px;}
    .dcg .sect2-disc{float:none; width:100%;}
    .dcg .sect2-cta{float:none; width:100%; margin-bottom:10px;}
}


/******** section 3 *****/
.dcg .sect3{margin-top:60px; padding:0 10px}
@media only screen and (max-width: 600px) {
    .dcg .sect3{display:none;}
}


/********* section 4 ********/
.dcg .sect4{background-color:#f8f8f8; margin-top:40px; padding:30px 20px;}
.dcg .sect4-heading{text-align:center; font-size:34px;margin-bottom:30px; font-family:'montserratblack', arial, sans-serif;}
.dcg .sect4-half{float:left; width:50%; text-align:center;}
.dcg .sect4-half-inner{padding:10px;}

@media only screen and (max-width: 600px) {
    .dcg .sect4-half{float:none; width:100%;}
    .dcg .sect4-heading{font-size:30px;margin-bottom:20px;}
}


/********* section 5 ********/
.dcg .sect5{margin-top:30px;}
.dcg .sect5-half{float:left; width:50%;}
.dcg .sect5-half-left{padding-right:15px;}
.dcg .sect5-half-right{padding-left:15px;}

.dcg .sect5-disc{float:left; width:60%; padding-top:10px;}
.dcg .sect5-cta{float:right; width:40%; text-align:right; margin-top:12px;}
.dcg .sect5-cta a{text-decoration:none; background-color:#00a8b8; color:#fff; padding:12px 15px; border-radius:0 0 15px 15px; font-weight:600; transition:background-color 0.5s; border:2px solid #00a8b8;}
.dcg .sect5-cta a:hover{background-color:#fff; color:#00a8b8;}

@media only screen and (max-width: 600px) {
    .dcg .sect5-half{float:none; width:90%; margin:0 auto;}
    .dcg .sect5-half-left{padding-right:0; padding-bottom:30px;}
    .dcg .sect5-half-right{padding-left:0;}
}

/********** section 6 *********/
.dcg .sect6{margin-top:40px;}

/********* section 7 ********/
.dcg .sect7{margin-top:40px;}
.dcg .sect7-half{float:left; width:50%;}
.dcg .sect7-text{background-color:#00a8b8; color:#fff; padding:12px;}
.dcg .sect7-text2{background-color:#002b3d; color:#fff; padding:12px;}
/*.dcg .sect7-ctas{margin-top:20px;}*/
/*.dcg .cta3{float:left; width:33.333%; text-align:center;}*/
.dcg .cta3{display:inline-block; margin-right:10px; min-width:166px; margin-top:25px;}

.dcg .cta-green a{text-decoration:none; background-color:#00a8b8; color:#fff; padding:5px 20px; border-radius:20px; border:2px solid #00a8b8; transition:background-color 0.5s; font-weight:600;}
.dcg .cta-green a:hover{background-color:#fff; color:#00a8b8;}
.dcg .cta-blue a{text-decoration:none; background-color:#002b3d; color:#fff; padding:5px 20px; border-radius:20px; border:2px solid #002b3d; transition:background-color 0.5s; font-weight:600;}
.dcg .cta-blue a:hover{background-color:#fff; color:#002b3d;}

@media only screen and (max-width: 600px) {
    .dcg .sect7-half{float:none; width:90%; margin:0 auto;}
}


/********** section 8 *************/
.dcg .sect8{margin-top:70px; margin-bottom:70px; position:relative; background-color:#dad8eb;}
.dcg .sect8-heading{font-size:30px; font-weight:600; margin-bottom:20px; line-height:1;}
.dcg .sect8-text{position:absolute; top:0; right:0; width:32%; text-align:right; padding:20px 30px 0 0;}
.dcg .sect8-cta{position:absolute; bottom:15px; right:0; padding-right:30px;}
.dcg .sect8-cta a{text-decoration:none; background-color:#00a8b8; color:#fff; padding:12px 18px; border-radius:18px 18px 0 0; font-weight:600; transition:background-color 0.5s; border:2px solid #00a8b8;}
.dcg .sect8-cta a:hover{background-color:#fff; color:#00a8b8;}

@media only screen and (max-width: 1240px) {
    .dcg .sect8-heading{font-size:30px; font-weight:600; margin-bottom:20px;}
    .dcg .sect8-text{position:static; top:0; right:0; width:70%; text-align:left; padding:10px 20px;}
}
@media only screen and (max-width: 600px) {
    .dcg .sect8-heading{font-size:24px; font-weight:600; margin-bottom:15px;}
}
@media only screen and (max-width: 400px) {
    .dcg .sect8-cta{padding-right:20px;}
}