:root {
    --brand-primary: #3c5dc8;
    --brand-primary-dark: #2f4ba3;
    --brand-primary-darker: #243d82;
    --brand-primary-light: #5a75d4;
    --brand-primary-soft: #eef1fb;
    --brand-primary-ring: rgba(60, 93, 200, 0.25);
}

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

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary-dark);
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--brand-primary-dark);
    border-color: var(--brand-primary-darker);
}

.btn-primary.btn-outline {
    color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}

.navbar-inverse .navbar-nav>li.outline>a {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
    background-color: #fff !important;
}

.navbar-inverse .navbar-nav>li.outline>a:hover,
.navbar-inverse .navbar-nav>li.outline>a:focus {
    background-color: var(--brand-primary-soft);
    color: var(--brand-primary-dark);
}

.navbar-inverse .navbar-nav>li.active>a,
.navbar-inverse .navbar-nav>li.active>a:hover,
.navbar-inverse .navbar-nav>li.active>a:focus {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.navbar-inverse .navbar-nav>li>a:hover {
    background-color: var(--brand-primary-dark);
}

.feature-wrap i {
    color: var(--brand-primary);
}

.feature-wrap i:hover {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    box-shadow: inset 0 0 0 5px var(--brand-primary);
    -webkit-box-shadow: inset 0 0 0 5px var(--brand-primary);
}

#bottom a {
    color: var(--brand-primary);
}

#bottom a:hover {
    color: var(--brand-primary-dark);
}

.pricing-content-1 .price-ribbon {
    background-color: var(--brand-primary);
}

.pricing-content-1 .price-ribbon:after {
    border-color: var(--brand-primary-darker) transparent transparent var(--brand-primary-darker);
}

.pricing-content-1 .arrow-down.arrow-blue {
    border-top-color: var(--brand-primary);
}

.pricing-content-1 .price-table-head.price-1 {
    background-color: var(--brand-primary);
}

.pricing-content-1 .price-table-head.price-2 {
    background-color: var(--brand-primary-light);
}

.pricing-content-1 .price-table-content .row i {
    color: var(--brand-primary-light);
}

.form-control:focus {
    border-color: var(--brand-primary-light);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--brand-primary-ring);
}

.bg-red-thunderbird,
.bg-hover-red-thunderbird:hover {
    background: var(--brand-primary) !important;
}

.font-red-thunderbird {
    color: var(--brand-primary) !important;
}

.border-red-thunderbird,
.border-top-red-thunderbird,
.border-bottom-red-thunderbird,
.border-left-red-thunderbird,
.border-right-red-thunderbird {
    border-color: var(--brand-primary) !important;
}

.bg-red-flamingo,
.bg-hover-red-flamingo:hover {
    background: var(--brand-primary-light) !important;
}

.font-red-flamingo {
    color: var(--brand-primary-light) !important;
}

.border-red-flamingo,
.border-top-red-flamingo,
.border-bottom-red-flamingo,
.border-left-red-flamingo,
.border-right-red-flamingo {
    border-color: var(--brand-primary-light) !important;
}