/*TEMP NAV*/
body > header .navbar.navbar-default .navbar-collapse .nav.navbar-nav{position:relative}
body > header .navbar.navbar-default .navbar-collapse .nav.navbar-nav li.navService.dropdown{position:unset;}
body > header .navbar.navbar-default .navbar-collapse .nav.navbar-nav li.navService.dropdown > .dropdown-menu {margin-left:0px}
body > header .navbar.navbar-default .navbar-collapse .nav.navbar-nav li.navService.navService > .dropdown-menu > .servicesall > .hdrserviceall li{margin-left:18px;}
body > header .navbar.navbar-default .navbar-collapse .nav.navbar-nav li.navService.navService > .dropdown-menu > .servicesall > .hdrserviceall a {padding:0px;}
body > header .navbar.navbar-default .navbar-collapse .nav.navbar-nav li.navService.navService > .dropdown-menu > .servicesall > .hdrserviceall a::before{content:"\e6c2";content:"";font-family:boschicon;font-size:16px;}
body > header .headerLogoMenu > .navbar .navbar-nav > .navService > .dropdown-menu > .servicemenu > .hdrservicetert li{list-style:none;}
body > header .headerLogoMenu > .navbar .navbar-nav > .navService > .dropdown-menu > .servicemenu > .hdrservicetert li.menu-icon > a::before{content:"";font-family:boschicon;margin-right:6px;line-height: 28px;font-size: 28px;vertical-align: middle;}
body > header .headerLogoMenu > .navbar .navbar-nav > .navService > .dropdown-menu > .servicemenu > .hdrservicetert li > a:hover{text-decoration: none;}
body > header .headerLogoMenu > .navbar .navbar-nav > .navService > .dropdown-menu > .servicemenu > .hdrservicetert li.menu-icon.oil-lamp > a::before{content:"\e3c9"}
body > header .headerLogoMenu > .navbar .navbar-nav > .navService > .dropdown-menu > .servicemenu > .hdrservicetert li.menu-icon.brake-disc > a::before{content:"\e0bf"}
body > header .headerLogoMenu > .navbar .navbar-nav > .navService > .dropdown-menu > .servicemenu > .hdrservicetert li.menu-icon.vehicle-diagnostic-check > a::before{content:"\f02f6"}
body > header .headerLogoMenu > .navbar .navbar-nav > .navService > .dropdown-menu > .servicemenu > .hdrservicetert li.menu-icon.wheel-vehicle > a::before{content:"\e746"}
body > header > .headerTop{display:flex;}
body > header > .headerLogoMenu{border-bottom: 1px solid var(--color-mediumgrey)}
body > header > .headerLogoMenu > .logoText{margin-right:0;}
body > header > .headerLogoMenu > nav.navbar .navbar-collapse{padding-right:0;}
body > header > .headerLogoMenu > nav.navbar > .navbar-collapse > .nav.navbar-nav > li:last-of-type > a{padding-right:0}
body > header .navbar.navbar-default .navbar-collapse.in{top:98px;}
body > header[data-scrolled='true'] > .headerLogoMenu > .logo,
body > header[data-scrolled='true'] > .headerLogoMenu > .logoText,
body > header[data-scrolled='true'] > .headerTop {opacity: 0;height: 0;}
body > header[data-scrolled='true'] > .headerLogoMenu{padding-top:0}
body > header[data-scrolled='true'] .navbar.navbar-default .navbar-collapse.in{top:54px;}

