.main-header.white-header .navbar-nav,
.main-header.black-header .navbar-nav {
    opacity: 0;
    transition: all 1s ease-out;
    transform: translateY(-200px);
}

.small-white-logo {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    transition: all 1s ease-out;
    max-height: 40px;
    margin-bottom: -30px;
    position: absolute;
}

.main-header.white-header .small-white-logo {
    opacity: 1;
    width: auto;
    height: auto;
    margin-bottom: 0;
    transition: all 1s ease-out;
    position: inherit;
}

.logo-holder {
    transition: all 1s ease-out;
}

.main-header.white-header .logo-holder {
    width: 0;
    transition: all 1s ease-out;
    overflow: hidden;
    opacity: 0;
}

.main-header.black-header .logo-holder {
    width: 0;
    transition: all 1s ease-out;
    overflow: hidden;
    opacity: 0;
}

.main-header.black-header .small-white-logo {
    opacity: 1;
    width: auto;
    height: auto;
    margin-bottom: 0;
    transition: all 1s ease-out;
    position: inherit;

}

.main-header.black-header .small-white-logo path {
    fill: black;
}

.main-header.black-header .menu-opner path {
    stroke: black !important;
}
.main-header.white-header .menu-opner path {
    stroke: rgb(255, 255, 255) !important;
}