@font-face {
    font-family: 'Outfit';
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Light.eot');
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Light.eot?#iefix') format('embedded-opentype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Light.woff2') format('woff2'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Light.woff') format('woff'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Light.ttf') format('truetype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Light.svg#Outfit-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Bold.eot');
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Bold.woff2') format('woff2'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Bold.woff') format('woff'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Bold.ttf') format('truetype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Bold.svg#Outfit-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Regular.eot');
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Regular.woff2') format('woff2'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Regular.woff') format('woff'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Regular.ttf') format('truetype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Outfit-Regular.svg#Outfit-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cinzel Decorative';
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Regular.eot');
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Regular.woff2') format('woff2'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Regular.woff') format('woff'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Regular.ttf') format('truetype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Regular.svg#CinzelDecorative-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cinzel Decorative';
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Bold.eot');
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Bold.woff2') format('woff2'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Bold.woff') format('woff'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Bold.ttf') format('truetype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/CinzelDecorative-Bold.svg#CinzelDecorative-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cinzel';
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Bold.eot');
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Bold.woff2') format('woff2'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Bold.woff') format('woff'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Bold.ttf') format('truetype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Bold.svg#Cinzel-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cinzel';
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Regular.eot');
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Regular.woff2') format('woff2'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Regular.woff') format('woff'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Regular.ttf') format('truetype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/Cinzel-Regular.svg#Cinzel-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PhotographSignature';
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/PhotographSignature.eot');
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/PhotographSignature.eot') format('embedded-opentype'),
         url('https://www.francehair.be/smarty/wireframe31/media/fonts/PhotographSignature.woff2') format('woff2'),
         url('https://www.francehair.be/smarty/wireframe31/media/fonts/PhotographSignature.woff') format('woff'),
         url('https://www.francehair.be/smarty/wireframe31/media/fonts/PhotographSignature.ttf') format('truetype'),
         url('https://www.francehair.be/smarty/wireframe31/media/fonts/PhotographSignature.svg#PhotographSignature') format('svg');
}
@font-face {
    font-family: 'DM Sans';
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/DMSans-Regular.eot');
    src: url('https://www.francehair.be/smarty/wireframe31/media/fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/DMSans-Regular.woff2') format('woff2'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/DMSans-Regular.woff') format('woff'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/DMSans-Regular.ttf') format('truetype'),
        url('https://www.francehair.be/smarty/wireframe31/media/fonts/DMSans-Regular.svg#DMSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
--bs-body-color:#544631;
--bs-body-bg:#ffffff;
--bs-primary-color:#e8c3b8;
--bs-secondary-color:#a48978;
--dark-color:#5f3b2f;
--light-color:#eddedb;
--nav-color:#aa7c5e;
--bs-tertiary-color:#483b37;
--bs-tertiary-bg:#f3eee8;
--cta-bg:#9f8c7c;
--cta-color:#5a4b3e;
--news-border:#a68c7b;
--title-color: #aa7b5d;
--box-title:#a07f6c;
--footer-title:#755540;
--footer-color:#53493a;
--footer-link:#9e6f2a;
--open-color:#736458;
--hover-color:#a77758;
--nav-mobile:#b99b92;
--bs-body-font-family:'Outfit';
--bs-body-font-weight:300;
--bs-body-line-height:24px;
--bs-body-font-size:14px;
--bs-titles-font-family:'Cinzel';
--bs-nav-link-font-size:14px;
--font-family-PhotographSignature: 'PhotographSignature';
--font-family-DM-Sans: 'DM Sans';
--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(--news-border)}
.image-left{margin:0 35px 30px 0!important;float:left!important;border-radius:0 0 235px 0}
.image-right{margin:0 0 30px 35px !important;float:right!important;padding:5px;border:1px solid var(--bs-primary-color)}
.btn-primary{background:var(--bs-primary-color);border-color:var(--bs-primary-color);color:var(--bs-body-bg)}
.btn-primary:hover{background:var(--dark-color);border-color:var(--dark-color);color:var(--bs-body-bg)}
span.phone-responsive{display:none}
@media (min-width: 1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1330px}}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--bs-titles-font-family);font-weight:400;line-height:1.35em;color:var(--bs-primary-color)}
.animate.clip_ltr{clip-path:inset(0 100% 0 0);transition:clip-path 800ms ease-out}
.animate.clip_rtl{clip-path:inset(0 0 0 100%);transition:clip-path 800ms ease-out}
.animate.clip_ttb{clip-path:inset(0 0 100% 0);transition:clip-path 800ms ease-out}
.animate.fade_in{opacity:0;transition:opacity 800ms ease-out;transition-delay:0}
.animate.fade_in.play{opacity:1}
.animate.delay-250{transition-delay:250ms}
.animate.delay-500{transition-delay:500ms}
.animate.clip_ttb.play{clip-path:inset(-1px -1px -1px -1px)}
.animate.clip_ltr.play{clip-path:inset(-1px -1px -1px -1px)}
.animate.clip_rtl.play{clip-path:inset(-1px -1px -1px -1px)}
/* ***** */
section.banner{height:520px;background:var(--bs-tertiary-bg)}
.homepage section.banner{height:903px}
section.banner::before{position:absolute;content:'';height:300px;width:275px;bottom:0;right:calc(50% + 652px);background:url(../images/banner.webp) no-repeat right top}
section.banner .carousel{position:absolute;right:0;left:50%;top:182px;bottom:-63px;box-shadow:0 5px 32px rgba(0,0,0,.41)}
.carousel-inner,.carousel-item{height:100%}
.carousel img{height:100%;object-fit:cover}
.carousel-control-next,.carousel-control-prev{width:11px;height:19px;bottom:20px;top:auto;transition:opacity .3s;opacity:1!important;z-index:2;display: none}
.carousel-control-prev{left:20px;background:url(../images/1.webp) no-repeat!important}
.carousel-control-next{right:auto;left:40px;background:url(../images/2.webp) no-repeat!important}
.carousel-control-next:hover,.carousel-control-prev:hover{opacity:.7!important}
.carousel-control-next-icon,.carousel-control-prev-icon{display:none}
.slide-box-message{top:256px;left:calc(50% - 646px);white-space:nowrap}
.internal-pages .slide-box-message{width:646px;top:170px}
.slide-box-message .navbar-brand{margin:0 auto}
.slide-box-message .slogan{margin:70px 0 51px;font-size:30px;color:var(--bs-secondary-color);line-height:22px;font-family:var(--bs-titles-font-family)}
.slide-box-message .slogan strong{font-size:95px;line-height:100px;margin:0 0 14px;font-family:var(--font-family-PhotographSignature);text-transform:none;color:var(--bs-primary-color)}

