/*COMMON*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    font-family: "bmwtypenextttlight";
    color: #ffffff;
    background-color: #262626;
    font-size: 12px;
    text-align: left;
    margin: 0;
    line-height: 22px;
}
.desktop{display: block;}
.mobile{display: none;}

::-moz-selection {
    color: #ffffff;
    background: #1C69D4;
}

::selection {
    color: #ffffff;
    background: #1C69D4;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}

body {
    margin: 0;
}
.container {
    width: 90%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position:relative;
}

@media (min-width: 576px) {
    .container {
        max-width:90%;
    }
}

@media (min-width: 768px) {
    .container {
        max-width:90%;
    }
}

@media (min-width: 992px) {
    .container {
        max-width:90%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:90%
    }
}

@font-face {
    font-family: 'bmwtypenextttbold';
    src: url(fonts/bmw-fonts/bmwtypenexttt-bold-webfont.woff2) format("woff2"),url(fonts/bmw-fonts/bmwtypenexttt-bold-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bmwtypenextttregular';
    src: url(fonts/bmw-fonts/bmwtypenexttt-regular-webfont.woff2) format("woff2"),url(fonts/bmw-fonts/bmwtypenexttt-regular-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bmwtypenextttlight';
    src: url(fonts/bmw-fonts/bmwtypenexttt-light-webfont.woff2) format("woff2"),url(fonts/bmw-fonts/bmwtypenexttt-light-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bmwtypenextttthin';
    src: url(fonts/bmw-fonts/bmwtypenexttt-thin-webfont.woff2) format("woff2"),url(fonts/bmw-fonts/bmwtypenexttt-thin-webfont.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}
a {color: #1C69D4; text-decoration: none;}
a:hover {color: #006bff;}
.blue-color {color: #006bff;}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px}
.no-gutters {margin-right: 0;margin-left: 0}
.col-sm-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%}




/*FOOTER*/
footer .bottom-copy {display: flex;justify-content: space-between;padding-bottom: 10px;}
.footer {border-top: 1px solid #545454;margin-top: 30px;padding: 35px 0 0;}
hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgba(0,0,0,.1)}
footer hr {border: none;border-top: 1px solid #545454;margin: 30px 0;}
footer hr.botom {margin-bottom: 15px;}
footer ul {margin: 0;padding: 0;list-style: none;}
.bottom-copy .quick-fut ul li {display: inline;border-right: 1px solid #666666;padding-right: 5px;}
footer h6, footer a, footer p {color: #E6E6E6;margin: 0;line-height: 22px;font-size: 11px;}
footer .bottom-copy a {padding: 0 13px;text-decoration: none;}
.bottom-copy .quick-fut ul li:last-child {border: none;}
.footer h6 {margin-bottom: 10px;line-height: 18px;font-size: 13px;text-transform: uppercase;}
.footer .foo-sec {display: flex;}
.footer .foo-sec .foo-box {margin-right: 0px;width: 24%;}

@font-face {
    font-family: 'FontAwesome';
    src: url(fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0);
    src: url(fonts/font-awesome/fontawesome-webfont.eot#iefix&v=4.7.0) format('embedded-opentype'),url(fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-facebook-f:before,.fa-facebook:before {
    content: "\f09a"
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-youtube:before {
    content: "\f167";
}

.bottom-copy .quick-fut ul li {display: inline;border-right: 1px solid #666666;padding-right: 5px;}
.bottom-copy .quick-fut ul li:last-child {border: none;}
.footer .foo-box.d-lg-block .desk-how {display: flex;margin-left: -12px;}
.footer .foo-box.d-lg-block .desk-how li {margin-right: 0;height: 40px;}
.footer .foo-box.d-lg-block .desk-how a {display: flex;align-items: center;justify-content: center;width: 20px;}
.footer .foo-box.d-lg-block .desk-how a {font-size: 0;transition: all 0.4s ease-in-out;}
.footer .foo-box.d-lg-block .desk-how li {height: 40px;width: 40px;}
.footer .foo-box.d-lg-block .desk-how a span {margin: 0;width: 40px;height: 40px;font-size: 18px;display: flex;justify-content: center;align-items: center;background: none;}
.footer .foo-box.d-lg-block .desk-how a:hover {text-decoration: none;opacity: 0.6;}
.footer .foo-box.d-lg-block .desk-how {display: flex;margin-left: -12px;}
.footer .foo-box.d-lg-block .desk-how a span,.footer .foo-box.d-lg-block .desk-how a em {margin: 0;width: auto;height: auto;font-size: 18px;display: flex;justify-content: center;align-items: center;background: none;}
.footer .foo-box.d-lg-block .desk-how a:hover {text-decoration: none;opacity: 0.6;}

.heading1 {font-family: 'bmwtypenextttthin';font-size: 27px;position: relative;display: inline-block;border-bottom: 2px solid #ccc;padding-bottom: 10px;}
.text-uppercase {text-transform: uppercase!important;}
.mb20 {margin-bottom: 20px;}
.text-center {text-align: center!important;}
.shopping-tools {list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;}
.shopping-tools li {width: 150px;min-height: 200px;background: #E6E6E6;margin: 0 10px;transition: all 0.4s ease;}
.shopping-tools li a {display: flex;flex-direction: column;justify-content: space-around;align-items: center;height: 100%;box-sizing: border-box;padding: 30px 0;font-family: "bmwtypenextttregular";}
.shopping-tools li a:hover {text-decoration: none;}
.shopping-tools li img {width: 45px;}
.shopping-tools li span {color: #666666;text-align: center;line-height: 16px;}
.shopping-tools li:hover {background: #f5f5f5;}
.box-design {padding: 60px 0 0;}
.content h6 {font-size: 14px;margin: 0;}
.content p, .content ul li, .content ol li {font-size: 15px;}
.content .link {color: #1C69D4;text-decoration: underline;}


.slider-c{width: 100%; float: left; margin-top:100px;}
.w100{width: 100%; float: left;}
.masterbanner{width: 100%; float: left;}
.masterbanner img{width: 100%;}


.clip {overflow: hidden;bottom: 0;}
.center .slick-center img {transform: scale(1.2);opacity: 1;}
.center .slick-center img .top {width: 80%;}
.center .slick-center img .bottom {width: 80%;}
.center img {opacity: 0.7;transition: all 300ms ease;bottom: 0;transform: scale(0.6);}


/*TIMELINE*/
.mountain{position: absolute;left: 90px;bottom: -10px;width: 100%;max-width: 22%;}
.mountain img{width: 100%;}
.tree{position: absolute;left: 10%;bottom: -15px;width: 100%;min-width: 200px;max-width: 26%;}
.tree img{width: 100%;}
.house{position: absolute;right: 10%;bottom:-10px;width: 100%;max-width: 30%;}
.house img{width: 100%;}
.title{position: relative;display: inline-block;border-bottom: 2px solid #ccc;padding-bottom: 2px;text-transform: uppercase; text-align: center; font-size: 27px;  font-family: 'bmwtypenextttthin';}
.title.mt50{margin-top: 120px;}
.timeline{position: relative;width: 100%;float: left;border: 12px solid #ffffff7a;height: 150px;border-radius: 0px 80px 80px 0px;border-left: 0px;padding-bottom: 50px;z-index: 1;}
.dot_grp{width: 100%;}
.dot_top{position: relative; float: left; width: 25px;height:25px;background: #fff;border-radius: 100%; margin-top: 30px; cursor: pointer;}
.dot_top div,.dot_bottom div{width: 6px;height: 6px;background: #000;border-radius: 100%;position: absolute;left: 50%;top: 50%;margin-left: -3px;margin-top: -3px;}
.dot_bottom{position: absolute;width: 25px;height:25px;background: #fff;border-radius: 100%;bottom: -50px;cursor: pointer;}
.dot_top.dot_a{left: 50%;margin-left: -12.5px;}
.dot_top.dot_b{left:30%;}
.dot_top.dot_c{left:50%;}
.dot_top.dot_d{left:70%;}
.dot_top.dot_e{left:90%;}
.dot_bottom.dot_a{left: 10%; opacity: 0;}
.dot_bottom.dot_b{left:30%;}
.dot_bottom.dot_c{left:50%;}
.dot_bottom.dot_d{left:70%;}
.dot_bottom.dot_e{left:90%;}
.miles{position: relative;width:100%;float: left;margin-top: 50px;z-index: 2;}
.miles_bottom{position: relative;width:100%;float: left;margin-top:-145px;}
.opacity0{opacity: 0;}
.milesGrp{width: 60px;float: left;position: relative;top:13px;}
.milestone{width: 100%;height: 80px;background:#fff;border-radius: 100px 100px 0px 0px;float: left;position: relative;}
.milestone::after{content:'';width: 110%;left: -5%;bottom: 0px;background: #fff;height: 5px;position: absolute;}
.milestone span{ opacity: 0;   color: #000;font-family: 'bmwtypenextttbold';text-align: center;font-size: 14px;width: 100%;font-weight: bold;margin: 10px 0px 0px;float: left;}
.milestone div{background: #333;padding: 10px 0px 20px; width: 90%; margin: 5%; float: left; box-sizing: border-box;}
.milestone div p{font-size: 10px; line-height: 16px; margin:0px; padding: 0px; text-align: center; font-family: 'bmwtypenextttbold';}
.milestone div p:first-child{font-size: 16px; font-family: 'bmwtypenextttbold';}
.milestone_a{left:20px; top: 60px;}
.milestone_b{left:16%; top: 60px;}
.milestone_c{left:30%; top: 60px;}
.milestone_d{left:45%; top: 60px;}
.milestone_e{left:59%; top: 60px;}


.copy{
    position: relative;
    top: 74px;
    font-size: 20px;
    line-height: 29px;
    float: left;
    font-family: 'bmwtypenextttbold';
}


.slide{position: relative; z-index: 2;}
.playbtn{width: 30px;transform: scale(1) !important;position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -15px;cursor: pointer;}
.playbtn img{width: 100%;}
.slick-slide img{width: 100%;}
.white-popup-block {background: #FFF;padding: 20px 30px;text-align: left;max-width: 650px;margin: 40px auto;position: relative;}
.white-popup-block h2{color: #333;}
.white-popup-block p{color: #333;font-size: 14px; margin:5px 0px;}



/*HEADER*/
.top_header{padding: 20px 0px;width: 100%;float: left;}
.dealer_heading{float: left; }
.dealer_heading h2{font-family: "bmwtypenextttbold";font-size: 13px;margin:0px; padding:0px;line-height: 18px;text-transform: uppercase;}
.dealer_heading span{font-family: "bmwtypenextttregular";font-size: 11px;display: block;}

.dealer_charging{float: left; font-size: 10px; text-transform: uppercase; margin:10px 0px 0px 10%}
.dealer_charging_btn{color: #fff; float: left; font-size: 12px;font-family: "bmwtypenextttregular"; border:1px solid #fff; margin-top: 0px; padding:8px 12px; margin-left: 20px;}

.d-md-inline-block {display: inline-block!important;}
.d-md-none {display: none!important;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}
.header .top_header .top_right{position: absolute;right: 100px;top: 0px;transition: all 0.4s ease-in-out;}
.spriteIcons, .header .top_header .top_right .btn.call, .header .top_header .top_right .btn.drive, .header .top_header .top_right .btn.location, .flexi-box .close-btn, .flexi-box .base-slider .owl-nav button span {
    background-image: url(../images/sprite-icons.png);
    background-repeat: no-repeat;
}
.header .top_header .top_right .btn.location {background-position: -53px -7px;}
.header .top_header .top_right .btn {padding-left: 8px;padding:0px;width: 45px;height: 36px;position: relative;}
.btn-link {font-weight: 400;color: #007bff;text-decoration: none;}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.header .top_header .top_right .btn.call {background-position: -2px -7px;}
.header .top_header .top_right .btn.call:hover {background-position: -2px -57px;}
.header .top_header .top_right .btn.drive {background-position: -103px -7px;}
.header .top_header .top_right .btn.drive:hover {background-position: -103px -57px;}
.header .top_header .top_right .btn.location {background-position: -53px -7px;}
.header .top_header .top_right .btn.location:hover {background-position: -53px -57px;}
.header .top_header .top_right .btn .phone-number {left: -4px !important;}
.header .top_header .top_right .btn .phone-number {left: 0px;top: 40px;display: none;position: absolute;background-color: #262626;border-radius: 3px;box-shadow: 0 0 5px #000;font-size: 14px;font-family: "bmwtypenextttregular";color: #ffffff;white-space: nowrap;transition: all 0.4s ease-in-out;padding: 10px;z-index: 3;}
.header .top_header .top_right .btn .phone-number ul {list-style: none;padding: 0;}
.header .top_header .top_right .btn .phone-number ul li {display: block;padding: 3px 5px;color: #fff;font-size: 11px;text-align: left;}
a.navbarbrand {position: absolute;transition: all 0.4s ease-in-out;right: 0px;max-width: 60px;top: 30px;padding: 15px;z-index: 3;}
.img-fluid {max-width: 100%;height: auto;}
.navigation {background:#404040;position: relative;padding: 20px 0px; width: 100%; float: left;}
.navigation ul{list-style:none;margin:0px;padding: 0px;}
.navigation ul li{float: left;}
.navigation ul li a{color: #fff;font-size: 16px;font-family: 'bmwtypenextttbold';padding: 18px 10px;}
.navigation ul li a:hover{border-bottom: 4px solid #fff;}
#call_number {top: 0;position: absolute;width: 50px;height: 50px;left: -20px;}