.vehicle-body{color:#353535}.vehicle-body a:visited,.vehicle-body .alink:visited{color:#2387c0}.vehicle-body .f-right{float:right}.vehicle-body .body-header-container .mobil-header{font-weight:400;margin-bottom:0}.vehicle-body .body-header-container .mobil-header span{color:#1d8f0b}.vehicle-body .body-header-container .mobil-hint{margin:4rem 0 2.5rem;font-size:1.4rem;width:100%;overflow:hidden;display:flex;flex-wrap:wrap}.vehicle-body .body-header-container .mobil-hint .left{overflow:auto;flex:1;margin-right:20px}.vehicle-body .body-header-container .mobil-hint .left .compare-img{width:90%}.vehicle-body .tips{display:inline-block;padding:8px 15px;font-size:1.2rem;background-color:#fdffdf;margin-bottom:10px}.vehicle-body .tips .tips-text{color:#f57c33}.vehicle-body .search-title{font-weight:700;font-size:1.6rem;margin-top:2.5rem}.vehicle-body .search-bar-container{display:flex;justify-content:flex-start;align-items:center;margin:5px 0}.vehicle-body .search-bar-container .search-bar{width:256px;background-color:#fff;line-height:100%;box-sizing:border-box;flex:0 1 636px;border:1px solid #ccc}.vehicle-body .search-bar-container .search-bar input{width:100%;height:38px;line-height:38px;font-size:1.6rem;color:#333;border:0;line-height:normal;outline:none;-webkit-appearance:none}.vehicle-body .search-bar-container .search-bar input:focus{box-shadow:none}.vehicle-body .search-bar-container .search-button{width:84px;height:40px;background-color:#1d8f0b;line-height:40px;text-align:center;cursor:pointer;flex:none}.vehicle-body .search-bar-container .search-button span{font-size:1.2rem;color:#fff}.vehicle-body .search-bar-container .search-button .search_icon{font-size:16px;color:#fff}.vehicle-body .search-bar-container .mb_icons{font-family:mb_icons !important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1}.vehicle-body .select-container{min-height:300px}.vehicle-body .select-container .items h3{font-weight:700}.vehicle-body .select-container .items ul{list-style-type:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.vehicle-body .select-container .items ul li{margin:10px}.vehicle-body .select-container .items ul li a{display:block;padding:15px}.vehicle-body .select-container .items ul li .name{display:block;text-align:center;font-size:1.2rem;color:#2387c0}.vehicle-body .select-container .items ul li .img{object-fit:contain}.vehicle-body .select-container .items.brands ul li{transition:opacity .2s}.vehicle-body .select-container .items.brands ul li .img{max-height:100px}.vehicle-body .select-container .items.brands ul li:hover{opacity:.7}.vehicle-body .select-container .border ul li.item{border:1px solid #e0e0e0;border-radius:10px;transition:border .2s}.vehicle-body .select-container .border ul li.item:hover,.vehicle-body .select-container .border ul li.item:focus,.vehicle-body .select-container .border ul li.item:active{border-color:#2387c0}.vehicle-body .select-container .reprog-header{margin-bottom:4rem}.vehicle-body .select-container .reprog-header .reprog-breadcrumb{padding:0;margin:0;list-style-type:none;display:flex}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li{font-size:1.2rem;text-align:center;border-top:1px solid #e0e0e0;margin-top:30px;padding:0 5% 0 0}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li:first-child{text-align:left;padding:0;line-height:unset;background-color:#fff}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li:first-child img{width:90px;margin-top:-44px;background-color:#fff;padding-right:10px;vertical-align:middle;object-fit:contain;max-height:80px}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li:first-child .txt{width:90px;margin-top:0;text-align:center}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li:first-child .txt:before{display:none}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li a,.vehicle-body .select-container .reprog-header .reprog-breadcrumb li span{display:block}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li.active .txt{color:#000}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li .txt{color:#c8c9cc;margin-top:15px;position:relative;display:block}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li .txt:before{position:absolute;top:0;left:50%;content:" ";background-color:#c8c9cc;height:1em;width:1em;border-radius:1em;margin:0 auto;margin-top:-23px;margin-left:-.5em}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li a{transition:.2s}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li a .txt{color:#000}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li a .txt:before,.vehicle-body .select-container .reprog-header .reprog-breadcrumb li.active .txt:before{height:25px;width:25px;background-color:#fff;background-image:url('../images/check-icon.png');background-size:25px auto;background-repeat:no-repeat;margin-top:-30px;margin-left:-13px}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li a:hover{opacity:.7}.vehicle-body .select-container .reprog-header .reprog-breadcrumb .col-sm-2{width:16.66667%}.vehicle-body .select-container .reprog-title{color:#ddd;font-size:48px;font-weight:700;border-bottom:1px solid #eee;padding-bottom:5px}.vehicle-body .select-container .items .cart-logo{float:right;margin-top:-50px}.vehicle-body .select-container .content-loading-icon{width:100px;margin:80px auto}.vehicle-body .select-container .loading-icon{display:inline-block;position:relative;width:80px;height:80px}.vehicle-body .select-container .loading-icon div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #ccc;border-radius:50%;animation:loading-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#ccc transparent transparent}.vehicle-body .select-container .loading-icon div:nth-child(1){animation-delay:-.45s}.vehicle-body .select-container .loading-icon div:nth-child(2){animation-delay:-.3s}.vehicle-body .select-container .loading-icon div:nth-child(3){animation-delay:-.15s}.vehicle-body .select-container .brand-py-bar{margin-bottom:15px}.vehicle-body .select-container .brand-py-bar .item{display:inline-block;white-space:nowrap;margin-right:10px;padding:2px 10px;text-align:center;transition:background .2s}.vehicle-body .select-container .brand-py-bar .item:hover,.vehicle-body .select-container .brand-py-bar .item:focus,.vehicle-body .select-container .brand-py-bar .item:active,.vehicle-body .select-container .brand-py-bar .item.selected{background:#00594e;color:#fff}.vehicle-body .oil-consumption{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;box-shadow:0px 7px 12px #ccc;padding:20px}.vehicle-body .oil-consumption .title{border-bottom:1px solid #ccc;padding-bottom:5px;font-size:1.6rem;font-weight:700}.vehicle-body .oil-consumption .content{padding:8px 0;font-size:1.6rem}.vehicle-body .oil-consumption .percent{color:red}.vehicle-body .feedback,.vehicle-body .feedback a{font-size:1.4rem;margin-bottom:3rem;margin-top:2rem}.vehicle-body .feedback a{color:#2387c0}.vehicle-body .disclaimer{font-size:1.4rem;text-align:left;margin-top:1.6rem}.vehicle-body .disclaimer p{line-height:1.5;font-size:1.4rem;margin-bottom:16px}.vehicle-body .carts.items.border img{display:none}.vehicle-body .carts.items.border span{display:inline-block}.vehicle-body .no-data-tips{font-size:16px;color:#4a8847;background-color:#dff0d8;border:1px solid #d6e9c6;border-radius:5px;padding:16px;margin-top:10px;margin-bottom:10px}.group-name{position:relative;padding-left:12px;margin-left:10px;font-weight:700;text-align:left}.group-name:before{content:'';display:inline-block;height:86%;width:4px;background:blue;position:absolute;left:0;top:2%}.recommended-oil{border-collapse:collapse;border-color:#e4e4e4}.recommended-oil thead{background:#f5f5f5}[lang=fr] .recommended-oil thead th,[lang=en] .recommended-oil thead th{white-space:wrap !important}@keyframes loading-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.navigation.navigation-brand:hover,.navigation.navigation-brand:focus,.navigation.navigation-brand:visited,.navigation.navigation-brand:active{background:#fff}.navigation.navigation-brand .level0.parent>.level-top{padding-right:30px}.navigation.navigation-brand .level0 .submenu{font-size:1.2rem;padding:10px 0;display:block;opacity:0}.navigation.navigation-brand .level0 .submenu li{float:left}.navigation.navigation-brand .level0 .submenu a:hover,.navigation.navigation-brand .level0 .submenu a.ui-state-focus{background:0 0;color:#ff5501}.navigation.navigation-brand .level0 .submenu .active>a{border:none;color:#ff5501}.navigation.navigation-brand .ui-menu-icon:after{font-size:30px !important}.navigation.navigation-brand #brand-menu:hover,.navigation.navigation-brand #brand-menu:focus,.navigation.navigation-brand #brand-menu:visited,.navigation.navigation-brand #brand-menu:active{background:#fff;box-shadow:0 5px 13px -2px rgba(0,0,0,.2)}.recommended-container.customized-scrollbar{overflow:hidden}@media only screen and (max-width:768px){.vehicle-body.hasMore .select-container .items ul{margin-bottom:40px}.vehicle-body.hasMore .select-container .items-container{height:390px}.vehicle-body.hasMore .select-container .view-more{display:block}.vehicle-body .body-header-container{overflow:hidden}.vehicle-body .body-header-container .mobil-header{font-size:1.6rem}.vehicle-body .body-header-container .mobil-hint{margin:10px 0}.vehicle-body .body-header-container .mobil-hint .left{margin-bottom:10px;max-width:100%}.vehicle-body .body-header-container .mobil-hint .right{width:100%}.vehicle-body .body-header-container .f-right{margin:10px 0}.vehicle-body .select-container .reprog-title{font-size:1.6rem;color:#000;padding-bottom:8px;margin:10px 0;line-height:30px}.vehicle-body .select-container .reprog-header{margin-bottom:15px;margin-top:15px}.vehicle-body .select-container .reprog-header .reprog-breadcrumb{padding:10px 0}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li{margin:0}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li:first-child .txt{width:30px !important;padding:0;text-align:left}.vehicle-body .select-container .reprog-header .reprog-breadcrumb li:first-child img{width:30px;height:30px;object-fit:contain;margin-top:-20px;padding-right:5px}.vehicle-body .select-container .items h3{font-size:1.4rem;font-weight:400}.vehicle-body .select-container .items .flex-column ul{display:grid;grid-template-columns:repeat(3,1fr)}.vehicle-body .select-container .items ul li{margin:5px;height:110px;text-align:center;border:2px solid #fff;border-radius:10px}.vehicle-body .select-container .items ul li:hover,.vehicle-body .select-container .items ul li:focus,.vehicle-body .select-container .items ul li:active{border-color:#1c4feb !important}.vehicle-body .select-container .items ul li a{padding:2px;height:100%}.vehicle-body .select-container .items ul li .name{font-size:1rem;white-space:pre-wrap;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;text-overflow:-o-ellipsis-lastline;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.vehicle-body .select-container .items.carts.border li{border:2px solid #d2d2d2;height:auto}.vehicle-body .select-container .items.carts.border li:hover,.vehicle-body .select-container .items.carts.border li:focus,.vehicle-body .select-container .items.carts.border li:active{border-color:#1c4feb}.vehicle-body .select-container .items.row-filled-layout ul{display:block}.vehicle-body .select-container .items.row-filled-layout ul li{margin:15px 20px;height:auto;line-height:24px;border-radius:10px;border:2px solid #d2d2d2}.vehicle-body .select-container .items.row-filled-layout ul li a{padding:8px}.vehicle-body .select-container .items.row-filled-layout ul li .name{font-size:1.2rem;white-space:pre-wrap;display:inline-block;overflow:unset;color:#000}.vehicle-body .select-container .items .cart-logo{float:none;margin:0;text-align:center}.vehicle-body .select-container .items .cart-logo img{max-height:100px;object-fit:contain}.vehicle-body .select-container .view-more{display:none;position:absolute;bottom:0;left:0;right:0;background:#fff;height:40px;width:100%;z-index:98;text-align:center;line-height:40px;padding:0;border:none;font-weight:400}.vehicle-body .items-container{position:relative;overflow:hidden;box-shadow:0 5px 13px -2px rgba(0,0,0,.2);transition:height .2s ease-out;padding:20px 10px;margin-top:15px}.vehicle-body .items-container.active{height:auto !important}.vehicle-body .items-container .img{object-fit:contain;max-height:70px}.vehicle-body .search-bar-container{margin:0 0 10px}.vehicle-body .oil-consumption{grid-template-columns:repeat(2,1fr) !important;box-shadow:none;border:none;padding:0}.vehicle-body .oil-consumption .item{background:#252933;color:#fff;border-radius:5px;font-weight:700;padding:20px 10px}.vehicle-body .oil-consumption .item.before{border-top-right-radius:0;border-bottom-right-radius:0}.vehicle-body .oil-consumption .item.before .title{color:#8f9197}.vehicle-body .oil-consumption .item.after{border-top-left-radius:0;border-bottom-left-radius:0}.vehicle-body .oil-consumption .item.after .title{color:#d3f9d2}.vehicle-body .oil-consumption .item.last{grid-column-start:span 2;margin-top:20px;background:#1d8f0b;color:#fff;display:flex;justify-content:center;align-items:center}.vehicle-body .oil-consumption .item.last .title{font-size:1.6rem}.vehicle-body .oil-consumption .item .content{font-size:1.6rem;text-align:center;padding:8px}.vehicle-body .oil-consumption .item .title{font-size:1.2rem;border-bottom:none !important;text-align:center;padding-bottom:0}.vehicle-body .oil-consumption .item .percent{color:#fff}.vehicle-body .step-container{position:fixed;bottom:57px;left:0;background:#fff;width:100%;padding:10px 0;text-align:center;z-index:98}.vehicle-body .step-container .btn-prev{display:inline-block;border-radius:25px;border:1px solid #ddd;padding:8px 0;color:#000;font-size:1.2rem;margin:5px 0;width:70%}.navigation.navigation-brand{background:0 0}.navigation.navigation-brand .parent .level-top:after,.navigation.navigation-brand .all-category{display:none !important}.navigation.navigation-brand .level0.parent>.level-top{font-size:1.4rem}.navigation.navigation-brand li.level0.level-top.parent{border:none}.navigation.navigation-brand .level0 .submenu{padding:0 !important}.recommended-container.customized-scrollbar{height:auto !important}}