.banner .boxes{display:flex}
.slide-box-message a.cta{font-size:18px;line-height:27px;padding:10px 44px 12px 28px;color:var(--bs-body-bg);margin:0 18px 0 -2px;background:var(--cta-bg);letter-spacing:.06em}
.slide-box-message a.cta::before{position:absolute;content:'';top:0;left:0;bottom:0;width:0;background:var(--bs-primary-color);z-index:-1;transition:width .3s}
.slide-box-message a.cta:hover:before{width:100%}
.slide-box-message .box{color:var(--cta-color);font-size:18px;line-height:25px;border:1px solid var(--cta-bg);padding:10px 35px 12px 24px;letter-spacing:.02em;background:url(../images/cta.webp) no-repeat 92% center;text-shadow:0 0 0 var(--cta-color)}
.slide-box-message .box.box01{padding:10px 25px 12px 13px;letter-spacing:.035em;margin:0 0 0 12px}
.slide-box-message .box:hover{border:1px solid var(--bs-primary-color)}
.slide-box-message .box::before{position:absolute;content:'';top:0;left:0;bottom:0;width:0;background:var(--bs-primary-color) url(../images/cta.webp) no-repeat 92% center;z-index:-1;transition:width .3s}
.slide-box-message .box:hover:before{width:100%}
/* **** */
header.sticky-top{padding:9px 0}
header.sticky-top.is-sticky{background:var(--bs-tertiary-bg);position:fixed!important;box-shadow:0 0 10px}
header.sticky-top::before{position:absolute;content:'';top:0;right:0;height:54px;left:0;background:var(--light-color)}
header.sticky-top .cta{right:calc(50% - 652px);top:125px;background:var(--bs-primary-color);color:var(--bs-body-bg);transition:background .3s;display:none;font-size:18px;padding:10px 15px 13px}
header.sticky-top .cta:hover{background:var(--dark-color)}
header.sticky-top.is-sticky .cta{display:block}
header.sticky-top .networks_linking{position:relative;margin:0 0 0 4px;display:grid;grid-template-columns:36px 36px;grid-gap:5px;height:36px;float:left}
header.sticky-top .networks_linking a{font-size:0;background-image:url(../images/net.webp);background-repeat:no-repeat;border-radius:50%;transition:none!important}
header.sticky-top .networks_linking a.networks_facebook{background-position:left top}
header.sticky-top .networks_linking a.networks_facebook:hover{background-position:left bottom}
header.sticky-top .networks_linking a.networks_instagram{background-position:right top}
header.sticky-top .networks_linking a.networks_instagram:hover{background-position:right bottom}
header.sticky-top .networks_linking::after{position:absolute;content:'Suivez-nous';font-size:15px;line-height:34px;font-weight:400;white-space:nowrap;left:95px;color:var(--bs-tertiary-color)}
header.sticky-top .cta1{padding:2px 0 0 33px;line-height:20px;font-family:var(--font-family-DM-Sans);color:var(--bs-tertiary-color);background:url(../images/tel.webp) no-repeat left center;margin:7px 7px 0 0;transition:color .3s;text-shadow:0 0 0 var(--bs-tertiary-color)}
header.sticky-top .cta1:hover{color:var(--footer-link);text-shadow:0 0 0 var(--footer-link)}
.navbar-collapse{width:100%;margin:44px 0 0}
header.sticky-top.is-sticky .navbar-collapse{margin:20px 0 0}
header.sticky-top .navbar-expand-lg .navbar-nav{display:flex;justify-content:space-between;padding:0 22px 0 26px;width:100%}
header.sticky-top a.nav-link{position:relative;color:var(--bs-tertiary-color);padding:17px 0 13px!important;text-decoration:none;text-transform:uppercase;line-height:20px;letter-spacing:.1em;font-weight:300}
header.sticky-top .navbar-nav > li > .nav-link:hover,header.sticky-top .navbar-nav > .selected > .nav-link{color:var(--hover-color)!important}
header.sticky-top a.nav-link::before{position:absolute;content:'';left:50%;transform:translateX(-50%);top:0;bottom:0;width:0;border-top:1px solid var(--hover-color);border-bottom:1px solid var(--hover-color);transition:width .3s}
header.sticky-top .navbar-nav > li > .nav-link:hover:before,header.sticky-top .navbar-nav > .selected > .nav-link:before{width:15px}
header.sticky-top .dropdown-toggle{position:absolute;right:50%;top:58%;z-index:999;cursor:pointer;transform:translateX(50%)}
header.sticky-top .dropdown-toggle::after{content:'\f078';font-family:"Font Awesome 6 Pro";border-top:0 solid;font-size:7px;font-weight:900;-webkit-text-stroke:1px var(--bs-nav-link-color-second)}
header.sticky-top .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:130px;background:var(--light-color);padding:5px}
header.sticky-top .dropdown-menu .nav-link{padding:5px!important;letter-spacing:0;text-transform:none;background:var(--bs-body-bg);margin:0 0 1px}
header.sticky-top .dropdown-menu .nav-link:hover,header.sticky-top .dropdown-menu .selected .nav-link{color:var(--bs-body-bg)!important;background:var(--bs-primary-color)}
header.sticky-top .dropdown-item{position:absolute;right:0;top:10px;z-index:999;cursor:pointer}
header.sticky-top .dropdown-menu li.nav-item .dropdown-toggle{right:9px;left:auto;top:0}
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 .navbar-expand-lg .navbar-nav .dropdown-menu .level-2{position:absolute;padding:10px;left:100%;top:0;transform:translateX(0%)}
/* *** */
.homepage .wrapper::before{position:absolute;top:342px;width:281px;height:317px;background:url(../images/left.webp) repeat-y center top;content:'';right:calc(50% + 645px)}
.wrapper h1{font-size:90px;line-height:92px;margin:0 0 43px;font-family:var(--font-family-PhotographSignature)}
.homepage .wrapper h1{margin:100px 0 43px}
.wrapper h1 .sub-title{font-family:var(--bs-titles-font-family);font-size:45px;line-height:45px;color:var(--dark-color)}
.photo-home{margin:0 100px 50px 20px}
.photo-home img{border-radius:0 0 235px 0}
.photo-home::before{position:absolute;content:'';width:87px;left:-15px;top:-24px;bottom:-32px;background:var(--bs-primary-color)}
/*.homepage .content{padding-top:105px}*/
.h2,h2{font-size:1.5rem;color: #a48977;}
article.content p{letter-spacing:.05em;margin:0 0 15px;text-shadow:0 0 0 var(--bs-body-color)}
article.content ul{list-style:none;margin-left:0;letter-spacing:.05em;padding:0;text-shadow:0 0 0 var(--bs-body-color)}
article.content ul li{position:relative;left:0;margin-left:5px;padding-left:25px;background:url(../images/list-icon01.webp) no-repeat left 7px}
article.content ul ul{list-style-type:circle}
article.content .table-style{letter-spacing:.05em;position:relative;margin:0 0 15px;text-shadow:0 0 0 var(--bs-body-color)}
article.content .table-style th{background:var(--bs-gray-200);color:var(--bs-body-color)}
.fr-view table th{color:var(--bs-body-color)}
article.content .table-style th,article.content .table-style td{border:1px solid var(--bs-gray-400);padding:5px}
article.content .table-style td:nth-child(2),article.content .table-style td:nth-child(3),article.content .table-style td:nth-child(4){text-align:right;width:15%}
article.content .table-style tr:nth-child(2n) td{background:var(--light-color)}
.bg-gray{background:var(--bs-gray-200) !important}
article.content .grid-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}
article.content .link-picture{background-size:cover;background-position:center;height:280px;cursor:zoom-in;position:relative;display:block;box-shadow:0 0 0 rgba(255,255,255,.2);transition:transform .4s,box-shadow .4s}
article.content .link-subgallery{position:relative;background-size:cover;background-position:center;height:280px;text-decoration:auto;cursor:pointer;box-shadow:0 0 0 rgba(255,255,255,.2);transition:transform .4s,box-shadow .4s}
article.content .link-subgallery:hover,article.content .link-picture:hover{transform:scale(.95)}
.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-primary-color);border-color:var(--bs-primary-color)}
.disabled>.page-link,.page-link.disabled{color:red!important}
article.content .pagination{margin-top:10px;justify-content:center}
article.content .pagination li{margin:0;padding:0}
article.content .link-subgallery:hover:before,article.content .link-picture:hover::before{width:100%;transition-delay:.4s}
article.content span.title-subgallery{color:var(--bs-body-bg);position:absolute;left:5px;right:5px;top:auto;bottom:5px;background:var(--bs-primary-color);text-align:center;text-transform:uppercase;font-size:1.6em;line-height:1.5em;font-family:var(--bs-titles-font-family);box-shadow:0 0 10px rgba(0,0,0,.2);transition:background .4s,transform .4s}
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:hover span.title-subgallery{background:rgba(0,0,0,.75);transform:translate(10px,-10px)}
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%}
.wrapper .news-object{position:relative;display:grid;grid-template-rows:250px 1fr;background:var(--bs-tertiary-bg);padding:5px}
.wrapper .news-object .photo{position:relative;display:block}
.wrapper .news-object .photo img{width:100%;height:100%;margin:0;object-fit:cover}
.wrapper .news-object .news-desc{padding:25px 10px}
.wrapper .news-object h3{font-family:var(--bs-body-font-family);font-size:19px;line-height:22px;margin:0 0 20px;transition:color .3s}
.wrapper .news-object:hover h3{color:var(--dark-color) !important}
.wrapper .news-object h3 br,.wrapper .news-object h3 .date{display:none}
.wrapper .news-object .read-more{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}
.wrapper .news-object .read-more a{position:absolute;left:0;top:0;right:0;bottom:0;font-size:0;outline:none;background:none!important;border:none!important}
.wrapper .news-object .date{display:none}
.img-responsive{margin:0 0 30px 30px !important;max-width:290px!important}
.news-footer{background:var(--light-color);display:flex;justify-content:space-between;clear:both;padding:10px;align-items:center}
.news-share{display:flex;grid-gap:10px}
.news-back a{display:table;padding:10px 20px;text-decoration:none;background:var(--bs-primary-color);color:var(--light-color);letter-spacing:.05em;transition:background .3s}
.news-back a:hover{background:var(--dark-color)}
.btn.btn-primary.news-article-back-btn{float:right}
.news-article-photo-col{order:2}
.news-article-body{order:1}
.news-article-share-col{order:3}
.news-article-back-col{order:4}
.wrapper h1.news-article-title{text-align:center}
.wrapper h1.news-article-title .subtitle{font-family:var(--bs-titles-font-family);font-size:45px;line-height:45px;color:var(--dark-color)}
article .networks_linking a{font-size:30px;transition:color .3s}
article .networks_linking a:hover{color:var(--dark-color)}
article .networks_linking a.networks_instagram{display:none}
.img-fluid{margin:0 0 0 30px}
.social .networks_linking a{font-size:30px;transition:color .3s}.social .networks_linking a:hover{color:var(--dark-color)}.social .networks_linking a.networks_facebook{display:none}.social{grid-gap:10px}
/* ************* */
.box-news{padding:0 0 82px}
.box-news::before{position:absolute;content:'';height:472px;width:1100px;bottom:0;left:50%;background:var(--bs-tertiary-bg) url(../images/right.webp) no-repeat right bottom;box-shadow:0 5px 32px #0003}
.box-news h2{font-family:var(--font-family-PhotographSignature);font-size:100px;line-height:103px;margin:0 0 55px}
.box-news h2 a{transition:color .3s}
.box-news h2 a:hover{color:var(--dark-color)}
.box-news .photo{margin:0 15px 0 0}
.box-news .photo img{border-radius:0 0 0 240px}
.box-news .photo::before{position:absolute;content:'';top:-26px;bottom:-35px;right:-12px;width:96px;background:var(--light-color)}
.box-news #news_slide .news-image{display:none !important}
.box-news .carousel-caption{position:relative;right:0;bottom:auto;left:0;padding-top:0;padding-bottom:0;color:var(--bs-body-color);text-align:left;line-height:22px;margin:140px 0 0;max-width:560px}
.box-news .carousel-caption .news-title{font-size:20px;line-height:30px;margin:0 0 50px;color:var(--bs-secondary-color)}
.box-news .carousel-caption .news-abstract{letter-spacing:.05em;margin:0}
.box-news .carousel-caption .news-red-more{position:relative;display:table;margin:90px 0 0;text-decoration:none;line-height:37px;text-transform:uppercase;font-weight:700;color:var(--bs-secondary-color);letter-spacing:.07em;transition:color .3s;padding:0 52px 0 0}
.box-news .carousel-caption .news-red-more:hover{color:var(--bs-primary-color)}
.box-news .carousel-caption .news-red-more::before{position:absolute;content:'';top:0;right:0;bottom:0;width:37px;border:1px solid var(--news-border);border-radius:50%;background:url(../images/plus.webp) no-repeat center center;transition:.3s all ease}
.box-news .carousel-caption .news-red-more:hover:before{background:var(--bs-primary-color) url(../images/plus.webp) no-repeat center center;border:1px solid var(--bs-primary-color)}
.box-news .carousel-indicators{justify-content:end;margin-bottom:0}
.box-news .carousel-indicators [data-bs-target]{width:20px;height:6px;background-color:var(--box-title)}
/* **** */
.box-wrapper{padding:67px 0 101px}
.box-wrapper::before{position:absolute;content:'';width:328px;height:366px;background:url(../images/bottom.webp) no-repeat right top;bottom:0;right:calc(50% + 518px)}
.box-wrapper .box{font-size:13.77px;color:var(--bs-body-color)}
.box-wrapper .box .image{margin:0 79px 0 17px}
.box-wrapper .box .image img{margin:0;max-width:100%}
.box-wrapper .box .image::before{position:absolute;content:'';left:-17px;top:-32px;bottom:-33px;width:89px;background:var(--bs-primary-color)}
.box-wrapper .box h2{margin:46px 0 0;font-family:var(--font-family-PhotographSignature);font-size:80px;line-height:73px;transition:color .3s}
.box-wrapper .box h3{font-size:16.67px;line-height:25px;color:var(--title-color);margin:31px 0 38px;transition:color .3s}
.box-wrapper .box:hover h2,.box-wrapper .box:hover h3{color:var(--dark-color)}
.box-wrapper .box p{letter-spacing:.05em;text-shadow:0 0 0 var(--bs-body-color)}
.box-wrapper .box .plus{padding:0 56px 0 0;color:var(--bs-secondary-color);letter-spacing:.05em;margin:50px 0 0;line-height:37px;transition:color .3s}
.box-wrapper .box:hover .plus{color:var(--bs-primary-color)}
.box-wrapper .box .plus::before{position:absolute;content:'';top:0;right:0;bottom:0;width:37px;border:1px solid var(--bs-secondary-color);background:url(../images/plus.webp) no-repeat center center;border-radius:50%}
.box-wrapper .box:hover .plus::before{border:1px solid var(--bs-primary-color);background:var(--bs-primary-color) url(../images/plus.webp) no-repeat center center}
.box-wrapper .link-inst{position:absolute;text-decoration:none;width:44px;height:44px;background:url(../images/after.webp) no-repeat;right:calc(50% - 63px);bottom:117px;transition:opacity .3s;z-index:2}
.box-wrapper .link-inst:hover{opacity:.7}
/* ****************** */
.box-wrapper1{box-shadow:0 5px 38px rgba(0,0,0,.21);background:url(../images/bg-box.webp) no-repeat center center}
.box-wrapper1::before{position:absolute;content:'';left:0;top:0;right:0;bottom:0;background:#a07f6c7a}
.box-wrapper1 .box{max-width:715px;margin:0 auto;line-height:22px;color:var(--bs-body-bg)}
.box-wrapper1 .box h2{font-size:120px;font-family:var(--font-family-PhotographSignature);color:var(--bs-body-bg);line-height:148px;transition:color .3s}
.box-wrapper1 .box h3{font-size:25px;line-height:22px;color:var(--bs-body-bg);margin:34px 0 9px;transition:color .3s}
.box-wrapper1 .box:hover h2,.box-wrapper1 .box:hover h3{color:var(--bs-primary-color)}
.box-wrapper1 .box p{letter-spacing:.05em}
.box-wrapper1 .box .plus{width:37px;height:37px;border:1px solid var(--bs-body-bg);border-radius:50%;background:url(../images/plus1.webp) no-repeat center center;margin:40px auto 0}
.box-wrapper1 .box .plus::before{position:absolute;content:'';z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:var(--bs-body-bg) url(../images/plus.webp) no-repeat center center;transition:width .3s,height .3s}
.box-wrapper1 .box:hover .plus::before{width:100%;height:100%}
.box-wrapper1 .slogan{font-size:30px;color:var(--bs-body-bg);line-height:22px;font-family:var(--bs-titles-font-family)}
.box-wrapper1 .slogan strong{font-size:46px;line-height:40px;margin:0 0 14px;letter-spacing:.065em}
.box-wrapper1 .cta{margin:30px auto 0;font-size:18px;line-height:27px;padding:10px 28px 12px;color:var(--bs-body-bg);background:var(--bs-primary-color);letter-spacing:.06em}
.box-wrapper1 .cta::before{position:absolute;content:'';top:0;left:0;bottom:0;width:0;background:var(--bs-secondary-color);z-index:-1;transition:width .3s}
.box-wrapper1 .cta:hover:before{width:100%}
.box-wrapper2{padding:121px 0 110px}
.box-wrapper2::before{position:absolute;content:'';bottom:89px;width:238px;height:273px;left:calc(50% + 650px);background:url(../images/motif.webp) no-repeat right top}
.box-wrapper2 .box{color:var(--bs-body-color)}
.box-wrapper2 .box .image{margin:16px 14px 0 130px}
.box-wrapper2 .box .image img{margin:0;max-width:100%;border-radius:0 0 0 245px}
.box-wrapper2 .box .image::before{position:absolute;text-decoration:none;top:-27px;right:-13px;bottom:-35px;width:96px;background:var(--bs-tertiary-bg)}
.box-wrapper2 .link-inst{position:absolute;content:'';width:36px;height:36px;right:calc(50% - 620px);bottom:130px;background:url(../images/net1.webp) no-repeat;z-index:2;transition:opacity .3s}
.box-wrapper2 .link-inst:hover{opacity:.7}
.box-wrapper2 .box h2{font-size:80px;font-family:var(--font-family-PhotographSignature);color:var(--box-title);line-height:80px;padding:0 0 0 29px;transition:color .3s}
.box-wrapper2 .box h3{font-size:20px;line-height:20px;color:var(--box-title);margin:111px 0 19px;transition:color .3s}
.box-wrapper2 .box:hover h2,.box-wrapper2 .box:hover h3{color:var(--bs-primary-color)}
.box-wrapper2 .box p{letter-spacing:.05em}
.box-wrapper2 .box .plus{padding:0 55px 0 0;color:var(--box-title);letter-spacing:.05em;margin:83px 0 0;line-height: 37px;transition:color .3s}
.box-wrapper2 .box:hover .plus{color:var(--bs-primary-color)}
.box-wrapper2 .box .plus::before{position:absolute;content:'';top:0;right:0;bottom:0;width:37px;border:1px solid var(--bs-body-color);background:url(../images/plus.webp) no-repeat center center;border-radius:50%}
.box-wrapper2 .box:hover .plus::before{border:1px solid var(--bs-primary-color);background:var(--bs-primary-color) url(../images/plus.webp) no-repeat center center}
.realisations{padding:36px 0}
.realisations .logos{grid-template-columns:repeat(7,171px);}
.realisations .logos img{border:1px solid var(--light-color)}
/* **** */
#contactForm_1{display:table;width:100%}
.contactForm h3.contact-field{display:none}
.contactForm .contact-field-item{margin:0 0 10px;position:relative;display:block;padding:0;width:50%;float:left;clear:none}
.contactForm .contact-field-item:nth-child(even){padding-right:10px}
.contactForm .contact-field-item:nth-child(odd){padding-left:10px}
#contact-field-id_comments_1{width:100%;padding:0}
.contactForm .contact-field-item::placeholder{text-transform:uppercase}
.form-control{font-weight:400;line-height:2em;color:var(--bs-body-color);background:var(--bs-body-bg);border:1px solid rgba(0,0,0,.2);padding:5px 15px;transition:border-color .4s,color .4s;border-radius:0}
.contactForm .contact-field-item.fullwidth{width:100%;padding:0;float:none;clear:both}
.form-control::placeholder{color:var(--bs-body-color)!important}
.contactForm .g-recaptcha{float:left}
.contactForm .contact-submit{float:right}
.contact-col .containerOpening .openingDay{font-weight:700;text-transform:uppercase;display:inline-block;width:150px}
.contact-col .containerOpening .openingDay::after{content:': '}
.gdpr.form-check{text-align:left;margin:0 0 10px;position:relative;clear:both}
.form-check .form-check-input{float:left;margin-left:0;position:absolute;left:0;top:0}
.contactForm .contact-field-item textarea{height:165px}
.contactForm .contact-submit .btn-primary{font-size:16px;line-height:30px;font-weight:400;color:var(--bs-body-bg);text-transform:uppercase;padding:10px 30px;background:var(--bs-primary-color);border:none;border-radius:30px;box-shadow:none;transition:background .4s,box-shadow .4s;margin:0}
.contactForm .contact-submit .btn-primary:hover{background:var(--dark-color);color:var(--bs-body-bg);box-shadow:0 5px 20px rgba(0,0,0,.25)}
.contactForm .gdpr_policy label{font-weight:400}
#contact-field-id_date_1{width:100%;/*! padding:35px 0 0 */}
.tooltip{display:none}
#contactv2-confirm-1{background:var(--light-color)!important;border:none}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
/* Firefox */
input[type=number] {
 -moz-appearance: textfield;
}
/* **** */
footer.bottom{padding:87px 0 36px;background:url(../images/footer.webp) repeat-y center top;color:var(--footer-color);font-size:15px;line-height:23px}
footer.bottom h3{font-size:25px;color:var(--footer-title);line-height:22px;margin:0 0 27px;padding:0 0 12px}
footer.bottom h3::before{position:absolute;content:'';left:0;bottom:0;width:18px;height:1px;background:var(--footer-title)}
footer.bottom .footer-adr{background:url(../images/icon-map.webp) no-repeat left 75px;letter-spacing:.05em}
footer .adr1,footer .adr2{margin:0 0 0 72px}
footer .adr1{margin-bottom:35px!important}
footer a{color:var(--footer-link)}
footer.bottom .navbar-brand{margin:0 auto}
footer.bottom .hour{background:url(../images/icon-open.webp) no-repeat left 72px;letter-spacing:.05em}
footer.bottom .openingDay{position:relative;display:inline-block;width:58px;margin-right:9px}
footer.bottom .openingDay::after{position:absolute;content:'---';right:0}
footer.bottom .openingLine{margin:0 0 15px}
footer.bottom .openingTime{position:relative;padding:0 0 0 24px}
footer.bottom .openingTime:before{position:absolute;content:'De';left:0}
footer.bottom .open{color:var(--open-color);margin:39px 0 0;background:var(--light-color);padding:18px 10px;line-height:22px;letter-spacing:.025em}
footer.bottom .open h4{font-size:15px;line-height:22px;color:var(--open-color)}
footer.bottom .open p{padding:0 0 0 16px}
footer.bottom .open .tiret{margin:0 16px}
footer.bottom .networks_linking{margin:24px 0 0;grid-template-columns:36px 36px;display:grid;grid-gap:6px;height:36px;position:relative}
footer.bottom .networks_linking a{border-radius:50%;font-size:0;background-repeat:no-repeat;background-image:url(../images/net1.webp);transition:.3s all ease}
footer.bottom .networks_linking a.networks_facebook{background-position:left top}
footer.bottom .networks_linking a.networks_facebook:hover{background-position:left bottom}
footer.bottom .networks_linking a.networks_instagram{background-position:right top}
footer.bottom .networks_linking a.networks_instagram:hover{background-position:right bottom}
footer.bottom .networks_linking::after{position:absolute;content:'Suivez-nous';left:92px;white-space:nowrap;font-weight:400;color:var(--bs-tertiary-color);line-height:35px}
footer #openingTimesBlock{margin:0 0 0 72px}
/* *** */
.footer-b{position:fixed;bottom:10px;right:15px;color:var(--bs-tertiary-color);font-size:16px}
a.btn-cookies-link{background-color:var(--bs-primary-color)!important;color:var(--bs-body-bg)!important}
a.btn-cookies-link:hover{background-color:var(--bs-secondary-color)!important}
#scrollTopBtn{position:fixed;bottom:35px;right:21px;color:var(--bs-body-bg);border-radius:4px;opacity:0;background-color:var(--bs-tertiary-color);padding:6px 12px}
.modal-content{background-color:var(--bs-body-bg)}
#scrollTopBtn.Active{opacity:1}
.btn-cookies-pos,.footer-b,#scrollTopBtn{z-index:1020}
.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-tertiary-color);font-size:1.15em;line-height:1.3em;letter-spacing:.1em}
.toast-header{position:relative;z-index:1;font-size:1.5rem;background:var(--dark-color)!important;color:var(--bs-tertiary-bg)!important}
.toast-header::before{position:absolute;content:'';z-index:-1;right:7px;top:calc(50% - 17px);bottom:auto;width:33px;background:var(--bs-tertiary-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-tertiary-bg);font-weight:700}
@media only screen and (max-width : 1399px) {
header.sticky-top .cta{right:15px}
header.sticky-top .navbar-expand-lg .navbar-nav{padding:0}
  .slide-box-message{top:170px;left:51px}
.homepage section.banner{height:700px}
.slide-box-message .slogan{margin:30px 0}.slide-box-message .slogan strong{font-size:80px;line-height:90px}
.homepage .wrapper h1{margin:0 0 43px}
.photo-home{margin:0 30px 50px 15px}
.box-wrapper .box .image{margin:0 30px 0 17px;max-width:600px}
.box-wrapper .box h2{margin:0}
.box-wrapper .box h3{margin:25px 0}
.box-wrapper2 .box .image{margin:16px 14px 0 30px}
footer.bottom{padding:55px 0 36px}
.slide-box-message .slogan strong{letter-spacing:0}
.box-wrapper .link-inst{right:calc(50% - 42px)}.box-wrapper2 .link-inst{right:calc(50% - 532px)}
.internal-pages .slide-box-message{width:auto}
    
.realisations .logos{grid-template-columns:repeat(4,1fr);grid-gap:20px;display: flex !important;flex-wrap: wrap;justify-content: center !important;}

}
@media only screen and (max-width : 1199.98px) {
.slide-box-message{left:15px}
.slide-box-message a.cta{font-size:16px;margin:0 8px 0 0;padding:10px 20px 12px}
.box-news .carousel-caption{margin:40px 0 0}
.box-wrapper .box .plus{margin:30px 0 0}
.box-wrapper .box h3{margin:25px 0 10px;font-size:14px}
.box-wrapper .box .image{max-width:500px}
.box-wrapper2 .box h3{margin:50px 0 19px}footer .adr1,footer .adr2{margin:0 0 0 47px}
footer.bottom .open p{padding:0} 
.box-wrapper{padding:48px 0}
.box-wrapper2{padding:50px 0 30px}
.slide-box-message .box{font-size:16px}
.wrapper h1{font-size:80px}
.box-wrapper .link-inst{right:calc(50% - 35px);bottom:90px}.box-wrapper2 .box .image{margin:16px 0 0 30px}.box-wrapper2 .link-inst{right:calc(50% - 450px);bottom:50px}
}
@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}
.nav1{display:none!important}
header.sticky-top .navbar-collapse{position:absolute;top:116%;left:50%;transform:translateX(-50%);width:100vw;background:var(--light-color);padding:10px;z-index:100}
header.sticky-top .level-0 > li:not(:first-child){margin-left:0}
header.sticky-top .navbar-collapse li a{text-align:center;padding:10px!important}
header.sticky-top .navbar-collapse li a:hover,header.sticky-top .navbar-collapse li a.focus{color:var(--bs-primary-color)!important}
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-secondary-bg)!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 a.nav-link::before{display:none}
header.sticky-top .cta1{text-shadow:0 0 0 var(--bs-tertiary-color)}
.navbar-toggler{margin:6px 10px 0 0}
.slide-box-message{top:80px!important;right:15px;text-align:center}
.banner .boxes{margin:0 auto;max-width:470px}
section.banner .carousel{left:0;top:auto;bottom:-50px;height:300px}
.homepage section.banner{height:875px}
.wrapper h1{font-size:65px;line-height:75px}
.photo-home{margin:0 auto 50px;float:none!important;display:table}
.box-news .carousel-caption{margin:0;max-width:100%;display:block !important;text-align:center}
.box-news .carousel-caption .news-title{margin:0 0 30px}
.box-news .carousel-caption .news-red-more{margin:30px auto 0}
.box-news .photo{margin:35px auto 0;float:none!important;display:table}
.box-wrapper .box{text-align:center}
.box-wrapper .box .image{margin:0 auto 30px;display:table;float:none!important}
.box-wrapper .box .plus{margin:30px auto 0}
.box-wrapper1 .box h2{font-size:90px;line-height:108px}
.box-wrapper2 .box .image{margin:16px auto 30px;float:none!important;display:table}
.box-wrapper2 .box{text-align:center}
.box-wrapper2 .box .plus{margin:30px auto 0}
footer .navbar-brand1{display:table!important;margin:0 auto}
footer .logo1{display:none}
footer.bottom .open .tiret{margin:0;display:block;height:0;opacity:0}
footer.bottom .open p{display:block!important}
footer.bottom .networks_linking{margin:24px auto 0;width:172px}
header.sticky-top .cta{top:56px}
  section.banner{height:640px}
