.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; text-align:center;}
.dcg .hero-para{margin-top:30px; font-size:24px; color:#00a4a4; line-height: normal;}
.dcg .hero-logo{margin-top:40px;}
.dcg .hero-logo img{padding:15px 0;}
.dcg .green-text{color:#00a4a4; font-weight:600;}
.dcg .lg-break{display:block;}

.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: 1240px) {
    .dcg .hero-para{margin-top:24px;}
    .dcg .hero-logo{margin-top:20px;}
    .dcg .hero-logo img{max-width:200px;}
}
@media only screen and (max-width: 800px) {
    .dcg .hero-logo img{max-width:180px;}
    .dcg .hero-para{margin-top:10px; font-size:26px; padding:10px;}
    .dcg .lg-break{display:inline;}
}
@media only screen and (max-width: 680px) {
    .dcg .hero-logo{margin-top:20px;}
    .dcg .hero-para{margin-top:0; font-size:26px; padding:10px;}
}
@media only screen and (max-width: 599px) {
    .dcg .hero-sect{margin-top:10px;}
    .dcg .sect-half{float:none; width:100%;}
    .dcg .sect-half-right{float:none; width:100%;}
    .dcg .hero-logo{margin-top:40px;}
    .dcg .hero-logo img{max-width:320px;}
    .dcg .hero-para{font-size:22px; margin:10px 7% 30px;}
}

/************ 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{display:inline-block; 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 15px; 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;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; 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;}

/********** 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; line-height: normal;}
.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;}
}


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