/*BEGIN BOOTSTRAP 5 COLUMN EXTENSION*/
.col-lg-15,.col-md-15,.col-sm-15,.col-xs-15{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-15{width:20%;float:left}@media (min-width:768px){.col-sm-15{width:20%;float:left}}@media (min-width:992px){.col-md-15{width:20%;float:left}}@media (min-width:1200px){.col-lg-15{width:20%;float:left}}
/*END BOOTSTRAP 5 COLUMN EXTENSION*/


 /* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #f00; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #f00; background-color: #fee; }
.validation-summary-errors { font-weight: bold; color: #f00; }
.validation-summary-valid { display: none; }
/*---------------------------------------------------------*/

@font-face {
    font-family: 'BMWTypeNextThin';
    src: url('/fonts/BMWTypeNext/BMWTypeNextTT-Thin.woff') format('woff'), url('/fonts/BMWTypeNext/BMWTypeNext-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BMWTypeNextLight';
    src: url('/fonts/BMWTypeNext/BMWTypeNextTT-Light.woff') format('woff'), url('/fonts/BMWTypeNext/BMWTypeNext-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BMWTypeNextRegular';
    src: url('/fonts/BMWTypeNext/BMWTypeNextTT-Regular.woff') format('woff'), url('/fonts/BMWTypeNext/BMWTypeNext-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BMWTypeNextBold';
    src: url('/fonts/BMWTypeNext/BMWTypeNextTT-Bold.woff') format('woff'), url('/fonts/BMWTypeNext/BMWTypeNext-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


html {
    width: 100%;
    overflow-x: hidden;
}
body {
    width: 100%;
    background-repeat: repeat-x;
    background-position: 0px 112px;
    overflow-x: hidden;
    font-family: 'arial';
}
#body { margin-top: 120px; }
/* @FONTFACE TYPE SETS */
/*   bmw_group_condensedbold */
/*   arial */
/*   bmw_group_serifbold */
/*   bmw_group_serifregular */

h1 {
    font-size: 49px;
    line-height: 49px;
    color: #262626;
    font-family: 'arial';
    padding: 0px;
    margin: 0px;
}
h2 {
    font-size: 35px;
    line-height: 35px;
    color: #262626;
    font-family: 'arial';
    padding: 0px;
    margin: 0px;
}
h3 {
    font-size: 25px;
    line-height: 35px;
    color: #262626;
    font-family: 'arial';
    padding: 0px;
    margin: 0px;
}
h4 {
    font-size: 14px;
    line-height: 18px;
    color: #262626;
    font-family: 'arial';
    padding: 0px;
    margin: 0px;
}
p {
    font-size: 15px;
    color: #262626;
    font-family: 'arial';
    padding: 0px;
    margin: 0px;
}

label { font-weight: 400; }

.btn-primary {
    background: none;
    background-repeat: repeat-x;
    border-radius: 0;
    border: 0;
    width: 215px;
    text-align: left;
    font-weight: 900;
}

.btn-default {
    background: none;
    /*background-image: URL("/Content/images/ico/btn-default-bg.png");*/
    background-repeat: repeat-x;
    border-radius: 0;
    border: 0;
    width: 100%;
    max-width: 215px;
    text-align: left;
    font-weight: 900;
}
.move-on-mobile { list-style: none; }
.btn-long {
    width: 100%;
    max-width: none;
    margin-bottom: -14px;
    color: #777;
}
.btn-default.btn-long.no-margin-bottom { margin-bottom: 0; }

.btn-warning {
    background: none;
    background-image: URL("/Content/images/ico/btn-warning-bg.png");
    background-repeat: repeat-x;
    border-radius: 0;
    border: 0;
    width: 100%;
    max-width: 215px;
    text-align: left;
    font-weight: 900;
    height: 24px;
    line-height: 12px;
}

.btn-reset {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.btn {
    border-radius: 0;
}

.black { color: #000 !important; }
.white { color: #FFF !important; }
.dark-grey { color: #555 !important; }
.light-grey { color: #AAA !important; }
.blue { color: #0039CC !important; }
.light-blue { color: #758AA9 !important; }
.lighter-blue { color: #C0D3F7 !important; }

.bold { font-weight: 700; }

.clear-none { clear: none; }
.clear-both { clear: both; }

.block-absolute { position: absolute; display: block; }
.block-relative { position: relative; display: block; }
.inline-absolute { position: absolute; display: inline; }
.inline-relative { position: relative; display: inline; }

.overflow-hidden { overflow: hidden; }

.hidden{
    display:none;
}


/*NAVBAR*/
#navbar-main .navbar-header { width: 100%; }
#navbar-main .navbar-brand { right: 0; top: -15px; }
#navbar-main {
    height: 90px;
    background-color: #FFF;
    box-shadow: 0 0 8px RGBA(0, 0, 0, 0.7);
}

.clear-navbar { height: 90px; }
#navbar-main .navbar-modal-toggle { cursor: pointer; z-index: 10000; }
#navbar-main .navbar-modal {
    position: absolute;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0 0 8px RGBA(0, 0, 0, 0.7);
    width: 600px;
    padding: 15px;
}
#navbar-main .car-modal-column {
    position: relative;
    display: block;
    float: left;
    overflow: hidden;
}
#navbar-main .car-modal-column img {
    width: 200px;
}
#navbar-main .car-modal-column a { color: #000; }

#navbar-main .search-bar {
    width: 200px;
    top: 12px;
}
#navbar-main .search-bar input {
    width: 78%;
    float: left;
    border-radius: 0;
    height: 25px;
}
#navbar-main .french-search-bar input {
    width: 70%;
}

#navbar-main .search-bar .btn {
    width: 18%;
    margin-left: 4%;
    float: left;
    text-align: center;
    padding: 0;
    height: 25px;
    line-height: 25px;
}

.hidden-desktop { display: none; }

/*FOOTER*/
.bmw-footer .btn-warning {
    margin: 5px 0;
    width: 18%;
}

/*DESKTOP*/
@media (min-width: 1201px) {
    #navbar-main.navbar ul li a {
        padding: 15px 7px;
    }
    #navbar-main.navbar ul li:first-child a { padding-left: 0; }
    #navbar-main #nav-bottom.nav-bottom-row li a {
        font-weight: 700;
        font-size: 18px;
        padding: 15px 10px;
        padding-top: 0;
    }
    #navbar-main #nav-bottom.nav-bottom-row li:first-child a { padding-left: 0; }
    #navbar-main .car-modal-column a { font-size: 12px; }

    #navbar-main #nav-bottom.nav-bottom-row .small-nav-links a {
        font-size: 14px;
        padding-right: 3px;
        padding-left: 3px;
    }
}

/*TABLET AND SMALL DESKTOP*/
@media (max-width: 1200px) and (min-width: 768px) {
    #navbar-main.navbar ul li a {
        padding: 15px 3px;
        padding-top: 5px;
    }
    #navbar-main.navbar ul li:first-child a { padding-left: 0; }
    #navbar-main #nav-bottom.nav-bottom-row li a {
        font-weight: 700;
        font-size: 16px;
        padding: 7px;
    }
    #navbar-main #nav-bottom.nav-bottom-row li:first-child a { padding-left: 0; }
    #navbar-main .search-bar {
        clear: both;
        top: 0;
        margin-top: -10px;
    }
    #navbar-main #nav-bottom.nav-bottom-row .small-nav-links a {
        font-size: 14px;
        padding-right: 3px;
        padding-left: 3px;
    }
    .btn-default.btn-long {
        max-width: 215px;
    }
}

