/* Theme Name: Garage Binsfeld Theme URI: http://www.idp.lu/ Author: Kamel of IDP agency Author URI: http://idp.lu/equipe/ Description: Besoin d'un conseil, ou d'en savoir plus sur les dernières nouveautés de nos marques? Réputé pour la qualité de son accueil le garage Binsfeld est à votre disposition pour tout renseignement. Vous pourrez toujours compter sur l'expertise de nos vendeurs, mécaniciens et réceptionnistes. Entreprise familiale depuis plus de 45 ans, Garage Binsfeld se fait un plaisir de vous recevoir! Version: 1.0 License: GNU General Public License v2 or later License URI: Tags: garage, automobile, Kia, Mitsubishi, Mitsubishi Fuso, luxembourg Text Domain: binsfeld This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Red : #c40c18 Gray : #2d2c2c */ @import url('css/bootstrap.min.css'); @import url('css/owl/owl.carousel.css'); @import url('css/owl/owl.transitions.css'); @import url('css/owl/owl.theme.css'); @import url('css/fontello/fontello.css'); @import url('css/binsfeld/binsfeld.css'); /* ---------------------------------- bootstrap THEME ------------------------------------- */ body{color:#464343} a:hover{color:#c40c18} a:focus {outline: none!important; } a{color:#c40c18} a:hover img{opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;} /* .row img{max-width:100%} */ .btn-outline-inverse{ border: 1px solid #c40c18; color:#c40c18; background:transparent; } .btn-outline-inverse:hover{ border-color:#333;color:#333 } .lineTop{border-top:3px solid #c40c18;} .btn-table{display:table;} /* .modal-backdrop{background-color:#fff;} */ .modal-dialog-binsfeld{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);top:30%} .red{color:#c40c18} .form-control{border-radius:0px;height:40px} .mb50{margin-bottom:50px} .mt60{margin-top:60px} .img-responsive{width:100%;} .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{color:#c40c18} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background:#c40c18;border-color:#c40c18} .relative{position:relative} .btn{position:relative} /* animation */ .animate, .container {-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;} .animate-2{-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;} /* main header */ header#main-heading{background:rgba(196,12,24,0.8); height:110px; bottom:5%; position:absolute;z-index: 2; left:0; right:0; bottom:0; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.57);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.57);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.57);} header#main-heading{bottom: 15%;} /* main navbar */ #main-heading .navbar-nav > li > a{height:110px; display:table-cell; vertical-align:middle; color:#fff; text-transform:uppercase;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;padding:0px 18px; cursor:pointer;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; } #main-heading .navbar-nav > li > a:hover, #main-heading .navbar-nav > li.current-menu-item > a {background:rgba(255,255,255,0.5); /* transform:scale(1.1,1.1); */ -webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease;} #main-nav .navbar-nav > li > .sub-menu{display:none} /* full-screen */ .full-screen{background-repeat:no-repeat;-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;background-size: cover; } /* parallax */ .parallax {background-attachment: fixed;background-repeat:no-repeat;-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;background-size: cover;} .backgroundfiterblack{position:relative} .backgroundfiterblack:before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0; background:rgba(0,0,0,0.9);z-index:0} /* owl */ .owl-carousel .item img{display: block;width: 100%;height: auto;} .owl-caption{position:absolute;top:0; left:0; color:#fff; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;padding:3% 1.5%} /* anchor */ .anchor, .anchor:hover,.anchor:focus {text-decoration:none;outline:none;} /* ---------------------------------- CAROUSEL ------------------------------------- */ .carousel-fullscreen article{position:relative; overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;background-position:center} .carousel-fullscreen .owl-img{ visibility:hidden;} .carousel-fullscreen .owl-caption h1{text-transform:uppercase;font-size:40px;} .carousel-fullscreen .owl-p{border-bottom: 2px solid #c40c18; display:table;text-transform:uppercase; font-size:20px;padding-bottom:10px; margin-bottom:25px} .carousel-fullscreen .btn-outline-inverse{ border: 1px solid #ffffff; color:#fff;} .carousel-fullscreen .btn-outline-inverse:hover{background:rgba(255,255,255,0.4);color:#fff} .owl-triangle-top{position:absolute;top:0;right:0;border-bottom:118px solid transparent;border-right:325px solid rgba(255, 255, 255, 0.3);-webkit-transform-origin: 100% 0%;-ms-transform-origin: 100% 0%;-o-transform-origin: 100% 0%;transform-origin: 100% 0%;} .owl-triangle-bottom{position:absolute;bottom:0;right:0;border-top:300px solid transparent;border-right:600px solid rgba(255, 255, 255, 0.3);-webkit-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;transform-origin: 100% 100%;} [class*="owl-triangle-"]{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);} .carousel-fullscreen .owl-controls{position: absolute;top:40%;right:0;left:0;z-index: 2000;} .carousel-fullscreen .owl-theme .owl-controls .owl-buttons div{font-size:30px;height:45px;width:28px;overflow:hidden;padding: 0;font-family:'Glyphicons Halflings';background:none; color:#fff; position: absolute;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;} .carousel-fullscreen .owl-prev{left:-100px;} .carousel-fullscreen .owl-next{right:-100px;} .carousel-fullscreen:hover .owl-prev{left:20px;} .carousel-fullscreen:hover .owl-next{right:20px;} .carousel-fullscreen .owl-prev:before{content:"\e079"} .carousel-fullscreen .owl-next:before{content:"\e080"} .carousel-fullscreen {overflow: hidden} #single-carousel header#main-heading{bottom: 0%;} /* ----------------------------- COMMENTS ------------------------------ */ #comments{padding:50px 20px} .comments-area{border-top:1px solid #c40c18} .comments-title{color:#464343; text-transform:uppercase;font-size:25px; margin:0px 0 50px 0} .comment-carousel{padding:0 40px;position:relative} .comment-carousel h4{color:#c40c18; font-weight:bold; font-size:14px} .comment-carousel p{ font-style:italic} .comment-carousel .owl-controls{position:absolute;top:50%;left:0;right:0} #comments .comment-carousel .owl-prev, #comments .comment-carousel .owl-next{font-family:'Glyphicons Halflings'; background:none; color:#2d2c2c; font-size:30px;height:45px;width:28px;overflow:hidden;margin-top:-34px;padding:0;color:#c40c18} .comment-carousel .owl-prev{position:absolute;left:-10px;} .comment-carousel .owl-prev:before{content:"\e079"} .comment-carousel .owl-next{position:absolute;right:-10px} .comment-carousel .owl-next:before{content:"\e080"} .comment-form textarea{width:100%} .comment-form input[type="submit"]{background:none; border:1px solid #c40c18; color:#c40c18; line-height:40px; height:40px; padding:0 15px; border-radius:4px} .comment-respond{margin-top:75px} #comments .btn{font-size:15px} .commentrating{margin-right:15px} .comment-rating{color:#c40c18} /* -------------------------------- COVER ----------------------------------- */ .cover{height:525px;background-repeat:no-repeat;-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;background-size: cover; background-position:center;position:relative} .cover .cover-img {width:100%; visibility:hidden} /* ---------------------------------- HOME PAGE ------------------------------------- */ /* select yout brand */ #select-your-brand{position:fixed; top:0; left:0; right:0; background:rgba(0,0,0,0.6);padding:25px; color:#ffffff; text-align:center; z-index:100; text-transform:uppercase} #select-your-brand .sn-cancel{cursor:pointer;-webkit-border-radius:28px;-moz-border-radius:28px; border-radius:28px;border:1px solid #ffffff; display:inline-block; width:28px; height:28px; line-height:28px; text-align:center; vertical-align:middle;margin-left:15px; position:relative;top:-3px} #select-your-brand .sn-cancel:before{line-height:28px;} #select-your-brand .sn-cancel:hover{color:#c40c18;border-color:#c40c18;} #select-your-brand ul{margin:0;padding:0;display:table;margin: 20px auto 0 auto} #select-your-brand li{list-style:none;float:left;margin:0;padding:0} #select-your-brand li a{font-size:70px;color:#fff;vertical-align:middle; padding:0 30px; display:block;line-height:70px;} #select-your-brand li a:hover{color:#c40c18} #select-your-brand li.kia a{font-size:40px;} @media (max-width:768px){#select-your-brand{display:none}} .home .template-model article .caption{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px); opacity:0;filter:alpha(opacity=0);} .home .template-model article:hover .caption{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0); opacity:1;filter:alpha(opacity=100);} /* home carousel */ #home-carousel article:before{position:absolute;border-bottom:550px solid transparent;border-left:800px solid rgba(196, 12, 24, 0.4); z-index:0;content:'';display:block;top:0px;left:0; width:800px; height:500px;transform-origin: 0% 0%;transform: scale(0.9);} .home-carousel-arrow{position:absolute; bottom:7%; z-index:3; color:#fff; border:2px solid #fff;-webkit-border-radius:37px;-moz-border-radius:37px; border-radius:37px;-webkit-transform-origin:center center;-ms-transform-origin:center;-o-transform-origin:center; transform-origin:center; -webkit-transform:translateX(-51%);-ms-transform:translateX(-51%);-o-transform:translateX(-51%);transform:translateX(-51%);left: 50%;width:37px;height:37px; line-height:37px; text-align:center;font-size:22px;display:block} .home .home-carousel-arrow{display:block;} .home-carousel-arrow:hover{height:60px;width:60px;color:#fff;line-height:60px;font-size:30px;margin-bottom:-15px} .home-carousel-arrow:focus{color:#fff;text-decoration:none;} @media (min-width:1199px){#home-carousel article:before{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform: scale(1);transform: scale(1)}} /* services */ #home-services{ background:#2d2c2c; color:#fff; text-align:center;padding:25px 0; position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; overflow:hidden} #home-services h1.section-title{font-size:25px;margin:0 0 40px 0} #home-services:before{position:absolute;border-top:160px solid transparent;border-left:220px solid rgba(255, 255, 255, 0.2); z-index:0;content:'';display:block;bottom:0;left:0; width:220px; height:160px;} #home-services:after{position:absolute;border-bottom:117px solid transparent;border-right:160px solid rgba(255, 255, 255, 0.2); z-index:0;content:'';display:block;top:0;right:0; width:160px; height:117px;} /* menu brand */ #menu-brand > li{position:relative} #menu-brand > li > a{ display:table-cell; vertical-align:middle; color:#fff;width:160px;height:111px;word-wrap:normal; background:#c40c18; padding:10px; text-align:center;position:relative;} #menu-brand > li > a span{font-size:35px;} #menu-brand > li > a:before{content:"";display:block; background:#fff; height:3px;left:0;right:0;top:-3px; bottom:100%;position:absolute;} #menu-brand .sub-menu{position:absolute;bottom:100%;padding:0;left:0;right:0;background:transparent; border:none} #menu-brand .sub-menu > li > a{ display:table-cell;width:100%; height:160px; vertical-align:middle; background:rgba(255,255,255,0.8); text-align:center} #menu-brand .sub-menu > li > a:hover{ background:#c40c18; color:#fff;} #menu-brand .sub-menu > li {list-style:none;display:table; width:100%} #menu-brand .sub-menu > li > a span.a-text{display:none} #menu-brand .sub-menu > li > a span[class^="binsfeld-"]{font-size:95px} #menu-brand .sub-menu > li.kia > a span[class^="binsfeld-"]{font-size:55px} #menu-brand .dropdown-horizontal{width:320px!important;right:auto} #menu-brand .dropdown-horizontal > li { float:left;width:160px;} #menu-brand .dropdown-horizontal > li > a span[class^="binsfeld-"]{font-size:75px} #menu-brand .dropdown-horizontal > li.kia > a span[class^="binsfeld-"]{font-size:45px} #menu-brand .dropdown-horizontal > li > a{height: 160px;} /* news */ #home-news{background:#fff; position:relative; padding:70px 0 40px 0px} #home-news .article-title{font-size:25px;margin:0 0 25px 0;} #home-news .news-extract{margin-top:30px;} #home-news .news-extract .btn-table{margin-top:40px} #home-news .news-link img{height:auto; width:100%} /* SERVICE NAV */ .nav-service-list{display:block;margin:0;padding:0;height:140px} .nav-service-list:after{content:'';display:table; clear:both} .nav-service-list .item-service a{font-size:13px; text-transform:uppercase; color:#fff;margin:0 3px; border-bottom:2px solid #fff;display:block; padding-bottom:80px;position:relative; min-height:140px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition: all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;} .nav-service-list .item-service a:hover{color:#c40c18; text-decoration:none;border-color:#c40c18;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease; border-width:12px;} .nav-service-list .item-service a span{display:block;font-size:50px;position:absolute;bottom:15px;left:0px;right:0} .nav-service-list .item-service a img.s_icon{display:block;position:absolute;bottom:15px;left:50%;margin-right:-50px;width:100px;height:60px} .nav-service-list .owl-controls .owl-buttons div{font-size:30px;height:45px;width:28px;overflow:hidden;padding: 0;font-family:'Glyphicons Halflings';background:none; color:#fff; position: absolute;top:30%} .nav-service-list .owl-prev:before{content:"\e079"} .nav-service-list .owl-next:before{content:"\e080"} .nav-service-list .owl-prev{left:0px;} .nav-service-list .owl-next{right:0px;} @media(max-width:768px){.nav-service-list{padding:0 30px}} /* ACCESSORIES */ #home-accessories{background-color:#000;background-repeat:no-repeat; color:#fff;padding:30px 0} #home-accessories h1.section-title{font-size: 25px;margin: 0 0 25px 0;} #home-accessories .brand-accessories{background:#c40c18;padding:20px;color:#fff;text-align:center; text-transform:uppercase} #home-accessories .brand-accessories a{color:#fff;} #home-accessories .brand-accessories h3{font-size:17px} #home-accessories .brand-accessories [class^="binsfeld-"]{font-size:120px} #home-accessories .lineTop{border-top:1px solid #fff;position:relative;z-index:2} #home-accessories strong{color:#c40c18} /* ------------------------------- META BOX ---------------------------------*/ #metabox{ padding:20px; font-size:18px;border-top:1px solid #d96169} #metabox img {margin-right:20px} /* ---------------------------------- FOOTER ------------------------------------- */ footer.footer{ background:#c40c18; padding:20px 0px;color:#fff;text-transform:uppercase; font-size:12px; line-height:26px; border-top:1px solid #d96169 } footer.footer a{color:#fff;text-decoration:underline;} footer.footer .widget_nav_menu {float:left} footer.footer .widget_nav_menu ul{margin:0;padding:0;} footer.footer .widget_nav_menu ul:after{display:table; content:''; clear:both; } footer.footer .widget_nav_menu li{margin:0;padding:0; list-style:none; float:left;margin-left:10px} footer.footer .widget_nav_menu li:first-child{margin-left:0} footer.footer .widget_nav_menu li a{color:#fff;text-transform:uppercase; text-decoration:underline} footer.footer .widget_nav_menu li a:after{content:'|'; display:inline-block;margin-left:10px} footer.footer .widget_nav_menu li:last-child a:after{content:'';margin:0} footer.footer .copyright{float:left} footer.footer .signature{float:right} footer.footer .socialnetwork{margin:0 0 0 10px;padding:0; float:left;} footer.footer .socialnetwork li{margin:0;padding:0; list-style:none; float:left;margin-left:0px} footer.footer .socialnetwork li a{text-decoration:none; font-size:23px;} /* ------------------------------------- CUSTOM BRAND ---------------------------------------- */ body[class*="mitsubishi"] header#main-heading{background:rgba(255,255,255,0.8);} body[class*="mitsubishi"] #main-heading .navbar-nav > li > a{color:#333} body[class*="mitsubishi"] #menu-brand > li > a{ background:#fff} body[class*="mitsubishi"] #menu-brand > li > a:before{ background:#c40c18} body[class*="mitsubishi"] #main-heading .navbar-nav > li > a:hover, body[class*="mitsubishi"] #main-heading .navbar-nav > li.current-menu-item > a{background:rgba(196,12,24,1); color:#fff} body[class*="mazda"] header#main-heading{background:rgba(255,255,255,0.8);} body[class*="mazda"] #main-heading .navbar-nav > li > a{color:#333} body[class*="mazda"] #menu-brand > li > a{ background:#fff} body[class*="mazda"] #menu-brand > li > a:before{ background:#c40c18} body[class*="mazda"] #main-heading .navbar-nav > li > a:hover, body[class*="mazda"] #main-heading .navbar-nav > li.current-menu-item > a{background:rgba(196,12,24,1); color:#fff} /* ------------------------------------- SINGLE ---------------------------------------- */ .model-single {padding:40px 0 0px; position:relative} .model-single h1{ text-transform:uppercase;font-size:30px} #model-nav{background-color:#c40c18} #model-nav{position:absolute;bottom:15%;left:0;right:0; z-index:1;margin-bottom:-63px} #model-nav .nav{display:table;margin:auto; border:none} #model-nav .nav > li{float:left} #model-nav .nav > li > a{ text-transform:uppercase;font-size:14px;color:#fff;padding:20px 15px;border:none;cursor:pointer;border-bottom:3px solid #c40c18; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center} #model-nav .nav > li.active > a, #model-nav .nav > li.active > a:hover, #model-nav .nav > li.active > a:focus{background-color:#c40c18;color:#fff;border:none;border-bottom:3px solid #fff; font-weight:bold} #model-nav .nav > li > a:hover, #model-nav .nav > li > a:focus{background-color:#c40c18;color:#fff;border:none;border-bottom:3px solid #fff;} .model-single .vechicle-property{padding-top:20px;margin-bottom:40px} .model-single .vehicle-price .version{ background:#c40c18; padding:10px 20px; line-height:normal; color:#fff; display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;} .vechicle-header .header-inner{float:left} .vechicle-header .meta{margin-top:20px; text-transform:uppercase} .vechicle-header .meta > span{margin-right:15px} .vechicle-header .meta a > span:before{margin-left: 0.2em;margin-right: 0.2em;} .vechicle-header .meta .prev, .vechicle-header .meta .next{margin:0} .vechicle-header .meta .prev a, .vechicle-header .meta .next a{display:inline-block;overflow:hidden; width:20px;font-family:'Glyphicons Halflings'; height:27px; position:relative; color:#c40c18; bottom:-5px;} .vechicle-header .meta .prev a:before{content:"\e079";position:absolute;top:0;bottom:0;left:0;right:0; background:#fff} .vechicle-header .meta .next a:before{content:"\e080";position:absolute;top:0;bottom:0;left:0;right:0; background:#fff} .vechicle-header a {color:#d5d5d5; font-size:22px} .vechicle-header a:hover {color:#c40c18} .vechicle-header .btn{font-size:12px;color:#fff; background:#c40c18;border-radius:10px; border:1px solid #c40c18;margin-top:-5px;padding:3px 10px} .vechicle-header .btn:hover{background:#fff;color:#c40c18} .model-single .vehicle-price .version .price{font-size:40px; display:block; font-weight:bold} .model-single .vehicle-price .version sup{font-size:12px; font-weight:normal;position: relative;top: -20px;} .model-single .vehicle-price .funding{padding:10px 20px; line-height:normal; color:#c40c18; display:inline-block; font-size:20px} .model-single .vehicle-price .funding .price{font-size:40px; display:block; font-weight:bold; text-transform:uppercase} .model-single .vehicle-price .funding sup{font-size:12px; font-weight:normal;position: relative;top: -5px;} .model-single .vehicle-price .funding .price span{font-size:20px} .vehicle-image img{max-width:100%} .model-single .vehicle-image{margin: 15px 0px} .skewX9deg{ -ms-transform:skewX(-9deg); /* IE 9 */-webkit-transform: skewX(-9deg); /* Chrome, Safari, Opera */transform: skewX(-9deg);} .skewX-9deg{ -ms-transform:skewX(9deg); /* IE 9 */-webkit-transform: skewX(9deg); /* Chrome, Safari, Opera */transform: skewX(9deg);} .model-single .vehicle-action{margin:0 0 40px 0;padding:0} .model-single .vehicle-action li{list-style:none;margin:0 0 5px 0;padding:0;background:#c40c18; padding:9px 19px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;color:#fff; font-weight:bold; text-transform:uppercase;border:1px solid #c40c18;font-size:13px} .model-single .vehicle-action li a{color:#fff; display:block; cursor:pointer; font-size:13px} .model-single .vehicle-action li:hover{background:#fff;color:#c40c18;} .model-single .vehicle-action li:hover a{color:#c40c18; text-decoration:none} .model-single .vehicle-action li.fm{background:#c40c18; color:#fff} .model-single .vehicle-action li.nohover:hover{ background:#c40c18; color:#c40c18;color:#fff;} .model-single .vehicle-action li.nohover:hover a{ color:#fff;} .model-single .vehicle-action li.fm{background:#fff; border:none;margin-bottom:20px} .model-single .vehicle-action li.fm a{text-transform:none;color:#c40c18} .model-single .vehicle-action li.fm a:hover{color:#464343;} .model-single .vehicle-action li.inverse{color:#c40c18; background:#fff; text-decoration:none} .model-single .vehicle-action li.inverse a{color:#c40c18; text-decoration:none} .model-single .vehicle-benefit-title{font-style:italic; font-weight:bold; text-transform:uppercase; margin-top:0px; font-size:30px} .model-single ul.vehicle-benefit{margin:0 0 40px 0;padding:0} .model-single ul.vehicle-benefit li{list-style:none; text-transform:uppercase;font-style:italic; margin-bottom:5px} .model-single ul.vehicle-benefit li:before{content:'+ '; color:#c40c18 } .model-single ul.vehicle-equipment{margin:0 0 0px 0;padding:0} .model-single ul.vehicle-equipment li{list-style:none;} .model-single ul.vehicle-equipment li:before{content:'- ';} .model-single .gc{padding:10px; color:#fff; background:#c40c18;border-bottom:1px solid #d61f2b} .model-single .gc .btn{color:#fff; line-height:normal;} .model-single .gc .btn:hover, .model-single .gc .btn.active {background:#fff;color:#c40c18} .model-single .gc .btn:before{content:'\2b'; display:inline-block;margin-right:15px; vertical-align:middle; font-size:30px; font-weight:bold; font-size:'Glyphicons Halflings'} .model-single .gc .btn.active:before{content:'\2212';} .gc-p{margin:20px 0 40px 0; padding-bottom:10px; border-bottom: 1px dashed #fff} .gc-p:last-child{border:none} .model-single .accessories{padding:20px 0; background:#000; color:#666666} .model-single .accessories a{color:#666666} .model-single .accessories .type-accessory{margin-bottom:40px} .model-single .accessories .type-accessory img{width:100%} .model-single .accessories .type-accessory h4{text-align:left; font-size:14px} .model-single .accessories .lineTop{border-color:#666666;padding-top:20px} .model-single #single-gallery{margin:40px 0 40px 0;padding:0 20px;position:relative} .model-single #single-gallery div[class^="item-"]{border:1px solid #d3d3d3;margin:5px} #single-gallery .owl-controls{position:absolute;top:50%;left:0;right:0} #single-gallery .owl-prev, #single-gallery .owl-next{font-family:'Glyphicons Halflings'; background:none; color:#2d2c2c; font-size:30px;height:45px;width:28px;overflow:hidden;margin-top:-34px;padding:0;color:#c40c18} #single-gallery .owl-prev{position:absolute;left:-10px;} #single-gallery .owl-prev:before{content:"\e079"} #single-gallery .owl-next{position:absolute;right:-10px} #single-gallery .owl-next:before{content:"\e080"} /* single accessory */ .accessory-single {padding:70px 0 0px; position:relative} .accessory-single h1{font-size:25px} .accessory-single .accessory-action{margin:80px 0 0 0;padding:0} .accessory-single .accessory-action li{list-style:none;margin:0 0 5px 0;padding:0;background:#c40c18; padding:9px 19px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;color:#fff; font-weight:bold; text-transform:uppercase;border:1px solid #c40c18} .accessory-single .accessory-action li a{color:#fff; display:block; cursor:pointer; font-size:13px} .accessory-single .accessory-action li:hover{background:#fff;color:#c40c18;} .accessory-single .accessory-action li:hover a{color:#c40c18; text-decoration:none} .accessory-single .accessory-action li.inverse{color:#c40c18; background:#fff; text-decoration:none} .accessory-single .accessory-action li.inverse a{color:#c40c18; text-decoration:none} .accessory-single .accessory-image {margin-top:60px} .accessory-single .accessory-image img{width:100%} .accessory-single .accessory-price{color:#c40c18; font-size:40px;font-weight: bold;margin-top:60px} .accessory-single .accessory-price span{display:block;font-size:18px;font-weight: normal;} .accessory-single .gc{color:#c40c18; font-size:12px } .accessory-property h3{color:#c40c18; font-size:18px; margin-top:20px} .accessory-property {margin-bottom:40px} .accessory-single .accessories{padding:20px 0; background:#000;position:relative} .accessory-single .accessories h4 {color:#fff} .accessory-single .accessories .type-accessory {margin-bottom:40px} .accessory-single .accessories .type-accessory .img{overflow:hidden;height:270px} .accessory-single .accessories .type-accessory > div {background:#fff;} .accessory-single .accessories .type-accessory img{width:100%} .accessory-single .accessories .type-accessory h4{font-size:17px;} .accessory-single .accessories .type-accessory .caption{padding:10px} .accessory-single .accessories .container > h4 > a{font-weight:normal; color:#c40c18; font-size:14px; text-transform:uppercase;} .accessory-single .accessories .lineTop{border-color:#fff;padding-top:20px} .accessory-single .accessories .meta{position:absolute;z-index:10} .accessory-single .accessories .price{background:#c40c18;color:#fff;padding:5px 10px;display:inline-block;font-size:18px;font-weight:bold} .accessory-single .accessories .solde{background:#fff;color:#c40c18;padding:5px 10px;display:inline-block;font-size:18px;font-weight:bold} .single-accessory .anchor {display:none} /* single promo */ .promo-single {padding:70px 0 0px; position:relative} .promo-single h1{font-size:25px} .promo-single h1 span{font-size:18px} .promo-single .promo-action{margin:80px 0 0 0;padding:0} .promo-single .promo-action li{list-style:none;margin:0 0 5px 0;padding:0;background:#c40c18; padding:9px 19px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;color:#fff; font-weight:bold; text-transform:uppercase;border:1px solid #c40c18} .promo-single .promo-action li a{color:#fff; display:block; cursor:pointer; font-size:13px} .promo-single .promo-action li:hover{background:#fff;color:#c40c18;} .promo-single .promo-action li:hover a{color:#c40c18; text-decoration:none} .promo-single .promo-action li.inverse{color:#c40c18; background:#fff; text-decoration:none} .promo-single .promo-action li.inverse a{color:#c40c18; text-decoration:none} .promo-single .promo-image {margin-top:60px} .promo-single .promo-image img{width:100%} .promo-single .promo-price{color:#c40c18; font-size:30px;font-weight: bold;margin-bottom:20px} .promo-single .promo-price span{display:block;font-size:18px;font-weight: normal;} .promo-single .gc{color:#c40c18; font-size:12px } .promo-property h3{color:#c40c18; font-size:18px; margin-top:20px} .promo-property {margin-bottom:40px} .promo-single .promos{padding:20px 0; background:#000;position:relative} .promo-single .promos h4 {color:#fff} .promo-single .promos .type-promo {margin-bottom:40px} .promo-single .promos .type-promo .img{overflow:hidden;height:270px} .promo-single .promos .type-promo > div {background:#fff;} .promo-single .promos .type-promo img{width:100%} .promo-single .promos .type-promo h4{font-size:17px;} .promo-single .promos .type-promo .caption{padding:10px} .promo-single .promos .container > h4 > a{font-weight:normal; color:#c40c18; font-size:14px; text-transform:uppercase;} .promo-single .promos .lineTop{border-color:#fff;padding-top:20px} .promo-single .promos .meta{position:absolute;z-index:10} .promo-single .promos .price{background:#c40c18;color:#fff;padding:5px 10px;display:inline-block;font-size:18px;font-weight:bold} .promo-single .promos .solde{background:#fff;color:#c40c18;padding:5px 10px;display:inline-block;font-size:18px;font-weight:bold} .promo-single .gc{padding:10px; color:#fff; background:#c40c18;} .promo-single .gc .btn{color:#fff; line-height:normal;} .promo-single .gc .btn:hover, .promo-single .gc .btn.active{background:#fff;color:#c40c18} .promo-single .gc .btn:before{content:'\2b'; display:inline-block;margin-right:15px; vertical-align:middle; font-size:30px; font-weight:bold; font-size:'Glyphicons Halflings'} .promo-single img{max-width:100%} .promo-single #promo-gallery{margin:40px 0 40px 0;padding:0 20px;position:relative} .promo-single #promo-gallery div[class^="item-"]{border:1px solid #d3d3d3;margin:5px} #promo-gallery .owl-controls{position:absolute;top:50%;left:0;right:0} #promo-gallery .owl-prev, #promo-gallery .owl-next{font-family:'Glyphicons Halflings'; background:none; color:#2d2c2c; font-size:30px;height:45px;width:28px;overflow:hidden;margin-top:-34px;padding:0;color:#c40c18} #promo-gallery .owl-prev{position:absolute;left:-10px;} #promo-gallery .owl-prev:before{content:"\e079"} #promo-gallery .owl-next{position:absolute;right:-10px} #promo-gallery .owl-next:before{content:"\e080"} .promo-single .nav-tabs{margin-top:60px} .promo-single .nav-tabs > li > a{background:#d5d5d5; border-radius:0px; color:#000} .promo-single .nav-tabs > li.active > a, .promo-single .nav-tabs > li.active > a:hover, .promo-single .nav-tabs > li.active > a:focus{border:1px solid #f1f1f1; background:#fff; color:#c40c18; font-weight:bold} .promo-single .tab-content{border:1px solid #f1f1f1;padding:15px} .promo-single .nav-tabs{border:none} .promo-single #desc strong{display:inline-block;width:40%} .promo-note{border:1px solid #f1f1f1;margin-top:20px;padding:15px} .promo-single .meta{margin:0px;padding:0px;float:right} .promo-single .meta li{float:left; list-style:none; background:#d5d5d5;padding:5px 30px;margin-left:5px;margin-bottom:5px} #book-car{margin-bottom:5px; border-radius:10px} .promo-property{padding-top:20px} .similiar-offers{background:#000;color:#fff; padding:20px 15px} .similiar-offers .lineTop{border-color:#fff} .similiar-offers article{margin-bottom:30px;margin-top:30px;} .similiar-offers article > div{border:1px solid #dedede;position:relative; background:#fff} .similiar-offers article .container-img{overflow:hidden; height:247px} .similiar-offers article .container-img img{width:100%} .similiar-offers article h1{font-size:18px;margin-top:0px} .similiar-offers article .caption {padding:10px; color:#676565} .similiar-offers article .meta{position:absolute;z-index:10} .similiar-offers article .price{background:rgba(196,12,24,0.5);color:#fff;padding:5px 10px;display:inline-block;font-size:30px;} .similiar-offers article .price span{display:block;font-size:18px; text-transform:uppercase;line-height:18px} .similiar-offers article .solde{background:#fff;color:#c40c18;padding:5px 10px;display:inline-block;font-size:18px;font-weight:bold} .similiar-offers article .property span{display:inline-block;padding:5px;border:1px solid #d0d0d0;width:50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom:5px} /* single post */ .post-single{padding:70px 0px 50px 0px} .post-single .post-action{margin:0;padding:0} .post-single .post-action li{list-style:none;margin:0 0 5px 0;padding:0;background:#c40c18; padding:9px 19px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;color:#fff; font-weight:bold; text-transform:uppercase;border:1px solid #c40c18} .post-single .post-action li a{color:#fff; display:block; cursor:pointer; font-size:13px} .post-single .post-action li:hover{background:#fff;color:#c40c18;} .post-single .post-action li:hover a{color:#c40c18; text-decoration:none} .post-header h1{font-size:25px;text-transform:uppercase; display:block;border-bottom:1px solid #c40c18;padding-bottom:20px;margin-bottom:20px;margin-top:0px} .form-post{border-top:1px solid #ddd;padding:40px 15px;} .form-post h1, h2{color:#c40c18} .form-post label{color:#777} .post-single meta{text-align:center} .post-single .date{margin:-20px auto 0 auto;background:none; color:#fff;border-radius:100px;text-align:center;font-size:14px;text-transform:uppercase;display:table;} .post-single .date span{display:table-cell;width:80px;height:80px; margin:auto; vertical-align:middle;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px; background:#c40c18} /* */ .single-404{padding:40px} /* */ .single-kia .anchor, .single-mitsubishi .anchor, .single-mitsubishi-fuso .anchor, .single-carousel .anchor, .single-mazda .anchor {display:none} /* ----------------------------- TEMPLATE MODEL -------------------------------- */ /* model */ .template-model{padding:40px 0;position:relative} .template-model h1.section-title{font-size: 25px;margin: 0 0 25px 0;} .template-model article{padding:15px; margin-top:20px;overflow:hidden; border-top:1px solid #fff;position:relative} .template-model article .price{color:#c40c18; font-weight:bold; font-size:14px; display:block; position:relative} .template-model article h1, .home-model article h1 a{font-size:19px; margin-bottom:5px; color:#464343} .template-model article:hover{-webkit-box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.2); border-top:1px solid #F4F4F4} .template-model article:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .template-model article .heart{position:absolute;z-index:10;top:0;left:0; color:#c40c18; text-transform:uppercase;width:135px;font-size:11px;display:table-cell; vertical-align:middle; /* -webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px); opacity:0;filter:alpha(opacity=0); */} .template-model article [data-toggle]{cursor:pointer;} .template-model article:hover .heart{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0); opacity:1;filter:alpha(opacity=100);} .template-model article .heart span.sn-heart{color:#fff;background:#c40c18;font-size:30px;padding:2px; display:block; float:left;margin-right:5px} .template-model article .heart.disfavorite{color:#bbb;} .template-model article .heart.disfavorite span.sn-heart{color:#fff;background:#bbb;} .template-model article .heart.disfavorite span.sn-heart:before{content:"\2212"; font-weight:bold} .template-model article .heart span.txt-h{margin-top:5px;float:left} .template-model article [data-toggle]:hover span.sn-heart{background:#fff;color:#c40c18} .template-model article [data-toggle]:hover span.txt-h{color:#c40c18} .template-model article .disfavorite:hover span.sn-heart{background:#aaa;color:#fff} .template-model article .disfavorite:hover span.txt-h{color:#aaa} .template-model article .container-img{height:150px;line-height:150px; overflow:hidden; text-align:center; margin-top:20px} .template-model article .container-img img{vertical-align:middle;max-width:100%} .template-model article .score{position:absolute; top:10px; right:10px;color:#c40c18;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px); opacity:0;filter:alpha(opacity=0);} .template-model article:hover .score{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0); opacity:1;filter:alpha(opacity=100);} .template-model article .score span[class*="sn-"]{margin:-2px; float:left;} .template-model .btn{margin-top:100px; text-align:left} .ul-eq{padding:0; margin-bottom:40px} .ul-eq li{list-style:none;} .ul-eq li:before{content:'• '; color:#c40c18;} .page-template-template-model .anchor {display:none} /* ---------------------------------- template accessory ------------------------------------ */ .template-accessory { padding: 40px 0;} .template-accessory h1.section-title{font-size:25px} .template-accessory article{margin-bottom:30px} .template-accessory article > div{border:1px solid #dedede;position:relative} .template-accessory article .container-img{overflow:hidden; height:247px} .template-accessory article .container-img img{width:100%} .template-accessory article h1{font-size:18px;margin-top:0px} .template-accessory article .caption {padding:10px; color:#676565} .template-accessory article .meta{position:absolute;z-index:10} .template-accessory article .price{background:#c40c18;color:#fff;padding:5px 10px;display:inline-block;font-size:18px;font-weight:bold} .template-accessory article .solde{background:#fff;color:#c40c18;padding:5px 10px;display:inline-block;font-size:18px;font-weight:bold} nav .accessory-pages{padding:0;margin:40px 15px} nav .accessory-pages li{padding:0;margin:0 15px 10px 0; list-style:none; float:left;} nav .accessory-pages li a{display:inline-block; border:1px solid #c40c18; border-radius:10px; line-height:30px;text-transform:uppercase; padding:0 15px;} nav .accessory-pages li a:hover, nav .accessory-pages li.active a{ text-decoration:none; color:#fff; background:#c40c18;} .page-template-template-accessory .anchor {display:none} /* ---------------------------------- template promo ------------------------------------ */ .template-promo { padding: 40px 15px;} .template-promo h1.section-title{font-size:25px} .template-promo article{margin-bottom:30px} .template-promo article > div{border:1px solid #dedede;position:relative} .template-promo article .container-img{overflow:hidden; height:247px} .template-promo article .container-img img{width:100%} .template-promo article h1{font-size:18px;margin-top:0px} .template-promo article .caption {padding:10px; color:#676565} .template-promo article .meta{position:absolute;z-index:10} .template-promo article .price{background:rgba(196,12,24,0.5);color:#fff;padding:5px 10px;display:inline-block;font-size:30px;} .template-promo article .price span{display:block;font-size:18px; text-transform:uppercase;line-height:18px} .template-promo article .solde{background:#fff;color:#c40c18;padding:5px 10px;display:inline-block;font-size:18px;font-weight:bold} .template-promo article .property span{display:inline-block;padding:5px;border:1px solid #d0d0d0;width:50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-bottom:5px} nav .promo-category {padding:0;margin:40px 15px} nav .promo-category li{padding:0;margin:0 15px 10px 0; list-style:none; float:left;} nav .promo-category li a{display:inline-block; border:1px solid #c40c18; border-radius:10px; line-height:30px;text-transform:uppercase; padding:0 15px;} nav .promo-category li a:hover, nav .promo-category li.active a{ text-decoration:none; color:#fff; background:#c40c18;} /* --------------------------------- template post ------------------------------------ */ .template-post { padding: 60px 0px;} .template-post h1.section-title{font-size:25px;display:none} .post-article article{position:relative;padding:0 0 70px 145px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} .post-article article .meta{position:absolute;top:0px;bottom:0px;left:0px;width:145px} .post-article article .date{position:absolute;top:50%;left:50%; padding:10px; background:none; color:#fff;border-radius:100px;text-align:center;font-size:14px;text-transform:uppercase;margin:-55px 0 0 -55px;display:table-row;} .post-article article:hover .date{background:#c40c18;} .post-article article .date span{display:table-cell; border:1px solid #fff;width:80px;height:80px; margin:auto; vertical-align:middle;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;border-radius:100px; background:#c40c18} .post-article article:before{position:absolute;top:0px;bottom:0px;left:70px;content:'';display:block;border:1px solid #c40c18} .post-article article h1 a{display:block;color:#464343;} .post-article article h1 a:hover{text-decoration:none } .post-article article h1{display:block; border-bottom:2px solid #c40c18; margin-bottom:0px; text-transform:uppercase; font-size:25px; padding-bottom:20px } .post-article .container-img img{max-width:100%;width:100%} .post-article .caption{padding:30px 0} @media(min-width:1024px){.post-article article .btn{position:absolute;right:0;bottom:70px}} @media(max-width:768px){.post-article article{padding:0 0 70px 0px;}.post-article article .meta,.post-article article .date,.post-article article .date span{position:static;width:100%;display:block;height:auto;margin:auto; padding:0; border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.post-article article:before{display:none}} /* --------------------------------- template opportunity / occasion ------------------------------------ */ .template-opportunity{padding:40px 0px} .template-opportunity h1{font-size: 25px;} .template-opportunity .lineTop{margin-bottom:40px} .template-opportunity .select-style{position:relative} .template-opportunity .select-style #f-loading{position:absolute;left:-30px;top:5px} .box-search-all{margin-bottom:40px} .box-search{border:1px solid #b7b7b7; padding:15px; margin-bottom:15px} .box-search .box-label{ text-transform:uppercase;font-size: 17px;line-height: 37px; color:#5c5c5c} .box-search input[type="number"]{padding:8px; width:100px} .box-search .select-style select{width:200px} .box-search [class^="binsfeld-"]{color:#c40c18; font-size:24px; margin-right:15px; vertical-align:text-bottom} .box-search .binsfeld-year, .box-search .binsfeld-km{color:#5c5c5c;font-size:32px;} .opportunity-vehicle{border:1px solid #e4e4e4; margin-bottom:10px; padding:10px;color:#5c5c5c} .opportunity-vehicle .vehicle-img{max-width:150px; width: 25%; float:left;} .opportunity-vehicle .options{float:left;width: 75%;padding-left:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .opportunity-vehicle h1{font-size:17px; text-transform:uppercase;margin-top:0px;color:#5c5c5c} .opportunity-vehicle h1 a{color:#5c5c5c} .opportunity-vehicle .price{color:#c40c18; font-size:22px; float:right} .opportunity-vehicle .property{margin:0;padding:0; display:table; width:100%} .opportunity-vehicle .property li{margin:5px 0 0 0px;padding:5px 0; background:#c40c18; list-style:none; color:#fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: table-cell; text-align:center; position:relative} .opportunity-vehicle .property li:after{content:''; display:block; position:absolute; background:#fff; right:0; top:0; bottom:0; width:5px} .opportunity-vehicle .property li:last-child:after{display:none} .opportunity-vehicle .dinHp, .opportunity-vehicle .transmissionType{float:left;margin-top:29px;margin-right:40px} .template-opportunity .nav-pagination{border-top:1px solid #c40c18;border-bottom:1px solid #c40c18;margin:0 0 40px 0;} .template-opportunity .pagination{margin:6px 0;} .nav-pagination {color:#c40c18; text-transform:uppercase;} .nav-pagination .pull-left{margin:5px 10px 5px 0;} .nav-pagination .text{font-size:16px; line-height:37px} select[disabled="disabled"]{background:#dddddd!important} .template-opportunity .btn-search{background:#c40c18; color:#fff; text-transform:uppercase; border-radius:0;font-size:15px} .template-opportunity .btn-search span, .template-opportunity .btn-reset span{margin-left:25px} .template-opportunity .btn-search:hover{background:#2d2c2c} .template-opportunity .btn-reset{background:#5c5c5c; color:#fff; text-transform:uppercase; border-radius:0;font-size:15px} /* section main */ section.main{padding:40px 0} /* ----------------------------- FORM ------------------------------------- */ .form-layer{position:fixed; background:#fff;border-top:1px solid #c40c18; border-bottom:1px solid #c40c18; top:0%;bottom:0;left:0; right:0;z-index:1000;padding:40px;color:#c40c18; overflow-y:auto} .form-layer .sn-cancel{font-size:60px;cursor:pointer} .select-style {padding:0; margin: 0;border: 1px solid #ccc;color:#777777; position:relative;background:#fff} .select-style:after{content:'\e800'; font-family:"fontello"; color:#c40c18; font-size:30px; position:absolute; top:0; right:15px;} .select-style select { border: none; box-shadow: none; background-color: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; width:100%; cursor:pointer; padding: 8px 40px 8px 8px;position: relative;z-index: 10;} .select-style select:focus { outline: none;} .form-layer label{color:#777777} .date-style {padding:0;margin: 0;border: 1px solid #ccc; color:#777777; position:relative} .date-style input{border:none;padding: 8px 40px 8px 8px; width:100%} .date-style:after{content:'\e800'; font-family:"fontello"; color:#c40c18; font-size:30px; position:absolute; top:0; right:15px;} .msg{padding:15px;color:#333} .of-hidden{overflow:hidden} /* contact-form */ .contact-form{background:#2d2c2c;color:#fff;padding:20px;} .contact-form h2{ font-size:25px} .contact-form .btn-outline-inverse{border-color:#fff; color:#fff} .contact-form .btn-outline-inverse:hover{border-color:#c40c18; color:#c40c18} .bg-danger, .bg-success{color:#464343} /* ---------------------------- Template contact ------------------------------ */ .nav-contact{background:#2d2c2c;padding:40px 20px} .nav-contact .nav-tabs{display:table;margin:auto;border:none} .nav-contact .nav-tabs > li a span{display:block; text-align:center; font-size:60px} .nav-contact .nav-tabs > li a{border:none;border-bottom:3px solid #fff;padding:10px 25px;color:#fff; text-transform:uppercase} .nav-contact .nav-tabs > li.active > a, .nav-contact .nav-tabs > li.active > a:hover, .nav-contact .nav-tabs > li.active > a:focus, .nav-contact .nav-tabs > li > a:hover{border:none;border-bottom:3px solid #c40c18;background:#2d2c2c;color:#c40c18;} .nav-contact .entry-title{text-align:center;color:#fff;font-size:25px; margin-top:0px;margin-bottom:30px} .contact-tabs{padding:30px 0} .contact-tabs h2{font-size:25px;margin-bottom:20px} .contact-tabs .lineTop{padding-top:20px;margin-bottom:40px} .contact-tabs header h4{font-size:14px; font-weight:bold} .contact-tabs .manager-infos{margin:0;padding:0;} .contact-tabs .manager-infos li{list-style:none;} .contact-tabs .manager{margin-bottom:40px;} .historic-carousel .item{margin:4px} .page-template-template-contact .anchor {display:none} .page-template-template-historic .anchor {display:none} /* ---------------------------- Template gallery ------------------------------ */ .page-template-template-gallery .anchor {display:none} /* ------------------------------------ TEMPALTE SERVICES --------------------------------------- */ .template-services{padding:40px 0} .template-services article{margin-bottom:70px} .template-services article h2{font-size:25px} .template-services article .lineTop{padding-top:60px;} .template-services article .btn{text-transform:uppercase} .template-services article span[class*="binsfeld-"]{font-size:110px;color:#c40c18; display:table;margin:0 auto 40px auto} .service-form{background:#c40c18;color:#fff;padding:40px 0px;} .service-form .btn-outline-inverse{border-color:#fff;color:#fff} .service-form .sn-cancel{font-size:60px;cursor:pointer} .tagdisplay-pane{display:none;overflow:hidden;margin-top:40px} /* ------------------------------------ TEST CAR --------------------------------------- */ #test-car{position:absolute; right:0px; top:60px; text-align:center;color:#000000; font-size:12px;z-index: 2} #test-car a{color:#000000; text-decoration:none} #test-car img{display:block; margin:auto} @media (max-width:768px){#test-car{display:none}} /* -------------------------------- ANIMATION ------------------------------------- */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated05 { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}} @keyframes slideOutDown { 0% {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}} .slideOutDown {-webkit-animation-name: slideOutDown;animation-name: slideOutDown;} @-webkit-keyframes slideOutUpfadeIn { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);opacity:0;} 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity:1;}} @keyframes slideOutUpfadeIn { 0% {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);opacity:0;} 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity:1;}} .slideOutUp {-webkit-animation-name: slideOutUpfadeIn;animation-name: slideOutUpfadeIn;} @-webkit-keyframes slideOutLeft { 0% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}} @keyframes slideOutLeft { 0% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);} 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}} .slideOutLeft {-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft;} @-webkit-keyframes fadeIn { 0% {opacity:0} 100% {opacity:1}} @keyframes fadeIn { 0% {opacity:0} 100% {opacity:1}} .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInLeft { 0% {opacity:0;-webkit-transform: translateX(-20px);transform: translateX(-20px);} 100% {opacity:1;-webkit-transform: translateX(0px);transform: translateX(0px);}} @keyframes fadeInLeft { 0% {opacity:0;-webkit-transform: translateX(-20px);transform: translateX(-20px);} 100% {opacity:1;-webkit-transform: translateX(0px);transform: translateX(0px);}} .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeOut { 0% {opacity:1} 100% {opacity:0} } @keyframes fadeOut { 0% {opacity:1} 100% {opacity:0} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeInUp { 0% {opacity: 0.5;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInUp { 0% {opacity: 0.5;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} 100% {opacity: 1;-webkit-transform: none;transform: none;} } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeInDown { 0% { -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /****/ @-webkit-keyframes rotate { 0% {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes rotate { 0% {-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .rotate, .rotate:hover { -webkit-animation-name: rotate; animation-name: rotate; } /* ================================================== # NProgress Spinner ================================================== */ /* Make clicks pass-through */ #nprogress {pointer-events: none;} #nprogress .bar {background: #000;position: fixed;z-index: 1100;top: 0;left: 0; width: 100%;height: 10px;} /* Fancy blur effect */ #nprogress .peg { display: block; position: absolute; right: 0; width: 100px; height: 100%; box-shadow: 0 0 10px #000, 0 0 5px #000; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } /* Remove these to get rid of the spinner */ #nprogress .spinner {display: block;position: fixed;z-index: 1100;top: 15px;right: 15px;} #nprogress .spinner-icon {width: 18px;height: 18px;box-sizing: border-box;border: solid 2px transparent;border-top-color: #000;border-left-color: #000;border-radius: 50%;-webkit-animation: nprogress-spinner 400ms linear infinite;animation: nprogress-spinner 400ms linear infinite;} @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /************************************** MENU ********************************************/ header#main-heading .closenav{display:none;cursor:pointer;width:100px;height:100px;position:absolute;right:15px;top:15px} header#main-heading .closenav:hover{transform: rotate(360deg);} header#main-heading .closenav span{display: block; background-color: #333;width: 22px;height: 3px;position: absolute;top: 50%;left: 50%; transform: translateX(-50%) translateY(-50%);transform: rotate(45deg);margin-left:-11px} header#main-heading .closenav span:before{content:'';display: block; background-color: #333;width: 22px;height: 3px;transform: rotate(90deg);} .trigger-mobile-nav{position:absolute; bottom:15%;z-index:80;left:0;right:0;display:none} .trigger-mobile-nav .logo-site{float:left; height:110px} .trigger-mobile-nav .logo-brand{float:left;} .brand-kia .trigger-mobile-nav .logo-brand, .brand-mitsubishi .trigger-mobile-nav .logo-brand, .brand-mitsubishi-fuso .trigger-mobile-nav .logo-brand{font-family:'binsfeld';height:110px;line-height:110px;padding:0 15px} .brand-kia .trigger-mobile-nav .logo-brand{background:#c40c18;color:#fff} .brand-mitsubishi .trigger-mobile-nav .logo-brand, .brand-mitsubishi-fuso .trigger-mobile-nav .logo-brand{background:#fff;color:#333; border-left:1px solid #f2cacc} .brand-kia .trigger-mobile-nav .logo-brand:before{content: "\e608";font-size:40px;} .brand-mitsubishi .trigger-mobile-nav .logo-brand:before{content: "\e60a";font-size:70px;} .brand-mitsubishi-fuso .trigger-mobile-nav .logo-brand:before{content: "\e609";font-size:70px;} .trigger-mobile-nav .frame{display:table;margin:auto;} .menu-icon{position: relative;width: 54px;height: 110px;float:left;-webkit-transition: transform 0.2s;-ms-transition: transform 0.2s;transition: transform 0.2s; cursor:pointer} .menu-icon span {position: absolute;top: 50%;left: 50%; transform: translateX(-50%) translateY(-50%);display: block; width: 22px;height: 2px;background-color: #FFF; transition: background 0.2s;} .menu-icon span::before, .menu-icon span::after { content: '';position: absolute; top: 0;left: 0;transform: translateY(-6px); display: block;width: 22px; height: 2px; background-color: #FFF; transition: transform 0.2s;} .menu-icon span::after {transform: translateY(6px); } .menu-icon:hover span::before{transform: translateY(-8px);} .menu-icon:hover span::after{transform: translateY(8px);} .brand-mitsubishi-fuso #menu-brand, .brand-mitsubishi #menu-brand{border-left:1px solid #f2cacc;} .mobile #menu-brand{border-left:none;} #navbrandmenu .a-text{display:none} /* -webkit-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); */ /************************************************* RESPONSIVE *********************************************/ /* @media (max-width:768px){ header#main-heading{background:none; bottom:10%;-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow:none;} .logo-site{max-width:100%} } */ @media (max-width:768px){[class*="owl-triangle-"]{display:none;}} @media (min-width:1199px){[class*="owl-triangle-"]{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform: scale(1);transform: scale(1)}} @media (min-width:768px){.template-services article:nth-child(even) div[class*="col-"] {float:right}} @media (max-width:1200px){ .template-model article .score{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0); opacity:1;filter:alpha(opacity=100);} .template-model article{-webkit-box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.2);border-top:1px solid #F4F4F4} .home .template-model article .caption{opacity:1;filter:alpha(opacity=100);} .template-model article .heart{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px); opacity:1;filter:alpha(opacity=100);} .template-model .btn{margin-top:30px} .template-model .sn-right-big{position:absolute;right:10px} } @media (max-width:768px){.template-services article .btn{font-size:14px} #menu-menu-footer{}#home-accessories article{margin-bottom:40px}#home-services{overflow:hidden}.promo-single .meta{float:none;margin:20px 0;}.promo-single .meta{float:none}.vechicle-header .meta > span{display:none}.vechicle-header .header-inner{float:none}.template-promo article .container-img{height:auto}.promo-single .meta li{float:none;text-align:center;margin-left:0px;margin-right:0px}#book-car{float:none!important;width:100%}.glyphicon-print{display:none}.btn.return{width:100%;margin-top:10px;display:none}.template-opportunity .text{display:none} #metabox img{margin:0 auto 20px auto;display:block;}#metabox{font-size:14px; text-align:center}.carousel-fullscreen .owl-caption h1{font-size:20px}.carousel-fullscreen .owl-p{font-size:13px}#home-services h1.section-title{font-size:15px}.template-model .sn-right-big,#home-accessories .sn-right-big, #home-news .sn-right-big, .template-services .sn-right-big{position:absolute;right:10px}#home-accessories .btn, #home-news .btn, .template-services .btn{width:100%;text-align:left}.post-article .btn{width:100%;display:none}.post-article article h1 {font-size:16px;padding-bottom:10px}.post-article .caption{padding-top:10px}.post-single .date span{width:100%;height:auto;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; display:block}.post-single .date{display:block; margin:0}.post-single .post-action{display:none}.form-post .btn-lg{width:100%}.fb_iframe_widget{display:inline-block!important}.form-control{margin-bottom:10px}.comments-title{font-size:14px;margin-bottom:15px}.model-single .vehicle-benefit-title{margin-top:30px}#openrespond{float:none!important; width:100%; text-align:center; margin-bottom:20px}.vehicle-image img{margin:auto;display:block}.manager{margin-top:60px}#model-nav{bottom:0;margin:0}.template-model article{-webkit-box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0);-moz-box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0);box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0); border:2px solid #dddddd}} @media (max-width:480px){.promo-single .promo-image{display:none}.promo-single #promo-gallery{margin:0px}.box-search .pull-left,.box-search .pull-right{float:none!important}.template-opportunity .select-style{display:table}footer.footer .signature{display:none}.vehicle-image{display:none}} @media (max-width:600px){.opportunity-vehicle .vehicle-img{float:none;width:100%; max-width:100%; margin-bottom:20px}.opportunity-vehicle .options{float:none;width:100%}.opportunity-vehicle .options{padding:0}.opportunity-vehicle .price{float:none; display:block}.opportunity-vehicle .property li{display:block; width:100%}.opportunity-vehicle .property li:after{display:none}.opportunity-vehicle{margin-bottom:40px}} @media (min-width:1199px){#home-services .container{ width:1293px }} @media (min-width:768px) and (max-width:1199px){#main-heading .navbar-nav > li > a{padding:0 6px;font-size: 12px}} @media (max-width:1024px){ body{overflow-x:hidden} body.mobile{overflow:hidden; } header#main-heading{display:block;-webkit-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%);padding:15px 0;transform-origin:right bottom;} header#main-heading{-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;} .trigger-mobile-nav{display:block} .logo-site{max-width:100%} header#main-heading{position:fixed;right:0px;top:0px;left:20%;bottom:0px!important; background:#c40c18; height:auto; overflow:hidden; overflow-y:auto;z-index:9999;display:block;} body[class*="mitsubishi"] header#main-heading{background:#fff;} body[class*="mazda"] header#main-heading{background:#fff;} header#main-heading .closenav{display:block;} .navbar-nav{margin:0px} #main-heading .container{width:100%} .navbar-nav > li{float:none} header#main-heading .pull-left,.navbar-nav{float:none!important;} #main-heading .navbar-nav > li > a{height:60px; line-height:60px; display:block} #main-heading #menu-brand > li > a{display:block;width:100%; text-align:left; background:#fff; color:#333; height:60px; line-height:60px; border:1px solid #ddd; text-transform:lowercase} #main-heading #menu-brand > li > a span{font-size:16px!important; text-transform:initial; margin-right:5px} #menu-brand > li > a:before{display:none} #main-heading #menu-brand .sub-menu{top:60px} #main-heading #menu-brand .dropdown-horizontal{width:100%!important} #menu-brand .dropdown-horizontal > li{float:none; width:100%} #main-heading .a-text{display:inline-block!important} #menu-brand .sub-menu > li > a{background:rgba(255,255,255,1); text-align:left} #menu-brand .dropdown-horizontal > li > a span[class^="binsfeld-"]{font-size:20px!important} #menu-brand .dropdown-horizontal > li > a{height:60px; border-left:1px solid #ddd; border-right:1px solid #ddd;padding-left:10px} #menu-brand .dropdown-horizontal > li:last-child > a{border-bottom:1px solid #ddd} .mframe{background:#fff; margin:-15px -15px 0px -15px; padding:15px} #navbrandmenu:after{content:'\e800'; font-family:"fontello"; color:#c40c18; font-size:30px; position:absolute; top:0; right:15px;} .logo-site{display:block;margin-bottom:15px} .mobile header#main-heading{-webkit-transform: translate(0%) scale(1); -ms-transform: translate(0%) scale(1); transform: translate(0%) scale(1);} .mobile .backdown{transform: scale(0.9);} section.cover, #home-carousel{transform-origin:right bottom;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;} .mobile-backdrop{position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0); z-index:100} .mobile .mobile-backdrop{background:rgba(0,0,0,0.8)} .mobile .trigger-mobile-nav{display:none} .dropdown-menu > li > a{padding:0px} .template-model article .container-img{height:auto} } @media (max-width:315px){ .menu-icon{height: 83px;} .brand-kia .trigger-mobile-nav .logo-brand, .brand-mitsubishi .trigger-mobile-nav .logo-brand, .brand-mitsubishi-fuso .trigger-mobile-nav .logo-brand{ height: 83px;line-height: 83px;} .trigger-mobile-nav .logo-site{height: 83px;} .brand-kia .trigger-mobile-nav .logo-brand:before{font-size:25px} .brand-mitsubishi-fuso .trigger-mobile-nav .logo-brand:before{font-size:55px} #main-heading #menu-brand > li > a{overflow:hidden;} } @media print{ .full-screen, .promo-single .meta, .vehicle-action, #book-car, footer.footer, #promo-gallery, .similiar-offers, .vechicle-header .meta, .comments-area, .accessory-action, .btn{display:none!important} body { font-size: 10px } .promo-single .promo-image, .accessory-single, .accessory-single {margin-top:0px;padding-top:0} a[href]:after{content:""} abbr[title]:after{content:""} .tab-pane{display:block!important} #gc-content{display:block!important;} .model-single{padding:0} } @media (max-width:1024px) { .mobile_friendly .trigger-mobile-nav{ position: static; top: 0px; background: #c40c18; bottom: auto; } .mobile_friendly .logo-site{ margin-bottom:0;height: 99px; } .mobile_friendly .menu-icon{ float:right;height: 99px; } .mobile_friendly .anchor{ display: none; } .mobile_friendly .full-screen { height: auto!important; } .mobile_friendly .trigger-mobile-nav .logo-brand{ height: 99px; line-height: 99px; } } /* alert cookies */ .alert-cookies{ position: fixed; bottom:15px; left: 15px; right: 15px; background: white; padding: 3rem; z-index: 100000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius:4px; border: 1px solid #c40c18; -webkit-animation-name:alertcookies; animation-name: alertcookies; -webkit-animation-delay:3s; animation-delay:3s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:.8s; animation-duration:.8s; } @media (max-width:768px) { .alert-cookies{ display: block; } } @-webkit-keyframes alertcookies{ 0%{ -webkit-transform:translateY(100%); transform:translateY(100%); opacity:0 } to{ -webkit-transform:translateY(0%); transform:translateY(0%); opacity:1 } } @keyframes alertcookies{ 0%{ -webkit-transform:translateY(100%); transform:translateY(100%); opacity:0 } to{ -webkit-transform:translateY(0%); transform:translateY(0%); opacity:1 } }