.header-area .main-header-area{
  background-color: #fff;

}
.header-area .main-header-area .main-menu ul li a{
  color: #333;
}

.main-header-area .logo-header1{
  display: none;
}

.main-header-area .logo-header2{
  display: block;
}

.header-area .main-header-area .main-menu .menu-li-separator {
  color: #333;
}

.header-area .main-header-area .slicknav_icon-bar {
    background: #333 !important;
}

.header-area .main-header-area.sticky .slicknav_icon-bar {
    background: #333 !important;
}

/*.page-title{
  width: 100%;
  padding: 30px;
  background-color: #333;
  margin-top: 105px;
}

@media (max-width: 991px) {
  .page-title {
    margin-top: 73px;
  }
}

.page-title{
  padding: 30px;
}
.page-title h3{
  color: #fff;
  font-family: "Graphie-ExtraBold";
  font-size: 42px;
}

.page-title h4{
  color: #808080;
  font-family: "Poppins-Light";
  font-size: 18px;
}*/

.page-title{
  width: 100%;
  padding: 30px;
  background-color: #341970;
  margin-top: 105px;
}

@media (max-width: 991px) {
  .page-title {
    margin-top: 73px;
  }
}

.page-title h3{
  color: #fff;
  font-family: "Graphie-ExtraBold";
  font-size: 42px;
}

.page-title h3 span{
  color: #009dff;
}


.page-title h4{
  color: #fff;
  font-family: "Poppins-Light";
  font-size: 16px;
}


.portfolio-area-platform-box-filter{
  width: 100%;
  margin-top: 24px;
  font-family: 'Poppins-Light';
  /*margin-bottom: 30px !important;*/
}

.portfolio-area-platform-box-filter a{
  margin-right: 6px;
  line-height: 2.4;

  
  padding: 4px 12px 4px 12px;
  text-align: center;
  border-radius: 2px;
  font-size: 14px;
  border-width: 1px;
}

.portfolio-area-platform-box-filter .portfolio-area-platform-filter-item-selected{
  border-style: solid;
  background-color: #fff !important;
}

.portfolio-area .project-item{
  display: block;

}
.portfolio-area .project-item-invisible{
  display: none;
}