/*MOBILE*/
@media (max-width: 991px) {
    #navbar-main .navbar-toggle {
        float: left;
        margin-left: 15px;
        margin-top: 26px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    margin-top: 7.5px;
  }
  .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
      display:block !important;
  }
    #navbar-main {
        height: auto;
    }
    #navbar-main .navbar-collapse { overflow-y: scroll !important; }
    #navbar-main .navbar-header { height: 85px; }
    #navbar-main .navbar-brand img {
        display: block;
        position: relative;
        right: -35px;
        z-index: 1000;
    }
    #navbar-main .navbar-modal { position: relative; width: 100%; }
    #navbar-main .car-modal-column { width: 100%; float: none; }
    #navbar-main .car-modal-column a {
        width: 100%;
    }
    #navbar-main .car-modal-column img {
        width: 100%;
        max-width: 200px;
        margin: auto;
        display: block;
    }
    #navbar-main .car-modal-column p { width: 65%; }

    #navbar-main .search-bar {
        width: 100%;
        padding: 0 15px;
        margin-top: 15px;
    }
    #navbar-main .navbar-first { margin-top: 65px; }

    .bmw-footer .btn-warning {
        width: 100%;
        max-width: 100%;
    }
    .clear-navbar { height: 86px; }
    .move-on-mobile {
        top: 5px;
        left: 0;
        margin-bottom: -15px;
        position: relative;
        display: block;
    }
    .move-on-mobile:first-child { margin-bottom: 0; top: -2px; }
    .btn-long {
        margin-left: 15px;
    }
    #navbar-main .navbar-toggle {
        margin-top: 15px;
        margin-bottom: 3px;
    }
}

@media (max-width: 768px) {
    .clear-navbar { height: 86px; }
}

@media (max-width: 400px) {
    .hidden-desktop { display: block; }
    .btn-long {
        height: 50px;
        margin-top: 5px;
    }
    .btn-warning.btn-long {
        background-size: contain;
    }
}

@media (max-width: 340px) {
    .btn-long {
        font-size: 10px;
    }
}