:root {
    --color-link: #4d7cfe;
    --color-btn: #f4d025;
    --color-btn-txt: #0f3556;
    --color-text: #788595;
    --color-text-white: #FFFFFF;
    --color-title: #0f3556;
    --color-bg-1: #fff;
    --color-bg-2: #E9F1F7;
    --color-bg-3: #0f3556;
    --color-red: #ff6b6b;
    --font-title: Playfair Display;
    --font-text: Lato;
}
.header-w-video .bg-menu,
.option-slide-w:hover .option-slide-content,
.header-slider-w.alt-bg-2,
.modal {
    background: rgba(15,53,86,.5);
}
.room-slide-content,
.option-slide-content {
    background: linear-gradient(to top, rgba(14, 53, 86, .5) 80%, transparent);
    background: -webkit-linear-gradient(to top, rgba(14, 53, 86, .5) 80%, transparent);
    background: -moz-linear-gradient(to top, rgba(14, 53, 86, .5) 80%, transparent);
    background: -o-linear-gradient(to top, rgba(14, 53, 86, .5) 80%, transparent);
}
@media (max-width: 767px) {
    .option-slide-w .option-slide-content {
        background: rgba(14, 53, 86, .5);
    }
}
.top-header a, .weather-w span {
    color: var(--color-text);
}