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

/* Desktop Navigation */
/*.dcg h1 {margin:10px 0px 0px 0px;}*/
.dcg .desktopnav {width:100%; height: auto; overflow: auto; margin-bottom:0; background-color:#000;}
.dcg .desktopnav nav {padding:0; margin:0;}
.dcg .desktopnav nav a {padding:0px;display:inline;/*width:15%;*/float:left; color:#fff;}
/*.dcg .desktopnav nav figure {display:inline-block;float:left;padding:5px 0;margin:5px 10px;background:transparent;text-align:center;}*/
.dcg .logo {padding:15px 0;margin:14px 20px;background:transparent;text-align:center;}
.dcg .desktopnav nav ul {overflow:hidden; border:0px;padding:20px 0px;}
.dcg .desktopnav nav ul a {width:auto;float:left;padding:/*5px 5%;*/}
.dcg .desktopnav nav ul li {padding:10px 12px;font-family:'Gotham-Bold',Gotham,Helvetica,Arial,sans-serif;text-align:left;display: inline-block; position: relative;font-size:16px; border:1px solid #fff; margin:4px 5px;}

.dcg .desktopnav nav li:hover {background:#999;transition:1s;}
.dcg .desktopnav nav li.active{ border:1px solid #999; background-color: rgba(161,161,161, 0.4);}

/* 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:350px;}
.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:#000;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 NEW NAV *******/

.dcg .hero-section{padding:10px 20px;}
.dcg .black-bg{background-color:#000;}
.dcg .white-bg{background-color:#fff; margin:0 5px 5px;}
.dcg .side-padding{padding:0 20px;}
.dcg .intro-section{position:relative;}
.dcg .intro-text{position:absolute; top:50px; padding:0 10%; text-align:center;}
.dcg .intro-text h2{font-size:30px;}
.dcg .intro-text p{font-size:20px;}

@media only screen and (max-width: 800px) {
    .dcg .intro-text{top:20px; padding:0 7%;}
    .dcg .intro-text p{font-size:18px;}
}

@media only screen and (max-width: 600px) {
    .dcg .intro-text{position:static; padding:20px 20px;}
    .dcg .intro-text h2{font-size:24px;}
    .dcg .intro-text p{font-size:16px;}
}


/******* BOXES ********/
.dcg .box-section {margin:30px 0;}
.dcg .box{float:left; width:33.33%;}
.dcg .box-inner{margin:0 2px; background-color:#4576b5; color:#fff; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; text-align:center;}
.dcg .box-inner img{padding:20px 20px 10px;}
.dcg .box-name {border-top:1px solid #fff; text-align:center; padding:10px; font-size:18px; font-weight:600;}
.dcg .box-row {margin-bottom:20px;}
.dcg .box a{text-decoration: none;}
.dcg .box-inner:hover{background-color:#c9d2e4;}

.dcg .bottom-cta{text-align: center; margin:30px 0;}
.dcg .bottom-cta a{text-decoration: none; color:#000; border:2px solid #000; padding:10px 20px; font-size:20px; font-weight:600; transition: color 0.5s; transition: border-color 0.5s;}
.dcg .bottom-cta a:hover{border-color:#4576b5; color:#4576b5;}

@media only screen and (max-width: 600px) {
   .dcg .box{float:none; width:100%; margin-bottom:20px;} 
    .dcg .box-row {margin-bottom:0;}
}