.header-style-1.header-alt,
.header-style-1.header-alt.active{
    background-color: #262262;
    box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.07);
}
.header-style-1.header-alt.active .container{
    background: #262262;
}
.header-style-1.header-alt .menu-link:hover{
    color: #262262;
}
.header-alt a.menu-link.active{
    color: #fff;
}
.header-alt a.menu-link:before,
.header-alt a.menu-link:hover::before{
    background: #fff;
}
.header-alt.active a.menu-link::before{
    background: #fff;
}
.header-style-1.active .main-menu-btn span, .header-style-1.active .main-menu-btn span::before, .header-style-1.active .main-menu-btn span::after{
    background-color: #000000;
}
.header-style-1.header-alt.active .info-wrap i{
    color: #000!important;
}

.header-alt a.menu-link:before{
    left: 50%;
    width: 65px;
    transform: scale3d(0, 5, 1) translateX(-50%);
}
.header-alt .menu-item:hover .menu-link::before,
.header-alt a.menu-link.active:before{
    transform: scale3d(1, 1, 1) translateX(-50%);
}
.header-alt.header-expanded .main-nav{
    background: #1c75bc;
}
.banner-about{
    padding-top: 50px!important;
    padding-bottom: 30px!important;
}

.header-alt.active a.menu-link:hover, .header-alt.active a.menu-link.active{
    color: #fff;
}

.porto-projects{
    background: #1c75bc;
}
.banner-block.porto-projects h2{
    color: #fff;
}
.banner-block.porto-projects .button-basic-1{
    border-color: #fff;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .header-style-1.header-alt.active .header-clear{
        padding-bottom: 15px;
    }
    .header-style-1.active a.menu-link{
        color: #000!important;
    }
    .header-alt.active a.menu-link::before{
        background: #000;
    }
}