body {background-color: #020b0a;}
/*home page*/
/* white color */
.commonpagetitle h2, .commonpagetitle .commonpagetitletxt,.whatwedocontent h2,.whatwedocontent h3,.homefeaturetextblk h2,.hmfeaturebxtxt h2,.hmfeaturebxtxt h3,.homebrandtxtblk h2,.homebrandtxtblk p,.hminouserow .textscontent h2,.hminouserow .textscontent h3,.footerctamain h2,.footerctamain h3,.homefeaturectasc h2,.homebrandtxtblk h2,.homebrandtxtblk h3{color: #fff;}
.commonpagetitle h2 a,.whatwedocontent h2 a,.whatwedocontent h3 a,.homefeaturetextblk h2 a,.hmfeaturebxtxt h2 a,.hmfeaturebxtxt h3 a,.homebrandtxtblk h2 a,.homebrandtxtblk p a,.hminouserow .textscontent h2 a,.hminouserow .textscontent h3 a,.footerctamain h2 a,.homefeaturectasc h2 a,.homefeaturectasc .homefeaturectaschead,.homefeaturectasc .homefeaturectaschead a{color: #fff;}
/* white color */
.commonpagetitle h2::before,.whatwedocontent h2::before,.whatwedocontent h3::before{background: #fff;}
.whatwedoblocktext h2,.bannersbtxtmain strong,.bannersbtxtmain p,.testimoni .casetestimonitxt .testimoniusr{color: #fff;}
.whatwedoblocktext p,.whatwedocontent p,.hmfeaturebxtxt p,.hmfeaturetags .taglinks a,.hminouserow .textscontent p,.homebrandright .whatwedoblocktext p{color: #999;}
.homefeaturework,.homesevices,.footercta,.pagecatestrips{background: #202020;}
.homefeaturebox .hmfeaturebxtxt,#featurework.owl-carousel .owl-stage .owl-item,.testimoni .casetestimonitxt{background: #000;}
.tagdivider .tagline{background: #999;}
.homebrandgridrow .homebrandgridbx > img.lightfilter{-webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
/*end home page*/

/* Digital Marketing */
.pageservicerow .pageservicebox,.pagerelatedwork,.rowgwithgap30 .colonethird,.faqaccordion .accordnmain{background:#202020;}
.topscrollemenu ul li a,.catpagetextblock h2,.pageservicebox h2,.pageservicebox h3,.relatedworktxtblk p,.relatedworktxtblk h3,.relatedbxrightxt h2,.relatedbxrightxt h3,.whyzeemotextblk h2,.whyzeemogrditxts h3,.whyzeemotextblk p,.whyzeemogrditxts h4,.pagefaqright .pagefaqtitle h2, .pagefaqright .pagefaqtitle .pagefaqtitletxt,.faqheading h2,.faqheading .faqheadinghead{color: #fff;}
.topscrollemenu ul li a a,.catpagetextblock h2 a,.pageservicebox h2 a,.pageservicebox h3 a,.relatedworktxtblk p a,.relatedworktxtblk h3 a,.relatedbxrightxt h2 a,.relatedbxrightxt h3 a,.whyzeemotextblk h2 a,.whyzeemotextblk p a,.whyzeemogrditxts h4 a,.pagefaqright .pagefaqtitle h2 a,.faqheading h2 a{color: #fff;}
.topscrollemenu ul li a::before,.commonpagetitle .commonpagetitletxt::before{background: #fff;}
.accordnmain .faqheading::after,.faqaccordion .expandall{color: #fff;}
.relatedtagblk h4{color: #999;}
.catpagetextblock p,.pageservicebox p,.relatedbxrightxt p,.relatedtagblk p,.whyzeemogrditxts p{color: #999;}
.pageservicebox .catservicelinkbtn{border-color: #fff; color: #fff;}
.pageservicebox .catservicelinkbtn span{position: relative; z-index: 1;}
.pageservicebox .catservicelinkbtn::before{background: #fff; z-index: 0;}
.pageservicebox .catservicelinkbtn:hover{color:#020202!important;}
a.fadein_underline{border-bottom:0.25em solid transparent;}


/* Web design */
.pageblogtextblk h2,.pageblogbxtxts h2,.pageblogbxtxts .pageblogbxtxtstitle,.pageblogbxtxts .pageblogbxtxtstitle a,.pageaboutxtblk h2, .whatwedoblocktext h2,.homebrandtxtblk .homebrandtxthead,.whatwedoblocktext .whatwedoblocktexthead,.homefeaturetextblk .homefeaturetxthead,.pageblogtextblk .pageblogtextblkhead{color: #fff;}
.pageblogtextblk h2 a, .pageblogbxtxts h2 a, .pageaboutxtblk h2 a{color: #fff;}
.pageblogbxtxts .pageblogbxdate,.aboutliscontent p,.faqtext p,.faqtext,.faqtext ul,.faqtext ol,.pageaboutxtblk p{color: #999;}
.homebrandsctn.darks{background:#202020;}
.whatwedocontent .morelinkbtn{border-color:#fff; color: #fff;}
.whatwedocontent .morelinkbtn:hover{ color:#020202;}
.whatwedocontent .morelinkbtn::before{background: #fff;}
.pageblogbox .morelinkbtn{border-color:#fff; color: #fff;  background:none;}
.pageblogbox .morelinkbtn:hover{color:#020202;}
.pageblogbox .morelinkbtn::before{background: #fff;}

/* Our Agency*/
.pageagencytxtblk h2,.agencymeetright .angecyrightextblk h2,.agencygridbox .agencybxhead h4,.agencygridrow .agencygridbox .agencybxhead p,.casetoptxtblk p{color:#fff;}
.agencygridrow .agencygridbox p,.pageagencytxtblk p,.casedetailsbrow .casedetailsbcols1 p,.caserightcontens p{color: #999;}
.whysctnloadmore .loadmorelinkbtn, .srvicesloadmore .loadmorelinkbtn{border-color: #fff; color: #fff;}
/* case study */
.caselandgtxtmain .caselandingtxts{background: #000;}
.caselandingtxts h2,.caselandingtxts h2 a{color: #fff;}
.catetags span a,.caselandingtxts p,.blogridstexts p{color: #999;}
.caselandingtxts .casemorebtn{color: #fff; border-color:#fff;}
.caselandingtxts .casemorebtn::before{background: #fff;}
.caselandingtxts .casemorebtn:hover{color: #000;}
.bloglistingtop .blogtoptitle h2,.dateandtitles .daterightsct,.blogridstexts h2,.blogridstexts .bloggers,.blogcmngridmain .blogcmngrid1 span
,.blogcmngridmain .blogcmngrid2 h2,.blogcmngridmain .blogcmngrid2 p{color: #fff;}
.blogridmore .loadmorebtn{color: #fff; border-color: #fff;}
.blogridmore .loadmorebtn:hover{color: #020202;}
.blogridmore .loadmorebtn:before{background: #fff;}
.blogcmngridmain .blogcmngrid2 .commonmorebtn,.blogridstexts .commonmorebtn{color: #fff; border-color: #fff;}
.blogcmngridmain .blogcmngrid2 .commonmorebtn::before,.blogridstexts .commonmorebtn::before{background:#fff;}
.blogcmngridmain .blogcmngrid2 .commonmorebtn:hover,.blogridstexts .commonmorebtn:hover{color: #020202;}
.bloglistopmain li a{background:#202020; color: #fff;}
.bloglistopmain li a.active, .bloglistopmain li a:hover{background: #fff; color:#020202; }
.blogtoptxtsblk .publishdate,.blogtoptxtsblk p,.bloggersdetails .bloggers span,.blogtxtdesc h2,.blogcmngridmain .blogcmngrid2 h2 a,
.blogridstexts h2 a{color: #fff !important;}
.tagsdetail a,.blogtxtdesc p,.blogtxtdesc p,.pagecontrols .pagecontrolsmain span{color: #999;}
.blogridmore .loadmorebtn{color: #fff; border-color: #fff;}
.blogridmore .loadmorebtn:hover{border-color: #020202; color:#020202; }
.pagecontrols .pagecontrolsmain a:hover{color: #fff;}

/* 404 page and thanks page */
.errormaintxts p,.errormaintxts h2, .errormaintxts h1,.privacysctxt h2,.col-md-left .Explore a,.col-md-left .Explore,.aboutliscontent p > strong{color: #fff;}
.privacysctxt p,.privacysctxt ul li,.col-md-left ul li a,.hminhousegridmain > p,.homeinouse .hminhousegridmain > p{color: #999;}

h2.pageHeading {
    color: #fff;
  }
  .whatWeDoMainBox p {
    color: #fff;
  }
  .homefeatureright p {
    color: #fff;
  }
  .homebrandsctn {
    background: #020b0a;
  }
  .whatWeDoBoxRight p {
    color: #000;
  }
  element {
    color: rgb(128, 128, 128);
  }

  .whatWeDoBoxLeft:hover {
    box-shadow: -2px 1px 11px 2px #625e5e;
  }
  .homefeaturebox:hover {
    box-shadow: -2px 1px 19px 2px #dfdbdb;
  }
  .homefeaturework {
    background: #202020;
  }
  .homesevices, .footercta, .pagecatestrips {
    background: #020b0a;
  }
  .homebrandsctn {
    background: #202020;
  }
  .homefeaturework {
    background: #000;
    /* padding-top: 109px; */
  }
  .homefeaturebox:hover {
    box-shadow: -2px 1px 19px 2px #6f6c6c;
  }
  .footercta {
    background: #212529;
  }
  .homebrandgridrow .homebrandgridbx.dark > img.lightfilter {
    filter: none;
  }

  .whatWeDoBoxLeft {
    background-color: #212529;
  }
  .wwd-boxOne,.whatWeDoBoxmain .whatwedoboxlefts.darks {
    background-color: #212529;
  }
  .wwd-boxTwo {
    background-color: #212529;
  }
  .whatWeDoBoxRight h4 a {
    color: #fff;
  }
  .whatWeDoBoxRight p {
    color: #999;
  }
  .whatWeDoBoxRight li a {
    color: #fff;
  }
  .whatWeDoBoxRight li::before {
    background-color: #fff;
  }
  .homesevices {
    background: #212529;
  }
  .homebrandsctn {
    background: #000;
  }
  .faqaccordion .accordnmain {
    background: #212529;
  }
  /* .whatWeDoMainBox .mainpagewrap {
    padding: 0 22px;
  } */

  .caselandinrow .caselandingbox:hover {
    box-shadow: 1px 6px 13px 3px rgba(255, 255, 255, 0.28);
  }
  .whatWeDoMainBox {

    background: #000;
  }

  .homebrandtxtblk p {
    color: #fff !important;
  }
  .whatWeDoMainBox p {
    color: #999 !important;
  }
  .wwd-boxOne:hover, .wwd-boxTwo:hover {
    transition: all 0.3s;

    box-shadow: -2px 1px 11px 2px #625e5e;
  }
  .pagefaq.home {
    background: #000;
  }

  .pagefaqright .pagefaqtitle, .pagefaqright .pagefaqtitle .pagefaqtitletxt {
    color: #fff;
  }
  .faqheading p {
    color: #fff;
  }
  .footercta {

    margin-top: -40px;
  }
.Pg_cat_substitutetitle {
    color: #fff;
}



@media only screen and (max-width: 992px)
{
#featurework.custom-carousel.owl-carousel .item{background: #000;}
.whatWeDoMainBox {
    padding: 40px 0 15px !important;
  }

  .whatWeDoMainBox .mainpagewrap {
    padding: 0 0px !important;
  }
  .homesevices {
    background: #000;
  }

  .homebrandsctn {
    background: #212529;
  }
  .homesevices {
    padding: 65px 0 65px;
  }
  .pagefaq {
    padding: 60px 0 60px;
  }
}




@media only screen and (max-width: 991px)
{
.pagefaq.home{padding: 20px 0 100px;}
}


.whatWeDoBoxmain .whatwedoboxlefts,.homefeaturework.darkpatterns,.homebrandsctn{background: #212529; box-shadow: none;}
.whatwedoboxlefts h4 a,.whatwedoboxlefts h3 a, .whatwedoboxlefts li a,.lightpatternbg .homeserviceright .commonpagetitletxt,.lightpatternbg .homeservicetxtblk h2,.lightpatternbg .homeservicebtmcta .homeservicebtmctahead,.whatwedoboxlefts.darks li a,.showhiddencontent{color: #fff;}
.whatwedoboxlefts li::before,.lightpatternbg .commonpagetitle .commonpagetitletxt::before{background: #fff;}
.whatwedoboxlefts.darks li::before{background-color: #fff;}
.lightpatternbg .homeservicetxtblk p{color: #999;}
.darkpatterns .homefeaturebox:hover{box-shadow: none;}
.lightpatternbg .homeservicebtmcta .homeservicebtns{border-color: #999; color: #999;}
.homesevices.lightpatternbg{background: #000;}
.pagefaq.home{background: #000; padding: 70px 0 120px;}
.whatwedoboxlefts h4 a, .whatwedoboxlefts h3 a{color: #fff;}
.lightpatternbg .homeservicebtmcta .homeservicebtns:hover{color: #fff;}