.site_wrap,
.bg-grey,
nav.dh--navigation--menu ul li ul,
header.dh--header--1.sticky{
    background-color: #212121;
    color: #878787;
    background-image: url(binding_dark.png);
    background-repeat: repeat;
}

header.dh--header--1.sticky{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.brd,
.brd-top,
.brd-btm {
    border-color: #333;
}

.c1,
.dh--btn,
.dh--btn:hover,
nav.dh--navigation--menu ul li.has-dropdown > a:after,
.dh--btn--col .slicknav_menu .slicknav_btn .slicknav_menutxt,
.dh--logo--wrap .dh--logo,
.dh--cta--1 h1,
.dh--sec--title--1 h1,
.dh--single--portfolio--3 .dh--hvr h3,
.dh--port--video--2 .dh--vdo--control span.project-dtls a,
.dh--portfolio--5 .dh--content .content--inner a,
.dh--portfolio--5 .dh--content .content--inner h4 a,
.dh--audio--widget--title h4,
.dh--single--fact .dh--inner h3,
.dh--team--carousel .dh--inner .dh--hvr h3,
.dh--get--touch p.single--touch a,
.post-metas .tags span,
.dh--single--preview .dh--content h3 a,
.dh--breadcrumb--area h2,
.dh--cta--1.dh--white, .dh--sec--title--1.dh--white,
.dh--cta--1.dh--white h1, .dh--sec--title--1.dh--white h1{
    color: #a3a3a3;
}



.dh--breadcrumb--area h2,
ul.dh--breadcrumb li span, ul.dh--breadcrumb li a{
    opacity: 1;
    color: #a3a3a3;
    font-weight: 400;
}

.dh--home--bg--6 .play-btn{
    opacity: .5;
}

.c1-bg,
.dh--btn--col .slicknav_menu .slicknav_btn .slicknav_icon-bar,
.dh--single--fact .dh--inner h3:before {
    background-color: #878787;
}

.c1-bo {
    border-color: #878787 !important;
}

.c2,
nav.dh--navigation--menu ul li a,
body,
.dh--cta--1,
.dh--sec--title--1,
.dh--social--1 a,
.dh--team--carousel .dh--inner .dh--hvr span,
.dh--single--post .dh--post--content h2 a,
.post-metas .tags a,
.dh--pagination li a,
.dh--pagination li span {
    color: #a3a3a3;
}

.c2-bg,
.demos-panel-btns .panel-btn + .panel-btn {
    background-color: #666666;
}

.c2-bo {
    border-color: #666666 !important;
}

.dh--contact--form .single--inp input:not([type="submit"]),
.dh--contact--form .single--inp textarea,
.dh--contact--form .single--inp label,
.dh--newsform input,
.dh--pagination li span,
.single-comment,
.dh--newsform{
    background-color: #222;
    border-color: rgba(255, 255, 255, 0.3);
}

.dh--social--1 a{
    background-color: #4e4e4e;
    color: #fff;
}

.dh--newsform button{
    border-color: #222;
}

.dh--single--post .dh--post--featured--image,
.dh--pagination li a, .dh--pagination li span,
.post-metas,
blockquote{
    border-color: rgba(255, 255, 255, 0.3);
}

nav.dh--navigation--menu ul li ul{
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
}

.bg-change-on-light{
    background-image: url(../../../placeholder/assets/img/hero-bg-2.jpg) !important;
}
.dh--home--area--2::before{
    background-color: #222;
    opacity: .6;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(2,2,2,1)),color-stop(1%, rgba(2,2,2,1)),color-stop(98%, rgba(2,2,2,0.6)),color-stop(99%, rgba(2,2,2,0.6)));
    background: linear-gradient(to bottom, rgba(2,2,2,1) 0%,rgba(2,2,2,1) 1%,rgba(2,2,2,0.6) 98%,rgba(2,2,2,0.6) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#99ffffff',GradientType=0 ) ;
}
.dh--team--carousel .dh--inner .dh--hvr span,
.dh--team--carousel .dh--inner .dh--hvr h3{
    color: #333;
}