#path22, #path26, #path30, #path34, #path38, #path92, .header__nav-item a {
	fill:#ffffff !important;
	color:#ffffff !important;
}

#nav-icon span {
	background-color:#ffffff !important;
}

body{
   background: #fff;
}
.row{
 padding-top: 200px;
 padding-bottom: 0;
}

.portfolio-margin{
 margin-top: 0 !important;
}





   .portfolio-hero-wrapper{
    height:100vh;
    width:100%;
    overflow: hidden;
    background-color:#fff;
    z-index: 3;
  }  

  .portfolio-hero{

    
      background-repeat: no-repeat;
      
      background-position: 0 0;
      background-size: cover;
      filter: blur(4px);
      -webkit-filter: blur(4px);
      transform: scale(1.2);

      display: block;
  }
  .overlay{
    height:100vh;
    width:100%;
    z-index: 3;
    background-color: rgba(2, 6, 34, 0.6); 
  }



  .center-content {
    position: absolute;
     height: 100vh;
     display: flex;
     justify-content: center;
     flex-direction: column;
     width: 100%;
     margin: 0 auto;
     height: auto;
     z-index:20;
     margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   top:-65px;
   text-align: center;
   pointer-events: none;
 }

.center-content h1{
  font-family: 'Averta CY',Arial, Helvetica, sans-serif !important;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    text-align: center;
    font-size:62px;
    z-index:20; 
}

.head-brand{
    color:rgba(255,255,255,0.8);
    text-align: center;
    font-size:32px;
    z-index:32;
    font-weight: 300; 
}

.first-image{
    width:100%;
    height:200px

}


.image-container{
  width:100%;
  height:400px;
  background-size: cover;
  background-position: center center;
  margin-bottom:30px;
}

.col-lg-12 .image-container{
  height:700px;
}

.portfolio-gallery{
  padding-top: 0;
  padding-bottom: 20px;
}

.showcase-show-more__container {
  padding-bottom: 300px;
  margin-top: 150px;
  margin-bottom: 0;
}

#wrapper{
  background-color:#fff
}

.light-box-overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.97);
  z-index: 500;

  display: none;

}

#light-box-image{

}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1190px){
.col-lg-12 >* img{
  width:80%;
}
}