.dcg {font-family:arial,sans-serif; max-width:1240px;}
.dcg img{max-width:100%;}

.dcg .desktopnav {width:100%; height: auto; overflow: auto; margin-top:0;background:#000; margin-bottom:0;}
.dcg .desktopnav  {display:inline-block; padding:12px 0 ;text-align:center;}
.dcg .desktopnav  img {width:100px;}

/******* END NEW NAV *******/

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

/********** HERO *********/
.dcg .hero-sect{margin-top:30px;}
.dcg .sect-half{float:left; width:50%;}
.dcg .sect-half-right{float:right; width:50%;}
.dcg .hero-container{background-color:#000; color:#fff;}
.dcg .hero-para{margin-top:20px; font-size:16px; padding:0 20px 10px; line-height: normal;}
.dcg .hero-logo{margin-top:20px; padding:0 20px;}
.dcg .green-text{color:#00a4a4; font-weight:600;}
.dcg .logo-text{font-size:24px; color:#00a4a4; margin-top:10px; line-height: normal;}
.dcg .main-logo{float:left; width:50%;}
.dcg .main-logo img{padding:15px 0;}
.dcg .guarantee{float:right; width:120px; text-align:center; font-size:12px;}

.dcg .hero-cta{text-align:center; padding:50px 20px;}
.dcg .black-cta a{text-decoration:none; background-color:#000; color:#fff; font-size:24px; font-weight:600; padding:15px 40px; transition:background-color 1s; border:1px solid #000;}
.dcg .black-cta a:hover{background-color:#fff; color:#000;}

@media only screen and (max-width: 1239px) {
    .dcg .hero-para{margin-top:20px; font-size:16px;}
    .dcg .logo-text{font-size:20px;}
    .dcg .main-logo{float:left; width:60%;}
}
@media only screen and (max-width: 800px) {
    .dcg .guarantee{float:right; width:33%;}
    .dcg .hero-para{margin-top:10px; padding:10px;}
}
@media only screen and (max-width: 680px) {
    .dcg .hero-logo{margin-top:20px;}
}
@media only screen and (max-width: 599px) {
    .dcg .sect-half{float:none; width:100%;}
    .dcg .sect-half-right{float:none; width:100%;}
    .dcg .hero-logo{margin-top:30px;}
    .dcg .hero-para{margin-top:20px; margin-bottom:20px;}
    .dcg .guarantee{width:120px;}
    .dcg .main-logo{float:left; width:60%;}
    .dcg .hero-para{margin-top:20px; font-size:18px; padding:0 20px 10px;}
    .dcg .hero-sect{margin-top:5px;}
}

/************ section 1 ***********/
.dcg .section1{/*margin-top:30px;*/}
.dcg .box5{float:left; width:20%;}
.dcg .box5-inner{padding:10px;}
.dcg .box5-text{padding:20px 0; text-align:center;}
.dcg .box5-cta{float:left; width:auto; padding:10px 0;}
/*.dcg .box5-cta-right{float:right; width:auto; text-align:right; padding:10px 0;}*/
.dcg .box5-cta a, .dcg .box5-cta-right a{text-decoration:none; color:#000; font-size:14px; border:1px solid #000; padding:10px; transition:background-color 1s;}
.dcg .box5-cta a:hover, .dcg .box5-cta-right a:hover{background-color:#000; color:#fff;}

@media only screen and (max-width: 1240px) {
   .dcg .box5-cta{float:none; width:auto; padding:10px 0 25px; text-align:center;}
    .dcg .box5-cta-right{float:none; width:auto; text-align:center;} 
}
@media only screen and (max-width: 800px) {
    .dcg .box5{float:left; width:33.333%;}
}
@media only screen and (max-width: 599px) {
    .dcg .box5{float:left; width:50%;}
}


/********** section 2 *********/
.dcg .section2{margin-top:50px; padding:0 10px;}
.dcg .sect2-intro{font-size:36px; font-weight:600; padding:0 10px 20px; text-align:center;line-height: normal;}
.dcg .light-green-text{color:#00a4a4;}
.dcg .sect2-container{background-color:#000; color:#fff;}
.dcg .sect2-inner{padding:50px;}
.dcg .sect2-logo{margin-bottom:30px;}
.dcg .sect2-heading{font-size:34px; margin-bottom:20px; font-weight:600; line-height: normal;}
.dcg .sect2-text{font-size:18px; line-height: normal;}
.dcg .sect2-cta{margin-top:30px;}
.dcg .sect2-cta a{text-decoration: none; color:#00a4a4; font-size:20px; font-weight:600; padding:5px 0;}
.dcg .sect2-cta a:hover{border-bottom:2px solid #00a4a4;}

@media only screen and (max-width: 1240px) {
    .dcg .sect2-inner{padding:30px;}
}
@media only screen and (max-width: 800px) {
    .dcg .sect2-text{font-size:16px;}
    .dcg .sect2-cta{margin-top:20px;}
}

.dcg .shop-all{margin-top:50px; text-align:center;}
.dcg .sm-letters{font-size:26px; font-weight:200; line-height: normal;}
.dcg .heading-yellow{color:#f8c505;}
.dcg .heading-red{color:#e64b37;}
.dcg .heading-grey{color:#c7c8c8;}
.dcg .heading-blue{color:#109aca;}
.dcg .sect2-text p{margin-top:15px; font-size:18px; line-height: normal;}


/********** section 6 *******/
.dcg .section6{margin-top:70px; padding:0 10px;}
.dcg .sect6-container{border:2px solid #ff9700; padding:30px 0;}
.dcg .two-thirds{float:left; width:66.666%; text-align:center;}
.dcg .one-third{float:left; width:33.33%; text-align:center;}
.dcg .two-thirds-inner{padding:0 20px; text-align:center;}
.dcg .third-inner{padding:70px 0;}

@media only screen and (max-width: 999px) {
    .dcg .two-thirds{float:left; width:50%;}
    .dcg .one-third{float:left; width:50%;}
    .dcg .third-inner{padding:40px 0;}
}
@media only screen and (max-width: 699px) {
    .dcg .two-thirds{float:none; width:100%;}
    .dcg .one-third{float:none; width:100%;}
}

/********** section 7 **********/
.dcg .section7{margin:50px 0 70px; padding:0 10px;}
.dcg .sect7-intro{font-size:36px; font-weight:600; padding:0 10px 20px; line-height: normal;}
.dcg .qtr{float:left; width:50%;}
.dcg .qtr-inner{padding:10px 15px;}
.dcg .qtr-text{margin-top:20px;}
.dcg .qtr-heading{font-size:24px; font-weight:600; margin-bottom:15px; line-height: normal;}
.dcg .qtr-para{font-size:18px;}
.dcg .qtr-img{background-color:#dfdfdf;}

@media only screen and (max-width: 999px) {
    .dcg .qtr-heading{font-size:22px; font-weight:600; margin-bottom:15px;}
    .dcg .qtr-para{font-size:16px;}
}
@media only screen and (max-width: 599px) {
    .dcg .qtr-text{height: 170px;}
}



/************ new range boxes *********/
.dcg .the-range{margin-top:50px; padding:0 10px;}
.dcg .range-box{float:left; width:20%; height:500px}
.dcg .range-box-inner{padding:0 10px;}
.dcg .range-heading{font-size:18px; margin:15px 0; font-weight:600; line-height: normal;}
.dcg .range-cta{margin:50px 0 80px; text-align:center;}
.dcg .box-container{margin-bottom:20px;}
.dcg .model-img{border:1px solid #000; text-align:center;}
.dcg .model-img2{text-align: center;}

@media only screen and (max-width: 1240px) {
    .dcg .range-heading{font-size:16px; margin:15px 0;}
}
@media only screen and (max-width: 800px) {
    .dcg .range-box{float:left; width:25%; height:500px}
}
@media only screen and (max-width: 599px) {
    .dcg .range-box{float:left; width:50%; height:500px}
}


/********** sm-print *********/
.dcg .sm-print{padding:30px 20px;}
.dcg .sm-print p{font-size:12px; margin-bottom:7px;}


/********** Others **********/
.dcg .clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/******* video section *******/
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; overflow: hidden; } 
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; } 

.dcg .video-text{padding-top:20%;}
.dcg .bottom-row{margin-bottom:50px;}
@media only screen and (max-width: 599px) {
    .dcg .video-text{padding-top:20px;}
}