header {
    background: #fff;
    height: 100px
}

    header nav .nav-inner {
        max-width: 1100px;
        width: 100%;
        margin: auto;
        position: relative
    }

    header .bmw-financial-services {
        font-weight: 700;
        font-size: 14px;
        -ms-flex-item-align: center;
        align-self: center;
        margin-left: 110px
    }

    header .logo-link {
        position: absolute;
        top: 10px;
        left: 0;
        width: 90px;
        z-index: 100
    }

@media (max-width:1100px) {
    header .logo-link {
        left: 20px
    }
}

header .logo {
    width: 100%
}

header .desktop-container {
    height: 100%;
    line-height: 58px;
    vertical-align: middle
}

header .nav-primary {
    background: #404040;
    height: 40px;
    width: 100%
}

    header .nav-primary ul.nav {
        -ms-flex-item-align: center;
        align-self: center
    }

        header .nav-primary ul.nav li {
            list-style-type: none;
            display: inline-block
        }

            header .nav-primary ul.nav li a {
                display: block;
                color: #fff;
                text-decoration: none;
                font-size: 11px;
                margin-left: 20px;
                padding: 15px 0;
                -webkit-transition: color cubic-bezier(.505,.015,.46,.985) .15s;
                transition: color cubic-bezier(.505,.015,.46,.985) .15s
            }

                header .nav-primary ul.nav li a:hover {
                    color: #1c69d3
                }

header .nav-secondary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    width: 100%;
    border-bottom: 2px solid #ededee
}

    header .nav-secondary .desktop-container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

p, strong {
    font-size: 12px;
    color: #77787b;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 18px
}

strong {
    font-weight: 700
}

h1 {
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;
    color: #221f1f;
    margin-bottom: 10px
}

h4 {
    font-size: 16px;
    color: #221f1f;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 20px
}

a {
    color: #1c69d3
}

ol li {
    list-style-type: decimal
}

ol.lettered {
    margin-top: 10px
}

    ol.lettered li {
        list-style-type: lower-alpha
    }

.page-down-for-maintenance {
    min-height: calc(100vh - 178px)
}

    .page-down-for-maintenance .header-image {
        background: url(../images/header-bg.jpg) no-repeat center center;
        background-size: cover;
        height: 210px
    }

    .page-down-for-maintenance .down-for-maintenance-container {
        padding: 50px 0;
        max-width: 1100px;
        width: 100%;
        margin: auto;
        position: relative
    }

