/* Copyright (C) genet, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.tm-white { color: #fff; }
.tm-grey1 { color: #e6e6e6; }
.tm-gray4 { color: #f2f2f2; }
.tm-anthracite { color: #262626; }
.tm-grey2 { color: #666; }
.tm-grey3 { color: #bbb; }
.tm-grey5 { color: #4d4d4d; }
.tm-grey6 { color: #8e8e8e; }
.tm-blue1 { color: #1c69d4; }
.tm-blue2 { color: #0653b6; }

.uk-slidenav-position .uk-dotnav { bottom: -50px; }
.uk-dotnav > * > * {
    width: 10px;
    height: 10px;
}
.uk-dotnav-contrast > li > *, .uk-dotnav-contrast > li > * {
    background: rgba(0, 0, 0, 0.3);
}
.uk-dotnav-contrast > .uk-active > * {
    background: #1c69d4;
    width: 12.5px;
    height: 12.5px;
    margin-top: -1px;
}
.uk-dotnav-contrast > li:hover > * {
    background: rgba(0, 0, 0, 0.9);
}

.plg_system_eprivacy_message { display: none; }
.uk-mobile-quick { min-width: 200px; margin-top: 15px; }
.uk-mobile-quick .uk-subnav { margin-left: 15px; }
.uk-mobile-quick .uk-subnav > * { padding-right: 10px; }

.tm-slideshow .uk-slideshow .uk-overlay-panel { max-width: 1000px; }
.tm-navlinks { margin: 0; padding: 10px 0 0 0; }
.tm-navlinks > li { cursor: pointer; width: 100%; display: block; border-top: 5px solid darkgrey; padding-top: 4px; margin: 0 5px 0px 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.tm-navlinks > li:first-child { margin-left: 0; }
.tm-navlinks > li:last-child { margin-right: 0; }
.tm-navlinks > li > a { color: #666666; font-weight: bold; font-size: 15px; }
.tm-navlinks > li > a:hover { text-decoration: none; color: #1c69d4; }
.tm-navlinks > li.uk-active { border-top: 5px solid #1c69d4; }
.tm-navlinks > li.uk-active > a { color: #1c69d4; }
.tm-dealermod-wrap { top: 0; left: 0; right: 0; bottom: 0; }
.tm-dealermod { background: #f2f2f2; padding: 40px 20px; text-align: left; }
.tm-dealermod h4 { margin-top: 20px; margin-bottom: 20px; }
.tm-dealermod .uk-button { width: 100%; }
.tm-slidebottom { height: auto!important; }
.tm-slidebottom > li { position: relative !important; height: auto!important; display: none; }
.tm-slidebottom > li.uk-active { display: block; }

.tm-headerbar { z-index: 1; position: relative; }

.tm-menu .uk-dropdown { background: none; margin: 0px; padding: 30px 0 0 0; font-size: 14px; margin-left: auto !important}
.tm-menu .uk-dropdown > li > a { padding: 0; color: #fff; margin-bottom: 20px; }
.tm-menu .uk-dropdown > li > a:hover, .tm-menu .uk-dropdown > li > a:focus, .tm-menu .uk-dropdown > li:active > a { background: none; color: #0653b6; }

.uk-panel-box { background: none; border: 1px solid #e6e6e6; padding-bottom: 30px; }

#tm-slideshow { position: relative;max-width: 1680px; margin: 0 auto;}
#tm-slideshow li > div { padding-top:  170px;}

.tm-header .uk-icon.uk-icon-burger-menu { color: #ffffff; }

.tm-sidemod-wrap { top: 0; left: 0; right: 0; bottom: 0; }
.tm-sidemod { background: #f2f2f2; }
.tm-sidemod h4 { margin-top: 20px; margin-bottom: 20px; }
@media (min-width: 1220px) and (max-width: 1420px) {
	.tm-sidemod p { margin-bottom: 10px; }
	.tm-sidemod * + p { margin-top: 10px; }
	/*.uk-button { padding: 0 20px; }*/
}