body > .stickyFtr{display:block;background-color:var(--color-palegrey);width:100%;border-top:1px solid var(--color-mediumgrey);z-index:15;}
body > .stickyFtr .headerCTAwrap{display:flex;flex:content;justify-content:center;padding:0 6vw;}
body > .stickyFtr .headerCTAwrap .headerCTA{display:block;margin-bottom:0;margin-top:0;padding:0 0 6px;width:100%;text-align:center}
body > .stickyFtr .headerCTAwrap .headerCTA li{display:inline-block;width:40vw;max-width:18ch;padding:0;margin-top:6px;float:none;font-weight:700;background-color:#eb1c24;}
body > .stickyFtr .headerCTAwrap .headerCTA li + li{margin-left:10px;}
body > .stickyFtr .headerCTAwrap .headerCTA li a{color:#FFF;padding:10px 0;display:block;border:2px solid #eb1c24;background-color:#eb1c24;}
body > .stickyFtr .headerCTAwrap .headerCTA li a:hover{color:#eb1c24;background-color:#FFF;text-decoration:none;}

@media (max-width: 767px) {
  body > header[data-scrolled='true'] ~ .stickyFtr{padding-bottom:20px;}
  body > .stickyFtr .headerCTAwrap .headerCTA li{font-size:14px;}
}

@media (max-width: 991px) {
  body > header > .headerLogoMenu > nav.navbar .navbar-collapse{max-width:420px}
  body > header .navbar.navbar-default .navbar-collapse.in{width:100vw;max-width:none;margin-left:0px;margin-right:0vw;max-height:70vh !important;padding-left:5vw;left:0;overflow-y:scroll !important;scrollbar-width:thin;scrollbar-color:#ccc #fff;}
  body > header > .headerLogoMenu > nav.navbar .navbar-collapse .nav.navbar-nav{display:block !important;margin:0;}
  body > header > .headerLogoMenu > nav.navbar .navbar-collapse .nav.navbar-nav li.dropdown{float:none !important;}
  body > header > .headerLogoMenu > nav.navbar .navbar-collapse .nav.navbar-nav li.dropdown > ul.dropdown-menu{display:none;max-height: none;border-style: none !important;}
  body > header > .headerLogoMenu > nav.navbar .navbar-collapse .nav.navbar-nav li.dropdown > ul.dropdown-menu > li{ padding-left:10px;}
  body > header > .headerLogoMenu > nav.navbar .navbar-collapse .nav.navbar-nav li.dropdown.navService > ul.dropdown-menu > li{ padding-left:0;}
  body > header > .headerLogoMenu > nav.navbar .navbar-collapse .nav.navbar-nav li.dropdown[data-exp="exp"] > .dropdown-menu {position:relative !important;padding-top:0 !important;padding-left:2vw;left:0;}
  body > header .navbar.navbar-default .navbar-collapse .nav.navbar-nav li.navService.dropdown > .dropdown-menu {margin-left:0;width:calc(100% - 14px);}
  body > header > .headerLogoMenu > nav.navbar .navbar-collapse .nav.navbar-nav li.dropdown > a[href^="javascr"]:after{content:"\e147";}
  body > header[data-mblmask="true"] .navMenuBack{position:fixed;top:103px;bottom:0;left:0;right:0;background-color:#fff}
  body > header[data-mblmask="true"] > .headerLogoMenu{border-bottom-style:none;}
  body > header[data-scrolled='true'][data-mblmask="true"] .navMenuBack{top:60px;}
  body > header[data-scrolled='true'] ~ .stickyFtr{position:fixed;bottom: 0;}
  body > header > .headerLogoMenu, body > header[data-menustate='show'] > .headerLogoMenu{display:flex;}
  body > header[data-menustate='hide'] > .headerLogoMenu{display:none;}
}

@media (min-width: 992px) {
  body > header .navbar.navbar-default .navbar-collapse .nav.navbar-nav li.navService.dropdown > .dropdown-menu{
    scrollbar-width:thin;scrollbar-color:#fff #fff;}
  body > header[data-scrolled=true] .navbar.navbar-default .navbar-collapse .nav.navbar-nav li.navService.dropdown > .dropdown-menu{}
  body > header .headerTop .headerCTAwrap .headerCTA li + li{margin-left:32px;}
  body > header .navbar.navbar-default.navbar-right{flex-basis:100%;padding-top:10px;justify-content:right;}
  body > header .navbar.navbar-default.navbar-right .navbar-nav > li:last-of-type > a::before{content:"";display:inline;padding-right:20px;width:1px;height:14px;border-left:1px solid var(--color-mediumgrey);}
  body > header .navbar.navbar-default.navbar-right .navbar-nav .navService.dropdown .dropdown-menu{left:auto !important;right:0;}
  body > header .navbar.navbar-default .navbar-collapse .nav.navbar-nav .dropdown:hover > .dropdown-menu{border:1px solid var(--color-mediumgrey);border-top-style:none;}  
  body > .stickyFtr{display:none;}
  
  body > header[data-scrolled=true] ~ .stickyFtr{display:block;position:fixed;top:28px;z-index:200;width:calc(345px + 6vw);background-color:transparent;border-top:none;}
  body > header[data-scrolled=true] ~ .stickyFtr .headerCTAwrap{padding-right:0px}
  body > header[data-scrolled=true] ~ .stickyFtr > .headerCTAwrap > ul > li{margin:0 5px 0 0;width:auto;float:left;}
  body > header[data-scrolled=true] ~ .stickyFtr > .headerCTAwrap > ul > li + li{margin:0 0 0 10px;}
  body > header[data-scrolled=true] ~ .stickyFtr > .headerCTAwrap > ul > li > a{padding:0 5px;}
}