a {
    color: #2C435F;
}

#menu {
    background: #2C435F;
}

#header {
    background: #2C435F;
}

#header-nav {
    background: #2C435F;
}

.nav-dot {
    background: #2C435F;
}

    .nav-dot.done {
        background: #242C54;
        border: 1.8px solid #242C54;
    }

.nav-dot-label {
    color: #fff;
    font-weight: 300;
    font-size: 22px;
    position: absolute;
    width: 210px;
    left: -100px;
    top: 25px;
}

#header-extend {
    background: #2C435F;
}

#header-extend-desktop {
    background: #2C435F;
}

.dark-blue {
    background: #242C54;
}

.account-summary-update {
    color: #2C435F;
}


#logo {
    width: 80px;
    background: url(../img/Evolution/evolution-logo.png);
    background-repeat: no-repeat;
    background-size: 80px;
    height: 40px;
    margin-top: 2px;
}

@media (min-width: 340px) {
    #logo {
        width: 125px;
        background: url(../img/Evolution/evolution-logo.png);
        background-repeat: no-repeat;
        background-size: 125px;
        height: 40px;
        margin-top: 2px;
    }
}

.account-entry-offer {
    border: solid 1.5px #2C435F;
}

.exclamation-circle {
    color: #2C435F;
}

.gift-lto {
    color: #2C435F;
}

gift-inline-lto {
    color: #2C435F;
}

.gift-inline-lto > .fa-gift {
    color: #2C435F;
}


.lto-panel {
    border-color: #2C435F;
}

.lto-panel > .lto-panel-heading {
    background-color: #2C435F;
}

.timer-colon {
    color: #ff0034;
}

.timer-number {
    color: #ff0034;
}

.account-entry-expand {
    color: #2C435F;
}

.button-primary {
    color: #fff;
    background-color: #2C435F;
    border-color: #2C435F;
}

    .button-primary:hover {
        color: #fff;
        background-color: #2C435F;
        border-color: #2C435F;
    }

    .button-primary:focus,
    .button-primary.focus {
        color: #fff;
        background-color: #425F77;
        border-color: #425F77;
    }

.button-white:hover {
    color: #2C435F;
    background-color: #ebeff2;
    border: 1.5px solid rgba(72, 72, 72, 0.22);
}

.button-white:focus,
.button-white.focus {
    color: #2C435F;
    background-color: #dbd9ef;
    border: solid 1.5px rgba(72, 72, 72, 0.22);
}

.button-accent {
    background-color: #f8f8f8;
    color: #2C435F;
    border: 1.5px solid #2C435F;
    padding-top: 2px;
    padding-bottom: 4px;
    position: relative;
    overflow: hidden;
}

    .button-accent:hover {
        background-color: #ebeff2;
        color: #2C435F;
        border: 1.5px solid #2C435F;
    }

    .button-accent:focus,
    .button-accent.focus {
        color: #2C435F;
        background-color: #dbd9ef;
        border: 1.5px solid #2C435F;
    }

    .button-accent:before, .button-white:before {
        border-radius: 50%;
        background-color: rgba(120, 105, 160,0.6);
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
    }

.button-caption {
    color: #2C435F;
    font-size: 12px;
    opacity: 0.66;
    letter-spacing: 0.1px;
    margin-top: -3px;
    line-height: 12px;
}

.bank-other {
    background-color: #2C435F;
}

.bank-other-list {
    border: solid 1px #2C435F;
}

.promise-term-adjust {
    background-color: #2C435F;
}

.input-with-label:focus {
    border: solid 1.5px #2C435F;
}

.input-label-rise.active {
    color: #2C435F;
}

.checkbox.active {
    background: #2C435F;
    border: 1.8px solid #2C435F;
}

.radio.active::before {
    background: #2C435F;
}

.radio.active::after {
    border: 2px solid #2C435F;
}

@media (min-width: 768px) {
    #menu .my-account {
        color: #2C435F;
    }

    #menu .support {
        color: #2C435F;
    }

    #logo {
        width: 200px;
        background: url(../img/Evolution/evolution-logo@2x.png);
        background-repeat: no-repeat;
        background-size: 200px;
        height: 40px;
        margin-top: -6px;
    }
}