.box-wrapper .link-inst{right:calc(50% - 233px);bottom:auto;top:282px}
.box-wrapper2 .link-inst{right:calc(50% - 220px);bottom:auto;top:474px}
}
@media only screen and (max-width : 767px) {
article.content .grid-gallery{grid-template-columns:repeat(2,1fr)}
.contactForm .contact-field-item{width:100%;padding:0!important}
.contactForm .contact-submit .btn-primary{float:left}
.phone{display:none}
span.phone-responsive{display:inline-block}
.slide-box-message a.cta{padding:10px 10px 12px}
.banner .boxes{max-width:450px}
.wrapper h1{font-size:45px;line-height:55px}
.wrapper h1 .sub-title{font-size:35px;line-height:35px}
.box-news h2{font-size:80px;line-height:80px;margin:0 0 35px}
.box-wrapper1 .box h3{font-size:20px}
.realisations .logos{grid-template-columns:repeat(3,1fr)}
footer.bottom .footer-adr{text-align:center;background:url(../images/icon-map.webp) no-repeat center 55px}
footer.bottom h3{margin:0 0 65px;text-align:center}
footer.bottom h3::before{left:calc(50% - 9px)}
footer .adr1,footer .adr2{margin:0}
footer .adr1{margin-bottom:15px!important}
footer.bottom .hour{margin:23px auto 0;background:url(../images/icon-open.webp) no-repeat center 50px;float:none!important;display:table}
footer #openingTimesBlock{margin:0}
footer.bottom .openingLine{margin:0 0 5px}
.box-wrapper1 .slogan strong{font-size:35px;letter-spacing:0}
.box-wrapper .link-inst{right:calc(50% - 210px);top:255px}.box-wrapper2 .link-inst{right:calc(50% - 220px);top:459px}
.news-article-photo-col{order:0}.img-fluid{margin:0 auto 30px}
}
@media only screen and (max-width : 480px) {
.contact-form .g-recaptcha{transform:scale(.8);width:250px;transform-origin:left}
article.content1 .grid-gallery{grid-template-columns:repeat(1,1fr)}
.g-recaptcha{width:280px;transform:scale(.8);transform-origin:left}
header.sticky-top .networks_linking::after{display:none}
.slide-box-message .slogan{font-size:20px;margin:30px 0}
.slide-box-message .slogan strong{margin:0;font-size:55px;line-height:60px}
.banner .boxes{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}
.slide-box-message a.cta{margin:0;grid-column:1/3}
.slide-box-message .box.box01{margin:0}
.slide-box-message .navbar-brand img{max-width:290px}
.homepage section.banner{height:800px}
article.content p{text-align:left!important}
.box-news h2{font-size:50px;line-height:50px}
.box-news::before{display:none}
.box-wrapper .box h2{font-size:65px}
.box-wrapper1 .box h2{font-size:60px;line-height:60px}
.box-wrapper2 .box h2{font-size:55px}
.realisations .logos{grid-template-columns:repeat(2,1fr)}
section.banner{height:560px}
.wrapper h1{font-size:40px}
.box-wrapper1 .slogan strong{font-size:25px}
article.content .grid-gallery{grid-template-columns:1fr}
.box-wrapper .link-inst{right:10%;top:24%}
.box-wrapper2 .link-inst{right:10%;top:24%}
.contactForm .contact-submit{float:none;margin:0 auto;display:table}
}
button.navbar-toggler::after,button.navbar-toggler::before{content:'';width:1.5em;background:var(--nav-mobile);position:absolute;left:0;height:2px;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:2px;background-image:none;background-color:var(--nav-mobile);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}