:root {
    --cbg-color: #505050;
}

.btt-arf {
    background-color: var(--cbg-color);
}

.mtb-txt-1 {
    display: none;
}

.btt-shop {
    width: 3.375rem;
    height: 3.375rem;
    background-color: var(--az-color);
    border-radius: 0.5rem;
    position: absolute;
    right: 5rem;
    top: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btt-shop .ico {
    width: 1.375rem;
    height: 1.375rem;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

/* NAVBAR */

@media (min-width: 768px) {
    .mod-nb .btt {
        background-color: var(--cbg-color);
    }
}

/* ROOM FAVS*/

@media (min-width: 768px) {

    .rfp-opt {
        background-color: var(--cbg-color);
    }

}


/* TOPBAR */

@media (min-width: 768px) {
    /* DESKTOP AND TABLET */

    .mod-tb {
        background-color: var(--cbg-color);
    }

    .mtb-main {
        background-color: var(--cbg-color);
    }

    .mod-tb .mtb-main .btt-m {
        color: #fff;
    }

    .mod-tb .mtb-main .btt-s {
        color: #fff;
    }


    .mod-tb.open .btt-menu {
        background-color: #fff;
    }
}

/* TEXT INFO*/

@media (min-width: 768px) {
    .mti-pt {
        background-color: var(--cbg-color);
    }

    .miv-head .txt {
        height: 59px;
        line-height: 59px;
    }
}

@media (min-width: 768px) {
    .miv-head .bttClose {
        top: 1rem;
        right: 1rem;
    }
}


/*PHONE HoCH*/

@media (orientation: portrait) and (max-width: 768px) and (max-height: 1280px) {
    .mod-nb .btt {
        background-color: var(--cbg-color);
    }

    .mtb-main {
        background-color: var(--cbg-color);
    }

    .b-mfb {
        color: var(--az-color);
    }

    .mod-tb.open .btt-menu {
        background-color: #fff;
    }

    .rfp-opt {
        background-color: var(--cbg-color);
    }

    .mti-pt {
        background-color: var(--cbg-color);
    }

    .btt-shop {
        top: 4rem;
        right: 4.5rem;
    }
}


/* PHONE QUER*/

@media (orientation: landscape) and (max-width: 915px) and (max-height: 480px) {
    .mtb-main {
        background-color: var(--cbg-color);
    }

    .mod-nb .btt {
        background-color: var(--cbg-color);
    }

    .rfp-opt {
        background-color: var(--cbg-color);
    }

    .mti-pt {
        background-color: var(--cbg-color);
    }

    .btt-shop {
        top: 4rem;
        left: 4.375rem;
    }
}