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

/* Desktop Navigation */
/*.dcg h1 {margin:10px 0px 0px 0px;}*/
.dcg .desktopnav {width:100%; height: auto; overflow: auto; margin-top:0;background:#fff;margin-bottom:0;}
.dcg .desktopnav nav {padding:0; margin:3px;}
.dcg .desktopnav nav a {padding:0px;/*display:inline;width:12%;float:left;*/padding:5px;color:#000;}
.dcg .desktopnav nav figure {display:inline-block;float:left;width:100%;padding:0 0 0 25px;margin:5px 0px;background:transparent;text-align:left;}
.dcg .desktopnav nav figure img {max-height:40px;}
.dcg .desktopnav nav ul {overflow:hidden; border:0px;padding:5px 5px 0px 0px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.dcg .desktopnav nav ul a {width:auto; padding:5px 15px; text-align:center;}
.dcg .desktopnav nav ul li {display: block;padding:10px 0px;font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;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:16px;}
.dcg .desktopnav nav ul li:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;bottom: 0;background: #fff;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:#fff;color:#bf0036;transition:0.5s;}
.dcg .desktopnav nav li.active{background:#fff; color:#bf0036; border-bottom:2px solid #bf0036;}

/* Tablet and Mobile Navigation */
.dcg .mobnav nav {background:#000;padding:10px; margin: 0 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:0;}
.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:360px;}
.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;}
.dcg .mobnav nav li.active a {color:#fff;}
.dcg .mobnav nav a {color:#bfbfbf;padding:0px;}

@media only screen and (max-width: 899px) {
    .dcg .desktopnav nav ul {flex-wrap:wrap; justify-content:flex-start;}
}

@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: 768px) {
    .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: 768px) {
    .dcg .desktopnav {display:none;}
    /*.dcg h1 {display:none;}*/
    .dcg .sfc .mobnav {display:block;}
    .dcg nav a{float:none;}
}

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


.dcg {max-width:1240px; font-family: Helvetica,Arial,Sans-serif;}
.dcg .white-bg {background:#fff;}
.dcg h1{margin:10px 0;}



/**************** TABS **************/
.dcg .menu-tabs{display: flex; align-items: stretch; margin-top:10px;}
.dcg .menu-tab{flex-grow:1;}
.dcg .menu-tab a{background-color:#cfcfce; text-align:center; margin:0 2px; display:block; padding:15px; text-decoration:none; color:#50545d; font-size:16px; transition:background-color 0.5s;}
.dcg .menu-tab a:hover{background-color:#a50034; color:#fff;}


/******** hero / reward section ***********/
.dcg .hero-section{margin-top:30px;}

.dcg .reward-container{position:relative;}
.dcg .reward-text{position:absolute; top:10%; width:55%; left:40px; color:#fff;}
.dcg .reward-heading{font-size:36px; font-weight:600; margin-bottom:20px;}
.dcg .img-heading{max-width:380px; margin-bottom:20px;}
.dcg .reward-text p{font-size:20px;}
.dcg .lg-break{display:block;}
@media only screen and (max-width: 1099px) {
    .dcg .reward-container{padding-bottom:10%; background-color:#000;}
}
@media only screen and (max-width: 999px) {
    .dcg .reward-container{padding-bottom:15%; background-color:#000;}
    .dcg .reward-text{width:40%; top:10%; left:40px; color:#fff;}
}

@media only screen and (max-width: 899px) {
    .dcg .lg-break{display:inline;}
    .dcg .reward-text p{font-size:18px;}
    .dcg .reward-container{padding-bottom:20%;}
}
@media only screen and (max-width: 699px) {
    .dcg .reward-text{position:static; top:0; width:100%; left:0; color:#fff; background-color:#000; padding:30px;}
    .dcg .reward-heading{font-size:30px; font-weight:600; margin-bottom:20px;}
    .dcg .reward-text p{font-size:16px;}
    .dcg .reward-container{padding-bottom:0;}
    .dcg .img-heading{max-width:340px; margin-bottom:20px;}
}


/***************** OFFER ***********/
.dcg .offer{background-color:#000; color:#fff;padding:20px;}
.dcg .offer-intro{text-align:center; padding:40px 30px; font-size:24px;}
.dcg .offer-outer{background-image:url(images/offer-bg-top.jpg); background-repeat: no-repeat; background-position: top right;}
.dcg .offer-container{background-image: url(images/offer-bg.jpg); background-repeat: no-repeat; background-position: bottom left; padding:30px 50px 50px; text-align:center;}
.dcg .offer-3rd{display:inline-block; width:32%;}
.dcg .offer-inner{padding:10px;}
.dcg .offer-heading{font-size:24px; font-weight:600; margin-bottom:10px;}
.dcg .offer-cta{margin:30px 0;}
.dcg .offer-cta a{text-decoration:none; color:#fff; font-size:18px; background-image: linear-gradient(to right, #c13da8 , #6c94e5); padding:7px 30px; display:inline-block;}
.dcg .offer-cta a:hover{text-decoration: underline;}
.dcg .offer-time{font-size:13px; padding:30px 0 20px;}


@media only screen and (max-width: 599px) {
    .dcg .offer-3rd{display:block; width:60%; margin:10px auto;}
    .dcg .offer-outer{background-image:url(images/offer-top-bg-mob.jpg); background-repeat: no-repeat; background-position: top center;}
.dcg .offer-container{background-image: url(images/offer-bottom-bg-mob.jpg); background-repeat: no-repeat; background-position: bottom center; padding:10px 50px 50px;}
    .dcg .offer-cta{margin:20px 0;}
    .dcg .offer-inner{padding:5px;}
}

/******** MODELS ********/
.dcg .tv-model{position:relative;}
.dcg .model-cta{position:absolute; bottom:40px; width:100%; text-align:center;}
.dcg .model-cta a{text-decoration:none; color:#fff; background-color:#a50034; padding:15px; border-radius: 3px; transform:background-color 1s; font-size:16px;}
.dcg .model-cta a:hover{background-color:#92012e;}

@media only screen and (max-width: 999px) {
    .dcg .model-cta a{ font-size:16px;}
    .dcg .model-cta{bottom:40px; width:70%; text-align:center;}
}
@media only screen and (max-width: 599px) {
    .dcg .model-cta a{ font-size:14px;}
    .dcg .model-cta{bottom:30px; width:70%;}
}



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