@media (max-width:1140px) {
    .page-down-for-maintenance .down-for-maintenance-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.page-down-for-maintenance .down-for-maintenance-container h1 {
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    color: #221F1F;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 20px;
    margin-bottom: 30px
}

.page-down-for-maintenance .down-for-maintenance-container p {
    font-size: 14px;
    line-height: 20px;
    color: #221F1F;
}

.page-down-for-maintenance .down-for-maintenance-container a, .page-down-for-maintenance .down-for-maintenance-container a:focus, .page-down-for-maintenance .down-for-maintenance-container a:visited {
    font-size: 12px;
    color: #1c69d3 !important;
    text-decoration: none;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#1c69d3),to(#1c69d3));
    background: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#1c69d3,#1c69D3);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 0 #fff,-.03em 0 #fff,0 .03em #fff,0 -.03em #fff,.06em 0 #fff,-.06em 0 #fff,.09em 0 #fff,-.09em 0 #fff,.12em 0 #fff,-.12em 0 #fff,.15em 0 #fff,-.15em 0 #fff;
    background-position-y: 89%,89%,89%;
    background-position-x: 0,100%,0
}

    .page-down-for-maintenance .down-for-maintenance-container a::-moz-selection, .page-down-for-maintenance .down-for-maintenance-container a:focus::-moz-selection, .page-down-for-maintenance .down-for-maintenance-container a:visited::-moz-selection {
        text-shadow: .03em 0 default,-.03em 0 default,0 .03em default,0 -.03em default,.06em 0 default,-.06em 0 default,.09em 0 default,-.09em 0 default,.12em 0 default,-.12em 0 default,.15em 0 default,-.15em 0 default;
        background: default
    }

    .page-down-for-maintenance .down-for-maintenance-container a::selection, .page-down-for-maintenance .down-for-maintenance-container a:focus::selection, .page-down-for-maintenance .down-for-maintenance-container a:visited::selection {
        text-shadow: .03em 0 default,-.03em 0 default,0 .03em default,0 -.03em default,.06em 0 default,-.06em 0 default,.09em 0 default,-.09em 0 default,.12em 0 default,-.12em 0 default,.15em 0 default,-.15em 0 default;
        background: default
    }

    .page-down-for-maintenance .down-for-maintenance-container a *, .page-down-for-maintenance .down-for-maintenance-container a :after, .page-down-for-maintenance .down-for-maintenance-container a :before, .page-down-for-maintenance .down-for-maintenance-container a:after, .page-down-for-maintenance .down-for-maintenance-container a:before, .page-down-for-maintenance .down-for-maintenance-container a:focus *, .page-down-for-maintenance .down-for-maintenance-container a:focus :after, .page-down-for-maintenance .down-for-maintenance-container a:focus :before, .page-down-for-maintenance .down-for-maintenance-container a:focus:after, .page-down-for-maintenance .down-for-maintenance-container a:focus:before, .page-down-for-maintenance .down-for-maintenance-container a:visited *, .page-down-for-maintenance .down-for-maintenance-container a:visited :after, .page-down-for-maintenance .down-for-maintenance-container a:visited :before, .page-down-for-maintenance .down-for-maintenance-container a:visited:after, .page-down-for-maintenance .down-for-maintenance-container a:visited:before {
        text-shadow: none
    }

    .page-down-for-maintenance .down-for-maintenance-container a:focus:visited, .page-down-for-maintenance .down-for-maintenance-container a:visited, .page-down-for-maintenance .down-for-maintenance-container a:visited:visited {
        color: inherit
    }

@media (max-width:600px) {
    .page-down-for-maintenance {
        min-height: calc(100vh - 205px)
    }

        .page-down-for-maintenance h1 {
            font-size: 18px
        }

        .page-down-for-maintenance .header-image {
            height: 120px
        }
}

footer {
    border-top: 2px solid #ededee
}

    footer nav {
        padding: 30px 0
    }

        footer nav span {
            color: #414141;
            font-weight: 700;
            font-size: 11px
        }

        footer nav ul {
            display: inline-block;
            margin-left: 40px;
            padding: 0
        }

            footer nav ul li {
                display: inline-block;
                list-style-type: none;
                font-size: 11px
            }

                footer nav ul li:after {
                    content: "|";
                    margin: 0 20px
                }

                footer nav ul li:last-child:after {
                    content: ""
                }

                footer nav ul li a {
                    color: #77787b;
                    text-decoration: none;
                    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)),-webkit-gradient(linear,left top,left bottom,from(#77787b),to(#77787b));
                    background: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#77787b,#77787B);
                    background-size: .05em 1px,.05em 1px,1px 1px;
                    background-repeat: no-repeat,no-repeat,repeat-x;
                    text-shadow: .03em 0 #fff,-.03em 0 #fff,0 .03em #fff,0 -.03em #fff,.06em 0 #fff,-.06em 0 #fff,.09em 0 #fff,-.09em 0 #fff,.12em 0 #fff,-.12em 0 #fff,.15em 0 #fff,-.15em 0 #fff;
                    background-position-y: 97%,97%,97%;
                    background-position-x: 0,100%,0
                }

                    footer nav ul li a::-moz-selection {
                        text-shadow: .03em 0 default,-.03em 0 default,0 .03em default,0 -.03em default,.06em 0 default,-.06em 0 default,.09em 0 default,-.09em 0 default,.12em 0 default,-.12em 0 default,.15em 0 default,-.15em 0 default;
                        background: default
                    }

                    footer nav ul li a::selection {
                        text-shadow: .03em 0 default,-.03em 0 default,0 .03em default,0 -.03em default,.06em 0 default,-.06em 0 default,.09em 0 default,-.09em 0 default,.12em 0 default,-.12em 0 default,.15em 0 default,-.15em 0 default;
                        background: default
                    }

                    footer nav ul li a *, footer nav ul li a :after, footer nav ul li a :before, footer nav ul li a:after, footer nav ul li a:before {
                        text-shadow: none
                    }

                    footer nav ul li a:visited {
                        color: inherit
                    }

                    footer nav ul li a:active, footer nav ul li a:focus, footer nav ul li a:visited {
                        color: #77787b
                    }

@media (max-width:600px) {
    footer .desktop-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center
    }

        footer .desktop-container ul {
            margin-left: 0;
            text-align: center
        }

            footer .desktop-container ul li:last-child:after {
                display: none
            }

        footer .desktop-container .copyright {
            display: block;
            margin: 15px 0;
            margin-bottom: 10px
        }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

em {
    float: none
}

a:active, a:focus {
    outline: 0
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-text-size-adjust: 100%
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

hr {
    border: none;
    height: 1px;
    background-color: #cacaca;
    margin-top: 40px
}

.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

button:disabled, input:disabled, select:disabled {
    cursor: not-allowed
}

input:-moz-read-only {
    cursor: not-allowed
}

input:read-only {
    cursor: not-allowed
}

.required-fields {
    font-size: 11px;
    color: #77787b;
    line-height: 30px
}

.desktop-container {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    position: relative
}

@media (max-width:1140px) {
    .desktop-container {
        padding: 0 20px
    }
}