.booknow_prop_theme
    {
    
        /* HEADER BANNER */
        --top-border-color : #041b82;
        --top-bar-bg-color : #7b7474;
        --top-bar-text-color : #333333;
    
        /* TOP BUTTON */
        --top-bar-button-bg-color : #a8aaac;
        --top-bar-button-text-color : #FFFFFF;
    
        /* SEARCH BAR */
        --search-bar-bg-color : #f0f0f0;
        --search-btn-bg-color : #999493;
    
        /* CALENDAR */
        --calendar-top-bg-color : #5c626b;
        --calendar-footer-bg-color : #9d9d9d;
    
        /* FOOTER */
        --footer-bg-color : #eae6e6;
        --bottom-bar-bg-color : #0d276d;
    
        /* <---- Transparent Colors ----> */
    
        /* HEADER BANNER */
        --top-border-color--transparent : rgba(4, 27, 130, 0.55);
        --top-bar-bg-color--transparent : rgba(123, 116, 116, 0.55);
        --top-bar-text-color--transparent : rgba(51, 51, 51, 0.55);
    
        /* TOP BUTTON */
        --top-bar-button-bg-color--transparent : rgba(168, 170, 172, 0.55);
        --top-bar-button-text-color--transparent : rgba(255, 255, 255, 0.55);
    
        /* SEARCH BAR */
        --search-bar-bg-color--transparent : rgba(240, 240, 240, 0.55);
        --search-btn-bg-color--transparent : rgba(153, 148, 147, 0.55);
    
        /* CALENDAR */
        --calendar-top-bg-color--transparent : rgba(92, 98, 107, 0.55);
        --calendar-footer-bg-color--transparent : rgba(157, 157, 157, 0.55);
    
        /* FOOTER */
        --footer-bg-color--transparent : rgba(234, 230, 230, 0.55);
        --bottom-bar-bg-color--transparent : rgba(13, 39, 109, 0.55);
    }
    
    
?>

#header{

    border-top-color: #041b82;

    background-color: #7b7474;

}

.page-wrap{

    background-color: #fff;

    background-image: url('/');

    color: #333;

    
}

.branding,

.prop-contact .fa,

.prop-contact__phone,

.prop-contact .show-map,

.prop-contact .my-bookings-trigger,

.my-bookings__options a,

#languageOptions
{

    background-color: #a8aaac;
    color : #FFFFFF;

}

.prop-contact span, .prop-contact a,
.branding a
{
    color : #FFFFFF;
}

.branding .location
{
    color : rgba(255, 255, 255, 0.55);
}

.b247-searchbox{

    background-color: #f0f0f0;

}

.b247-searchbox .btn{

    background-color: #999493;

    border-color: #999493;

}

.cal-nav{

    background-color: #5c626b;

}

.b247-calendar__footer{

    background-color: #9d9d9d;

}

<!-- .contact-details{

    background-color: #eae6e6;

} -->

.contact-details {

    background-color: #0d276d;

}

@media only screen and (max-width : 767.80px)
{
    .map-link-sm
    {
        background-color : #FFFFFF;
        color : #a8aaac;
    }

    .map-link-sm a
    {
        color : #a8aaac!important;
    }

    .navbar-toggle
    {
        background-color : #FFFFFF;
        color : #a8aaac;
    }
}