.logo {
    position: relative;
    width: 6.4375rem;
    margin: 15px auto;
}

.cmp_logo .logo {
    position: relative;
    width: 6.4375rem;
    margin: 15px auto;
}

@media (min-width:1280px) {
    .logo {
        width: 7.375rem;
        z-index: 1;
    }
}

.logo>a,
.logo__img {
    display: block;
}

.logo__img {
    transition: .8s linear;
    width: 100%;
}

.ghostHeader .header--black .logo__img--white,
.header--black .logo__img--white {
    opacity: 1;
}

.header--white .logo__img--white {
    opacity: 0;
}

.ghostHeader .header--white .logo__img--white {
    opacity: 1;
}

.ghostHeader .header-is-sticky.header--white .logo__img--white,
.header--black.inverted .logo__img--white {
    opacity: 0;
}

.ghostHeader .header-is-sticky.header--black .logo__img--white {
    opacity: 1;
}

.ghostHeader .header-is-sticky.header--black.inverted .logo__img--white {
    opacity: 0;
}

.logo__img--black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.ghostHeader .header--black .logo__img--black,
.header--black .logo__img--black {
    opacity: 0;
}

.header--white .logo__img--black {
    opacity: 1;
}

.ghostHeader .header--white .logo__img--black {
    opacity: 0;
}

.ghostHeader .header-is-sticky.header--white .logo__img--black,
.ghostHeader .inverted.header--white .logo__img--black {
    opacity: 1;
}

.ghostHeader .header-is-sticky.header--black .logo__img--black {
    opacity: 0;
}

.ghostHeader .header-is-sticky.header--black.inverted .logo__img--black,
.header--black.inverted .logo__img--black {
    opacity: 1;
}