@font-face {
    font-family: 'BarlowRegular';
    src: url('https://www.auto-start.be/smarty/wireframe20/media/fonts/Barlow-Regular.woff2') format('woff2'),
        url('https://www.auto-start.be/smarty/wireframe20/media/fonts/Barlow-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BarlowBold';
    src: url('https://www.auto-start.be/smarty/wireframe20/media/fonts/Barlow-Bold.woff2') format('woff2'),
        url('https://www.auto-start.be/smarty/wireframe20/media/fonts/Barlow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ArchivoBlack';
    src: url('https://www.auto-start.be/smarty/wireframe20/media/fonts/Archivo-Black.woff2') format('woff2'),
        url('https://www.auto-start.be/smarty/wireframe20/media/fonts/Archivo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ArchivoRegular';
    src: url('https://www.auto-start.be/smarty/wireframe20/media/fonts/Archivo-Regular.woff2') format('woff2'),
        url('https://www.auto-start.be/smarty/wireframe20/media/fonts/Archivo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{--bs-body-color:#636363;--bs-body-bg:#fff;--bs-primary-color:#1b0c2d;--bs-secondary-bg:#ffc425;--bs-tertiary-color:#1a0c2f;--bs-tertiary-bg:#f6f5f3;--dark-color:#383966;--light-color:#888;--bs-btn-padding-x:50px;--bs-btn-padding-y:15px;--border-color:#eee;--bs-nav-link-color:#222;--bs-nav-link-color-second:#ff6d6d;--bs-body-font-family:'BarlowRegular';--font-BarlowBold:'BarlowBold';--bs-titles-font-family:'ArchivoBlack';--font-ArchivoRegular:'ArchivoRegular';--bs-body-font-weight:400;--bs-body-line-height:1.6em;--bs-body-font-size:16px;--bs-nav-link-font-size:1em;--bs-nav-link-font-weight:400;--bs-nav-link-padding-y:10px;--bs-nav-link-padding-x:0;--bs-navbar-nav-link-padding-x:0;--bs-dropdown-zindex:99;--bs-dropdown-min-width:200px;--bs-dropdown-padding-x:20px;--bs-dropdown-padding-y:15px;--bs-dropdown-font-size:1em;--bs-dropdown-padding-y:5px;--bs-dropdown-font-size:1em}
a{color:var(--bs-primary-color);transition:all .4s;outline:none}
a:active,a:hover,a:focus{color:var(--bs-primary-color);text-decoration:none}
hr{border-color:var(--bs-gray-400)}
.image-left{margin:0 35px 30px 0!important;float:left!important}
.image-right{    margin: 0 0 30px 35px !important;    float: right !important;    box-shadow: 4px 4px 0 0 var(--bs-tertiary-color);    border: 1px solid var(--bs-tertiary-color);    border-radius: 5px;}
.btn-primary{background:var(--bs-primary-color);border-color:var(--bs-body-bg)}
.btn-primary:hover{background:var(--dark-color);border-color:var(--bs-body-bg)}
span.phone-responsive{display:none}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--bs-titles-font-family);font-weight:400;color: var(--bs-primary-color)}
.link1 {border: medium none;bottom: 0;font: 0px / 0 a !important;height: 100%;left: 0;margin: 0 !important;position: absolute;right: 0;top: 0;transition: all 0.8s ease 0s;width: 100%;z-index: 100;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1410px;}
/********/
section.realisation {        color: var(--bs-body-bg);background:#21103a;    padding: 74px 0 72px;      font-size: 13px;    letter-spacing: 1px; }
section.realisation:before{
    content:'';
    position:absolute;
    top: -60px;
    right:0;
    left: 0;
    background:url(../images/cercle_j.webp) no-repeat top right;
    z-index: 0;
    width: 1510px;
    height: 121px;
    margin: 0 auto;
}
section.realisation h1{    letter-spacing: 0;position: relative;font-size: 32px;color: var(--bs-secondary-bg);text-transform: uppercase;line-height: 1.1em;margin: 18px 0 20px;z-index: 0}
section.realisation h1 a{text-decoration: none;color: var(--bs-body-bg);transition:color .3s}
section.realisation h1 a:hover{color: var(--bs-secondary-bg);}
section.realisation h1 a:hover span.subtitle{color: var(--bs-body-bg);}
section.realisation h1 span.subtitle {
    font-size: 20px;
    padding-left: 38px;
    color: var(--bs-secondary-bg);
    position: relative;
    }
section.realisation h1 span.subtitle:before {content: '';position: absolute;left: 0;bottom: 7px;background: var(--bs-secondary-bg);width: 32px;height: 1px;}
section.realisation p{margin:0}
section.realisation .text {    margin-top: 50px;}
section.realisation .plus a {
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    padding: 10px 24px;
    border-radius: 50px;
    text-transform: uppercase;
    margin-top: 25px;
}
section.realisation .plus a:hover {color:var(--bs-secondary-bg);}
section.realisation .plus {    margin-top: 35px;}
section.realisation #pluginFslightbox{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:19px}
section.realisation .link-picture{position:relative;width: 292px;height:350px;box-shadow: 0 0 32px rgba(0,0,0,.51),0 0 32px rgba(0,0,0,.51);margin: 0 !important;     border-radius: 5px; }
section.realisation .link-picture:after{position:absolute;content:'';left:0;top:0;right:0;height:0;background: #21103a  ;opacity:.42;transition:height .3s}
section.realisation .link-picture:hover:after{height:100%}

section.realisation .link-picture:before {    content: '';    position: absolute;    left: 0px;    right: 0;    top: 0px;  }
section.realisation .link-picture .title-picture{position:absolute;z-index:1;left:0;right:0;color:var(--bs-body-bg);font-weight:700;font-size:0;bottom:0%;       line-height: 1em; font-family: var(--bs-body-font-family);    padding: 0 40px 8px;transition:bottom .3s}
section.realisation .link-picture:hover .title-picture{font-size: 12px;    text-align: center;bottom:50px}
section.realisation .breadcrumb-gallery,.galery .nav-gallery{display:none}
/*******/
header.sticky-top .navbar-brand .big {top: -7px;transition: opacity .4s, visibility 0s linear 0s, top .4s}
header.sticky-top .navbar-brand .small {transform: translateY(-200%);transition: transform .4s}
header.sticky-top.is-sticky {box-shadow: 0 0 30px rgba(0, 0, 0, .1);position: fixed !important;top: 0;width: 100%;    height: 103px;left: 0}
header.sticky-top.is-sticky .navbar-brand .big {visibility: hidden;opacity: 0;top: -50px;transition: opacity .4s, visibility 0s linear .4s, top .4s}
header.sticky-top.is-sticky .navbar-brand .small {visibility: visible;transform: translateY(0%)}
header.sticky-top {    background: var(--bs-secondary-bg);    top: 87px;height: 69px}
/*nav.navbar {    background: #ffc425;}*/
header.sticky-top .bouton , header.sticky-top .bouton2 {    display: none;}
header.sticky-top   .bouton{  display:none;}
header.sticky-top.is-sticky .bouton{position: absolute;pointer-events: auto;height: 45px;line-height: 45px;text-align: center;letter-spacing: 0em;font-size: 15px;right: 145px;bottom: 13px;z-index: 2;display: block;padding: 0 20px;text-transform: none;}
header.sticky-top.is-sticky .bouton a{color: var(--bs-body-bg);text-decoration:none;}
header.sticky-top.is-sticky  .bouton:hover a{     color: var(--bs-primary-color); text-decoration:none;}
header.sticky-top.is-sticky  .bouton a:hover{color: var(--bs-primary-color);-webkit-text-stroke: 0.51px var(--bs-primary-color);}
header.sticky-top.is-sticky .bouton:before {position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;background: var(--bs-primary-color);border-radius:28px;z-index:-2;    box-shadow: 0 0 20px rgb(255 255 255 / 31%);}
header.sticky-top.is-sticky .bouton:hover:before {    opacity:0;}
header.sticky-top.is-sticky  .bouton:after {    position: absolute;    content: '';    left: 0;    width: 0;    top: 0;    bottom: 0; border-radius:28px; background: var(--bs-secondary-bg);    transition: width .3s;z-index:-1;width:0;}
header.sticky-top.is-sticky  .bouton:hover:after {    width:100%;}
header.sticky-top.is-sticky .bouton-tel{position: absolute;pointer-events: auto;height: 45px;line-height: 45px;text-align: center;letter-spacing: 0em;font-size: 15px;right: 15px;bottom: 13px;z-index: 2;display: block;padding: 0 20px;text-transform: none;}
header.sticky-top.is-sticky .bouton-tel a{color: var(--bs-body-bg);text-decoration:none;}
header.sticky-top.is-sticky  .bouton-tel:hover a{     color: var(--bs-primary-color); text-decoration:none;}
header.sticky-top.is-sticky  .bouton-tel a:hover{color: var(--bs-primary-color);-webkit-text-stroke: 0.51px var(--bs-primary-color);}
header.sticky-top.is-sticky .bouton-tel:before {position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;background: var(--bs-primary-color);border-radius:28px;z-index:-2;    box-shadow: 0 0 20px rgb(255 255 255 / 31%);}
header.sticky-top.is-sticky .bouton-tel:hover:before {    opacity:0;}
header.sticky-top.is-sticky  .bouton-tel:after {    position: absolute;    content: '';    left: 0;    width: 0;    top: 0;    bottom: 0; border-radius:28px; background: var(--bs-secondary-bg);    transition: width .3s;z-index:-1;width:0;}
header.sticky-top.is-sticky  .bouton-tel:hover:after {    width:100%;}
.bloc_cta {    position: absolute;    top: -65px;    right: 0;}
.inner-wrapper {    margin-top: -80px;    height: 221px;}
header.sticky-top.is-sticky .inner-wrapper {    margin-top: -60px;  }
header.sticky-top.is-sticky .bloc_cta {position: absolute;    padding: 0 10px;margin-top: 103px;left: 0;top: 0;background-color: #1b0c2d;display: table;border-radius: 50px;    box-shadow: 0 0 20px rgb(255 255 255 / 31%);} 
.cta_top { font-family: var(--bs-menu-font-family);font-size: 18px;color: var(--bs-body-bg);padding: 10px 20px 9px 48px;background: url(../images/cta.webp) no-repeat center left;margin-left: 45px;}
.cta_top a.cta1 {color: var(--bs-body-bg);    font-size: 16px;}
.cta_top a.cta1:hover {color: var(--bs-secondary-bg)}
header.sticky-top .social {    position: relative;    margin-left: 31px;    margin-top: 5px;}
header.sticky-top .networks_linking {     width: 36px;position:relative}
/*header.sticky-top .networks_linking:before {
content:'Rejoignez-moi';
  position:absolute;
  top:0;
  left:36px;
  font-size:13px;
      letter-spacing: .5px;
  color:#fff; 
}*/
header.sticky-top .networks_linking a{color:#fff; }
header.sticky-top i.fa-brands.fa-facebook:before {
    content: '' !important;
    position:absolute;
    top:0;
    width:15px;
    height:29px;
    background: url(../images/fb.webp) no-repeat center;
}
header.sticky-top .networks_linking a:hover{opacity:.5;}
section.banner.small .slide-box-message a {font-size: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0}
/*section.banner.small .slide-box-message br {display: none}*/
.WhatsApp-contact{float:left;width:40px;height:40px;margin:0px 0 0 6px;font-size:0;background:url(../images/whatapp.webp) no-repeat;transition:opacity .3s}
.WhatsApp-contact:hover{opacity:.7}

/********/
section.banner{min-height:600px;margin-top: -69px;background:url(../images/bg_header.webp) no-repeat top  center}
section.banner .carousel-item:before {content: '';z-index: 10;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/overlay.webp) no-repeat top center }
.homepage section.banner{height:855px;}
section.banner .carousel-caption {    display: none !important;}
section.banner .slide{position:absolute;top:0;bottom:0;right:0;    width: 54%;transition:filter .4s}
.carousel img{height:100%;object-fit:cover}
section.banner.small-size {min-height: 85px}
.carousel-inner,.carousel-item{height:100%}
/**********/
.banner .slide-box-message {color: var(--bs-body-bg);font-size: 50px;text-shadow: 0 2px 8px rgba(0, 0, 0, .75);    margin-bottom: 45px;line-height: 1.35}
.banner .slide-box-message h2{line-height: 1em;  font-family: var(--font-ArchivoRegular);font-size: 44px;    color: var(--bs-body-bg);}
span.jaune {    color: #ffba3b;    font-family: var(--bs-titles-font-family);}
.banner .slide-box-message a {font-size: 16px;letter-spacing: 2px;line-height: 1;text-shadow: none;padding: 20px 40px;display: inline-block;text-decoration: none;color: var(--bs-body-bg);background: var(--bs-primary-color);border-radius: 3px;box-shadow: none;transition: box-shadow .4s;	margin: 30px 0 0}
.banner .slide-box-message a:hover {box-shadow: 0 5px 30px rgba(0, 0, 0, .25)}
section.banner .container {    top: 58.5%;}
section.banner.small .slide-box-message a {font-size: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0}
section.banner.small .slide-box-message {font-size: 24px}
a.cta {    display: table;}
a.cta span.info_num{  font-size: 16px;    padding: 0;    color: var(--bs-body-color);    letter-spacing: 1px;}
a.cta .cta_txt{padding: 8px 38px;color:var(--bs-body-bg); font-size: 15px;    letter-spacing: 1px;}
a.cta .cta_tel{padding: 8px 38px;color:var(--bs-body-bg); font-size: 15px;    letter-spacing: 1px;}
a.cta:hover .cta_txt{color: #ffba3b;}
a.cta .cta_txt:before {    content: '';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    transition: width .4s;    z-index: -1;    border: 1px solid var(--bs-body-bg);    border-radius: 50px;}
a.cta:hover .cta_tel{color: #ffba3b;}
a.cta .cta_tel:before {    content: '';    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    transition: width .4s;    z-index: -1;    border: 1px solid var(--bs-body-bg);    border-radius: 50px;}

/************/
header.sticky-top a.nav-link {position: relative;text-align: center;padding: 15px 8px !important;font-size: 15px;text-decoration: none;text-transform: uppercase;color: var(--bs-tertiary-color) !important}
header.sticky-top .navbar-expand-lg .navbar-nav {margin: 0 !important;    margin-top: 7px !important;}
/*header.sticky-top .level-0 > li > a.nav-link::before {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 6px;width: 0;background: var(--bs-primary-color);opacity: 0;transition: width .4s, opacity .4s}*/
header.sticky-top .level-0 > li {padding: 0 5px}
header.sticky-top .navbar-nav > li > .nav-link:hover,header.sticky-top .navbar-nav > .selected > .nav-link {-webkit-text-stroke: 1px var(--bs-tertiary-color);}
/*header.sticky-top .navbar-nav > li > .nav-link:hover::before,header.sticky-top .navbar-nav > .selected > .nav-link::before{width: 100%;opacity: 1}*/
header.sticky-top .dropdown-toggle::after{content: '\f078';font-family: "Font Awesome 6 Pro";border-top: 0 solid;font-size: 10px;padding: 2px 0 0 2px;font-weight: 900;-webkit-text-stroke: 1px var(--bs-nav-link-color);	}
header.sticky-top .dropdown-menu .nav-link:hover, .dropdown-menu .selected .nav-link {color: var(--bs-secondary-bg) !important}
header.sticky-top .dropdown-menu li.nav-item:not(:first-child) {    border-top: 1px solid #000;margin-top: 5px}
header.sticky-top .dropdown-item{position:absolute;right:0;top:10px;z-index:999;cursor:pointer}
.navbar-expand-lg .navbar-nav .dropdown-menu {top: 100%;left: 50%;transform: translateX(-50%);z-index: 99;text-align: center;margin-top: 0;min-width: 12em;box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);background: var(--border-color);padding: 0}
header.sticky-top .dropdown-menu li.nav-item{padding:0}
header.sticky-top .dropdown-toggle{position: absolute;bottom: 0;z-index: 999;cursor: pointer;left: 50%;transform: translateX(-50%)}
header.sticky-top .dropdown-menu li.nav-item .dropdown-toggle{right:9px;left:auto;top:4px}
header.sticky-top ul.dropdown-menu{border:0;border-radius:0}
header.sticky-top .dropdown-toggle.child::after{content:'\f054';font-family:"Font Awesome 6 Pro";border-top:0 solid}
header.sticky-top .dropdown-menu li{position:relative}
header.sticky-top .nav-item .submenu-left{right:100%;left:auto}
header.sticky-top .dropdown-menu > li:hover > .submenu{display:block}
header.sticky-top .dropdown-menu .nav-link{padding: 5px 30px !important;transition: background .4s, color .4s}
header.sticky-top .dropdown-menu .nav-link:before{display:none}
header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu .level-2{position:absolute;padding:0;left:100%;top:0;transform:translateX(0%)}
/************/
.homepage  .wrapper{background: url(../images/bg_content.jpg) no-repeat top center;}
.homepage  .wrapper .photo {width: 35%}
.homepage .content-wrapper {padding: 100px 0 56px;}
.content h1{position:relative;font-size:28px;color: var(--bs-primary-color);margin: 0 0 28px;text-transform: uppercase}
.content h1 span.first{color: var(--bs-secondary-bg); position: relative;    font-size: 20px;    padding-left: 0px;}
/*.content h1 span.first:before {
    content:'';
    position:absolute;
    bottom:8px;
    left:0;
    width:32px;
    height:1px;
    background: var(--bs-primary-color);
}*/
.content h2 {
    font-size: 20px;
}
.content header.page-title h1{position: relative;margin: 0;font-size: 3.25em;line-height: 1.5em;font-weight: normal;color: var(--bs-primary-color)}
.content h1 span.sub-title{display:block;margin-top:5px;font-size:.4em;line-height:1em;font-weight:700;letter-spacing:.4em;padding:0 0 0 .4em;color:var(--dark-color)}
article.content p{text-align: justify;margin:0 0 20px}
article.content ul {
	    list-style: none;
	    margin-left: 0;
	    padding: 0;
	}
	article.content ul li {
	    position: relative;
	    left: 0;
	    margin-left: 1em;
	    padding-right: 0;
	    background: url(../images/list-icon01.webp) no-repeat left top 10px;
	    padding-left: 19px;
	}
	ul.pagination li, ul.pagination ul li {
    background: none !important;
    padding-left: 0 !important;
}
article.content .table-style{position:relative}
article.content .table-style th{background:var(--bs-gray-200)}
article.content .table-style th,article.content .table-style td{border:1px solid var(--bs-gray-400);padding:2px 5px}
article.content1 .grid-gallery{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1px}
article.content1 .link-picture {background-size: cover;background-position: center;height: 300px;cursor: zoom-in;position: relative;display: block;overflow: hidden}
article.content .link-subgallery{position: relative;background-size: cover;background-position: center;height: 300px;text-decoration: auto;cursor: pointer;overflow: hidden}
article.content .link-subgallery span.text-subgallery {display: none}
a.btn.btn-primary.news-article-back-btn {    float: right !important;}
h1.news-article-title {
    color: var(--bs-secondary-bg);
    position: relative;
    font-size: 20px;
}

h1.news-article-title .subtitle {
    position: relative;
    font-size: 28px;
    color: var(--bs-primary-color);
    margin: 0 0 28px;
    text-transform: uppercase;
}
.news-article-row .news-article-photo-col { order : 2;
}
.news-article-row .news-article-body-col {order : 1;
}
.news-article-row .news-article-share-col {order : 3;
}
.news-article-row .news-article-back-col {order : 4;
}#more {display: none;}
#myBtn {margin-top: 10px;position: relative;font-size: 14px;letter-spacing: 0.08em;z-index: 1;background: none;border: none;outline: none;color: #fff;padding: 13px 38px 12px;text-transform: uppercase;transition: all .4s;}
#myBtn:before{position: absolute;z-index: -1;left: 0;content: '';background: var(--bs-primary-color);border-radius: 50px;top: 0;bottom: 0;right: 0;}
#myBtn:hover:before{background: #ffba3b;box-shadow: 0 0 20px rgb(255 255 255 / 15%);}
@keyframes bg{
0%{background-size:0 2px,2px 0,0 2px,2px 0}25%{background-size:100% 2px,2px 0,0 2px,2px 0}50%{background-size:100% 2px,2px 100%,0 2px,2px 0}75%{background-size:100% 2px,2px 100%,100% 2px,2px 0}100%{background-size:100% 2px,2px 100%,100% 2px,2px 100%}
}
.page-link{color:var(--bs-primary-color);text-decoration:none}
.active>.page-link,.page-link.active,.page-link:hover{color:var(--bs-body-bg);background-color:var(--bs-secondary-bg);border-color:var(--bs-secondary-bg)}
.disabled>.page-link,.page-link.disabled{color:var(--bs-primary-color)!important}
article.content .pagination{margin-top:10px;justify-content:center}
article.content span.title-subgallery{position: absolute;left: 0;right: 0;bottom: 0;background: var(--border-color);text-align: center;transition: background .4s, transform .4s;font-size: 18px;font-weight: bold;font-style: normal;color: var(--bs-nav-link-color);padding: 15px 10px}
article.content .link-picture span.title-picture,article.content .link-picture span.text-picture{position:absolute;z-index:10;left:50px;right:50px;bottom:0;text-align:center;color:var(--bs-secondary-bg);display:block!important;opacity:0;transition:bottom .6s,opacity .6s;transition-delay:0}
article.content .link-subgallery:after, article.content1 .link-picture:after {content: '';position: absolute;left: -50%;top: 50%;transform: translate(-50%, -50%);width: 40px;height: 1px;background: #fff;z-index: 10;transition: left .4s}
article.content .link-subgallery:hover:before, article.content1 .link-picture:hover:before {top: 50%}
article.content .link-subgallery:hover:after, article.content1 .link-picture:hover:after {left: 50%}
article.content .link-subgallery:before, article.content1 .link-picture:before {content: '';position: absolute;left: 50%;top: -50%;transform: translate(-50%, -50%);width: 1px;height: 40px;background: #fff;z-index: 10;transition: top .4s}
article.content .link-subgallery:hover span.title-subgallery {background: var(--bs-nav-link-color-second);color:var(--bs-body-bg)}
article.content .link-picture span.title-picture{color:var(--bs-body-bg);text-transform:uppercase}
article.content .link-picture:hover span.text-picture,article.content .link-picture:hover span.title-picture{bottom:50px;opacity:1;transition-delay:.4s}
article.content .link-picture:hover span.title-picture{bottom:70px}
article.content .grid-gallery:after{content:'';display:block;clear:both}
article.content .grid-sizer,.grid-item{width:25%}
.grid-item{margin-bottom:2px}
article.content .grid-item{float:left}
article.content .grid-item img{display:block;width:100%;max-width:100%}
/******/
section.services {background: url(../images/bg_boxes.webp) top center no-repeat;padding: 85px  0 88px}
section.services h1 { font-size: 32px; text-transform: uppercase;color: var(--bs-body-bg);position: relative;padding-bottom: 7px;margin-bottom: 52px;}
section.services h1:before{content:'';position:absolute;bottom:0;left:0;right:0;width:32px;height:1px;background:#e7b62c;margin:0 auto;}
section.services .box {    padding-top: 24px;   }
section.services .box:before {    content:'';    position:absolute;    top: 40px;    left:0;    font-size: 135.73px;    color:#e7b62c;    font-family: var(--bs-titles-font-family);}
section.services .box.box01:before {    content:'1';}
section.services .box.box02:before {    content:'2';}
section.services .box.box03:before {    content:'3';}
section.services .box.box04:before {    content:'4';}
section.services .box .photo {      position: relative;  text-align: right;    z-index: 0;}
section.services .box .photo img {    margin: 0 !important;    border-radius: 5px;    width: 100%;    max-width: 264px;}
section.services .box .photo:before {
    content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    width: 264px;
    right: 0;
    background: url(../images/mask.webp) no-repeat bottom center;
    z-index: 1;
}
section.services .box  .text {    position: absolute;    bottom: 19px;    width: 264px;   right: 0;}
section.services .box  .text h2{    font-size: 23px;color: var(--bs-body-bg);text-transform: uppercase;}
section.services .box:hover .text h2 { color:#e7b62c;}
/******/
section.services .box_contact{
    display: table;
    margin: 0 auto;
    padding: 8px 38px;
    font-size: 18px;
    letter-spacing: 2px;    z-index: 0;
      font-family: var(--bs-titles-font-family);
      color:var(--bs-body-bg);
      text-shadow: 0 0 20px var(--bs-primary-color);
  text-transform: uppercase;
}
section.services .box_contact a{color: var(--bs-body-bg);}
section.services .box_contact p{margin:0;}
section.services .box_contact:before{position: absolute;content: '';left: 0;top: 0;right: 0;bottom: 0;background: var(--bs-primary-color);border-radius:28px;z-index:-2;    box-shadow: 0 0 20px rgb(255 255 255 / 31%);}
section.services .box_contact:hover:before {    opacity:0;}
section.services .box_contact:after {    position: absolute;    content: '';    left: 0;    width: 0;    top: 0;    bottom: 0; border-radius:28px; background: var(--bs-secondary-bg);    transition: width .3s;z-index:-1;width:0;}
section.services .box_contact:hover:after {    width:100%;}

/***********/
section.boxes {
    padding: 121px 0 117px;
}
section.boxes .box05 {    margin-left: 49px;position: relative;}
section.boxes .box05 h2{    margin: 10px 0 19px;text-transform: uppercase;}
section.boxes .box05:hover h2 {  color: var(--bs-secondary-bg)}
section.boxes .box05 h2 span.subtitle{position: relative;    font-size: 20px;    padding-left: 38px;color:var(--bs-secondary-bg)}
section.boxes .box05:hover h2 span.subtitle{  color: var(--bs-primary-color)}
section.boxes .box05 h2 span.subtitle:before {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 32px;
    height: 1px;
    background: var(--bs-secondary-bg);
}
section.boxes .photo {position: relative;}
section.boxes .photo:before {
  content:'';
  position:absolute;
  top:-58px;
  left:-73px;
   background: url(../images/cercle_j.webp) no-repeat bottom center;
  width:120px;
  height:121px;
}
section.boxes .photo img {position: relative;margin: 0 !important;    border-radius: 5px;    width: 100%;}
.list_serv {
    font-size: 18px;
    color: var(--bs-primary-color);
    font-family: var(--bs-titles-font-family);
}
.list{
    height: 75px;
    line-height: 75px;
  padding-left: 82px;
}
.list.list1 { background: url(../images/icon1.webp) no-repeat left  center;}
.list.list2 { background: url(../images/icon2.webp) no-repeat left center;}
/***********/
.contactForm h3.contact-field {display: none}
.contactForm .contact-field-item.fullwidth {grid-column: 1 / 3}
.contactForm {position: relative;display: block;text-align: left;width: 100%;margin: 0 auto}
section.contact-form .g-recaptcha {float: left}
.form-control {border-radius: 0;border: 1px solid var(--bs-primary-color);font-size: 14px;line-height: 30px;color: var(--bs-primary-color);padding: 5px 15px;outline: none !important;text-align: center;width: 100%;height: 40px;margin: 0px;transition: all .4s;box-shadow: 0 0 0 rgba(0, 0, 0, 0);/* background: #ffffff3b; *//* text-shadow: 0 0 0 var(--bs-body-color); */}
.modal-dialog-scrollable .modal-content {text-align: left;color: var(--bs-body-color);text-shadow: none;font-weight: 400;}
.modal-dialog-scrollable .modal-content a {    color: #fff !important;}
.modal-header h3 {font-family: var(--bs-body-font-family);}
.gdpr.form-check {grid-column: 1 / 3;text-align: left;}
.contactForm .contact-field-item textarea {height: 100px;}
.contactForm .contact-submit .btn-primary {display: inline-block;background-color: var(--bs-primary-color) !important;padding: 10px 25px;text-transform: uppercase;font-size: 17px;color: var(--bs-body-bg);transition: background .4s;text-decoration: none;    float: right;border-radius: 0;font-weight: 700}

.contactForm .contact-submit .btn-primary:hover {background: var(--bs-body-color)!important;}
.contactForm .contact-field-item {margin: 0 0 10px;}
.contactForm .contact-field-item .form-control {text-align: left;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0;}
/* Firefox */
input[type=number] {  -moz-appearance: textfield;}
::placeholder {	color: var(--bs-primary-color) !important;}
::-webkit-input-placeholder {	color: var(--bs-primary-color) !important;}
.g-recaptcha {    float: left;}
.mcePxmContactv2 {   width: 100%;    display: table;}
div#contactv2-confirm-1{
    background-color: #fff !important;
    color: #000 !important;
  border-color: #1b0c2d;
}
/************/
footer.bottom {background: url(../images/bg_footer.webp) repeat top center;padding: 61px 0 75px;color: var(--bs-body-bg)}
footer.bottom:before{
content:'';
position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:25.8%;
  background:#ffc931;
}
footer.bottom h1 {
    color: var(--bs-body-bg);
    font-size: 31px;
    text-transform: uppercase;
}
footer.bottom h2 {
    color: var(--bs-body-bg);
    font-size: 18px;
    text-transform: uppercase;letter-spacing: 1px;
}
.gsm h2 {
    margin-bottom: 29px;
}
footer.bottom a{color:#ffc931;}
.adr {
    margin-top: 33px !important;
}
footer.bottom .networks_linking a{color:#fff; }
footer.bottom i.fa-brands.fa-facebook:before {
    content: '' !important;
    position:absolute;
    top:0;
    width:15px;
    height:29px;
      left: 101px;
    background: url(../images/fb2.webp) no-repeat center;
}
footer.bottom .networks_linking a:hover{opacity:.5;}
.info {
    padding-left: 72px;
}
.map{ background: url(../images/map.webp) no-repeat left center;margin-top: 38px;}
.gsm{ background: url(../images/tel.webp) no-repeat left center;    margin-top: 107px !important;    padding-bottom: 10px;}
.coord{ background: url(../images/email.webp) no-repeat left center;    margin-top: 107px !important;padding-left: 88px;}
.mob {
    font-size: 20px;
    font-family: var(--font-BarlowBold);
}
.footer-b {
    color: var(--bs-secondary-bg);
    position: fixed;
    bottom: 4px;
    right: 15px;
}

/**************/
.box-news {color: #232323;padding: 54px 0 90px;}
.box-news h1{         font-size: 43px;  text-align: center; margin: 10px 0 45px;text-transform: uppercase;}
.box-news h1 a{text-decoration: none;}
.box-news h1 a:hover  {  color: var(--bs-secondary-bg)}
.box-news h1 span.subtitle{position: relative;    font-size: 20px;    padding-left: 38px;color:var(--bs-secondary-bg)}
.box-news h1 a:hover span.subtitle{  color: var(--bs-primary-color)}
.box-news div#AllNews {
    position: relative;
}
.box-news div#AllNews:before {
    content: '';
    position: absolute;
    top: -45px;
    left: -37px;
    background: url(../images/cercle_b.webp) no-repeat top left;
    z-index: 0;
    width: 120px;
    height: 121px;
}
.box-news #AllNews .news-object.Item{
    position: relative;
    margin: 0;
    padding: 30px 10px 20px;
    border: 1px solid var(--bs-tertiary-color);
    border-radius: 5px;
    min-height: 252px;
    transition: box-shadow .3s;
    font-size: 15px;
    letter-spacing: .51px;
  box-shadow: 4px 4px 0 0 var(--bs-tertiary-color);
  background: #fff;
    }
.box-news #AllNews .news-object.Item h3{font-size: 18px;/*! margin-bottom: 30px; */min-height: 72px;}
.box-news div#AllNews .news-col{position: relative;}
.box-news div#AllNews .news-col:before {    /*! content: ''; */    position: absolute;    top: 40px;    left: 0;    right: 0;    font-size: 21px;    color: var(--bs-body-bg);    font-family: var(--bs-titles-font-family);    background: #21103a;    width: 64px;    height: 64px;    border-radius: 50px;    line-height: 64px;    margin: 0 auto;    z-index: 1;}
/*! .box-news div#AllNews .news-col:nth-child(1):before{    content:'01'; }
.box-news div#AllNews .news-col:nth-child(2):before{    content:'02';}
.box-news div#AllNews .news-col:nth-child(3):before{    content:'03';}
*/
.box-news #AllNews .news-object.Item:hover {
    border: 1px solid var(--bs-secondary-bg);
    box-shadow: 4px 4px 0 0 var(--bs-secondary-bg);
}
.box-news #AllNews .Item:hover{}
.box-news #AllNews .Item .nophoto,.box-news #AllNews .Item .photo,.box-news #AllNews .date{display:none;}

.box-news div#AllNews .Item .read-more a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    outline: none;
    font-size: 0;
    background: transparent;
}
/**/
.content div#AllNews .Item .photo img {object-fit: cover;transition: all .6s;height: 100%;width: 100%}
.content div#AllNews .news-col {width: 100%}
.content div#AllNews .Item h3 {margin: 0 0 15px}
.content div#AllNews .Item i.fa-duotone.fa-image {display: none}
.content div#AllNews .Item {display: grid;grid-template-columns: 33% auto;position: relative;margin-bottom: 30px;padding-top: 15px;padding-bottom: 15px;background: rgba(255, 255, 255, 0);transition: background .4s;grid-gap: 30px}
.content div#AllNews .Item .date {display: none}
.content div#AllNews .Item:hover .nophoto,div#AllNews .Item:hover .photo {box-shadow: 20px -20px 0 rgba(255,255,255,.1)}
.content div#AllNews .Item .nophoto {position: relative;background: var(--border-color) url(../images/logo-rooy-ex.webp) center no-repeat;background-size: 50%;filter: grayscale(100%);transition: background-color .4s}
.content div#AllNews .Item .button:before {content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;outline: none}
.content div#AllNews .Item .button {margin-top: 10px;font-size: 16px;line-height: 1;text-shadow: none;padding: 10px 30px;display: inline-block;text-decoration: none;color: var(--bs-body-bg);background: var(--bs-primary-color);border-radius: 3px;box-shadow: 0 3px 3px rgba(0, 0, 0, .1);transition: box-shadow .4s}
.content div#AllNews .Item .photo img {position: relative;object-fit: cover;height: 100%;width: 100%}
.content div#AllNews .Item:hover .photo img {filter: brightness(70%) contrast(70%)}
.content div#AllNews .Item .nophoto, div#AllNews .Item .photo {width: 100%;height: 100%;position: relative;overflow: hidden}
.content div#AllNews .Item .nophoto::before, div#AllNews .Item .photo::before {content: '';position: absolute;left: 50%;top: -50%;transform: translate(-50%, -50%);width: 1px;height: 40px;background: var(--bs-body-bg);z-index: 10;transition: top .4s}
.content div#AllNews .Item .nophoto::after, div#AllNews .Item .photo::after {content: '';position: absolute;left: -50%;top: 50%;transform: translate(-50%, -50%);width: 40px;height: 1px;background: var(--bs-body-bg);z-index: 10;transition: left .4s}
.content div#AllNews .Item:hover {background: var(--bs-tertiary-bg)}
.content div#AllNews .Item:hover .nophoto::before, div#AllNews .Item:hover .photo::before {top: 50%}
.content div#AllNews .Item:hover .nophoto::after, div#AllNews .Item:hover .photo::after {left: 50%}
/******/
.form-newsletter label.form-label {display: none}
.form-newsletter {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px}
.form-newsletter div#gdpr_policy {grid-column: 1 / 4;display: flex;justify-content: center}
.form-newsletter div#NewsletterSubmitHeader {grid-column: 1 / 4;text-align: center}
div#NewsletterSubmitHeader input#subscriber-submit {font-size: 16px;line-height: 30px;color: var(--bs-body-bg);text-transform: uppercase;padding: 10px 30px;outline: none !important;background: var(--light-color);border: none;border-radius: 3px;transition: background .4s, box-shadow .4s}
div#NewsletterSubmitHeader input#subscriber-submit:hover {background: var(--bs-nav-link-color-second)}
section.newsletter .container h3 ~ div {padding-left: 30px;padding-right: 30px}
a.btn-cookies-link{background-color:var(--dark-color)!important;color:var(--bs-body-bg)!important}
a.btn-cookies-link:hover{background-color:var(--bs-body-color)!important}
#scrollTopBtn{position:fixed;bottom:32px;right:21px;color:var(--bs-body-bg);border-radius:4px;opacity:0;background-color:var(--dark-color);padding:6px 12px}
#scrollTopBtn.Active{opacity:1}
.btn-cookies-pos,.footer-b,#scrollTopBtn{z-index:1020}
.carousel-control-next,.carousel-control-prev{width:30px}
.toast-news{width:800px;background:rgba(0,0,0,.85)!important;color:var(--bs-body-bg)!important}
.news-popup-image{flex:0 0 auto;width:33.33333333%}
.news-popup-text{flex:0 0 auto;width:66.66666667%;color:var(--bs-body-bg);font-size:1.15em;line-height:1.3em;}
.toast-header{position:relative;z-index:1;font-size:1.5rem;background:var(--dark-color)!important;color:var(--bs-body-bg)!important}
.toast-header::before{position:absolute;content:'';z-index:-1;right:7px;top:calc(50% - 17px);bottom:auto;width:33px;background:var(--bs-body-bg);border-radius:50%;height:33px}
.me-auto{font-weight:300!important}
.toast-header .btn-close{background-size:40%}
.news-popup-text small.news-date-popup{color:var(--bs-body-bg);font-weight:700}
@media only screen and (max-width : 1500px) {footer.bottom:before{    width: 22.8%;}
  section.realisation:before{width: 100%;}
}
@media only screen and (max-width : 1366px) {
.container{    max-width: 100%;}
  .bloc_cta{right: 6px;}
}
@media only screen and (max-width : 1280px) {
  header.sticky-top a.nav-link{    font-size: 14px;}
section.realisation .col-md-4, section.realisation .col-md-8 {    width: 100%;  }
  section.realisation .text {    margin-bottom: 35px;}
  section.realisation #pluginFslightbox{    justify-items: center;}
  section.boxes .box05 {    margin-left: 0;}
  footer.bottom h1{    font-size: 27px;}
}
@media only screen and (max-width : 1199.98px) {article.content .grid-gallery{grid-column-gap:10px;grid-row-gap:10px;padding:0 15px}
  header.sticky-top a.nav-link{padding: 15px 4px !important;}
  header.sticky-top .level-0 > li {    padding: 0 2px;}
article.content .grid-gallery#pluginMasonry {	grid-column-gap:0;grid-row-gap:0;  padding: 0}
  section.services .box:before{    top: -9px;}

.banner .slide-box-message {	font-size: 40px}}
@media only screen and (max-width : 1024px) {
  header.sticky-top .navbar-brand .big{max-width: 160px;}
header.sticky-top a.nav-link{    padding: 15px 1px !important;    font-size: 12.5px;}
  .banner .slide-box-message h2{font-size: 30px;}
  .box-news #AllNews .news-object.Item{    min-height: 282px;}
  footer.bottom h1{    font-size: 21px;}
  footer.bottom  .col-md-3{padding: 0;}
  footer.bottom{font-size: 14px;}
  .coord{padding-right: 10px;}
}
@media only screen and (max-width : 991.98px) {.toast-container{left:5%;width:90%!important}
.image-left,.image-right{margin:0 auto 30px!important;float:none!important;display:table!important;max-width:100%!important}
article.content1 .grid-gallery{grid-template-columns:repeat(3,1fr)}
header.sticky-top .navbar-collapse{position: absolute;top: 148px;left: 50%;transform: translateX(-50%);width: 100vw;background: var(--bs-primary-color);padding: 10px 0;text-align: left;z-index: 100}
header.sticky-top .level-0 > li:not(:first-child) {	margin-left: 0}
header.sticky-top .navbar-collapse li a {	color: var(--bs-body-bg) !important;	text-align: left}
header.sticky-top .navbar-collapse li a:hover,  header.sticky-top .navbar-collapse li a.focus {	    color:var(--bs-secondary-bg) !important}
  header.sticky-top .navbar-nav > li > .nav-link:hover, header.sticky-top .navbar-nav > .selected > .nav-link {    -webkit-text-stroke: 1px var(--bs-secondary-bg);}
header.sticky-top .nav-item .submenu{padding:10px;width:100%;background:var(--bs-body-bg);border-radius:5px}
header.sticky-top .dropdown-menu li.nav-item{padding:0}
header.sticky-top .dropdown-menu .nav-link{border-bottom:none!important;color:var(--bs-black)!important;padding:5px}
header.sticky-top .dropdown-menu .nav-link:hover{background:var(--border-color)}
header.sticky-top .nav-item .level-2{background:var(--tertiary-color);left:0;position:relative}
header.sticky-top li.nav-item{padding:1px 10px}
header.sticky-top .nav-link{color:var(--bs-body-bg)}
header.sticky-top .dropdown-toggle::after{-webkit-text-stroke:1px var(--bs-body-bg);color:var(--bs-body-bg)}
header.sticky-top .navbar-expand-lg .navbar-nav .dropdown-menu{transform:translateX(0%)}
header.sticky-top .dropdown-menu .nav-link{text-align:left}
header.sticky-top .navbar-brand .big {  top: 30px}
header.sticky-top .level-0 > li > a.nav-link::before {	display: none}
header.sticky-top .dropdown-toggle {	left: auto;	transform: translateX(0%);	right: 15px;	background: var(--bs-primary-color);	padding: 0 4px;	border-radius: 5px;	bottom:auto;	top: 17px}
header.sticky-top .dropdown-menu .nav-link {  padding: 5px 10px !important}
    .homepage .wrapper .col-sm-7, section.services .col-md-3,section.boxes .col-md-6 {        width: 100%;    }
  section.services{    background-size: cover;}
  section.services .box {    padding-top: 24px;    max-width: 314px;    display: table;    margin: 50px auto;    width: 100%;}
  section.realisation #pluginFslightbox{    grid-template-columns: 1fr;}
article.content .grid-sizer, .grid-item {	width: 50%}}
@media only screen and (max-width : 800px) {
footer.bottom .col-md-3{        width: 100%;}
      footer.bottom:before {
        width: 100%;
        height: 340px;
    }
  footer.bottom{text-align: center;}
  footer.bottom i.fa-brands.fa-facebook:before{right: 0;left:0;
    text-align: center;
    margin: 0 auto;}
 .adr, .gsm, .coord {
        max-width: 250px;
        width: 100%;
        float: none !important;
        display: table !important;
        margin: 30px auto 0 !important;
         text-align: left;
    }
      .banner .slide-box-message h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width : 767px) {article.content1 .grid-gallery{grid-template-columns:repeat(2,1fr)}
  section.banner .container {
    z-index: 1 !important;
}
  section.banner .slide{width:100%}
  section.banner .carousel-item:before{background-color:rgb(33 16 58 / 51%) ;}
.news-popup-text{width:100%}
.contactForm {	grid-template-columns: repeat(1, 1fr)}
.contactForm .contact-field-item.fullwidth, .gdpr.form-check {	grid-column: 1 / 1}
.contactForm .contact-submit .btn-primary {	float: left}
.banner .slide-box-message {	font-size: 30px}
.homepage section.banner {  height: 450px}
.wrapper .photo {  width: 100%;  position: relative !important}
.wrapper .photo .img-box > img, section.satisfaction .photo .img-box > img {	position: relative !important}
.homepage .content-wrapper, section.services {	padding: 65px 0}
section.satisfaction .photo {  position: relative !important;  width: 100% !important}
section.satisfaction {	padding: 65px 0;	text-align: center}
footer.bottom {	text-align: center}
footer .hours {	margin: 30px 0 0}
div#AllNews .Item {  grid-template-columns: 100%;  padding: 15px}
.form-newsletter {  grid-template-columns: repeat(1,1fr)}
.form-newsletter div#gdpr_policy, .form-newsletter div#NewsletterSubmitHeader {  grid-column: 1 / 1}
section.contactform {	padding: 20px 15px !important}}
@media only screen and (max-width : 480px) {   
  section.services .box_contact{    letter-spacing: 0;}
  span.phone-responsive {    display: block;}
  span.phone.mob {    display: none;}
  article.content p {    text-align: left;}
.contact-form .g-recaptcha{transform:scale(.8);width:250px;transform-origin:left}
article.content .grid-sizer, .grid-item {	width: 100%}
article.content1 .grid-gallery{grid-template-columns:repeat(1,1fr)}
.g-recaptcha {	width: 280px;	transform: scale(.8);	transform-origin: left}
header.sticky-top.is-sticky .bouton{    left: inherit;    margin: 0 auto;    display: table;    right: 0px;    bottom: 17px;padding: 0 12px;font-size: 14px;height: 40px;line-height: 40px;}
header.sticky-top.is-sticky .bloc_cta{right: inherit;    margin: 103px auto 0;left: 0;}
  
  span.carousel-control-prev-icon {
margin-top:380px;
}
  
    span.carousel-control-next-icon {
margin-top:380px;
}
  
}
@media only screen and (max-width : 375px) {
    section.services .box_contact {        font-size: 15px;    }
}
button.navbar-toggler::after,button.navbar-toggler::before{content:'';width:1.5em;background:var(--bs-primary-color);position:absolute;left:0;height:1.5px;transition:.3s}
button.navbar-toggler::before{top:0;transform:rotate(-32deg);transform-origin:right}
button.navbar-toggler::after{bottom:0;transform:rotate(32deg);transform-origin:right}
button.navbar-toggler .navbar-toggler-icon{display:block;height:1.5px;background-image:none;background-color:var(--bs-primary-color);transition:.1s;opacity:1;margin:8px 0}
button.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{opacity:0}
button.navbar-toggler[aria-expanded=false]::after,button.navbar-toggler[aria-expanded=false]::before{transform:none}