:root{
    --dhd-orange:#dd5e33;
    --dhd-dgray:#3a3a3a;
    --dhd-lgray:#e5e5e5;
    --dhd-blue:#003e73;
}
a, div, span, p, h1, h2, h3, h4 {transition: all ease .3s;}
.dhd-container{max-width:1366px;margin:auto; background-color: #fff;}
body{font-family: 'Nunito', sans-serif; font-size: 17px; background-color: #666666;}
h5 {font-weight: 700 !important;}
h4 { color: #f55620; font-size: 26px; margin-bottom: 20px; text-transform: uppercase;}
hr {margin: 50px 50px}
.photo-title {margin-left: 25px;}
/*p,a{font-family: "Nunito";}*/
.top-bar{background-color: var(--dhd-dgray);height:9px;}
.logo-header{padding:25px; display: flex;justify-content: space-between;padding-left:140px;padding-right: 85px;align-items: center;}
.text-white {
    color: #fff!important;
    background-color: black;
}
.logo-header a{font-weight: 600;}
.bg-orange {background-color: var(--dhd-orange); text-align: center; padding:0px;}
.navbar-expand-md .navbar-nav .nav-link{padding:10px 20px;}
.bg-orange .nav-link{color:#fff;  font-weight: bold;text-align:center;text-transform: uppercase; }
.bg-orange .nav-link .active, .bg-orange .nav-link:hover{color:#fff;}
.navbar{justify-content: center;}
.carousel-caption{text-transform: uppercase;font-size: 35px;}
.cta{padding:50px;background-color: var(--dhd-lgray);text-align: center;margin-top: 10px;}
.projects{padding:60px;background-color: #fff; text-align: center;}
.projects h2{text-transform: uppercase;}
.cta p, .projects p{max-width:65%; margin: auto; font-weight:400; font-family: 'Maven Pro', sans-serif; font-size: 17px;margin:30px auto;}
.projects-flex{display: flex;justify-content: space-evenly;}
.btn-view {background-color: var(--dhd-blue); border-radius:20px; padding:2px 25px; color:#fff;margin-top: 60px;}
a.btn-view:hover, a.btn-view:focus, a.btn-view:active{background-color:var(--dhd-orange);color:#fff;}
.footer-divider{background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%); background-position: bottom;background-size: 3px 1px; background-repeat: repeat-x;}
.footer-logo{padding:25px; display: flex;justify-content:center;align-items: center;}
.footer-logo img{margin-right:25px;}
.contact  a{text-decoration: none;color:#000;}
.logo-header a, .footer-logo a{text-decoration: none;color:#000;}
.bottom-bar{background-color: var(--dhd-lgray);min-height:42px;padding:13px;text-align: center; }
.bottom-bar p{margin-bottom: 0;}
.inner-page-header{background-image: url('../img/inner-header.jpg'); background-repeat: no-repeat; background-size: cover; margin-top: 5px; padding:50px 145px;}
.inner-page-header h1{font-size: 26px;text-transform: uppercase; }
.inner-pages h2{font-size: 19px;text-transform: uppercase; margin-top:3rem;margin-bottom:1.5rem;}
.inner-pages{text-align: left;padding:50px 145px;}
.dropdown-menu{border-radius: 0;}
.box {background-color: #fffde2; padding: 16px; border-radius: 6px;}
.box p {margin-left: 16px;}
.box ul li {list-style: none; line-height: 2;}
.box ul li::before {font:normal normal normal 14px/1 FontAwesome; content: "\f18e"; margin-left: -20px; margin-right:10px;}
.pic img {max-width: 100%;}
.tm-100 {margin-top: 100px;}
.bg1 {background-image: url(../img/profile-bg.jpg); background-repeat: no-repeat; background-position: right; }
.bg2 {background-image: url(../img/bg2.png); background-repeat: no-repeat; background-position: bottom; }
.pro-pic img {max-width: 100%; border-radius: 10px;}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}




/* ---- scroll to top ----- */
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 17px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 100px;
    width: 50px;
    height: 50px;
}

#myBtn:hover {
  background-color: #555;
}


/* ---- gallery css start ----- */

.row {
  margin: 15px;
}

.pic img {border-radius: 10px;}

/* ---- gallery css ends ----- */



@media screen and (max-width:1200px){
    .logo-header, .projects-flex, .footer-logo{flex-wrap: wrap;}
    .logo-header img, .projects-flex img, .footer-logo img{margin-bottom: 30px;}
    .footer-logo p{text-align: center;}
    
}
@media screen and (max-width:767px){
    .navbar-toggler-icon{margin-top: 7px;}
    .navbar-collapse{margin-bottom: 25px;}
    .bg-orange .nav-link{text-align: left;}
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{padding-left: 0;padding-right: 0;}
    .bg-orange .nav-link .active, .bg-orange .nav-link:hover{color:var(--dhd-orange); background-color: #fff;}
    .cta p, .projects p{max-width: 90%;}
    .logo-header{padding:25px;}
    .logo-header{display: block;margin: auto;text-align: center;}
    .logo-header img{max-width: 180px;display:block;margin: auto;}
    .dropdown-menu{border:none; padding-left:0;}
    .inner-page-header, .inner-pages{padding-left:2rem;padding-right:2rem}
}
@media screen and (max-width:566px){
    
    
}

@media screen and (min-width:768px){
    .dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
}