@import url('https://fonts.googleapis.com/css?family=Belleza&display=swap');
@import url('https://fonts.googleapis.com/css?family=Gothic+A1:300,400,500,600,700&display=swap');
body{font-family:'Gothic A1',sans-serif;margin-top:0;background:#fff;font-size:16px;font-weight:300;line-height:1.63;color:#0f0f0f;margin-top:92px;}
a{text-decoration:none!important;transition:all 0.2s ease;}
h1,h2,h3,h4,h5,h6{font-family:'Belleza',sans-serif;line-height:normal;}
h2{font-size:40px;letter-spacing:2.5px;}
h3{font-size:35px;letter-spacing:2px;}
h4{font-size:25px;letter-spacing:1.5px;}
h5{font-size:20px;letter-spacing:1px;}
h6{font-size:18px;letter-spacing:1px;}
.f-20{font-size:20px;font-family:'Belleza',sans-serif;}
.f-25{font-size:25px;font-family:'Belleza',sans-serif;}
.f-30{font-size:30px; line-height: normal;font-family:'Belleza',sans-serif;}/*updated*/
.font-wight-300{font-weight:300;}
.font-wight-400{font-weight:400;}
.font-wight-700{font-weight:700;}
.p-0{padding:0;}
.bg-black{background-color:#0f0f0f;}
.bg-white{background-color:#ffffff;}
.bg-blue{background-color:#129cd7}
.color-grey{color:#6e6e6e;}
.color-black{color:#0f0f0f;}
.color-white{color:#ffffff;}
.color-blue a{color:#129cd7}
.color-blue{color:#129cd7}
.p-15{padding:15px;}
.pl-15{padding-left:15px;}
.pr-15{padding-right:15px;}
.pb-15{padding-bottom:15px;}
.pt-15{padding-top:15px;}
.pb-30{padding-bottom:30px;}
.mt-0{margin-top:0px;}
.mt-15{margin-top:15px;}
.mb-15{margin-bottom:15px;}
.mb-30{margin-bottom:30px;}
.mt-30{margin-top:30px;}
.d-inlineblock{display:inline-block;}
.d-flex{display:flex;}
.align-items-center{align-items:center;}
.justify-content-center{justify-content:center;}
.justify-content-between{justify-content:space-between;}
.justify-content-stretch{justify-content:stretch;}
.flex-end{justify-content:flex-end;}
.flex-wrap{flex-wrap:wrap;}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white:active:focus{background:transparent;outline:0;border:1px solid #fff;color:#fff;}
.btn-black:hover,.btn-black:focus,.btn-black:active,.btn-black:active:focus{background:transparent;outline:0;border:1px solid #0f0f0f;color:#0f0f0f;}
.btn-white{min-width:160px;height:45px;background:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;letter-spacing:0.5px;color:#0f0f0f;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);padding:0 15px;transition:all 0.2s ease;border:1px solid #fff;}
.btn-black{min-width:160px;height:45px;background:#0f0f0f;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;letter-spacing:0.5px;color:#ffffff;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);padding:0 15px;transition:all 0.2s ease;border:1px solid #0f0f0f;border-radius:0;}
.header-menu-block .navbar-nav > li > a{font-family:Belleza;font-size:16px;letter-spacing:1px;color:#ffffff!important;margin:0;text-transform:uppercase;transition:all 0.2s ease;background:transparent!important;}
.toolbar-tray-open{padding-top:0!important;}
.header-bar > .navbar-default{background-color:transparent;border-color:transparent;margin-bottom:0;margin-top:0;}
.header-bar{background-color:#0f0f0f;padding:12px 0;display:flex;align-items:center;position:fixed;z-index:99;width:100%;top:0;}
.header-menu-block .navbar-nav > li > a:hover,.header-menu-block .navbar-nav > li > a:active{color:#129cd7!important;}
/*.header-menu-block .navbar-nav > li > a:hover span.caret, .header-menu-block .navbar-nav > li > a:active span.caret{ border-bottom: 4px dashed; border-top:none; }*/
.navbar-header{width:100%;}
.header-bar .nav > li{padding:0 0 18px;}
.footer-block .nav > li{padding:0;}
.header-menu-block a.active-trail.is-active{color:#129cd7!important;}
.navbar-header > .region-navigation{display:flex;align-items:center;justify-content:space-between;}
div#navbar-collapse{position:absolute;transform:translate(35%,-50%);top:45px;}
.views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide{width:100%!important;height:auto!important;}
.views_slideshow_cycle_teaser_section,.views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide img{width:100%!important;}
.header-slider-description{position:absolute;top:136px;left:0;right:0;}
.slider-description-box h2{font-size:60px;margin-bottom:30px;}
.views-slideshow-controls-bottom.clearfix{position:absolute;bottom:30px;z-index:999;left:0;right:0;}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li{border:1px solid #fff;background:transparent;}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active{background:#fff;cursor:default;}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:hover{background-color:#fff;}
.front-home-slider{position:relative;z-index:1;}
.a-perpose-du{padding:60px 0 70px;max-width:640px;margin:0 auto;}
.section-images-details{padding:40px 60px;position:relative;width:100%;}
.section-images-details .section-images-title .field--name-field-section-title{color:#0f0f0f;}
.section-images-image img{width:100%;}
.section-images-details:before{position:absolute;content:"";top:20%;bottom:20px;background:#dadada;right:0;border-right:1px solid #dadada;}
.section-images-details-box{display:flex;align-items:stretch;min-height:200px;}
.nos-services-description{padding:20px 0px;}
.nos-services-title{font-size:20px;font-weight:normal;font-family:'Belleza',sans-serif;line-height:normal;}
.nos-services-title{min-height:70px;}
.nos-services-about{min-height:200px;width:100%;padding:0px 10px;}
/*updated*/
.nos-services.font{position:relative;}
.nos-services.font:before{position:absolute;content:"";border-right:1px solid #dadada;top:5%;bottom:6%;right:-15px;}
.nos-services-front{background:#f9f9f9;padding:36px 0 80px;}/*updated*/
.view-content .views-row:nth-last-child(1) .nos-services.font:before{border:none;}
.nos-services-grid{position:relative;}
.nos-services-grid:before{position:absolute;content:"";border-right:1px solid #dadada;top:5%;bottom:6%;right:0px;}
.nos-services-grid:nth-last-child(1):before{border:none;}
h2.block-title{text-align:center;text-transform:uppercase;margin-bottom:35px;font-size:35px;}
/*.mazda-slider-part-img img {width: auto; padding: 0; max-width: 325px; max-height: 224px;}*/
.mazda-slider-part-img a{margin-right:5px;margin-bottom:5px;display:block;}
.mazda-slider-part-img a:last-child{margin-bottom:0;}
.mazda-slider-block{/*padding-bottom:10px; height: 100%; */position:relative;width:82%;float:left;}
.mazda-slider-block.compat-object-fit{background-size:cover;background-repeat:no-repeat;background-position:center;}
.mazda-slider-box img{width:100%;}
.mazda-slider-part{width:18%;float:left;}
/*.mazda-slider-box {display: flex; height: 100%;}*/
.mazda-slider-block-title h3{font-size:30px;text-transform:uppercase;margin-bottom:30px;display:inline-block;background:transparent;padding:10px 15px;color:#fff;}
.mazda-slider-btn-block a{margin:0 7px;}
.mazda-slider-block-about{position:absolute;top:80px;display:inline-block;left:0;right:0;text-align:center;}
.modeles-mazda-Slider-block{padding:30px 0 40px;}
.modeles-mazda-Slider-block button.slick-prev.slick-arrow{background:url(../images/slider-white-left.svg);left:30px;}
.modeles-mazda-Slider-block button.slick-next.slick-arrow{background:url(../images/slider-white-right.svg);right:30px;}
.modeles-mazda-Slider-block button.slick-prev.slick-arrow:hover{background:url(../images/hover-white-left.svg);}
.modeles-mazda-Slider-block button.slick-next.slick-arrow:hover{background:url(../images/hover-white-right.svg);}
.autres-model-work{position:relative;}
.autres-model-work button.slick-prev.slick-arrow{background:url(../images/arrow-left.svg);left:0px;top:15px;}
.autres-model-work button.slick-next.slick-arrow{background:url(../images/arrow-right.svg);right:0px;top:15px;}
.autres-model-work button.slick-prev.slick-arrow:hover{background:url(../images/arrow-left2.svg);}
.autres-model-work button.slick-next.slick-arrow:hover{background:url(../images/arrow-right2.svg);}
.autres-model-work nav.slick__arrow button{background-color:transparent;border:none;outline:0;font-size:0;background-repeat:no-repeat;width:66px;height:70px;position:absolute;transition:all 0.2s ease;}
.autres-model-work nav.slick__arrow{top:40px;}
.autres-model-work nav.slick__arrow button:before{display:none;}
.modeles-mazda-Slider-block .slick-arrow::before{display:none;}
.modeles-mazda-Slider-block button.slick-arrow{background-size:cover;width:60px;height:60px;padding:0;transition:all 0.2s ease;}
.footer-block{background-color:#0f0f0f;display:flex;width:100%;flex-wrap:wrap;}
.footer-block h2.block-title,.footer-block h2#block-sitemap-menu{font-size:18px;letter-spacing:1px;color:#adadad;margin-bottom:20px;text-align:left;margin:0 0 35px 0;}
.footer-block .nav > li > a,.footer-block a,.footer-block p{font-size:16px;font-weight:300;color:#ffffff;padding-left:0;text-decoration:none;margin-bottom:0;}
.footer-block .nav > li{margin-bottom:20px;}
.footer-block .nav > li > a{padding:0;line-height:normal;}
.footer-links-site a{color:#129cd7;text-decoration:none;font-weight:600;}
.footer-links-logo span{font-size:10px;color:#fff;padding-left:10px;}
.footer-links-logo{padding-right:10px;}
.footer-block .nav > li > a:hover,.footer-block a:hover{background-color:#0f0f0f;color:#129cd7;}
.footer-links-logo a:hover{background-color:#fff;}
.footer-links .footer-links-site p{margin-bottom:20px;}
.contact-mail .color-blue{color:#129cd7;text-decoration:none;font-weight:600;}
.horaires-d-ouverture-venue b{font-size:16px;color:#fff;font-weight:600;}
.footer{border:none;padding:0;}
section#block-footercopyright{margin-top:40px;border-top:1px solid #464646;padding:0;}
.copyright-title p,.copyright-title a{margin-bottom:0;font-size:13px;color:#6e6e6e;}
.copyright{padding:22px 0;}
.news-front-title span{font-size:12px;line-height:1.25;color:#adadad;margin-bottom:7px;display:inline-block;text-transform: capitalize;}/*updated*/
.news-listing-wrap > .view-content > .views-infinite-scroll-content-wrapper{display:flex;flex-wrap:wrap;}
.news-block-wrap{margin-bottom:60px;}
.news-btn{display:flex;justify-content:center;}
.view-id-news_.view-display-id-block_1 .views-row{margin-bottom:50px;}
.view-id-news_.view-display-id-block_1 .news-front{margin-bottom:0}
.news-front{margin-bottom:60px;}/*updated*/
.news-front a{text-decoration:none;color:inherit;}
.news-front-head{font-size:20px;font-family:'Belleza',sans-serif;line-height:normal;letter-spacing:inherit;}
.vous-tente{background:url(../images/image-un-essai.jpg) no-repeat scroll center/cover;padding:100px 0;text-align:center;}
.vous-tente-btn a{background:url(../images/t-l-phone.svg) no-repeat;background-size:45px;background-position:left center;padding:15px 0 10px 50px;font-size:20px;font-family:'Gothic A1',sans-serif;}
.section-images-box a{color:initial;text-decoration:none;}
.vous-tente-btn a:hover{color:#fff;}
.path-frontpage .region-fullwidth-top{padding:0;}
.news-letter{background:url(../images/newsletter-bg.jpg) no-repeat scroll center/cover;padding:100px 0;text-align:center;margin-bottom:-1px;}
.news-letter-input input{height:45px;margin-right:15px;padding:0 24px;min-width:480px;background-color:#6e6e6e;color:#ffffff;border:0;box-shadow:none;outline:0;}
.news-letter-input input::-webkit-input-placeholder{color:#ffffff;}
.news-letter-input input::-moz-placeholder{color:#ffffff;}
.news-letter-input input:-ms-input-placeholder{color:#ffffff;}
.page-node-type-services .main-container.container > .row{margin:0;width:100%;padding:0;}
.page-node-type-services .main-container.container > .row > .col-sm-12{padding:0;}
.page-node-type-services .main-container.container{width:100%;padding:0px 0 0;}
.page-node-type-vehicule .main-container.container > .row{margin:0;width:100%;padding:0;}
.page-node-type-vehicule .main-container.container > .row > .col-sm-12{padding:0;}
.page-node-type-vehicule .main-container.container{width:100%;padding:0 0 0;}
.page-node-type-vehicule .region-fullwidth-top{padding-top:0;}
body.page-node-type-vehicule{margin-top:91px;}
.page-node-type-news .main-container.container > .row{margin:0;width:100%;padding:0;}
.page-node-type-news .main-container.container > .row > .col-sm-12{padding:0;}
.page-node-type-news .main-container.container{width:100%;padding:0 0 0;}
.services-banner-img img{max-width:100%;}
.services-banner-img.right-0{height:550px;}
.services-banner-img.right-1{height:275px;}
.services-banner-img.right-2,.services-banner-img.right-3{height:275px;}
.interested-models-box{width:600px;padding:0 15px;margin:0 auto;}
.interested-models{display:inline-block;width:100%;padding:100px 0 84px 0;}
.services-detail-view-block{padding:50px 0;background:#f9f9f9;width:100%;}
/*.services-detail-view-block h2{margin-top:0;}*/ /*updated*/
.paragraph--type--service-detail-page:nth-child(even) .section-images-box{flex-direction:row-reverse;}
.services-detail-list-box .section-images-details:before{display:none;}
.contact-address{background:url(../images/location.svg) no-repeat;background-size:25px;background-position:left top;padding:0px 0 15px 35px;text-decoration:none;}
.contact-address > p{line-height:1.56;}
.contact-call a{background:url(../images/t-l-phone.svg) no-repeat;background-size:25px;background-position:left top;padding:4px 0 4px 35px;text-decoration:none;}
.contact-mail a{background:url(../images/email1.svg) no-repeat;background-size:25px 25px;background-position:left top;padding:4px 0 4px 35px;text-decoration:none;}
h1.page-header{font-size:40px;letter-spacing:2.5px;color:#0f0f0f;text-align:center;text-transform:uppercase;border:none;padding:0 0 30px 0;position:relative;}
.region-fullwidth-top{padding:72px 0 0;}/*updated*/
body.page-node-35 .col-sm-12[role="fullwidthtop"]{display:flex;}
body.page-node-35 .region-fullwidth-top{background:transparent url('../images/image-occasions.png') no-repeat scroll center/cover;min-height:400px;margin-bottom:64px;display:flex;align-items:center;justify-content:center;padding:0;width:100%;}
body.page-node-35 .region-fullwidth-top h1.page-header{color:#ffffff;margin:0;padding:0;}
.model-typle-filter legend{width:auto;float:left;font-size:18px;font-weight:600;color:#0f0f0f;border:none;margin:0px 0 0 15px;}
.model-typle-filter .fieldset-wrapper{float:left;width:auto;}
.model-typle-filter .form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:relative;background-color:#ffffff;top:10px;height:20px;width:20px;border-radius:50%;cursor:pointer;margin-right:7px;outline:none;border:1px solid;}
.model-typle-filter .form-radio:checked::before{position:absolute;left:50%;top:50%;content:"";background:black;height:10px;width:10px;border-radius:50%;transform:translate(-50%,-50%);}
.model-typle-filter .form-inline .radio input[type="radio"]:focus{outline:0;top:10px;}
.model-typle-filter .form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:15px;transform:translateY(-50%);margin-right:10px;margin-top:0;}
.model-typle-filter .form-item label{font-size:18px;display:flex;align-items:center;line-height:24px;}
.model-typle-filter > .view-filters{margin-bottom:80px;}
.model-list a{color:inherit;text-decoration:none;}
.page-node-16 h1.page-header{position:relative;margin-bottom:30px;}
.page-node-16 h1.page-header:before{position:absolute;content:"";border-bottom:2px solid #e5e5e5;bottom:0;left:10%;right:10%;}
.mazda-detail-banner{position:relative;}
.mazda-detail-banner-title{position:absolute;right:0;top:50%;left:0;text-align:center;transform:translateY(-50%);}
.mazda-banner-img img{max-width:100%;height:700px;width:100%;object-fit:cover;}
.mazda-detail-description{padding:60px 0;}
.section-images-description{font-size:18px;}
.menu--sitemap li.last a{display:none;}
.menu--sitemap li.last{background:url(../images/footer-icon.png) no-repeat;width:75px;height:75px;margin-top:115px;margin-bottom: 0;}/* updated */
/*.footer-links-logo.car-logo img {background: #fff; border-radius: 50%; width: 35px; padding: 5px; } */
.footer-links-logo.fb-logo a{font-size:0;width:35px;height:35px;border-radius:50%;background:#ffffff url('../images/fb.svg') no-repeat scroll center/9px 19px;display:block;}
.footer-links-logo.fb-logo a:hover{background:transparent url('../images/facebook-hover.svg') no-repeat scroll center/9px 19px;}
.footer-links-logo.car-logo a{font-size:10px;font-weight:500;color:#ffffff;display:block;}
.footer-links-logo.car-logo a:hover{background-color:transparent;}
.footer-links-logo.car-logo a:before{content:"";background:#ffffff url('../images/mazda.svg') no-repeat scroll center/30px auto;width:35px;height:35px;border-radius:50%;vertical-align:middle;margin-right:6px;display:inline-block;transition:all 0.2s ease;}
.footer-links-logo.car-logo a:hover:before{background:transparent url('../images/mazda-hover.svg') no-repeat scroll center/30px auto;}
.services-head-title{font-size:40px;font-family:'Belleza',sans-serif;line-height: normal;}/*updated*/
.services-banner-img > img{width:100%;height:100%;object-fit:cover;}
.mazda-btn a.btn-white{color:#0f0f0f;}
.page-node-type-vehicule h2.block-title{margin-bottom:70px;margin-top:50px;}
/*.header-menu-block li.expanded.dropdown:hover ul.dropdown-menu {display: block; } */
/*.header-menu-block ul.dropdown-menu { display: none ; padding: 0;} */
.header-menu-block li.expanded.dropdown.active > a.dropdown-toggle.active-trail{background:transparent!important;color:#fff!important;}
.header-menu-block li.expanded.dropdown.active:hover > a.dropdown-toggle.active-trail{color:#129cd7!important;}
.header-menu-block ul.dropdown-menu > li a{padding:6px 0px;font-size:16px;color:#0f0f0f;font-family:'Belleza',sans-serif;transition:all 0.2s ease;}
.header-menu-block ul.dropdown-menu > li a:hover,ul.dropdown-menu > li.active > a:active,.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover{background-color:#fff;color:#129cd7;}
.news-listing-wrap li.pager__item > a.button{min-width:160px;height:45px;background-color:#0f0f0f!important;display:flex!important;align-items:center;justify-content:center;font-size:16px;letter-spacing:0.5px;color:#ffffff;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);padding:0 15px!important;transition:all 0.2s ease;border:1px solid #0f0f0f!important;border-radius:0!important;}
.news-listing-wrap li.pager__item > a.button:hover{background:transparent!important;color:#0f0f0f;}
.news-listing-wrap{margin-bottom:60px;}
.news-listing-wrap .pager > li.pager__item{display:inline-block;}
.news-date-day{font-size:60px;line-height:1;color:#adadad;}
.news-date-year{color:#adadad;text-transform: capitalize;}/*updated*/
.news-description-title{font-size:35px;letter-spacing:2px;font-weight:400;line-height:normal;text-transform:uppercase;}
.news-detail-image{padding-bottom:51px;}/*updated*/
.news-detail{padding:56px 0 100px;width:100%;display:inline-block;}/*updated*/
.back-news-list a{font-weight:400;color:#0f0f0f;background:url(../images/arrow-left.svg) no-repeat left center;background-size:25px;padding-left:26px;padding:5px 0px 0 30px;}
.back-news-list{padding:0 15px;}
.news-detail img.news-image{width:100%;}
.contact-header-box{max-width:700px;margin:0 auto 60px;}
.contact-findus-frame > iframe{display:block;}
div#map{height:550px!important;}
.contact-find-call a{color:#6e6e6e;}
.contact-findus-detail .contact-find-address{background:url(../images/location.svg) no-repeat;background-size:30px;background-position:left top;padding:0 0 15px 40px;}
.contact-findus-detail .contact-find-call a{background:url(../images/t-l-phone.svg) no-repeat;background-size:30px;background-position:left top;padding:5px 0 20px 40px;}
.contact-findus-detail .contact-find-mail a{background:url(../images/email1.svg) no-repeat;background-size:30px;background-position:left top;padding:5px 15px 10px 40px;}
.contact-findus-box{display:inline-block;width:100%;padding:0 100px;}
.contact-findus{margin:0 0 60px;}
.contact-message{padding-left:100px;}
.form-control,.form-control:hover,.form-control:active,.form-control:focus{outline:0!important;box-shadow:none!important;border:solid 1px #0f0f0f!important;font-size:16px;font-weight:300;font-style:normal;font-stretch:normal;line-height:1.63;letter-spacing:normal;color:#0f0f0f;border-radius:0;}
.contact-form-block input.form-control{outline:0!important;box-shadow:none!important;border:solid 1px #0f0f0f!important;height:50px;}
.contact-form-block textarea.form-control{min-height:110px;}
.contact-form-block .form-actions .btn,.contact-form-block .form-actions .btn-group{margin-right:0;}
.form-item-nom-first{margin-right:15px;}
.contact-first-name{display:flex;margin-bottom:0;}
.contact-findus-detail .contact-find-call a:hover{color:#129cd7;}
.news-block-wrap .view-footer{display:inline-block;width:100%;}
.page-node-1 .section-images-image{overflow:hidden;}
.page-node-1 .section-images-image img:hover{transform:scale(1.07);}
.page-node-1 .section-images-image img,.section-images-image img{transition:transform 1.5s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1.5s cubic-bezier(.25,.46,.45,.94);transform:scale(1.01);}
.news-front .news-front-img,.mazda-slider-block,.mazda-slider-part-img a,.section-images-image{overflow:hidden;}/* updated */
.news-front .news-front-box img:hover,.mazda-slider-block img:hover,.mazda-slider-part-img a img:hover,.section-images-image img:hover{transform:scale(1.07);}
.news-front .news-front-box img,.mazda-slider-block img,.mazda-slider-part-img a img{transition:transform 1.5s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1.5s cubic-bezier(.25,.46,.45,.94);transform:scale(1.01);}
/*model Light-box*/
/*.modal-content {background: #fff; display: inline-block; border: 0; }
a.btn-blue {background: #129cd7; color: #fff; padding: 5px 25px; display: inline-block; margin-top: 15px; transition: all 0.2s ease; font-weight: 700; }
a.btn-blue:hover {background: #fff; color: #129cd7; }
.model-left-box > .modal-body {position: relative; padding: 15px 40px; }
.model-left-box p.f-25.color-blue {font-weight: 700; }
.modal-open .modal {background: rgba(0, 0, 0, 0.6); }
.modal.in .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, -50%); top: 50%; margin: 0 auto; }
.modal-body > img {height: 300px; }
.modal-header {padding: 0; border-bottom: none; }
.modal-header .close {margin-top: 0; position: absolute; top: 9px; right: 10px; opacity: 0.7; }
section#block-views-block-pop-up-lightbox-block-1 { height: 0px;}*/
.contact-message-title{margin-bottom:30px;}
#popup{display:none;}
#cboxWrapper #cboxLoadedContent #popup{display:block;}
.lightbox-wrapper{display:table;}
.lightbox-wrapper .left-side{display:table-cell;vertical-align:middle;float:none;padding-left:0;}
.lightbox-wrapper .right-side{display:table-cell;vertical-align:middle;float:none;padding:0 50px;}
.lightbox-wrapper .title{color:#0fa4e2;text-transform:uppercase;font-size:26px;font-weight:bold;margin-bottom:25px;}
.lightbox-wrapper .desc{color:#333333;font-size:18px;margin-bottom:50px;}
.event-date{margin-bottom:50px;}
.event-date span{color:#333333;font-size:16px;font-weight:bold;}
.popup_onload #cboxClose{background:url('../images/close-icon.svg') no-repeat scroll center center;width:14px;height:14px;top:15px;right:15px;}
.popup_onload #cboxClose:hover{background-position:center center;}
.popup_onload #cboxMiddleLeft,.popup_onload #cboxMiddleRight,.popup_onload #cboxTopLeft,.popup_onload #cboxTopCenter,.popup_onload #cboxTopRight,.popup_onload #cboxBottomLeft,.popup_onload #cboxBottomCenter,.popup_onload #cboxBottomRight{display:none;}
.popup_onload #cboxLoadedContent{margin-bottom:0;overflow:hidden!important;}
.lightbox-wrapper a{display:inline-block;padding:11px 40px;background:#009ee0;transition:ease 0.5s;-webkit-transition:ease 0.5s;color:white;text-transform:uppercase;font-weight:bold;border-radius:2px;font-size:14px;line-height:normal;}
.lightbox-wrapper a:hover,.lightbox-wrapper a:focus{color:#009ee0;background:white;text-decoration:none;}
.popup_onload #cboxWrapper{height:400px!important;width:850px!important;border-radius:0;}
.header-menu-block .navbar-nav > li:hover > .dropdown-menu{display:block;border:none;}
.header-menu-block .navbar-nav > li > .dropdown-menu{border:none;padding:22px 15px;border-radius:0;left:-55px;}
.news-date-box{float:right;}
.contact-form-block{margin-bottom:50px;}
.page-node-type-vehicule .slick-list{margin:0 50px;}
.page-node-35 .main-container.container{margin-bottom:60px;}
.youtube iframe{width:100%!important;height:700px!important;display:block;}
.youtube img.thumb-img{width:100%!important;height:700px;object-fit:cover;}
.ser-video iframe{width:100%!important;height:700px!important;display:block;}
.ser-video img{width:100%!important;height:700px;object-fit:cover;object-position:center;}
.front-home-slider .views_slideshow_cycle_teaser_section,.front-home-slider .views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide img{width:100%!important;height:100%;object-fit:cover;}
.front-home-slider .views_slideshow_cycle_teaser_section img.play-btn{width:75px!important;height:75px!important;object-fit:cover;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;}
img.play-btn{width:75px;height:75px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.youtube{position:relative;}
.pop-model-box{max-width:600px;}
.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;margin-left:15px;}
.region.region-footer{display:flex;flex-wrap:wrap;position:relative;}
.copyright-title a{font-weight:700;}
.webform-confirmation__back{display:inline-block;}
.confirm-msg-text{color:#6e6e6e;max-width:460px;padding:15px 0 15px;}
.vous-tente-title p{font-family:'Gothic A1',sans-serif;letter-spacing:1px;}
.contact-message-img{padding-bottom:15px;}
.confirm-msg-img img{height:50px;}
/*.modal.in .modal-dialog {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(-50%, -50%); top: 50%; left: 50%; position: absolute; } */
.close{font-size:28px;opacity:0.4;margin:15px 15px 0 0;position:absolute;right:0;z-index:99;}
.lightbox-image img{border-radius:0px;object-fit:cover;min-height:430px;width:100%;}
.modal-content{border-radius:0;}
.vertical-alignment-helper{height:100%;display:flex;align-items:center;}
.team-profile-img img{max-width:260px;width:auto;max-height:260px;margin:0 auto;}
.team-info{min-height:115px;padding:20px 0px;border-radius:0px 0px 6px 6px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.team-name{width:100%;}
.team-name h4{margin:0 0 5px;font-size:24px;font-weight:500;line-height:0.92;text-align:center;color:#3a4557;}
.team-profile:hover .team-name h4{color:#fff;}
.team-description p,.team-description a{padding:0 15px;font-size:16px;line-height:1.38;text-align:center;color:#939393;text-decoration:none;margin:0 0 5px;}
.team-description-link{margin:0px;transition:all 0.2s ease;display:flex;justify-content:center;}
.team-description a{padding-left:5px;font-weight:400;}
.team-description-link a img{width:18px;height:18px;display:block;}
img.hover-mail{display:none;}
.team-profile:hover .team-info{background-color:#129cd7;transition:all 0.5s ease;}
.team-profile:hover .team-name h4{color:#fff;}
.team-profile:hover .team-description p{color:#fff;}
.team-profile:hover .team-description a{color:#fff;}
.team-profile:hover img.normal-mail{display:none;}
.team-profile:hover img.hover-mail{display:block;}
.team-wrap > .view-content{display:flex;flex-wrap:wrap;}
.team-wrap{margin:30px auto 70px;}
.team-wrap > .view-content > .views-row{margin-bottom:15px;}
.team{margin-bottom:15px;}
.un-essai-wrap{display:inline-block;width:100%;}
.team-profile-about{background:#f9f9f9;border-radius:6px;}
.services-banner-box iframe{width:100%;height:700px;border:none;display:flex;}
.services-banner-img{overflow:hidden;max-height:680px;}
.mazda-detail .services-banner-img img:hover{transform:scale(1.07);}
.mazda-detail .services-banner-img img{transition:transform 1.5s cubic-bezier(.25,.46,.45,.94),-webkit-transform 1.5s cubic-bezier(.25,.46,.45,.94);transform:scale(1.01);}
.model-list-img,.model-list-img img{outline:0;}
span.model-pop-close{font-size:32px;font-weight:bold;position:absolute;right:20px;}
.contact-form-container{display:flex;align-items:center;justify-content:space-evenly;}
.header-slider-view-image{display:inline-block;width:100%;}
.header-slider-view-video > .image{display:inline-block;width:100%;height:700px;}
.play img{display:none;}
.news-listing-wrap > .view-content > .views-infinite-scroll-content-wrapper:before{display:none;}
.header-menu-block .caret{background:url(../images/down-arrow-white.png) no-repeat;border:none;width:10px;height:10px;background-size:cover;}
.header-menu-block li.expanded.dropdown:hover .caret{background:url(../images/down-arrow-blue.png) no-repeat;background-size:cover;}
.mazda-slider-btn-block a,.mazda-slider-btn-block a:hover{margin:0 7px;background:transparent;border-color:#fff;color:#fff;}
.bg-black-hover{position:relative;}
.bg-black-hover:before{background:#191919;left:0;right:0;bottom:0;top:0;position:absolute;content:"";opacity:0;transition:0.4s ease}
.bg-black-hover:hover:before{opacity:0.4}
/*.services-banner-layout{position:relative;}
.services-detail-head{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;}
.services-banner-layout:before{position:absolute;content:"";background:rgba(0,0,0,0.4);width:100%;height:100%;}*/
.services-head-img{width:70px;height:auto;margin:0 auto;}
.services-banner-box iframe{height:525px;}
.page-node-type-services .services-banner-layout .services-banner-img{max-height:525px;}
#mc_embed_signup{background:transparent!important;font-size:24px!important;width:660px;margin:0 auto;max-width:100%;}
#mc_embed_signup .mc-field-group > label{display:block;font-family:'Belleza',sans-serif;font-weight:400;text-align:center;margin-bottom:30px!important;}
#mc_embed_signup .btn-white:hover,#mc_embed_signup .btn-white:focus,#mc_embed_signup .btn-white:active,#mc_embed_signup .btn-white:active:focus{background:transparent!important;outline:0;border:1px solid #fff!important;color:#fff!important;}
#mc_embed_signup .btn-white{min-width:160px!important;height:45px!important;font-size:16px!important;color:#0f0f0f!important;box-shadow:0 0 10px 0 rgba(0,0,0,0.1)!important;transition:all 0.2s ease!important;border:1px solid #fff!important;}
#mc_embed_signup .mc-field-group input{border:0;box-shadow:none;margin-bottom:0;max-width:480px;font-size:16px;border-radius:0;font-family:'Gothic A1',sans-serif;line-height:normal;}
.news-letter-input{display:flex;justify-content:center;}
input#mc-embedded-subscribe{background:#fff!important;border-radius:0!important;}
input#mce-EMAIL{border-radius:0;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error{border:none;}
#mc_embed_signup #mce-success-response{font-family:'Gothic A1',sans-serif;font-size:14px;color:#ffffff!important;}
#mc_embed_signup #mce-success-response{font-family:'Gothic A1',sans-serif;background:transparent!important;}
#mc_embed_signup div#mce-responses{display:flex;margin:0!important;padding:0!important;width:100%!important;}
#mc_embed_signup div#mce-responses #mce-error-response{display:inline-block;font-size:14px;font-weight:normal;z-index:1;color:#e85c41;padding:0;}
#mc_embed_signup div#mce-responses #mce-success-response{padding:0;}
#mc_embed_signup .mc-field-group{width:660px!important;padding-bottom:1%!important;margin:0 auto;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error{border:1px solid transparent!important;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{font-family:'Gothic A1',sans-serif;background:transparent!important;}
body.path-frontpage .main-container{display:none;}
.path-frontpage .nos-services-logo{min-height:70px;}
.nos-services-grid{padding:0 15px;}
.views-view-grid .views-row{display:flex;flex-wrap:wrap;justify-content:center;}
.page-node-type-services .view-nos-autres-services > .view-content{display:flex;flex-wrap:wrap;width:100%;justify-content:center;}
.fooer-logo-wrap{display:flex;align-items:center;flex-wrap:wrap;}
.fooer-logo-img{margin-right:15px;display:flex;}
.fooer-logo-img img{max-width:250px;}
.fooer-logo{margin:0;position:absolute;bottom:125px;left:120px;}
/*new*/
.mazda-img-slider .mazda-slider-block{ width:100%; }
.video-sec video{object-fit: cover;}
.footer-block .footer{margin-top: 86px;}
.video-sec{padding-top: 80px;padding-bottom: 50px;}
/*.view-modeles-mazda-slider .slick-list{height: 662px;}*/
.video-block-wrap,.model-list-img-wrap{ position: relative;}
.video-text-wrap{position:absolute;text-align:center;width:100%;z-index: 1;}
.video-text-wrap h2{color: #fff;margin-top: 78px;font-size: 35px;margin-bottom: 31px; letter-spacing: 2px;}
.video_btn .video-btn-link{background-color: #fff;line-height: normal; color: #0f0f0f;letter-spacing: 0.5px;padding: 13px 18px;display: inline-block;}
.view-modeles-mazda-listing .form--inline,.view-modeles-mazda-listing .form-checkboxes{display: flex;flex-wrap: wrap;}
.view-modeles-mazda-listing .view-header{position: absolute;}
.view-modeles-mazda-listing .view-filters{padding-left: 100px;position: relative;}
.view-modeles-mazda-listing .title-filter{ font-size: 18px; font-weight: 600;color: #0f0f0f;}
.view-modeles-mazda-listing.model-typle-filter legend{font-size:20px;letter-spacing:1.25px;padding-bottom: 23px; line-height: normal;color:#6e6e6e;font-family:'Belleza',sans-serif;text-transform:uppercase;font-weight:normal;}
.view-modeles-mazda-listing.model-typle-filter .form--inline > .form-item{width: 50%;}
.view-modeles-mazda-listing.model-typle-filter .form-checkbox{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-user-select:none;flex: 0 0 auto;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius: 2px;height:18px;width:18px;position:relative;cursor:pointer;outline:0;z-index:0;margin:-3px 12px 0 0!important;padding:0;border:1px solid #141823;background-color:transparent;vertical-align:middle;transform: none!important;}
.view-modeles-mazda-listing.model-typle-filter .form-checkbox:checked::after{content:'';position:absolute;left:4px;top:-1px;width:7px;height:14px;border:solid #141823;border-width:0 2px 2px 0;transform:rotate(43deg);}
.view-modeles-mazda-listing .form-actions{position:absolute;right:0;bottom: -15px;}
.view-modeles-mazda-listing .form-checkboxes .form-item{width:46%;margin-bottom:20px;}
.view-modeles-mazda-listing .fieldgroup:nth-child(2) .form-checkboxes .form-item{width: 30%;}
.view-modeles-mazda-listing .form-submit{background:transparent;color:#0f0f0f;font-size:16px;line-height:1.38;letter-spacing:0.5px;border-color: transparent;}
.glyphicon-trash:before{content: "";background: url(../images/reset-icon.png) no-repeat;width: 19px;height: 19px;display: block;position: relative;top: 2px;}
.view-modeles-mazda-listing .view-content{display: flex;flex-wrap: wrap;}
.view-modeles-mazda-listing .model-list-img-wrap{ background-image: linear-gradient(to bottom, #f4f4f4 13%, #fff);}
.view-modeles-mazda-listing .model-list-img-wrap .new-lable-wrap{position:absolute;padding:5px 8px 4px;background-color:#129cd7;letter-spacing:0.9px;color:#fff;font-size:15px;line-height:normal;z-index: 2;}
.view-modeles-mazda-listing .model-list-img-wrap{padding: 20px 19px 6px 20px;}
.view-modeles-mazda-listing .moter-tag ul{list-style-type:none;padding-left:0;padding-top: 8px;}
.view-modeles-mazda-listing .moter-tag ul li{display:inline-block;padding:5px 8px 5px;border-radius:3px;background-color:#f4f4f4;font-size:11px;line-height:normal;color:#959595;text-transform: uppercase;margin-right: 5px;}
.view-modeles-mazda-listing .model-list-title{line-height: normal;}
.view-modeles-mazda-listing .car-list-view-node a{padding:13px 41px 13px;background-color:#0f0f0f;color:#fff;font-size:16px;font-weight:300;line-height:normal;display: inline-block;white-space: nowrap; border: solid 1px #0f0f0f}
.view-modeles-mazda-listing .car-list-view-node a:hover{background-color:transparent;color:#0f0f0f;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline: none;}
.view-modeles-mazda-listing .model-list{margin-bottom: 67px;}
.model-list-box-description{display: flex;align-items: center;justify-content:space-between;}
.view-modeles-mazda-listing .view-content{padding-bottom: 100px;}
.view-modeles-mazda-listing .owl-carousel .owl-item img{max-width: 380px;height: auto;margin: 0 auto;width: auto;}
.view-modeles-mazda-listing .owl-carousel .owl-dots{text-align: left;}
.owl-theme .owl-dots .owl-dot span{margin:5px 3px;width:8px;height:8px;border: solid 1px #6e6e6e;background: transparent;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #6e6e6e;}
.btn-danger:active:hover,.btn-danger.active:hover,.open > .dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open > .dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open > .dropdown-toggle.btn-danger.focus{background-color:transparent;border-color:transparent;box-shadow:none;}
.services-detail-head{padding-top: 44px;padding-bottom: 51px;}
.services-detail .youtube-para-wrap{position: relative;}
.services-detail .play-btn:after{content: "";display: block;background: url(../images/video-icon.svg) no-repeat;width: 97px;height: 97px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.services-detail .youtube-para-wrap img{width: 100%;height: 525px;object-fit: cover;}
.mazda-detail-banner-title .mazda-btn{display: inline-block;}
.mazda-detail-banner-title{max-width: 1100px;margin: 0 auto;text-align: left;}
.mazda-detail-banner-title h2{margin-bottom: 47px;}
.mazda-detail-banner-title .mazda-btn a{background: #0f0f0f;color: #fff;padding: 10px 25px;border: solid 1px #0f0f0f;}
.mazda-detail-banner-title .mazda-btn a:hover{background:transparent;border: solid 1px #fff;}
.imag-with-text-inner{display: flex; flex-wrap: wrap;align-items: center;}
.imag-with-text-inner .image-with-text-left img{width:555px;height:560px;object-fit:cover;}
.car-detail-text-box{ padding: 61px 74px 59px 72px; background-color: #51535a; position: relative; z-index: 1;}
.detail-img-text-wrap .field--item{padding-top: 120px;}
.page-node-type-vehicule .region-content{background-color: #101010;}
.imag-with-title-inner{display:flex;align-items:center;}
.car-detail-title-box{padding-left:30px;max-width:380px;}
.car-detail-title-box .detail-car-title{padding-bottom: 35px;}
.detail-title-btn-link{ display: inline-block;}
.detail-title-btn-link a{padding: 10px 28px;}
.detail-img-title-link-wrap .field--item{padding-top: 111px;}
.detail-img-text-wrap.section2 .image-with-text-left{margin-left: -86px;}
@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px);}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}
.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;animation-delay:0.2s;}
.animated.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;animation-delay:0.2s;}
.detail-title-btn-link.animated.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;animation-delay:0.4s;}
.car-parts-title h3{font-size:30px;line-height:1.27;letter-spacing:1.88px;margin-top:0;}
.car-parts-all-img .car-first-img img{width:672px;height:auto;margin-left:auto;margin-bottom:20px;}
.car-parts-all-img{padding-right:98px;}
.car-two-img{display:flex;margin-left:-126px;}
.car-second-img{width:478px;flex:0 0 auto;margin-right:30px;}
.car-third-img{width:337px;flex:0 0 auto;}
.comm-ytb-video > img,.comm-ytb-video iframe,.video-block{width: 945px; height: 448px;object-fit: cover;}
.view-video-section .slick-initialized{overflow:hidden;}
.view-video-section .slick-list.draggable{margin:0 auto 0 auto;max-width:61em;overflow:visible;position:relative;width:100%!important;}
.view-video-section .slick-track{display:flex;box-sizing:content-box;margin:0px 0px 0px auto;width:100%!important;justify-content: center;}
.comm-ytb-video,.comm-video-wrap{position: relative;}
.comm-ytb-video .play-btn-wrap,.comm-video-wrap .play-btn-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.comm-sci-para-wrap{width: 945px;}
.view-video-section .slick--initialized .slick__arrow{max-width:882px;right:0;margin:0 auto;bottom:113px;top:auto;transform:none;}
.view-video-section .slick-prev:before{content:"";display:block;background:url(../images/arrow-right.png) no-repeat;width:40px;height:26px;transform:rotate(180deg);}
.view-video-section .slick-next:before{content:"";display:block;background:url(../images/arrow-right.png) no-repeat;width:40px;height:26px;}
.view-video-section .car-detail-video-dec{display:none;}
.view-video-section .slick-current.slick-active .car-detail-video-dec{display:block;padding:30px 23px;}
.car-detail-video-dec p{max-width:624px;margin-left:auto;height:100px;}
.view-video-section .slick-next{left:165px;}
.view-video-section .slick-dots{bottom:101px;max-width:900px;margin:0 auto;right:0;left:0;text-align:left;padding-left:60px;}
.view-video-section .slick-dots li button{font-size:35px;color:#fff;letter-spacing:2.19px;font-family:'Belleza',sans-serif;width: 106px;height: 38px;}
.view-video-section .slick-dots li{position:absolute;bottom:11px;display:none;}
.view-video-section .slick-dots li.slick-active{display:block;}
.view-video-section .slick-dots li button::before{content:"";}
.view-video-section,.mazda-image-part{padding-top: 100px;}
.car-detail-text-box .detail-images-title { font-size: 30px; line-height: 1.27; letter-spacing: 1.88px; }
.detail-img-text-wrap.last .detail-title-btn-link{margin-top: 37px;}
.view-video-section .slick__slide{padding: 0px 27px 0px 27px;}
.detail-img-text-wrap.last{padding-bottom: 150px;}
.model-list-chf {font-family: 'Gothic A1', sans-serif; font-weight: 400;}
.mazda-slider-block.bg-black-hover {width: 100%;}