.tm-header {
    background: linear-gradient(0deg,transparent,rgba(0,0,0,.4));
}
.tm-headerbar > .uk-container { position: relative; }
.tm-logo { position: relative; width: 120px; }
.tm-logo > div { position: absolute; right: 0; top: 0; z-index: 999; }
.tm-logo img{margin-top: 11px}

#tm-top-a { margin-top: 90px; }
#tm-top-b { margin-top: 90px; }
.tm-top-a > div > .uk-panel > .uk-panel-title { margin-bottom: 45px; }
.tm-top-b > div > .uk-panel > .uk-panel-title { margin-bottom: 45px; }

.bmw-category { position: relative; min-height: 220px; border-bottom: 1px solid #e6e6e6; }
.bmw-category > .uk-grid > .uk-panel { min-height: 192px; min-width: 300px; }
.bmw-category-name { font-family: "bmwTypeWebLightAll"; top: 10px; left: -10px; font-size: 96px; z-index: 0; position: absolute; line-height: 1; white-space: nowrap; color: #e6e6e6; font-weight: 300; }
@media only screen and (min-width: 981px) {
    .bmw-category-name { font-size: 118px; }
    .tm-bmw-panel > .tm-bmw-show-more { display: none; }
    .tm-bmw-panel > .tm-current-offer { display: none; }
    .tm-bmw-panel .tm-bmw-image { display: block; width: 296px; height: 167px; max-width: 100%; }
    .tm-bmw-panel .tm-bmw-image img {
        -webkit-transition: max-width 0s;
        -moz-transition: max-width 0s;
        -o-transition: max-width 0s;
        transition: max-width 0s;
    }
    .tm-bmw-panel:hover {
        position: absolute;
        /*width: 110%;*/
        box-shadow: 5px 8px 25px 0 rgba(0,0,0,.2);
        padding: 15px;
        background: #fff;
        left: -5px;
        top: -14px;;
        z-index: 9;
    }
    .tm-bmw-panel:hover .tm-bmw-image img {
        position: absolute;
        max-width: 104%;
        -webkit-transition: max-width 0.3s;
        -moz-transition: max-width 0.3s;
        -o-transition: max-width 0.3s;
        transition: max-width 0.3s;
        margin-top: -5px;
        margin-left: -5px;
    }
    .tm-bmw-panel:hover > .tm-bmw-show-more { display: block; }
    .tm-bmw-panel:hover > .tm-current-offer { display: block; }
}

.tm-bmw-image { cursor: pointer; }
.tm-bmw-title { cursor: pointer; font-family: "bmwTypeWebBoldAll"; }
.bmw-card { border: 1px solid #bbb; padding: 15px; margin-top: 20px !important; margin-left: -15px; margin-right: -15px; position: relative; }
.bmw-card:after, .bmw-card:before { left: 50%; bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.bmw-card:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 15px; margin-left: -15px; }
.bmw-card:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #aaa; border-width: 16px; margin-left: -16px; }
.bmw-card.middle:after, .bmw-card.middle:before { left: 50%; right: auto; }
.bmw-card.left:after, .bmw-card.left:before { left: 17%; right: auto; }
.bmw-card.right:after, .bmw-card.right:before { right: 17%; left: auto; }
@media only screen and (max-width: 1024px) {
	.uk-thumbnav > * > * > img { max-width: 100px; }
    .bmw-card { margin-left: 5px; }
}
.tm-card-close { font-size: 11px; position: absolute; cursor: pointer; right: 15px; width: 20px; height: 20px; line-height: 20px; background: #0653b6; color: #fff; text-align: center; }

.uk-panel-title { font-size: 35px; line-height: 35px; text-transform: uppercase; color: #262626; }
.uk-button.uk-button-link { padding: 0; line-height: 14px; min-height: auto; }

.uk-contrast .uk-button-primary { background: #1c69d4; }
.uk-contrast .uk-button-primary:hover {background-color: #0653b6; color: #fff;}
.tm-button { color: #000; font-family: "bmwTypeWebBoldAll"; }
.tm-button:hover { text-decoration: none; }
.tm-button-icon { width: 24px; height: 24px; line-height: 26px; font-size: 10px; text-align: center; display: inline-block; margin-right: 12px; }

.uk-button-link { color: #000; font-family: "bmwTypeWebBoldAll"; }
.uk-button-link:before { font-family: FontAwesome; display: inline-block; font-weight: normal; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f054"; margin-right: 6px; }
.uk-button-link:hover { color: #0653b6; text-decoration: none; }
/*
.uk-accordion-title { background: none; line-height: 40px; padding: 10px 0; border-top: 1px solid #e6e6e6; margin-bottom: 0; }
.uk-accordion-title.uk-active:before { content: '-';}
.uk-accordion-title:before { margin-right: 10px; float: left; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 30px; content: '+'; background: #1c69d3; color: #fff; }
.uk-accordion-title:after { display: block; content: ''; width: 100%; clear: both; }
.uk-accordion-content { padding: 0 0 30px 0; }
*/
.tm-sticky-wrap { height: 0; overflow: hidden; }
.tm-sticky { background: #8e8e8e; padding: 4px 0; }
.tm-content .uk-slideshow .uk-overlay-panel h3 { color: #444; }
.tm-content .uk-slideshow .uk-overlay-panel.uk-contrast h3 { color: #fff; }

@media (max-width: 1220px) {
    h3.uk-panel-title{font-size: 27px !important;}
}

@media (min-width: 1220px) {
    .tm-slideshow .uk-overlay-panel {/* padding: 20px; */padding: 5%;}
    .tm-sidemod .uk-grid-margin { margin-top: 0; }

    #tm-slideshow .uk-h1 {font-size: 48px;}
    .tm-slideshow-content{font-size: 25px; font-family: 'bmwTypeWebBoldAll'}
}

@media (max-width: 420px) {
   .tm-sticky .uk-button {padding: 0px 32px;}
}

.tm-services-widget .uk-button-primary{ width: 66.666% }

@media (max-width: 420px) {
   .tm-services-widget .uk-button-primary{ width: 100% }
}




/* New Template */

.tm-menu-new > ul > li { display: block; padding: 0 20px; float: left; position: relative; }
.tm-menu-new > ul > li > a { display: block; line-height: 100px; font-size: 15px; color: #ffffff; font-family: 'bmwTypeWebBoldAll'; }
.tm-menu-new > ul > li > a:hover { color: #ffffff; text-decoration: none; }
.tm-menu-new > ul > li.uk-active > a { color: #ffffff; text-decoration: none; }
.tm-menu-new > ul > li > a:hover:after { content: ''; position: absolute; bottom: 0; height: 4px; width: 100%; background-color: #1C69D4; left: 0; right: 0; }
.tm-menu-new > ul > li.uk-active > a:after { content: ''; position: absolute; bottom: 0; height: 4px; width: 100%; background-color: #1C69D4; left: 0; right: 0; }
.tm-menu-new > ul > li > ul { display: none; }
.tm-header { height: 100px; position: absolute !important; z-index: 999;}
/*.tm-header .uk-container { padding-right: 0px; padding-left: 0px;}*/
.tm-header .tm-header-left {  border-bottom: 1px solid rgba(230, 230, 230, 0.5);}
@media only screen and (max-width: 959px) { .tm-header .uk-container{border: none;}  }
.tm-quick-icons ul{ display: inline-block; float: right; }
.tm-quick-icons ul li { float: left; }
.tm-quick-icons ul li a { font-size: 0px; line-height: 100px; padding: 0 5px; color: #ffffff; position: relative; height: 100px; }
.tm-quick-icons ul li a:hover, .tm-quick-icons ul li a:focus { background: none; color: #ffffff; }
.tm-quick-icons ul li a:before { font-size: 48px; }
.tm-quick-icons ul li a:hover:after { content: ''; position: absolute; bottom: 0; height: 4px; width: 100%; background-color: #1C69D4; left: 0; right: 0; }

.tm-logo-new { margin-left: 20px; }
.tm-logo-new.hover { display: none; }


.tm-logo-new > div { position: relative; height: 100px; }
.tm-logo-new img { position: absolute; width: 53px; height: 55px; margin-top: 20px; z-index: 999; position: relative; /*-webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.2); box-shadow: 0 1px 6px 0 rgba(0,0,0,.2);*/ }
.tm-header-inner  {
    padding: 0px !important;
    border-bottom: 1px solid rgba(235, 235, 235, 1);
}
.tm-moto {
    text-align: right;
    padding-top: 12px;
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    font-family: bmwTypeWebLightAll,Arial,Helvetica,sans-serif;
}
.tm-menu-new   p, ul, ol, dl, blockquote, pre, address, fieldset, figure {
    margin: 0 0 0px 0;
}
/* Filters New Cars */
#models-filters { top: 101px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; }
#models-filters:before { position: fixed; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); }
#models-filters .uk-modal-filters { padding: 20px; background: #fff; position: relative; z-index: 1001; }
#models-filters .uk-modal-filters-close { width: 60px; height: 60px; font-size: 60px; position: absolute; top: 10px; right: 10px; line-height: 60px; cursor: pointer; }
#models-filters .uk-modal-filters-close:before { font-family: 'BMW_iconFont' !important; content: "\e90a"; }
.uk-filter-check { display: block; border: 2px solid #e6e6e6; padding: 10px; margin: 10px 0; text-align: center; }
.uk-filter-check.active { border-color: #1c69d4; color: #1c69d4; font-family: "bmwTypeWebBoldAll","Arial","Helvetica",sans-serif; }
#models-filters .uk-container { padding: 0; }
@media (min-width: 1275px) {
    #models-filters .uk-container { padding: 0 25px; }
    .uk-filter-check { outline: none; cursor: pointer; display: block; font-size: 1rem; padding: 10px 0; line-height: 32px; border: none; margin: 0; text-align: left; }
    .uk-filter-check.active { color: #262626; font-family: "bmwTypeWebBoldAll","Arial","Helvetica",sans-serif }
    .uk-filter-check:before { display: block; height: 30px; width: 30px; border: 2px solid #e6e6e6; content: ''; float: left; margin-right: 10px; text-align: center; }
    .uk-filter-check.active:before { border-color: #1c69d4; color: #fff; background-color: #1c69d4; background-size: 15px; content: "\2713"; font-size: 22px;}
}

ul.uk-subnav.bmw-subnav, div.bmw-subnav { border-bottom: 1px solid #e6e6e6; margin: 0; line-height: 60px; }
ul.uk-subnav.bmw-subnav li, div.bmw-subnav .slick-slide { padding: 0; font-family: "bmwTypeWebBoldAll","Arial","Helvetica",sans-serif; position: relative; }
ul.uk-subnav.bmw-subnav li > a, div.bmw-subnav .slick-slide > a { display: inline-block; color: #8e8e8e; padding: 0 30px; }
ul.uk-subnav.bmw-subnav li > a:hover, div.bmw-subnav .slick-slide > a:hover { text-decoration: none; }
ul.uk-subnav.bmw-subnav li > a:hover:after, ul.uk-subnav.bmw-subnav li.uk-active > a:after, div.bmw-subnav .slick-slide > a:hover:after, div.bmw-subnav .slick-slide.uk-active > a:after { text-decoration: none; content: ''; position: absolute; bottom: 0; height: 4px; width: 100%; background-color: #1C69D4; left: 0; right: 0; }
div.bmw-subnav .slick-prev {
    display: block;
    position: absolute;
    left: -30px;
    width: 40px;
    height: 40px;
    background: #fff;
    border: none;
    top: 10px;
    font-size: 0;
    outline: none;
    z-index: 10;
    cursor: pointer;
}
div.bmw-subnav .slick-prev:after {
    content: "\e90d";
    font-family: 'BMW_iconFont' !important;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 48px;
    color: #8e8e8e;
    line-height: 40px;
    margin-left: -12px;
}
div.bmw-subnav .slick-prev.slick-disabled { display: none !important; }
div.bmw-subnav .slick-next {
    display: block;
    position: absolute;
    right: -30px;
    width: 40px;
    height: 40px;
    background: #fff;
    border: none;
    top: 10px;
    font-size: 0;
    outline: none;
    z-index: 10;
    cursor: pointer;
}
div.bmw-subnav .slick-next:after {
    content: "\e90c";
    font-family: 'BMW_iconFont' !important;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 48px;
    color: #8e8e8e;
    line-height: 40px;
    margin-left: -12px;
}
div.bmw-subnav .slick-next.slick-disabled { display: none !important; }

.bmw-models { margin-bottom: 60px !important; }
.bmw-models #bmw-models-module, .bmw-models #bmw-designs-module { min-height: 206px; }

.uk-slick-slider .uk-panel { margin: 0 10px; }
.slick-initialized .slick-slide { outline: none; }

@media (max-width: 520px) {
    .tm-header > .uk-container {
        padding: 0 20px;
    }
}
.uk-second-menu > .uk-container > div > div> .second-level {line-height: 60px;     display: block;     border-right: 1px solid #E6E6E6;    padding: 0 30px;white-space: nowrap; text-overflow: ellipsis;    overflow: hidden;}
.uk-second-menu > .uk-container > div > div> .second-level > a {font-family: "bmwTypeWebBoldAll", "Arial", "Helvetica", sans-serif;/*position: relative;*/white-space: nowrap;text-align: left;   color: #8e8e8e;}
.uk-second-menu > .uk-container > .uk-grid > div > div > .uk-slider-container > ul{line-height: 60px;}
.uk-second-menu > .uk-container > .uk-grid > div > div > .uk-slider-container > ul > li, .uk-subnav-line > li {font-family: "bmwTypeWebBoldAll", "Arial", "Helvetica", sans-serif;/*position: relative;*/white-space: nowrap;}
.uk-second-menu > .uk-container > .uk-grid > div > div > .uk-slider-container > ul > li > a, .uk-subnav-line > li > a{ text-align: center;   color: #8e8e8e;padding: 0 20px; }
.uk-second-menu > .uk-container > .uk-grid > div > div > .uk-slider-container > ul > li.uk-active > a , .uk-subnav-line > li.uk-active > a{   content: '';  border-bottom: solid 4px #1C69D4; color: #8e8e8e;}
.uk-subnav-line > :nth-child(n+2):before { border:none;}
.uk-subnav-line {line-height: 60px;background: #fff;border-bottom: 1px solid #E6E6E6;}

.uk-second-menu > .uk-container > div > .uk-slider-container > ul >*, .uk-subnav.uk-subnav-line  > * {padding: 0;}
.tm-text-button-icon{line-height: 26px}



@media (max-width: 520px) {
    body > div.uk-container.uk-container-center{padding-left:20px !important;padding-right:20px !important}
}

.uk-mobile-navigation .uk-grid-menu > div > div > a {
    text-align: left;
    display: block;
    line-height: 80px;
    font-size: 15px;
    line-height: 20px;
    color: #262626;
    font-family: 'bmwTypeWebBoldAll';
}

.uk-mobile-navigation .uk-grid-menu > div >  div{padding: 22px;}

dt { font-family: "bmwTypeWebBoldAll", "Arial", "Helvetica", sans-serif; font-weight: normal; }
.bmw-category-items-wrapper > div > div.uk-panel { min-height: 206px; }




#tm-slideshow { position: relative;max-width: 1680px; margin: 0 auto; height: auto !important;}
#tm-slideshow li > div { padding-top:  170px;}


.graymode .tm-header {
    background: none;
}
.graymode .tm-content {
    padding-top: 150px;
}

.tm-footer > .uk-container > dl .uk-subnav {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tm-header .uk-container.uk-container-center {
    pointer-events: none;
}
.tm-header-inner {
    pointer-events: all;
}
.tm-logo-new {
    pointer-events: all;
}
@media only screen and (max-width: 959px) {
    .tm-header .tm-header-inner {
        border: none;
    }
    .tm-header .tm-moto {
        display: none;
    }
    .tm-logo-new img {
        width: 36px;
        height: 36px;
    }
    .uk-icon-burger-menu {
        margin-top: 4px;
    }
    #tm-slideshow li > div {
        padding-top:  0px;
    }
    .tm-logo-new img {
        margin-top: 18px;
    }
    .tm-header .uk-container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .tm-quick-icons ul li a {
        line-height: 75px;
    }
    .bmw-icon-extra-contact:before {
        content: "\61";font-size: 24px !important;line-height: 73px;}
}