:root {
    --brand-navy: #1f4778;
    --brand-navy-deep: #17365c;
    --brand-red: #c32227;
    --brand-red-dark: #9e1b21;
    --brand-blue-pale: #eef2f8;
}

::selection {
    background: var(--brand-navy);
    color: #fff;
}

::-moz-selection {
    background: var(--brand-navy);
    color: #fff;
}

a:hover,
a:focus {
    color: var(--brand-red);
}

.bg-primary,
.bg-primary-deep {
    background-color: var(--brand-navy);
}

.bg-primary-deep:before,
.bg-primary-deep-fixed:before {
    background-color: rgba(23, 54, 92, .9);
}

.btn-primary,
.apply-now-btn,
.apply-now-btn2,
.view-all-primary-btn,
.view-all-accent-btn,
.details-accent-btn:hover,
.view-all-primary-btn:hover,
.view-all-accent-btn:hover {
    background-color: var(--brand-red);
    border-color: var(--brand-red);
}

.apply-now-btn:hover,
.apply-now-btn2:hover,
.view-all-primary-btn:hover,
.view-all-accent-btn:hover,
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--brand-navy);
    border-color: var(--brand-navy);
}

.mobile-menu-area .mean-container .mean-bar,
.mobile-menu-area .mean-container .mean-nav {
    background: var(--brand-navy);
}

.mobile-menu-area .mean-container a.meanmenu-reveal {
    color: var(--brand-navy);
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--brand-navy);
    box-shadow: 0 0 0 .15rem rgba(31, 71, 120, .16);
}

@media (max-width: 767px) {
    .home-page .mobile-menu-area .mean-container .mean-bar,
    .home-page .mobile-menu-area .mean-container .mean-nav {
        background: var(--brand-navy);
    }
}
